@aippy/vite-plugins 0.2.6 → 0.2.7-dev.1

package/dist/asset-constants/index.js

@@ -1,50 +1,50 @@
-var C = Object.defineProperty;
-var v = (a, s, t) => s in a ? C(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var f = (a, s, t) => v(a, typeof s != "symbol" ? s + "" : s, t);
+var U = Object.defineProperty;
+var I = (i, s, t) => s in i ? U(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
+var d = (i, s, t) => I(i, typeof s != "symbol" ? s + "" : s, t);
 import { promises as g } from "fs";
-import d from "path";
-import { parse as N } from "@babel/parser";
-import h from "@babel/traverse";
-import * as u from "@babel/types";
-import m from "@babel/generator";
-import { generateConstantName as U, extractAssetsFromContent as $, processAssetURL as j } from "../utils/index.js";
-import { F as E, g as A, a as b } from "../file-scanner-DHkDSQm8.js";
-function D(a, s) {
+import h from "path";
+import { parse as v } from "@babel/parser";
+import y from "@babel/traverse";
+import * as p from "@babel/types";
+import F from "@babel/generator";
+import { generateConstantName as D, extractAssetsFromContent as E, processAssetURL as S } from "../utils/index.js";
+import { F as W, g as A, a as w } from "../file-scanner-DHkDSQm8.js";
+function b(i, s) {
   const t = {};
-  for (const [i, o] of s.entries())
-    t[o] = i;
-  return Array.from(a.values()).forEach((i) => {
-    t[i.constantName] = i.originalUri;
+  for (const [n, a] of s.entries())
+    t[a] = n;
+  return Array.from(i.values()).forEach((n) => {
+    t[n.constantName] = n.originalUri;
   }), JSON.stringify(t, null, 2) + `
 `;
 }
-function I(a) {
+function T(i) {
   const s = /* @__PURE__ */ new Map();
   try {
-    if (!a.trim())
+    if (!i.trim())
       return s;
-    const t = JSON.parse(a);
-    for (const [e, i] of Object.entries(t))
-      typeof i == "string" && s.set(i, e);
+    const t = JSON.parse(i);
+    for (const [e, n] of Object.entries(t))
+      typeof n == "string" && s.set(n, e);
     s.size > 0 && console.log(`📋 Found ${s.size} existing constants in assets.json`);
   } catch (t) {
     console.warn("Warning: Failed to parse existing assets.json:", t);
   }
   return s;
 }
-function S(a, s, t, e) {
-  const i = Array.from(t.values()).filter(
-    (n) => s.has(n.originalUri)
-  ).length, o = a - i;
-  o > 0 ? console.log(`✅ Generated ${a} asset constants (${o} new, ${i} reused) in ${e}`) : a > 0 ? console.log(`✅ Generated ${a} asset constants (all reused from existing) in ${e}`) : console.log("✅ No asset constants found");
+function R(i, s, t, e) {
+  const n = Array.from(t.values()).filter(
+    (o) => s.has(o.originalUri)
+  ).length, a = i - n;
+  a > 0 ? console.log(`✅ Generated ${i} asset constants (${a} new, ${n} reused) in ${e}`) : i > 0 ? console.log(`✅ Generated ${i} asset constants (all reused from existing) in ${e}`) : console.log("✅ No asset constants found");
 }
-const x = typeof h == "function" ? h : h.default, W = typeof m == "function" ? m : m.default;
-class R {
+const x = typeof y == "function" ? y : y.default, $ = typeof F == "function" ? F : F.default;
+class O {
   constructor(s = {}) {
-    f(this, "options");
-    f(this, "assets", /* @__PURE__ */ new Map());
-    f(this, "existingAssets", /* @__PURE__ */ new Map());
-    f(this, "fileCache", new E());
+    d(this, "options");
+    d(this, "assets", /* @__PURE__ */ new Map());
+    d(this, "existingAssets", /* @__PURE__ */ new Map());
+    d(this, "fileCache", new W());
     this.options = {
       extensions: [".png", ".jpg", ".jpeg", ".gif", ".svg", ".mp4", ".mp3", ".wav", ".ogg", ".webm"],
       srcDir: "src",
@@ -61,16 +61,16 @@ class R {
       ...Array.from(this.assets.values()).map((e) => e.constantName),
       ...Array.from(this.existingAssets.values())
     ]);
-    return U(s, t);
+    return D(s, t);
   }
   async scanTsFile(s) {
     try {
-      const t = await this.fileCache.read(s), e = [], i = $(t, "js", this.options.extensions), o = t.split(`
+      const t = await this.fileCache.read(s), e = [], n = E(t, "js", this.options.extensions), a = t.split(`
 `);
-      return i.forEach((n) => {
-        const r = this.generateConstantName(n), c = o.findIndex((p) => p.includes(n)) + 1;
+      return n.forEach((o) => {
+        const r = this.generateConstantName(o), c = a.findIndex((u) => u.includes(o)) + 1;
         e.push({
-          originalUri: n,
+          originalUri: o,
           constantName: r,
           filePath: s,
           line: c,
@@ -88,10 +88,10 @@ class R {
       for (const e of t) {
         if (e.endsWith("assets.json") || e.endsWith("assets.ts"))
           continue;
-        (await this.scanTsFile(e)).forEach((o) => {
-          this.existingAssets.has(o.originalUri) && (o.constantName = this.existingAssets.get(o.originalUri));
-          const n = o.originalUri;
-          this.assets.has(n) || this.assets.set(n, o);
+        (await this.scanTsFile(e)).forEach((a) => {
+          this.existingAssets.has(a.originalUri) && (a.constantName = this.existingAssets.get(a.originalUri));
+          const o = a.originalUri;
+          this.assets.has(o) || this.assets.set(o, a);
         });
       }
     } catch (t) {
@@ -107,57 +107,75 @@ class R {
   }
   async parseExistingAssets() {
     const s = await this.readExistingAssetsFile();
-    this.existingAssets = I(s);
+    this.existingAssets = T(s);
   }
   async generateAssetsFile() {
     await this.parseExistingAssets(), await this.scanAllTsFiles();
-    const s = D(this.assets, this.existingAssets), t = d.dirname(this.options.outputFile);
-    await g.mkdir(t, { recursive: !0 }), await g.writeFile(this.options.outputFile, s, "utf-8"), S(this.assets.size, this.existingAssets, this.assets, this.options.outputFile);
+    const s = b(this.assets, this.existingAssets), t = h.dirname(this.options.outputFile);
+    await g.mkdir(t, { recursive: !0 }), await g.writeFile(this.options.outputFile, s, "utf-8"), await this.generateAssetsWrapper(), R(this.assets.size, this.existingAssets, this.assets, this.options.outputFile);
+  }
+  /**
+   * 生成 assets.ts 包装文件
+   * 自动调用 window.getReplacedAssets 处理 iOS 图片替换
+   */
+  async generateAssetsWrapper() {
+    const s = this.options.outputFile.replace(/\.json$/, ".ts"), e = `// 🍎 Auto-generated wrapper for assets.json
+// This file handles iOS image replacement via asset-interceptor.js
+import assetsData from "./${h.basename(this.options.outputFile)}";
+
+// Batch process all asset URLs for potential replacements
+// sessionStorage may contain __aippy_asset_overrides__ with multiple image mappings
+(window as any).getReplacedAssets?.(assetsData);
+
+export default assetsData;
+`;
+    await g.writeFile(s, e, "utf-8"), console.log(`  ✓ Generated assets wrapper: ${h.relative(process.cwd(), s)}`);
   }
   getAssets() {
     return Array.from(this.assets.values());
   }
   async replaceUrisInFile(s, t) {
     try {
-      const e = await this.fileCache.read(s), i = N(e, {
+      const e = await this.fileCache.read(s), n = v(e, {
         sourceType: "module",
         plugins: ["typescript", "jsx", "decorators-legacy"]
       });
-      let o = !1;
-      if (x(i, {
+      let a = !1;
+      if (x(n, {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         StringLiteral: (l) => {
-          const p = l.node.value, w = j(p);
-          if (t.has(w)) {
-            const F = t.get(w), y = u.memberExpression(
-              u.identifier("assetsData"),
-              u.identifier(F)
+          const m = l.node.value, C = S(m);
+          if (t.has(C)) {
+            const N = t.get(C), j = p.memberExpression(
+              p.identifier("assetsData"),
+              p.identifier(N)
             );
-            l.parent && u.isJSXAttribute(l.parent) ? l.replaceWith(u.jsxExpressionContainer(y)) : l.replaceWith(y), o = !0;
+            l.parent && p.isJSXAttribute(l.parent) ? l.replaceWith(p.jsxExpressionContainer(j)) : l.replaceWith(j), a = !0;
           }
         }
-      }), !o)
+      }), !a)
         return;
-      const n = b(s, this.options.outputFile) + ".json";
-      let r = !1;
-      if (x(i, {
+      const o = this.options.outputFile.replace(/\.json$/, ".ts"), r = w(s, o), c = w(s, this.options.outputFile) + ".json";
+      let f = !1;
+      if (x(n, {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ImportDeclaration: (l) => {
-          l.node.source.value === n && (r = !0, l.stop());
+          const m = l.node.source.value;
+          (m === r || m === c) && (f = !0, l.stop());
         }
-      }), !r) {
-        const l = u.importDeclaration(
-          [u.importDefaultSpecifier(u.identifier("assetsData"))],
-          u.stringLiteral(n)
+      }), !f) {
+        const l = p.importDeclaration(
+          [p.importDefaultSpecifier(p.identifier("assetsData"))],
+          p.stringLiteral(r)
         );
-        i.program.body.unshift(l);
+        n.program.body.unshift(l);
       }
-      const c = W(i, {
+      const u = $(n, {
         retainLines: !1,
         comments: !0,
         compact: !1
       }, e);
-      await g.writeFile(s, c.code, "utf-8"), this.fileCache.invalidate(s), console.log(`  ✓ Replaced URIs in ${d.relative(process.cwd(), s)}`);
+      await g.writeFile(s, u.code, "utf-8"), this.fileCache.invalidate(s), console.log(`  ✓ Replaced URIs in ${h.relative(process.cwd(), s)}`);
     } catch (e) {
       console.warn(`Warning: Failed to replace URIs in ${s}:`, e);
     }
@@ -176,38 +194,38 @@ class R {
         return;
       const t = /* @__PURE__ */ new Map();
       try {
-        const n = JSON.parse(s);
-        for (const [r, c] of Object.entries(n))
+        const o = JSON.parse(s);
+        for (const [r, c] of Object.entries(o))
           typeof c == "string" && t.set(r, c);
-      } catch (n) {
-        console.warn("Warning: Failed to parse assets.json:", n);
+      } catch (o) {
+        console.warn("Warning: Failed to parse assets.json:", o);
         return;
       }
       if (t.size === 0)
         return;
-      const e = /* @__PURE__ */ new Set(), i = await A(this.options.srcDir, [".ts", ".tsx"]);
-      for (const n of i)
-        if (!(n.endsWith("assets.json") || n.endsWith("assets.ts")))
+      const e = /* @__PURE__ */ new Set(), n = await A(this.options.srcDir, [".ts", ".tsx"]);
+      for (const o of n)
+        if (!(o.endsWith("assets.json") || o.endsWith("assets.ts")))
           try {
-            const r = await this.fileCache.read(n);
+            const r = await this.fileCache.read(o);
             for (const c of t.keys())
               r.includes(c) && e.add(c);
           } catch (r) {
-            console.warn(`Warning: Failed to read ${n}:`, r);
+            console.warn(`Warning: Failed to read ${o}:`, r);
           }
-      const o = [];
-      for (const n of t.keys())
-        e.has(n) || o.push(n);
-      if (o.length > 0) {
-        console.log(`🧹 Removing ${o.length} unused constant(s):`), o.forEach((r) => {
+      const a = [];
+      for (const o of t.keys())
+        e.has(o) || a.push(o);
+      if (a.length > 0) {
+        console.log(`🧹 Removing ${a.length} unused constant(s):`), a.forEach((r) => {
           console.log(`  - ${r}`);
         });
-        const n = [];
-        for (const r of o) {
+        const o = [];
+        for (const r of a) {
           const c = t.get(r);
-          c && n.push(c);
+          c && o.push(c);
         }
-        for (const r of n)
+        for (const r of o)
           this.assets.delete(r);
       } else
         console.log("✅ All constants are in use");
@@ -215,24 +233,61 @@ class R {
       console.warn("Warning: Failed to cleanup unused constants:", s);
     }
   }
+  /**
+   * 🍎 升级现有的 .json 导入为 .ts 包装文件导入
+   * 解决旧项目中已经使用 assets.json 的情况
+   */
+  async upgradeJsonImportsToTs() {
+    const s = this.options.outputFile.replace(/\.json$/, ".ts"), t = await A(this.options.srcDir, [".ts", ".tsx"]);
+    let e = 0;
+    for (const n of t)
+      if (!(n.endsWith("assets.ts") || n.endsWith("assets.json")))
+        try {
+          const a = await this.fileCache.read(n), o = w(n, this.options.outputFile) + ".json", r = w(n, s);
+          if (!a.includes(o))
+            continue;
+          const c = v(a, {
+            sourceType: "module",
+            plugins: ["typescript", "jsx", "decorators-legacy"]
+          });
+          let f = !1;
+          if (x(c, {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            ImportDeclaration: (u) => {
+              u.node.source.value === o && (u.node.source.value = r, f = !0);
+            }
+          }), f) {
+            const u = $(c, {
+              retainLines: !1,
+              comments: !0,
+              compact: !1
+            }, a);
+            await g.writeFile(n, u.code, "utf-8"), this.fileCache.invalidate(n), console.log(`  ✓ Upgraded import in ${h.relative(process.cwd(), n)}: ${o} → ${r}`), e++;
+          }
+        } catch (a) {
+          console.warn(`Warning: Failed to upgrade imports in ${n}:`, a);
+        }
+    e > 0 && console.log(`✅ Upgraded ${e} file(s) to use assets.ts wrapper`);
+  }
 }
-function q(a = {}) {
+function q(i = {}) {
   return {
     name: "vite-plugin-asset-constants",
     apply: "build",
     // Ensure this plugin runs before other plugins to modify source files before build
     enforce: "pre",
     async buildStart() {
-      if (a.devMode)
+      if (i.devMode)
         try {
-          const s = new R(a);
+          const s = new O(i);
           await s.generateAssetsFile();
           const t = s.getAssets();
           t.length > 0 && (console.log(`📦 Found ${t.length} asset references:`), t.forEach((e) => {
-            console.log(`  ${e.constantName} = '${e.originalUri}' (${d.relative(process.cwd(), e.filePath)}:${e.line})`);
+            console.log(`  ${e.constantName} = '${e.originalUri}' (${h.relative(process.cwd(), e.filePath)}:${e.line})`);
           }), console.log(`
 🔄 Replacing URIs with constants...`), await s.replaceAllUris(), console.log("✅ URI replacement completed!")), console.log(`
-🧹 Checking for unused constants...`), await s.cleanupUnusedConstants(), await s.generateAssetsFile(), console.log(`✅ Asset constants finalized!
+🧹 Checking for unused constants...`), await s.cleanupUnusedConstants(), await s.generateAssetsFile(), console.log(`
+🔄 Upgrading assets.json imports to assets.ts...`), await s.upgradeJsonImportsToTs(), console.log(`✅ Asset constants finalized!
 `), s.clearCache();
         } catch (s) {
           console.error("❌ Error in asset constants plugin:", s);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aippy/vite-plugins",
-  "version": "0.2.6",
+  "version": "0.2.7-dev.1",
   "description": "Vite plugins for Aippy projects - Asset management and component tagging",
   "private": false,
   "type": "module",