@open-dy/vibecoding-cli 0.1.13 → 0.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-dy/vibecoding-cli",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "Command orchestration, validation and packaging for Douyin vibecoding Taro and OpenCard projects.",
   "type": "module",
   "bin": {
@@ -42,8 +42,8 @@
     "ajv": "^8.18.0"
   },
   "peerDependencies": {
-    "@open-dy/vibecoding-sdk-taro": "0.1.9",
-    "@open-dy/vibecoding-sdk-opencard": "0.1.10"
+    "@open-dy/vibecoding-sdk-taro": "0.1.11",
+    "@open-dy/vibecoding-sdk-opencard": "0.1.12"
   },
   "peerDependenciesMeta": {
     "@open-dy/vibecoding-sdk-taro": {

package/release-provenance.json

@@ -2,12 +2,12 @@
   "schema": 1,
   "producer": "vibecoding-cli",
   "packageName": "@open-dy/vibecoding-cli",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "source": {
-    "digest": "sha256-425639686b3468522594419c5b3d168e63815b7c23a5295de87bae204a9fbaa5",
-    "files": 93
+    "digest": "sha256-2e95e7446be1bd65d9968f7cdbd51e66f5d2104d1ff0925b11d303a339342d79",
+    "files": 94
   },
-  "payload": "sha256-18481ce9a6d17c51a743a51ce22715f705163ea1d1a82107ba56a585d4b9e624",
+  "payload": "sha256-79fc6af85aef054cf4c1dd2470ecda0ce3b0a06c61e868ae301380dd1c6e5b92",
   "toolchain": {
     "node": "v22.22.3",
     "runtime": {

package/src/commands/build.mjs

@@ -5,6 +5,7 @@ import { readEnvFile } from '../core/environment.mjs'
 import { resolveProjectBinary, resolveSdkTaroEntry, runProcess, runTasks } from '../core/runner.mjs'
 import { writeWebConfig } from '../core/web-config.mjs'
 import { validateRoutes } from '../validators/routes.mjs'
+import { validateImageInline } from '../validators/image-inline.mjs'
 
 function taroEnvironment(root, extra = {}) {
   const home = path.join(root, '.home')
@@ -101,6 +102,7 @@ export async function runBuild(context, options = {}) {
   }
   if (context.target === 'opencard') {
     await buildOpenCard(context, buildOptions)
+    if (!options.watch) validateImageInline(context)
     return
   }
 
@@ -138,4 +140,5 @@ export async function runBuild(context, options = {}) {
   }
   await runTasks(tasks, { label: 'build' })
   validateRoutes(context)
+  if (!options.watch) validateImageInline(context)
 }

package/src/validators/image-inline.mjs

@@ -0,0 +1,82 @@
+import { readFileSync, statSync, realpathSync } from "node:fs";
+import path from "node:path";
+
+const IMAGE_INLINE_LIMIT = 4096;
+const SKILL_GUIDANCE = "请查阅 microapp-optimize-interest-card/SKILL.md 中的图片规则";
+
+/** Validate the image inventory after compilation. Findings only warn. */
+export function validateImageInline(context) {
+  const cardRoot =
+    context.target === "opencard" ? context.root : context.opencardRoot;
+  if (!cardRoot || (context.target !== "opencard" && !context.hasOpenCard)) {
+    return { warnings: 0, unverified: 0 };
+  }
+  const reportFile = path.join(
+    cardRoot, "node_modules/.cache/vibecoding/image-inline-tt.json",
+  );
+  try {
+    const report = JSON.parse(readFileSync(reportFile, "utf8"));
+    if (report.schemaVersion !== 3 || report.status !== "complete" ||
+      report.target !== "tt" ||
+      realpathSync(report.projectRoot) !== realpathSync(cardRoot) ||
+      !Array.isArray(report.findings) || !Array.isArray(report.issues) ||
+      !report.findings.every(item => item && typeof item.file === "string" && Number.isInteger(item.line) && item.line > 0 &&
+        Number.isInteger(item.column) && item.column > 0 &&
+        (item.kind === "import" || item.kind === "data-url") &&
+        (item.kind === "import" ? typeof item.image === "string" : typeof item.dataUrl === "string")) ||
+      !report.issues.every(issue => typeof issue === "string")) {
+      throw new Error("图片检查报告格式或工程身份不匹配");
+    }
+    const warnings = [];
+    const issues = [...report.issues];
+    for (const item of report.findings) {
+      let bytes;
+      try {
+        if (item.kind === "import") {
+          const info = statSync(path.resolve(cardRoot, item.image));
+          if (!info.isFile()) throw new Error("图片路径不是文件");
+          bytes = info.size;
+        } else {
+          const match = /^data:image\/[a-z0-9.+-]+(?:;[a-z0-9_-]+=[^;,\s]+)*;base64,([a-z0-9+/]*={0,2})$/i.exec(item.dataUrl);
+          const encoded = match?.[1];
+          if (!encoded || encoded.length % 4 === 1) throw new Error("图片 Base64 编码无效");
+          const decoded = Buffer.from(encoded, "base64");
+          if (decoded.toString("base64").replace(/=+$/, "") !== encoded.replace(/=+$/, "") ||
+            (encoded.includes("=") && encoded.length % 4 !== 0)) {
+            throw new Error("图片 Base64 编码无效");
+          }
+          bytes = decoded.length;
+        }
+      } catch (error) {
+        issues.push(`${item.file}:${item.line}:${item.column} 检查未完成：${error.message}。`);
+        continue;
+      }
+      if (bytes < IMAGE_INLINE_LIMIT) continue;
+      warnings.push(`  ${item.file}:${item.line}:${item.column}\n` +
+        (item.kind === "import"
+          ? `    类型：图片 import\n    原图：${item.image}\n    大小：${bytes} bytes\n`
+          : `    类型：固定 Base64 图片\n    解码大小：${bytes} bytes\n`));
+    }
+    if (warnings.length || issues.length) console.warn("=== 图片性能检测报告 ===\n");
+    if (warnings.length) {
+      console.warn(`检测到以下图片 import 或固定 Base64 图片大小 ≥${IMAGE_INLINE_LIMIT} 字节，存在内联图片性能风险。${SKILL_GUIDANCE}并在确认问题后上传图片以修复以下图片性能问题：\n`);
+      for (const warning of warnings) console.warn(warning);
+      console.warn(`共 ${warnings.length} 条可能的图片性能问题`);
+    }
+    if (issues.length) {
+      console.warn("图片检查未完成：");
+      for (const issue of issues) console.warn(`  ${issue}`);
+      if (!warnings.length) console.warn(`${SKILL_GUIDANCE}。`);
+    }
+    return { warnings: warnings.length, unverified: issues.length };
+  } catch (error) {
+    console.warn("=== 图片性能检测报告 ===\n");
+    console.warn(
+      "图片检查未完成：未取得有效报告。" +
+        "请检查 SDK 版本及构建日志。" +
+        ` (${error.message})`,
+    );
+    console.warn(`${SKILL_GUIDANCE}。`);
+    return { warnings: 0, unverified: 1 };
+  }
+}

package/src/validators/opencard-structure.mjs

@@ -53,7 +53,7 @@ export function validateOpenCardStructure(context) {
         `found ${preloadCount} preload call(s). ` +
         'Use taro.preloadMiniApp({ appList }) on the Card instance provided by useCardTaro from @tarojs/taro (opencard-taro); ' +
         'this is not a named export of @open-dy/vibecoding-sdk-opencard. ' +
-        'See ${SKILL_DIR}/references/opencard/api.md, section "小程序跳转预加载", for the lifecycle guards and example.',
+        'See ${CAPABILITY_SKILL_DIR}/references/opencard/runtime.md, section "小程序跳转预加载", for the lifecycle guards and example.',
       )
     }
   }