Initial commit

Author: reinink

.eslintrc.js

@@ -0,0 +1,17 @@
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+  },
+  extends: ['eslint:recommended'],
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  rules: {
+    indent: ['error', 2],
+    quotes: ['warn', 'single'],
+    semi: ['warn', 'never'],
+    'comma-dangle': ['warn', 'always-multiline'],
+  },
+}

.gitignore

@@ -0,0 +1,4 @@
+dist
+node_modules
+package-lock.json
+yarn.lock

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Jonathan Reinink <[email protected]>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@inertiajs/progress",
+  "version": "0.0.1",
+  "license": "MIT",
+  "description": "This package adds an NProgress page loading indicator to your Inertia.js app.",
+  "contributors": [
+    "Jonathan Reinink <[email protected]>"
+  ],
+  "source": "src/index.js",
+  "main": "dist/index.js",
+  "unpkg": "dist/index.umd.js",
+  "scripts": {
+    "build": "npm run build:cjs && npm run build:umd",
+    "build:cjs": "microbundle --format cjs",
+    "build:umd": "microbundle --format umd --name Inertia --external none",
+    "prepublishOnly": "npm run build",
+    "watch": "microbundle watch --format cjs"
+  },
+  "devDependencies": {
+    "eslint": "^6.1.0",
+    "microbundle": "^0.12.0"
+  },
+  "dependencies": {
+    "nprogress": "^0.2.0"
+  }
+}

readme.md

@@ -0,0 +1,21 @@
+# Inertia.js Progress
+
+This package adds an NProgress page loading indicator to your Inertia.js app.
+
+## Installation
+
+```bash
+npm install @inertiajs/progress
+yarn add @inertiajs/progress
+```
+
+Once it's been installed, initialize it in your app:
+
+```js
+import Progress from '@inertiajs/progress'
+
+Progress.init({
+  delay: 250,
+  showSpinner: false,
+})
+```

src/index.js

@@ -0,0 +1,35 @@
+import Nprogress from 'nprogress'
+
+export default {
+  delay: null,
+  timeout: null,
+
+  init({ delay = 250, showSpinner = false } = {}) {
+    this.delay = delay
+
+    Nprogress.configure({ showSpinner: showSpinner })
+
+    document.addEventListener('inertia:start', this.start.bind(this))
+    document.addEventListener('inertia:progress', this.progress.bind(this))
+    document.addEventListener('inertia:finish', this.finish.bind(this))
+  },
+
+  start() {
+    clearTimeout(this.timeout)
+    this.timeout = setTimeout(() => {
+      Nprogress.set(0)
+      Nprogress.start()
+    }, this.delay)
+  },
+
+  progress(event) {
+    if (event.detail.progress.completed) {
+      Nprogress.set(event.detail.progress.completed / 100 * .9)
+    }
+  },
+
+  finish() {
+    clearTimeout(this.timeout)
+    Nprogress.done()
+  },
+}