add eslint and stuff

.eslintrc

@@ -0,0 +1,11 @@
+{
+  "extends": "standard",
+  "globals": {
+    "$": false,
+    "Vue": false,
+    "_": false
+  },
+  "rules": {
+    "camelcase": ["off", { "properties": "never" }]
+  }
+}

package.json

@@ -14,6 +14,12 @@
         "axios": "^0.18",
         "bootstrap": "^4.0.0",
         "cross-env": "^5.1",
+        "eslint": "^5.3.0",
+        "eslint-config-standard": "^11.0.0",
+        "eslint-plugin-import": "^2.13.0",
+        "eslint-plugin-node": "^7.0.1",
+        "eslint-plugin-promise": "^3.8.0",
+        "eslint-plugin-standard": "^3.1.0",
         "jquery": "^3.2",
         "laravel-mix": "^2.0",
         "lodash": "^4.17.10",

resources/assets/js/base-setup.js

@@ -1,4 +1,4 @@
-window._ = require('./udash');
+window._ = require('./udash')
 window.Popper = require('popper.js').default
 
 /**

resources/assets/js/lib/url-slug.js

@@ -1,6 +1,6 @@
 // Source & more langs: https://gist.github.com/sgmurphy/3095196
 
-
+/* eslint-disable object-property-newline */
 const char_map = {
   // Latin
   'À': 'A', 'Á': 'A', 'Â': 'A', 'Ã': 'A', 'Ä': 'A', 'Å': 'A', 'Æ': 'AE', 'Ç': 'C',
@@ -27,8 +27,9 @@ const char_map = {
   'Ą': 'A', 'Ć': 'C', 'Ę': 'e', 'Ł': 'L', 'Ń': 'N', 'Ś': 'S', 'Ź': 'Z',
   'Ż': 'Z',
   'ą': 'a', 'ć': 'c', 'ę': 'e', 'ł': 'l', 'ń': 'n', 'ś': 's', 'ź': 'z',
-  'ż': 'z',
+  'ż': 'z'
 }
+/* eslint-enable object-property-newline */
 
 const alnum = new RegExp('[^a-z0-9]+', 'ig')
 
@@ -99,4 +100,4 @@ function url_slug (s, opt) {
   return opt.lowercase ? s.toLowerCase() : s
 }
 
-module.exports = url_slug;
+module.exports = url_slug

resources/assets/js/modules/dark-mode.js

@@ -1,35 +1,35 @@
 $(function () {
   // theme switcher without reloading
 
-  let themeStyle = $('#theme-style');
+  let themeStyle = $('#theme-style')
-  const lightURL = themeStyle.data('light-url');
+  const lightURL = themeStyle.data('light-url')
-  const darkURL = themeStyle.data('dark-url');
+  const darkURL = themeStyle.data('dark-url')
-  const navbar = $('.page-navbar');
+  const navbar = $('.page-navbar')
-  const logo = $('#navbar-logo');
+  const logo = $('#navbar-logo')
 
   window.toggleDarkMode = function () {
-    let newStyle = document.createElement('link');
+    let newStyle = document.createElement('link')
-    newStyle.rel = 'stylesheet';
+    newStyle.rel = 'stylesheet'
     if (themeStyle.attr('href') === lightURL) {
-      newStyle.href = darkURL;
+      newStyle.href = darkURL
-      navbar.removeClass('navbar-light');
+      navbar.removeClass('navbar-light')
-      navbar.addClass('navbar-dark');
+      navbar.addClass('navbar-dark')
-      logo.attr('src', logo.data('src-dark'));
+      logo.attr('src', logo.data('src-dark'))
 
-      document.cookie = "dark_mode=1";
+      document.cookie = 'dark_mode=1'
     } else {
-      newStyle.href = lightURL;
+      newStyle.href = lightURL
-      navbar.removeClass('navbar-dark');
+      navbar.removeClass('navbar-dark')
-      navbar.addClass('navbar-light');
+      navbar.addClass('navbar-light')
-      logo.attr('src', logo.data('src-light'));
+      logo.attr('src', logo.data('src-light'))
 
-      document.cookie = "dark_mode=0;expires=" + new Date().toUTCString();
+      document.cookie = 'dark_mode=0;expires=' + new Date().toUTCString()
     }
 
     // remove old css after new css has loaded to prevent FOUC
-    let oldThemeStyle = themeStyle;
+    let oldThemeStyle = themeStyle
-    themeStyle = $(newStyle);
+    themeStyle = $(newStyle)
-    themeStyle.on('load', () => oldThemeStyle.remove());
+    themeStyle.on('load', () => oldThemeStyle.remove())
-    $(document.head).append(themeStyle);
+    $(document.head).append(themeStyle)
-  };
+  }
-});
+})

resources/assets/js/udash.js

@@ -7,6 +7,6 @@ export { default as unset } from 'lodash/unset'
 export { default as isEmpty } from 'lodash/isEmpty'
 
 function isDefined (x) {
-  return typeof(x) !== 'undefined';
+  return typeof x !== 'undefined'
 }
 export { isDefined }

resources/assets/js/vue-init.js

@@ -1,8 +1,8 @@
-window.Vue = require('vue');
+window.Vue = require('vue')
 
-const ColumnEditorCtor = Vue.component('column-editor', require('./components/ColumnEditor.vue'));
+const ColumnEditorCtor = Vue.component('column-editor', require('./components/ColumnEditor.vue'))
-const RowsEditorCtor = Vue.component('rows-editor', require('./components/RowsEditor.vue'));
+const RowsEditorCtor = Vue.component('rows-editor', require('./components/RowsEditor.vue'))
-const IconCtor = Vue.component('v-icon', require('./components/Icon.vue'));
+const IconCtor = Vue.component('v-icon', require('./components/Icon.vue'))
 
 // const app = new Vue({
 //   el: '#app'
@@ -12,16 +12,16 @@ window.app = {
   ColumnEditor: function (selector, data) {
     new ColumnEditorCtor({
       propsData: data
-    }).$mount(selector);
+    }).$mount(selector)
   },
   RowsEditor: function (selector, data) {
     new RowsEditorCtor({
       propsData: data
-    }).$mount(selector);
+    }).$mount(selector)
   },
   Icon: function (selector, data) {
     new IconCtor({
       propsData: data
-    }).$mount(selector);
+    }).$mount(selector)
   }
 }