Fuse-box client scripts integration + deps update

client/js/components/editor-video.js

@@ -1,4 +1,8 @@
-/* global $, Vue, mde, _ */
+'use strict'
+
+import $ from 'jquery'
+import Vue from 'vue'
+import _ from 'lodash'
 
 const videoRules = {
   'youtube': new RegExp(/(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|&v(?:i)?=))([^#&?]*).*/, 'i'),
@@ -6,43 +10,46 @@ const videoRules = {
   'dailymotion': new RegExp(/(?:dailymotion\.com(?:\/embed)?(?:\/video|\/hub)|dai\.ly)\/([0-9a-z]+)(?:[-_0-9a-zA-Z]+(?:#video=)?([a-z0-9]+)?)?/, 'i')
 }
 
-// Vue Video instance
+module.exports = (mde, mdeModalOpenState) => {
+  // Vue Video instance
 
-let vueVideo = new Vue({
-  el: '#modal-editor-video',
-  data: {
-    link: ''
-  },
-  methods: {
-    open: (ev) => {
-      $('#modal-editor-video').addClass('is-active')
-      $('#modal-editor-video input').focus()
+  let vueVideo = new Vue({
+    el: '#modal-editor-video',
+    data: {
+      link: ''
     },
-    cancel: (ev) => {
-      mdeModalOpenState = false // eslint-disable-line no-undef
-      $('#modal-editor-video').removeClass('is-active')
-      vueVideo.link = ''
-    },
-    insertVideo: (ev) => {
-      if (mde.codemirror.doc.somethingSelected()) {
-        mde.codemirror.execCommand('singleSelection')
+    methods: {
+      open: (ev) => {
+        $('#modal-editor-video').addClass('is-active')
+        $('#modal-editor-video input').focus()
+      },
+      cancel: (ev) => {
+        mdeModalOpenState = false // eslint-disable-line no-undef
+        $('#modal-editor-video').removeClass('is-active')
+        vueVideo.link = ''
+      },
+      insertVideo: (ev) => {
+        if (mde.codemirror.doc.somethingSelected()) {
+          mde.codemirror.execCommand('singleSelection')
+        }
+
+        // Guess video type
+
+        let videoType = _.findKey(videoRules, (vr) => {
+          return vr.test(vueVideo.link)
+        })
+        if (_.isNil(videoType)) {
+          videoType = 'video'
+        }
+
+        // Insert video tag
+
+        let videoText = '[video](' + vueVideo.link + '){.' + videoType + '}\n'
+
+        mde.codemirror.doc.replaceSelection(videoText)
+        vueVideo.cancel()
       }
-
-      // Guess video type
-
-      let videoType = _.findKey(videoRules, (vr) => {
-        return vr.test(vueVideo.link)
-      })
-      if (_.isNil(videoType)) {
-        videoType = 'video'
-      }
-
-      // Insert video tag
-
-      let videoText = '[video](' + vueVideo.link + '){.' + videoType + '}\n'
-
-      mde.codemirror.doc.replaceSelection(videoText)
-      vueVideo.cancel()
     }
-  }
-})
+  })
+  return vueVideo
+}