@abi-software/simulationvuer 4.0.4 → 4.1.0

package/eslint.config.js

@@ -0,0 +1,40 @@
+import js from "@eslint/js";
+import prettier from "eslint-plugin-prettier";
+import prettierConfig from "eslint-config-prettier";
+import vue from "eslint-plugin-vue";
+import globals from "globals";
+
+export default [
+  {
+    ignores: ["dist/**", "docs/.vitepress/**", "docs/components/**"],
+  },
+  js.configs.recommended,
+  ...vue.configs["flat/essential"],
+  prettierConfig,
+  {
+    files: ["**/*.{js,vue}"],
+    plugins: {
+      prettier,
+    },
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.node,
+        ...globals.browser,
+      },
+    },
+    rules: {
+      "prettier/prettier": "error",
+      "arrow-body-style": "off",
+      "prefer-arrow-callback": "off",
+      "no-unused-vars": [
+        "error",
+        {
+          argsIgnorePattern: "^_",
+          caughtErrorsIgnorePattern: "^_",
+        },
+      ],
+    },
+  },
+];

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@abi-software/simulationvuer",
-  "version": "4.0.4",
+  "version": "4.1.0",
   "private": false,
+  "engines": {
+    "node": ">=20"
+  },
   "scripts": {
     "serve": "vite serve --host --force",
     "build-bundle": "vite build",
@@ -10,7 +13,7 @@
     "vuese-watch": "node vuese-generator.js watch",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
-    "lint": "eslint . --ext .js,.vue",
+    "lint": "eslint .",
     "release:beta": "npm version prerelease --preid=beta; npm publish --tag beta",
     "release:minor": "npm version minor; npm publish",
     "release:patch": "npm version patch;  npm publish",
@@ -20,56 +23,41 @@
     "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
-    "@abi-software/plotvuer": "1.0.7",
-    "@opencor/opencor": "^0.20260803.0",
-    "element-plus": "2.8.4",
+    "@abi-software/plotvuer": "1.2.0",
+    "@opencor/opencor": "^0.20260804.0",
+    "element-plus": "^2.14.5",
     "jsonschema": "^1.5.0",
     "mathjs": "^15.2.0",
-    "unplugin-vue-components": "^0.26.0",
-    "vue": "3.4.21"
+    "vue": "^3.5.41",
+    "vue-router": "^5.2.0"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.29.7",
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@babel/eslint-parser": "^8.0.1",
+    "@eslint/js": "^10.0.1",
+    "@vitejs/plugin-vue": "^6.0.8",
     "@vuese/markdown-render": "^2.11.3",
-    "babel-eslint": "^10.1.0",
     "babel-plugin-component": "^1.1.1",
     "base64-inline-loader": "^2.0.1",
-    "chokidar": "^3.6.0",
-    "concurrently": "^8.2.2",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.2",
+    "chokidar": "^5.0.0",
+    "concurrently": "^9.2.4",
+    "globals": "^17.11.0",
+    "eslint": "^10.9.1",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.6",
-    "eslint-plugin-vue": "^9.33.0",
-    "jsonschema": "^1.5.0",
-    "mathjs": "^15.2.0",
+    "eslint-plugin-vue": "^10.10.0",
     "prettier": "^3.9.6",
-    "sass": "^1.102.0",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.4.21",
+    "sass": "^1.103.1",
+    "unplugin-vue-components": "^32.1.0",
+    "vite": "^8.2.1",
     "vitepress": "^1.6.4",
-    "vue-docgen-api": "^4.79.2",
-    "vue-router": "4.2.5",
-    "webpack-node-externals": "^2.5.2"
+    "vue-docgen-api": "^4.79.2"
   },
