@aiyiran/myclaw 1.1.136 → 1.1.137

package/assets/myclaw-artifacts.js

@@ -808,8 +808,14 @@
         'background: #252536',
       ].join(';');
 
-      // fetch → blob URL，绕过 CSP img-src 限制
+      // 远程环境：走 CDN（边缘缓存，速度快，不受本机出口带宽限制）
+      // 本地环境：走本地 API（文件尚未同步到 CDN）
+      // CSP img-src 限制后续在服务端统一放行，此处不做 blob 绕行
       var img = document.createElement('img');
+      var _imgEnv = detectEnvironment();
+      img.src = _imgEnv.remote
+        ? previewUrl + '?t=' + Date.now()
+        : MYCLAW_API_BASE + '/api/file?path=' + encodeURIComponent(getWorkspaceId() + '/' + asset.path) + '&t=' + Date.now();
       img.alt = asset.name || asset.path;
       img.style.cssText = [
         'max-width: 100%',
@@ -820,28 +826,13 @@
         'position: relative',
         'z-index: 1',
       ].join(';');
-
-      function showImgError() {
+      img.onerror = function () {
         img.style.display = 'none';
         var errMsg = document.createElement('div');
         errMsg.textContent = '加载失败';
         errMsg.style.cssText = 'color:#666;font-size:13px;font-family:monospace;';
         imgArea.appendChild(errMsg);
-      }
-
-      var localImgUrl = MYCLAW_API_BASE + '/api/file?path=' + encodeURIComponent(getWorkspaceId() + '/' + asset.path) + '&t=' + Date.now();
-      fetch(localImgUrl)
-        .then(function (r) {
-          if (!r.ok) throw new Error('HTTP ' + r.status);
-          return r.blob();
-        })
-        .then(function (blob) {
-          var blobUrl = URL.createObjectURL(blob);
-          img.onload = function () { URL.revokeObjectURL(blobUrl); };
-          img.onerror = showImgError;
-          img.src = blobUrl;
-        })
-        .catch(showImgError);
+      };
 
       imgArea.appendChild(img);
       imgBox.appendChild(imgArea);
@@ -1179,11 +1170,17 @@
       var isVideo = VIDEO_EXTS.indexOf(assetExt) !== -1;
 
       if (isVideo) {
-        // 视频用 <video> 元素 + 本地 API，支持流式加载和拖拽进度条
+        // <video> 元素支持 range 请求，流式加载，可拖拽进度条，不用 iframe
+        // 远程环境：走 CDN（带宽快，不受本机出口限制）
+        // 本地环境：走本地 API（文件尚未同步到 CDN）
+        // CSP media-src 限制后续在服务端统一放行
         var video = document.createElement('video');
         video.controls = true;
         video.style.cssText = 'flex:1;width:100%;max-height:100%;background:#000;outline:none;';
-        video.src = MYCLAW_API_BASE + '/api/file?path=' + encodeURIComponent(getWorkspaceId() + '/' + asset.path);
+        var _videoEnv = detectEnvironment();
+        video.src = _videoEnv.remote
+          ? previewUrl + '?t=' + Date.now()
+          : MYCLAW_API_BASE + '/api/file?path=' + encodeURIComponent(getWorkspaceId() + '/' + asset.path);
         box.appendChild(video);
         overlay.appendChild(box);
         document.body.appendChild(overlay);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiyiran/myclaw",
-  "version": "1.1.136",
+  "version": "1.1.137",
   "description": "",
   "main": "index.js",
   "bin": {

package/patches/patch.js

@@ -113,6 +113,19 @@ function getMyclawVersion() {
   }
 }
 
+/**
+ * 获取已安装的 OpenClaw 版本号
+ * uiDir 形如 <pkg>/dist/control-ui，包根目录为 uiDir/../..
+ */
+function getOpenclawVersion(uiDir) {
+  try {
+    const pkgRoot = path.resolve(uiDir, '..', '..');
+    return require(path.join(pkgRoot, 'package.json')).version;
+  } catch {
+    return 'unknown';
+  }
+}
+
 /**
  * 执行注入
  */
@@ -250,6 +263,13 @@ function patch() {
     let patched = false;
     let foundTarget = false;
 
+    // img-src / media-src 放宽仅针对特定 OpenClaw 版本（2026.6.9）。
+    // 该版本 CSP 中 img-src/media-src 为 'self' data: blob:，会拦截 CDN 图片/视频；
+    // 限定版本可避免误改其它版本（CSP 结构可能不同，盲目放宽有风险）。
+    const ocVersion = getOpenclawVersion(uiDir);
+    const needsMediaCspFix = ocVersion === '2026.6.9';
+    console.log('[myclaw-patch] → OpenClaw 版本: ' + ocVersion + (needsMediaCspFix ? ' (将额外放宽 img-src/media-src)' : ''));
+
     for (const f of distFiles) {
       // 兼容多版本：gateway-cli-*.js（旧）、server-*.js（中）、control-ui-*.js（新）
       const isTarget = (f.startsWith('gateway-cli-') || f.startsWith('server-') || f.startsWith('control-ui-')) && f.endsWith('.js');
@@ -264,7 +284,9 @@ function patch() {
       const needsFrameSrc = !content.includes('"frame-src *');
       const needsConnectSrc = !content.includes("connect-src *");
       const needsFrameAncestors = !content.includes("frame-ancestors *");
-      const needsAnyCspPatch = needsFrameSrc || needsConnectSrc || needsFrameAncestors;
+      const needsImgSrc = needsMediaCspFix && !content.includes('"img-src *');
+      const needsMediaSrc = needsMediaCspFix && !content.includes('"media-src *');
+      const needsAnyCspPatch = needsFrameSrc || needsConnectSrc || needsFrameAncestors || needsImgSrc || needsMediaSrc;
 
       if (needsMicrophonePatch || needsAnyCspPatch) {
         // 备份
@@ -306,6 +328,16 @@ function patch() {
           content = content.replace(/\"frame-ancestors[^"]*\"/g, '"frame-ancestors *"');
           cspPatches.push('frame-ancestors *');
         }
+        // img-src → 允许所有（仅 2026.6.9，放行 CDN 图片）
+        if (needsImgSrc) {
+          content = content.replace(/\"img-src[^"]*\"/g, '"img-src *"');
+          cspPatches.push('img-src *');
+        }
+        // media-src → 允许所有（仅 2026.6.9，放行 CDN 视频）
+        if (needsMediaSrc) {
+          content = content.replace(/\"media-src[^"]*\"/g, '"media-src *"');
+          cspPatches.push('media-src *');
+        }
         if (cspPatches.length > 0) {
           console.log('[myclaw-patch] ✅ 已修复 CSP (' + cspPatches.join(', ') + '): ' + f);
         }