@abi-software/mapintegratedvuer 1.20.0 → 1.21.0

package/vite.bundle-build.js

@@ -7,13 +7,23 @@ export default defineConfig((configEnv) => {
   const config = rootConfig(configEnv);
   config.build = {
     lib: {
-      entry: path.resolve(__dirname, "./src/components/index.js"),
+      entry: path.resolve(import.meta.dirname, "./src/components/index.js"),
       name: "MapintegratedVuer",
       fileName: "mapintegratedvuer",
     },
     rollupOptions: {
-      external: ["vue", "pinia", "@abi-software/flatmapvuer", "@abi-software/plotvuer",
-        "@abi-software/scaffoldvuer", "@abi-software/simulationvuer"],
+      external: [
+        "vue",
+        "pinia",
+        "@abi-software/flatmapvuer",
+        "@abi-software/plotvuer",
+        "@abi-software/scaffoldvuer",
+        "@abi-software/simulationvuer",
+        "@abi-software/flatmapvuer/dist/style.css",
+        "@abi-software/plotvuer/dist/style.css",
+        "@abi-software/scaffoldvuer/dist/style.css",
+        "@abi-software/simulationvuer/dist/style.css",
+      ],
       output: {
         globals: {
           vue: "Vue",
@@ -23,9 +33,14 @@ export default defineConfig((configEnv) => {
           "@abi-software/scaffoldvuer": "scaffoldvuer",
           "@abi-software/simulationvuer": "simulationvuer",
         },
+        // keep css output name stable for the "./dist/style.css" export/import paths
+        assetFileNames: (assetInfo) =>
+          assetInfo.name?.endsWith(".css")
+            ? "style.css"
+            : "assets/[name][extname]",
       },
     },
   };
-  
+
   return config;
 })

package/vite.config.js

@@ -1,15 +1,21 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import Components from "unplugin-vue-components/vite";
 import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const pathSrc = path.resolve(__dirname, "./src");
+
 // https://vitejs.dev/config/
 export default defineConfig(({ command, mode }) => {
   const config = {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: `@use './src/assets/styles' as *;`,
+          api: 'modern-compiler',
+          additionalData: `@use '@/assets/styles' as *;`,
         },
       },
     },
@@ -36,11 +42,20 @@ export default defineConfig(({ command, mode }) => {
     optimizeDeps: {
       exclude: ["vue-router"],
     },
+    resolve: {
+      alias: {
+        "@": pathSrc,
+      },
+    },
   };
 
   if (command === "serve") {
     config.server = {
       port: 8081,
+      headers: {
+        "Cross-Origin-Opener-Policy": "same-origin",
+        "Cross-Origin-Embedder-Policy": "credentialless",
+      },
     };
     config.define = {
       "process.env.HTTP_PROXY": 8081,

package/dist/ConnectivityGraph-B2xlAebI.js

@@ -1,123 +0,0 @@
-import { _ as c, N as h, E as m } from "./index-B6Cnscja.js";
-import { C as y } from "./ContentMixin-jHFoA2A8.js";
-import { resolveComponent as p, openBlock as d, createElementBlock as l, createVNode as v } from "vue";
-const g = {
-  name: "ConnectivityGraph",
-  mixins: [y],
-  components: {
-    MapUtilitiesConnectivityGraph: h
-  },
-  computed: {
-    graphEntry() {
-      return this.entry.resource;
-    },
-    connectivityError() {
-      return {};
-    },
-    connectivityFromMap() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.connectivityFromMap) || null;
-    },
-    origins() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.origins) || [];
-    },
-    components() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.components) || [];
-    },
-    destinations() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.destinations) || [];
-    },
-    originsWithDatasets() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.originsWithDatasets) || [];
-    },
-    componentsWithDatasets() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.componentsWithDatasets) || [];
-    },
-    destinationsWithDatasets() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.destinationsWithDatasets) || [];
-    },
-    hasSingleConnectivityList() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.hasSingleConnectivityList) || !1;
-    },
-    originsCombinations() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.originsCombinations) || [];
-    },
-    componentsCombinations() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.componentsCombinations) || [];
-    },
-    destinationsCombinations() {
-      var t;
-      return ((t = this.entry.graphPayload) == null ? void 0 : t.destinationsCombinations) || [];
-    },
-    mapServer() {
-      return this.entry.mapServer || null;
-    },
-    sckanVersion() {
-      return this.entry.sckanVersion || null;
-    }
-  },
-  methods: {
-    onTapNode: function(t) {
-      const i = t.map((a) => a.label).join(", ");
-      this.onConnectivityHovered(i);
-    },
-    onConnectivityHovered: function(t) {
-      const i = {
-        connectivityInfo: this.entry.connectivityInfo,
-        label: t,
-        data: t ? this.getConnectivityDatasets(t) : []
-      };
-      m.emit("connectivity-hovered", i);
-    },
-    getConnectivityDatasets: function(t) {
-      var s;
-      const i = ((s = this.entry.graphPayload) == null ? void 0 : s.allWithDatasets) || [], a = t.split(",");
-      let o = [];
-      return a.forEach((n) => {
-        const e = i.find(
-          (r) => r.name.toLowerCase().trim() === n.toLowerCase().trim()
-        );
-        e && o.push({
-          id: e.id,
-          label: e.name
-        });
-      }), o;
-    }
-  }
-}, C = { class: "viewer-container" };
-function u(t, i, a, o, s, n) {
-  const e = p("MapUtilitiesConnectivityGraph");
-  return d(), l("div", C, [
-    v(e, {
-      entry: n.graphEntry,
-      mapServer: n.mapServer,
-      sckanVersion: n.sckanVersion,
-      connectivityFromMap: n.connectivityFromMap,
-      connectivityError: n.connectivityError,
-      origins: n.origins,
-      components: n.components,
-      destinations: n.destinations,
-      originsWithDatasets: n.originsWithDatasets,
-      componentsWithDatasets: n.componentsWithDatasets,
-      destinationsWithDatasets: n.destinationsWithDatasets,
-      hasSingleConnectivityList: n.hasSingleConnectivityList,
-      originsCombinations: n.originsCombinations,
-      componentsCombinations: n.componentsCombinations,
-      destinationsCombinations: n.destinationsCombinations,
-      onTapNode: n.onTapNode
-    }, null, 8, ["entry", "mapServer", "sckanVersion", "connectivityFromMap", "connectivityError", "origins", "components", "destinations", "originsWithDatasets", "componentsWithDatasets", "destinationsWithDatasets", "hasSingleConnectivityList", "originsCombinations", "componentsCombinations", "destinationsCombinations", "onTapNode"])
-  ]);
-}
-const W = /* @__PURE__ */ c(g, [["render", u], ["__scopeId", "data-v-70988bee"]]);
-export {
-  W as default
-};