Fuse-box client scripts integration + deps update

2017-04-01 17:07:01 -04:00
parent f6c519c5dc
commit fe0c4ce0c0
23 changed files with 32342 additions and 64195 deletions
--- a/client/js/components/editor-codeblock.js
+++ b/client/js/components/editor-codeblock.js
@@ -1,6 +1,12 @@
-/* global $, Vue, ace, mde, _ */
+'use strict'
+
+import $ from 'jquery'
+import Vue from 'vue'
+import _ from 'lodash'
+import * as ace from 'brace'
+import 'brace/theme/tomorrow_night'
+import 'brace/mode/markdown'

-let modelist = ace.require('ace/ext/modelist')
 let codeEditor = null

 // ACE - Mode Loader
@@ -24,52 +30,56 @@ let loadAceMode = (m) => {

 // Vue Code Block instance

-let vueCodeBlock = new Vue({
-  el: '#modal-editor-codeblock',
-  data: {
-    modes: modelist.modesByName,
-    modeSelected: 'text',
-    initContent: ''
-  },
-  watch: {
-    modeSelected: (val, oldVal) => {
-      loadAceMode(val).done(() => {
-        ace.require('ace/mode/' + val)
-        codeEditor.getSession().setMode('ace/mode/' + val)
-      })
-    }
-  },
-  methods: {
-    open: (ev) => {
-      $('#modal-editor-codeblock').addClass('is-active')
-
-      _.delay(() => {
-        codeEditor = ace.edit('codeblock-editor')
-        codeEditor.setTheme('ace/theme/tomorrow_night')
-        codeEditor.getSession().setMode('ace/mode/' + vueCodeBlock.modeSelected)
-        codeEditor.setOption('fontSize', '14px')
-        codeEditor.setOption('hScrollBarAlwaysVisible', false)
-        codeEditor.setOption('wrap', true)
-
-        codeEditor.setValue(vueCodeBlock.initContent)
-
-        codeEditor.focus()
-        codeEditor.renderer.updateFull()
-      }, 300)
+module.exports = (mde, mdeModalOpenState) => {
+  let modelist = {} // ace.require('ace/ext/modelist')
+  let vueCodeBlock = new Vue({
+    el: '#modal-editor-codeblock',
+    data: {
+      modes: modelist.modesByName,
+      modeSelected: 'text',
+      initContent: ''
    },
-    cancel: (ev) => {
-      mdeModalOpenState = false  // eslint-disable-line no-undef
-      $('#modal-editor-codeblock').removeClass('is-active')
-      vueCodeBlock.initContent = ''
-    },
-    insertCode: (ev) => {
-      if (mde.codemirror.doc.somethingSelected()) {
-        mde.codemirror.execCommand('singleSelection')
+    watch: {
+      modeSelected: (val, oldVal) => {
+        loadAceMode(val).done(() => {
+          ace.require('ace/mode/' + val)
+          codeEditor.getSession().setMode('ace/mode/' + val)
+        })
      }
-      let codeBlockText = '\n```' + vueCodeBlock.modeSelected + '\n' + codeEditor.getValue() + '\n```\n'
+    },
+    methods: {
+      open: (ev) => {
+        $('#modal-editor-codeblock').addClass('is-active')

-      mde.codemirror.doc.replaceSelection(codeBlockText)
-      vueCodeBlock.cancel()
+        _.delay(() => {
+          codeEditor = ace.edit('codeblock-editor')
+          codeEditor.setTheme('ace/theme/tomorrow_night')
+          codeEditor.getSession().setMode('ace/mode/' + vueCodeBlock.modeSelected)
+          codeEditor.setOption('fontSize', '14px')
+          codeEditor.setOption('hScrollBarAlwaysVisible', false)
+          codeEditor.setOption('wrap', true)
+
+          codeEditor.setValue(vueCodeBlock.initContent)
+
+          codeEditor.focus()
+          codeEditor.renderer.updateFull()
+        }, 300)
+      },
+      cancel: (ev) => {
+        mdeModalOpenState = false  // eslint-disable-line no-undef
+        $('#modal-editor-codeblock').removeClass('is-active')
+        vueCodeBlock.initContent = ''
+      },
+      insertCode: (ev) => {
+        if (mde.codemirror.doc.somethingSelected()) {
+          mde.codemirror.execCommand('singleSelection')
+        }
+        let codeBlockText = '\n```' + vueCodeBlock.modeSelected + '\n' + codeEditor.getValue() + '\n```\n'
+
+        mde.codemirror.doc.replaceSelection(codeBlockText)
+        vueCodeBlock.cancel()
+      }
    }
-  }
-})
+  })
+  return vueCodeBlock
+}