Adds vue dev tools on development mode <<3 !

src/assets/js/block_search_bar_script.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/views/gutenberg-blocks/tainacan-items/search-bar/search-bar-theme-script.js"],"names":["document","addEventListener","form","getElementById","e","preventDefault","input","value","window","location","href","target","action"],"mappings":";QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;AClFAA,QAAQ,CAACC,gBAAT,CAA0B,kBAA1B,EAA6C,YAAM;AAC/C,MAAIC,IAAI,GAAGF,QAAQ,CAACG,cAAT,CAAwB,2BAAxB,CAAX;;AACA,MAAID,IAAJ,EAAU;AACNA,QAAI,CAACD,gBAAL,CAAsB,QAAtB,EAAiC,UAACG,CAAD,EAAO;AACpCA,OAAC,CAACC,cAAF;AACA,UAAIC,KAAK,GAAGN,QAAQ,CAACG,cAAT,CAAwB,iCAAxB,CAAZ;;AACA,UAAIG,KAAJ,EAAW;AACP,YAAIA,KAAK,CAACC,KAAV,EACIC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,GAAuBN,CAAC,CAACO,MAAF,CAASC,MAAT,GAAkB,KAAlB,GAA0BN,KAAK,CAACC,KAAvD;AACJ;AACH;AACJ,KARD;AASH;AACJ,CAbD,EAaG,KAbH,E","file":"block_search_bar_script.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./src/assets/js/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./src/views/gutenberg-blocks/tainacan-items/search-bar/search-bar-theme-script.js\");\n","document.addEventListener(\"DOMContentLoaded\",() => {\n    let form = document.getElementById('tainacan-search-bar-block');\n    if (form) {\n        form.addEventListener('submit', ((e) => {\n            e.preventDefault();\n            let input = document.getElementById('tainacan-search-bar-block_input');\n            if (input) {\n                if (input.value)\n                    window.location.href = e.target.action + '?s=' + input.value;\n                return;\n            }\n        })); \n    } \n}, false);        "],"sourceRoot":""}

src/views/admin/js/main.js

@@ -11,6 +11,9 @@ import draggable from 'vuedraggable';
 import VueTheMask from 'vue-the-mask';
 import cssVars from 'css-vars-ponyfill';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 // Metadata Types
 import Text from '../components/metadata-types/text/Text.vue';
 import Textarea from '../components/metadata-types/textarea/Textarea.vue';

src/views/admin/js/store/store.js

@@ -15,6 +15,8 @@ import exporter from './modules/exporter';
 import exposer from './modules/exposer';
 import capability from './modules/capability';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
 Vue.use(Vuex);
 
 export default new Vuex.Store({

src/views/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list-theme.js

@@ -1,6 +1,9 @@
 import Vue from 'vue';
 import CarouselCollectionsListTheme from './carousel-collections-list-theme.vue';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 // This is rendered on the theme side.
 document.addEventListener("DOMContentLoaded", () => {
 

src/views/gutenberg-blocks/tainacan-facets/facets-list/facets-list-theme.js

@@ -1,6 +1,9 @@
 import Vue from 'vue';
 import FacetsListTheme from './facets-list-theme.vue';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 // This is rendered on the theme side.
 document.addEventListener("DOMContentLoaded", () => {
 

src/views/gutenberg-blocks/tainacan-items/carousel-items-list/carousel-items-list-theme.js

@@ -1,6 +1,9 @@
 import Vue from 'vue';
 import CarouselItemsListTheme from './carousel-items-list-theme.vue';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 // This is rendered on the theme side.
 document.addEventListener("DOMContentLoaded", () => {
 

src/views/gutenberg-blocks/tainacan-items/dynamic-items-list/dynamic-items-list-theme.js

@@ -1,6 +1,9 @@
 import Vue from 'vue';
 import DynamicItemsListTheme from './dynamic-items-list-theme.vue';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 // This is rendered on the theme side.
 document.addEventListener("DOMContentLoaded", () => {
     

src/views/gutenberg-blocks/tainacan-terms/carousel-terms-list/carousel-terms-list-theme.js

@@ -1,6 +1,9 @@
 import Vue from 'vue';
 import CarouselTermsListTheme from './carousel-terms-list-theme.vue';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 // This is rendered on the theme side.
 document.addEventListener("DOMContentLoaded", () => {
 

src/views/item-submission/js/item-submission-main.js

@@ -5,6 +5,9 @@ import VTooltip from 'v-tooltip';
 import cssVars from 'css-vars-ponyfill';
 import VueTheMask from 'vue-the-mask';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 // Metadata Types
 import Text from '../../admin/components/metadata-types/text/Text.vue';
 import Textarea from '../../admin/components/metadata-types/textarea/Textarea.vue';

src/views/roles/js/roles-main.js

@@ -3,6 +3,9 @@ import store from '../../admin/js/store/store';
 import router from './roles-router';
 import VTooltip from 'v-tooltip';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 import { I18NPlugin } from './wp-i18n-plugin';
 
 import RolesPage from '../roles.vue';

src/views/theme-search/js/theme-main.js

@@ -6,6 +6,9 @@ import VueMasonry from 'vue-masonry-css';
 import cssVars from 'css-vars-ponyfill';
 import qs from 'qs';
 
+// Vue Dev Tools!
+Vue.config.devtools = process && process.env && process.env.NODE_ENV === 'development';
+
 // Filters
 import FilterNumeric from '../../admin/components/filter-types/numeric/Numeric.vue';
 import FilterDate from '../../admin/components/filter-types/date/Date.vue';

webpack.dev.js

@@ -5,7 +5,7 @@ const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPl
 
 module.exports = merge(common, {
     mode: 'development',
-    devtool: 'inline-source-map',
+    devtool: 'source-map',
     plugins: [
         new VueLoaderPlugin(),
         new BundleAnalyzerPlugin({