@lark-apaas/coding-preset-vite-react 1.0.15 → 1.0.16-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/coding-preset-vite-react",
-  "version": "1.0.15",
+  "version": "1.0.16-beta.0",
   "description": "Vite 8 preset for miaoda-coding vite-react (jsPage) templates — pure frontend, no fullstack baggage",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",

package/src/overlay/vite-client.js

@@ -500,6 +500,77 @@ if (!window.__VITE_ERROR_OVERLAY_INITIALIZED__) {
     }
   }
 
+  // ===== AI 素材图失败原因探测 =====
+  // AI 素材图是异步生成的，加载失败时需要知道生成失败的原因。
+  // 本脚本与图片同源，补一次 fetch 即可取回；妙搭主站跨域拿不到。
+  var MIAODA_VE_SUFFIX = '_ve_miaoda';
+  var GEN_PROBE_TIMEOUT_MS = 3000;
+  var GEN_PROBE_MAX_BODY = 2048;
+  var GEN_FAILED_CODE = 'k_img_ec_000064'; // 生图失败专属码；URL 写错、无权限是别的码，不能混
+  var genProbeCache = Object.create(null); // url -> 响应体，同一张图不重复探测
+
+  function reportResourceError(tag, url) {
+    logError(['Resource load failed', tag, url], 'runtimeError');
+  }
+
+  // 取 tos file id 代替完整 URL：URL 近 230 字符会把 reason 挤出截断边界
+  function shortImageRef(url) {
+    var noQuery = String(url).split('?')[0];
+    var decoded = noQuery;
+    try { decoded = decodeURIComponent(noQuery); } catch (e) {}
+    return decoded.split('/').pop() || noQuery;
+  }
+
+  // 确认是生成失败则返回原因，否则返回 null
+  function parseGenFailure(body) {
+    if (!body || body.indexOf(GEN_FAILED_CODE) === -1) return null;
+    try {
+      var data = JSON.parse(body);
+      return data.error_msg || data.reason || body;
+    } catch (e) {
+      return body;
+    }
+  }
+
+  function reportGenAssetResult(tag, url, body) {
+    var reason = parseGenFailure(body);
+    // 确认不了就原样上报，交回原有逻辑
+    if (reason === null) {
+      reportResourceError(tag, url);
+      return;
+    }
+    logError(
+      ['Resource load failed, fail reason: ' + reason + ' , image: ' + shortImageRef(url), tag, url],
+      'runtimeError'
+    );
+  }
+
+  function reportGenAssetError(tag, url) {
+    if (Object.prototype.hasOwnProperty.call(genProbeCache, url)) {
+      reportGenAssetResult(tag, url, genProbeCache[url]);
+      return;
+    }
+    genProbeCache[url] = ''; // 占位，避免并发重复探测
+
+    var done = false;
+    function finish(body) {
+      if (done) return;
+      done = true;
+      genProbeCache[url] = body || '';
+      reportGenAssetResult(tag, url, body);
+    }
+    // 超时兜底，别让探测卡住导致这条错误上报不出去
+    setTimeout(function () { finish(''); }, GEN_PROBE_TIMEOUT_MS);
+    try {
+      fetch(url, { cache: 'no-store' })
+        .then(function (res) { return res.text(); })
+        .then(function (body) { finish(String(body || '').slice(0, GEN_PROBE_MAX_BODY)); })
+        .catch(function () { finish(''); });
+    } catch (e) {
+      finish('');
+    }
+  }
+
   // ===== Global Error Listeners =====
   function setupGlobalErrorListeners() {
     // capture 阶段才能拿到资源 404（IMG/SCRIPT/LINK 的 error 不冒泡）
@@ -521,7 +592,11 @@ if (!window.__VITE_ERROR_OVERLAY_INITIALIZED__) {
           // 避免用户"页面日志"面板被这类无害 404 淹没
           if (/\/favicon\.(ico|png|svg)|\/apple-touch-icon|\/manifest\.json|\/robots\.txt/.test(url)) return;
           // 资源 404 只上报到页面日志,不 render overlay(避免整页遮盖用户预览)
-          logError(['Resource load failed', tag.toLowerCase(), url], 'runtimeError');
+          if (url.indexOf(MIAODA_VE_SUFFIX) !== -1) {
+            reportGenAssetError(tag.toLowerCase(), url);
+          } else {
+            reportResourceError(tag.toLowerCase(), url);
+          }
         }
       }
     }, true);