@aiot-toolkit/aiotpack 2.1.0-prender.7 → 2.1.0-prender.8

package/lib/compiler/javascript/ViteCompiler.js

@@ -238,6 +238,30 @@ class ViteCompiler {
             }
           },
           plugins: [{
+            name: 'image-asset-string',
+            enforce: 'pre',
+            load(id) {
+              // require("./x.png") in .ux <script> must resolve to a path string,
+              // matching webpack file-loader / vivo blueos-pack semantics. Without
+              // this hook rolldown treats each image as an ES module and emits
+              // `(init_x(), __toCommonJS(x_exports))` — the site assigns
+              // `{ default: fn }` to src and runtime cannot render.
+              const match = id.match(/\.(png|jpe?g|gif|svg|webp|bmp|ico)(\?.*)?$/i);
+              if (!match) return null;
+              const filePath = id.replace(/\?.*$/, '');
+              if (!_fsExtra.default.existsSync(filePath)) return null;
+              const relFromSrc = _path.default.relative(srcPath, filePath).split(_path.default.sep).join('/');
+              // Assets outside src/ (typically node_modules) fall through to the
+              // default asset handler — the caller is responsible for their path
+              // resolution. Vivo blueos-pack + webpack file-loader use rpk-root
+              // absolute paths (`/common/...`, `/dynamicAssets/name-hash.png`);
+              // runtime <image src> resolves against the rpk root, so relative
+              // `./common/...` from a nested page directory would misdirect.
+              if (relFromSrc.startsWith('..')) return null;
+              const runtimePath = '/' + relFromSrc;
+              return `module.exports = ${JSON.stringify(runtimePath)};`;
+            }
+          }, {
             name: "cjs-shim",
             enforce: "pre",
             load(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiot-toolkit/aiotpack",
-  "version": "2.1.0-prender.7",
+  "version": "2.1.0-prender.8",
   "description": "The process tool for packaging aiot projects.",
   "keywords": [
     "aiotpack"
@@ -19,16 +19,16 @@
     "test": "node ./__tests__/aiotpack.test.js"
   },
   "dependencies": {
-    "@aiot-toolkit/generator": "2.1.0-prender.7",
-    "@aiot-toolkit/parser": "2.1.0-prender.7",
-    "@aiot-toolkit/shared-utils": "2.1.0-prender.7",
+    "@aiot-toolkit/generator": "2.1.0-prender.8",
+    "@aiot-toolkit/parser": "2.1.0-prender.8",
+    "@aiot-toolkit/shared-utils": "2.1.0-prender.8",
     "@hap-toolkit/aaptjs": "^2.0.0",
     "@rspack/core": "^1.3.9",
     "acorn": "^8.16.0",
     "aiot-parse5": "^1.0.2",
     "astring": "^1.9.0",
     "babel-loader": "^9.1.3",
-    "file-lane": "2.1.0-prender.7",
+    "file-lane": "2.1.0-prender.8",
     "file-loader": "^6.2.0",
     "fs-extra": "^11.2.0",
     "jsrsasign": "^11.1.0",