Unminifiy assets to allow for development debugging and replace gulp/…

…elixir with webpack/laravel-mix

mix-manifest.json

@@ -0,0 +1,4 @@
+{
+    "/public/js/media-manager.js": "/public/js/media-manager.js",
+    "/public/css/media-manager.css": "/public/css/media-manager.css"
+}

package.json

@@ -1,22 +1,25 @@
 {
   "private": true,
   "scripts": {
-    "prod": "gulp --production",
-    "dev": "gulp watch"
+    "dev": "npm run development",
+    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch-poll": "npm run watch -- --watch-poll",
+    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "prod": "npm run production",
+    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
   },
-  "dependencies": {
+  "devDependencies": {
     "axios": "^0.16.2",
     "bootstrap-notify": "^3.1.3",
     "dropzone": "^4.3.0",
     "gulp": "^3.9.1",
     "hammerjs": "^2.0.8",
-    "jquery": "^3.1.0",
-    "laravel-elixir": "^6.0.0-9",
-    "laravel-elixir-vue-2": "^0.2.0",
-    "laravel-elixir-webpack-official": "^1.0.8",
+    "cross-env": "^5.0.1",
+    "laravel-mix": "^1.0",
     "lodash": "^4.16.2",
     "moment": "^2.17.1",
-    "vue": "^2.3.2",
+    "vue": "^2.3.0",
     "vue-touch2": "^1.0.0"
   }
 }

resources/assets/js/base.js

@@ -22,17 +22,14 @@ window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
  * a simple convenience so we don't have to attach every token manually.
  */
 
-if (Laravel.csrfToken) {
-    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = Laravel.csrfToken;
-} else {
-
-    let token = document.head.querySelector('meta[name="csrf-token"]');
+let token = document.head.querySelector('meta[name="csrf-token"]');
 
-    if (token) {
-        window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
-    } else {
-        console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
-    }
+if (token) {
+    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
+} else if(Laravel){
+    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = Laravel.csrfToken;
+}else{
+    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
 }
 
 /**

resources/assets/js/components/MediaManager.vue

@@ -487,7 +487,7 @@
                     uploadMultiple: true,
                     url: `${this.prefix}browser/file`,
                     headers: {
-                        "X-CSRF-TOKEN": window.Laravel.csrfToken
+                        "X-CSRF-TOKEN": window.axios.defaults.headers.common['X-CSRF-TOKEN']
                     },
 
                     sending: (file, xhr, form) => {

resources/assets/sass/media-manager.scss

@@ -1,4 +1,5 @@
 @import 'icon-code.scss';
+@import "animate";
 @import "dropzone";
 
 $editor-height: 60vh;

webpack.mix.js

@@ -0,0 +1,5 @@
+let mix = require('laravel-mix');
+
+mix.sass('resources/assets/sass/media-manager.scss', 'public/css/')
+    .js('resources/assets/js/media-manager.js', 'public/js/')
+    .copy('resources/assets/fonts', 'public/fonts/')