refactor: removed 1.x client files

client/js/app.js

@@ -13,12 +13,14 @@ import { ApolloLink } from 'apollo-link'
 import { createApolloFetch } from 'apollo-fetch'
 import { BatchHttpLink } from 'apollo-link-batch-http'
 import { InMemoryCache } from 'apollo-cache-inmemory'
+import Hammer from 'hammerjs'
 import store from './store'
 
 // ====================================
 // Load Modules
 // ====================================
 
+import boot from './modules/boot'
 import localization from './modules/localization'
 
 // ====================================
@@ -27,47 +29,14 @@ import localization from './modules/localization'
 
 import helpers from './helpers'
 
-// ====================================
-// Load Vue Components
-// ====================================
-
-import alertComponent from './components/alert.vue'
-import anchorComponent from './components/anchor.vue'
-import colorPickerComponent from './components/color-picker.vue'
-import editorCodeblockComponent from './components/editor-codeblock.vue'
-import editorFileComponent from './components/editor-file.vue'
-import editorVideoComponent from './components/editor-video.vue'
-import historyComponent from './components/history.vue'
-import loadingSpinnerComponent from './components/loading-spinner.vue'
-import loginComponent from './components/login.vue'
-import modalCreatePageComponent from './components/modal-create-page.vue'
-import modalCreateUserComponent from './components/modal-create-user.vue'
-import modalDeletePageComponent from './components/modal-delete-page.vue'
-import modalDeleteUserComponent from './components/modal-delete-user.vue'
-import modalDiscardPageComponent from './components/modal-discard-page.vue'
-import modalMovePageComponent from './components/modal-move-page.vue'
-import modalProfile2faComponent from './components/modal-profile-2fa.vue'
-import modalUpgradeSystemComponent from './components/modal-upgrade-system.vue'
-import navigatorComponent from './components/navigator.vue'
-import pageLoaderComponent from './components/page-loader.vue'
-import searchComponent from './components/search.vue'
-import toggleComponent from './components/toggle.vue'
-import treeComponent from './components/tree.vue'
-
-import adminEditUserComponent from './pages/admin-edit-user.component.js'
-import adminProfileComponent from './pages/admin-profile.component.js'
-import adminSettingsComponent from './pages/admin-settings.component.js'
-import adminThemeComponent from './pages/admin-theme.component.js'
-import contentViewComponent from './pages/content-view.component.js'
-import editorComponent from './components/editor.component.js'
-import sourceViewComponent from './pages/source-view.component.js'
-
 // ====================================
 // Initialize Global Vars
 // ====================================
 
 window.wiki = null
+window.boot = boot
 window.CONSTANTS = CONSTANTS
+window.Hammer = Hammer
 
 // ====================================
 // Initialize Apollo Client (GraphQL)
@@ -128,38 +97,12 @@ Vue.use(VeeValidate, {
 // Register Vue Components
 // ====================================
 
-Vue.component('alert', alertComponent)
-Vue.component('adminEditUser', adminEditUserComponent)
-Vue.component('adminProfile', adminProfileComponent)
-Vue.component('adminSettings', adminSettingsComponent)
-Vue.component('adminTheme', adminThemeComponent)
-Vue.component('anchor', anchorComponent)
-Vue.component('colorPicker', colorPickerComponent)
-Vue.component('contentView', contentViewComponent)
-Vue.component('editor', editorComponent)
-Vue.component('editorCodeblock', editorCodeblockComponent)
-Vue.component('editorFile', editorFileComponent)
-Vue.component('editorVideo', editorVideoComponent)
-Vue.component('history', historyComponent)
-Vue.component('loadingSpinner', loadingSpinnerComponent)
-Vue.component('login', loginComponent)
-Vue.component('modalCreatePage', modalCreatePageComponent)
-Vue.component('modalCreateUser', modalCreateUserComponent)
-Vue.component('modalDeletePage', modalDeletePageComponent)
-Vue.component('modalDeleteUser', modalDeleteUserComponent)
-Vue.component('modalDiscardPage', modalDiscardPageComponent)
-Vue.component('modalMovePage', modalMovePageComponent)
-Vue.component('modalProfile2fa', modalProfile2faComponent)
-Vue.component('modalUpgradeSystem', modalUpgradeSystemComponent)
-Vue.component('navigator', navigatorComponent)
-Vue.component('pageLoader', pageLoaderComponent)
-Vue.component('search', searchComponent)
+Vue.component('login', () => import(/* webpackMode: "eager" */ './components/login.vue'))
+Vue.component('navigator', () => import(/* webpackMode: "eager" */ './components/navigator.vue'))
 Vue.component('setup', () => import(/* webpackChunkName: "setup" */ './components/setup.vue'))
-Vue.component('sourceView', sourceViewComponent)
-Vue.component('toggle', toggleComponent)
-Vue.component('tree', treeComponent)
+Vue.component('toggle', () => import(/* webpackMode: "eager" */ './components/toggle.vue'))
 
-document.addEventListener('DOMContentLoaded', ev => {
+let bootstrap = () => {
   // ====================================
   // Notifications
   // ====================================
@@ -178,16 +121,15 @@ document.addEventListener('DOMContentLoaded', ev => {
     components: {},
     mixins: [helpers],
     store,
-    i18n,
-    methods: {
-      changeTheme(opts) {
-        this.$el.className = `has-stickynav is-primary-${opts.primary} is-alternate-${opts.alt}`
-        this.$refs.header.className = `nav is-${opts.primary}`
-        this.$refs.footer.className = `footer is-${opts.footer}`
-      }
-    }
+    i18n
   })
 
+  // ----------------------------------
+  // Dispatch boot ready
+  // ----------------------------------
+
+  window.boot.notify('vue')
+
   // ====================================
   // Load Icons
   // ====================================
@@ -195,4 +137,6 @@ document.addEventListener('DOMContentLoaded', ev => {
   import(/* webpackChunkName: "icons" */ '../svg/icons.svg').then(icons => {
     document.body.insertAdjacentHTML('beforeend', icons)
   })
-})
+}
+
+window.boot.onDOMReady(bootstrap)