@abi-software/scaffoldvuer 0.1.53-beta.1 → 0.1.53-wc

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.1.53-beta.1",
+  "version": "0.1.53-wc",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -12784,9 +12784,9 @@
           }
         },
         "terser": {
-          "version": "5.14.1",
-          "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.1.tgz",
-          "integrity": "sha512-+ahUAE+iheqBTDxXhTisdA8hgvbEG1hHOQ9xmNjeUJSoi6DU/gMrKNcfZjHkyY6Alnuyc+ikYJaxxfHkT3+WuQ==",
+          "version": "5.15.0",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-5.15.0.tgz",
+          "integrity": "sha512-L1BJiXVmheAQQy+as0oF3Pwtlo4s3Wi1X2zNZ2NxOB4wx9bdS9Vk67XQENLFdLYGCK/Z2di53mTj/hBafR+dTA==",
           "dev": true,
           "requires": {
             "@jridgewell/source-map": "^0.3.2",
@@ -12796,9 +12796,9 @@
           },
           "dependencies": {
             "acorn": {
-              "version": "8.7.1",
-              "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz",
-              "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==",
+              "version": "8.8.0",
+              "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
+              "integrity": "sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==",
               "dev": true
             }
           }
@@ -14728,9 +14728,9 @@
       }
     },
     "terser": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.0.tgz",
-      "integrity": "sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==",
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
+      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
       "dev": true,
       "requires": {
         "commander": "^2.20.0",
@@ -15645,6 +15645,11 @@
         "webpack-merge": "^4.2.2"
       }
     },
+    "vue-custom-element": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/vue-custom-element/-/vue-custom-element-3.3.0.tgz",
+      "integrity": "sha512-ePuy1EDDJd9/piwXLwsCyMQ964HsdhXPzypM9OX0r4JBa20EVN28U7RXeTWwXkoFKim/b3sP7xT2NEM0Di6tUQ=="
+    },
     "vue-docgen-api": {
       "version": "4.47.0",
       "resolved": "https://registry.npmjs.org/vue-docgen-api/-/vue-docgen-api-4.47.0.tgz",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.1.53-beta.1",
+  "version": "0.1.53-wc",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -10,10 +10,11 @@
     "serve": "vue-cli-service serve --port 8081",
     "lint": "vue-cli-service lint --ext .js,.vue src",
     "build-bundle": "vue-cli-service build --target lib --name scaffoldvuer ./src/components/index.js",
+    "build-wc": "vue-cli-service build --target lib --name scaffoldvuer-wc ./src/ScaffoldVuer-wc.js --mode production --env bundle",
     "styleguide": "vue-cli-service styleguidist",
     "styleguide:build": "vue-cli-service styleguidist:build"
   },
-  "main": "./dist/scaffoldvuer.common.js",
+  "main": "./dist/scaffoldvuer-wc.umd.min.js",
   "files": [
     "dist/*",
     "src/*",
@@ -31,6 +32,7 @@
     "lodash": "^4.17.21",
     "query-string": "^6.11.1",
     "vue": "^2.6.10",
+    "vue-custom-element": "^3.3.0",
     "vue-drag-resize": "^1.3.2",
     "vue-router": "^3.5.1",
     "zincjs": "^1.0.3"

package/src/App.vue

@@ -365,10 +365,11 @@ export default {
     onReady: function() {
       console.log("ready")
       this.$refs.dropzone.revokeURLs();
-      const names = ["left ventricle.mesh2d", "right ventricle.mesh2d"];
-      this.$refs.scaffold.changeActiveByName(names, "", false);
+      //const names = ["left ventricle.mesh2d", "right ventricle.mesh2d"];
+      //this.$refs.scaffold.changeActiveByName(names, "", true);
     },
     onSelected: function(data) {
+      console.log(data)
       if (data && (data.length > 0) && data[0].data.group) {
         delete this.$route.query["viewURL"];
         this.$router.replace({

package/src/ScaffoldVuer-wc.js

@@ -0,0 +1,14 @@
+import Vue from 'vue'
+import vueCustomElement from 'vue-custom-element';
+
+Vue.use(vueCustomElement);
+
+import ScaffoldVuer from "./components/ScaffoldVuer.vue";
+
+Vue.customElement("scaffoldvuer-wc", ScaffoldVuer);
+
+/*
+const wrappedElement = wrap(Vue, ScaffoldVuer);
+
+window.customElements.define("scaffoldvuer-wc", wrappedElement);
+*/

package/vue.config.js

@@ -1,11 +1,6 @@
-const nodeExternals = require('webpack-node-externals');
+//const nodeExternals = require('webpack-node-externals');
 
 module.exports = {
-  configureWebpack: config => {
-    if(process.env.NODE_ENV === 'production') {
-      config.externals =  [ nodeExternals({allowlist: [/^element-ui/]}) ];
-    }
-  },
   chainWebpack: config => {
     // GraphQL Loader
     config.module
@@ -28,6 +23,8 @@ module.exports = {
       .end()
   },
   css: {
+    sourceMap: true,
+    extract: false,
     //Import variables into all stylesheets.
     loaderOptions: {
       sass: {