-  "eslintConfig": {
-    "root": true,
-    "plugins": [
-      "prettier"
-    ],
-    "extends": [
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:vue/essential"
-    ],
-    "env": {
-      "node": true
-    },
-    "parserOptions": {
-      "parser": "@babel/eslint-parser",
-      "requireConfigFile": false
-    },
-    "rules": {}
+  "optionalDependencies": {
+    "@esbuild/darwin-arm64": "0.28.2",
+    "@esbuild/linux-x64": "0.28.2",
+    "@rollup/rollup-darwin-arm64": "4.63.0",
+    "@rollup/rollup-linux-x64-gnu": "4.63.0",
+    "@rollup/rollup-win32-x64-msvc": "4.63.0"
   },
   "browserslist": [
     "> 1%",

package/src/assets/styles.scss

@@ -1,6 +1,7 @@
-@import url("https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap");
+@use "_variables" as *;
+@forward "_variables";
 
-@import "_variables";
+@import url("https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap");
 
 /* icon font path, required */
 $--color-primary: $app-primary-color !default;

package/src/components.d.ts

@@ -1,10 +1,14 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
+
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     ElButton: typeof import('element-plus/es')['ElButton']
@@ -18,7 +22,7 @@ declare module 'vue' {
     SimulationVuer: typeof import('./components/SimulationVuer.vue')['default']
     SimulationVuerInput: typeof import('./components/SimulationVuerInput.vue')['default']
   }
-  export interface ComponentCustomProperties {
+  export interface GlobalDirectives {
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']
   }
 }

package/vite.config.js

@@ -16,6 +16,14 @@ const libopencorDir = path.resolve(
 
 export default defineConfig(({ command, mode }) => {
   const config = {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          api: "modern-compiler",
+          additionalData: `@use '@/assets/styles' as *;`,
+        },
+      },
+    },
     plugins: [
       vue(),
       Components({
@@ -31,53 +39,23 @@ export default defineConfig(({ command, mode }) => {
         dts: "src/components.d.ts",
       }),
 
-      // Resolve the libopencor.js import URL in @opencor/opencor's opencor.es.js so that it works for all consumers
-      // (not just Vite projects) and this without server configuration.
+      // Serve libOpenCOR for OpenCOR's runtime probe.
       //
-      // In @opencor/opencor, the code uses:
-      //   new URL("./libopencor/wasm/<version>/libopencor.js", window.location.href).href
+      // In @opencor/opencor, opencor.es.js locates its glue code at runtime:
+      //   new URL("libopencor/downloads/wasm/<version>/libopencor.js", document.baseURI).href
+      // and fetches that same-origin path (HEAD) before falling back to opencor.ws. The WASM is always loaded from a
+      // hardcoded opencor.ws base via locateFile. The probe is evaluated at runtime and the glue is imported
+      // dynamically (with @vite-ignore), so there is no static URL for Vite to rewrite.
       //
-      // This resolves relative to the page URL, requiring the server to host libopencor.js at a page-relative path
-      // (which doesn't work for library consumers or static builds).
-      //
-      // We fix this by:
-      //   - Dev (serve): rewriting to "/libopencor/libopencor.js", served by the middleware below.
-      //   - Build (lib): rewriting to use import.meta.url, so the import resolves relative to simulationvuer.js's URL
-      //                  (same directory, libopencor.js is copied alongside it via closeBundle).
+      // The probe is satisfied by:
+      //   - Dev (serve): serving "/libopencor/*" from the installed package via the middleware below, so the probe
+      //                  resolves same-origin (required for pthread Workers).
+      //   - Build (lib): copying the package's libOpenCOR dir to dist/libopencor via closeBundle, so the
+      //                  document-relative probe hits when the page is served from the dist root (otherwise OpenCOR
+      //                  falls back to opencor.ws).
 
       {
         name: "opencor-libopencor",
-        transform(code, id) {
-          if (id.includes("@opencor/opencor") && id.endsWith("opencor.es.js")) {
-            const importRegex =
-              /(\/\*\s*@vite-ignore\s*\*\/[\s\n]*)(new URL\("(\.\/libopencor\/wasm\/[^/]+\/libopencor\.js)",\s*window\.location\.href\)\.href)/g;
-            const res = code.replace(
-              importRegex,
-              (_match, prefix, _urlExpr, urlPath) => {
-                if (command === "serve") {
-                  // Dev mode: absolute path served by the middleware below.
-
-                  return `${prefix}"/libopencor/libopencor.js"`;
-                }
-
-                // Build mode: resolve relative to the bundle's own URL.
-                // Note: we use replace() instead of new URL(..., import.meta.url) to avoid Vite's asset handler, which
-                //       would inline the file as a data: URL (which breaks Emscripten's pthread Worker creation). At
-                //       runtime, import.meta.url points to simulationvuer.js and the derived path correctly reaches
-                //       libopencor in the same directory (copied alongside by closeBundle).
-
-                return `${prefix}import.meta.url.replace(/[^/]*$/, "") + ${JSON.stringify(urlPath.substring(2))}`;
-              },
-            );
-
-            if (res !== code) {
-              return {
-                code: res,
-                map: null,
-              };
-            }
-          }
-        },
         configureServer(server) {
           // Serve libopencor files from @opencor/opencor during development so the dynamic import in opencor.es.js
           // resolves same-origin (required for pthread Workers).
@@ -178,18 +156,19 @@ export default defineConfig(({ command, mode }) => {
           });
         },
         closeBundle() {
-          // Copy libopencor alongside the built JavaScript file so that the dynamic import (using import.meta.url as
-          // base) resolves correctly. App mode puts the built JavaScript file in dist/assets while lib mode puts it in
-          // dist.
+          // Copy liboOpenCOR to the dist root (dist/libopencor) so that OpenCOR's document-relative probe
+          // (`<baseURI>/libopencor/downloads/wasm/<version>/libopencor.js`) resolves: in app mode, dist is the
+          // deployment root, and in lib mode the probed files ship in the package for consumers that serve them at the
+          // page root (everyone else falls back to opencor.ws).
 
           if (!fs.existsSync(libopencorDir)) {
             return;
           }
 
-          const distDir = path.resolve(__dirname, "dist");
-          const targetDir = fs.existsSync(path.join(distDir, "assets"))
-            ? path.join(distDir, "assets", "libopencor")
-            : path.join(distDir, "libopencor");
+          const targetDir = path.join(
+            path.resolve(__dirname, "dist"),
+            "libopencor",
+          );
 
           fs.cpSync(libopencorDir, targetDir, { recursive: true, force: true });
         },
@@ -217,11 +196,17 @@ export default defineConfig(({ command, mode }) => {
                   "@abi-software/svg-sprite": "@abi-software/svg-sprite",
                   "@abi-software/plotvuer": "@abi-software/plotvuer",
                 },
+                // keep css output name stable for the "./dist/style.css" export/import paths
+                assetFileNames: (assetInfo) =>
+                  assetInfo.name?.endsWith(".css")
+                    ? "style.css"
+                    : "assets/[name][extname]",
               },
             },
           },
     resolve: {
       alias: {
+        "@": pathSrc,
         "~/": `${pathSrc}/`,
       },
     },