@aiyiran/myclaw 1.1.92 → 1.1.94

package/assets/myclaw-artifacts.js

@@ -791,6 +791,10 @@
     var assetExt = (asset.path || '').split('.').pop().toLowerCase();
     var isCSV = assetExt === 'csv';
     var isPDF = assetExt === 'pdf';
+    var CODE_EXTS = ['js', 'jsx', 'ts', 'tsx', 'py', 'sh', 'bash', 'go', 'java', 'c', 'cpp', 'h', 'rs', 'rb', 'php', 'swift', 'kt', 'vue'];
+    var isCode = CODE_EXTS.indexOf(assetExt) !== -1;
+    var OFFICE_EXTS = ['ppt', 'pptx', 'doc', 'docx', 'xls', 'xlsx'];
+    var isOffice = OFFICE_EXTS.indexOf(assetExt) !== -1;
 
     if (isImageAsset(asset)) {
       // ── 图片模式：先显示固定大小的容器，img 异步加载渐显 ──
@@ -1017,6 +1021,134 @@
       pdfIframe.focus();
       return;
 
+    } else if (isCode) {
+      // ── 代码/文本模式：fetch 内容 → 带行号的代码查看器 ──
+      var codeBox = document.createElement('div');
+      codeBox.style.cssText = [
+        'display: flex',
+        'flex-direction: column',
+        'background: #1e1e2e',
+        'border-radius: 8px',
+        'box-shadow: 0 8px 32px rgba(0,0,0,0.6)',
+        'width: min(96vw, 1100px)',
+        'height: min(90vh, 860px)',
+        'overflow: hidden',
+      ].join(';');
+
+      codeBox.appendChild(makeHeader('📝 ' + (asset.name || asset.path)));
+
+      var codeBody = document.createElement('div');
+      codeBody.style.cssText = [
+        'flex: 1',
+        'overflow: auto',
+        'background: #13131f',
+        'display: flex',
+      ].join(';');
+
+      var loadingMsgCode = document.createElement('div');
+      loadingMsgCode.textContent = '加载中…';
+      loadingMsgCode.style.cssText = 'color:#666;font-size:13px;font-family:monospace;padding:24px;';
+      codeBody.appendChild(loadingMsgCode);
+      codeBox.appendChild(codeBody);
+      overlay.appendChild(codeBox);
+      document.body.appendChild(overlay);
+
+      var codeApiUrl = MYCLAW_API_BASE + '/api/file?path=' + encodeURIComponent(getWorkspaceId() + '/' + asset.path) + '&t=' + Date.now();
+      fetch(codeApiUrl)
+        .then(function (r) { return r.text(); })
+        .then(function (text) {
+          codeBody.innerHTML = '';
+
+          // 行号列
+          var lines = text.split('\n');
+          // 去掉末尾空行
+          if (lines.length > 0 && lines[lines.length - 1] === '') lines.pop();
+
+          var lineNums = document.createElement('div');
+          lineNums.style.cssText = [
+            'padding: 16px 0',
+            'min-width: 48px',
+            'text-align: right',
+            'font-size: 13px',
+            'font-family: monospace',
+            'line-height: 1.6',
+            'color: #444466',
+            'background: #0e0e1a',
+            'user-select: none',
+            'flex-shrink: 0',
+            'border-right: 1px solid #2a2a3e',
+          ].join(';');
+          for (var n = 1; n <= lines.length; n++) {
+            var numDiv = document.createElement('div');
+            numDiv.textContent = n;
+            numDiv.style.cssText = 'padding: 0 10px;';
+            lineNums.appendChild(numDiv);
+          }
+
+          // 代码内容
+          var codePre = document.createElement('pre');
+          codePre.style.cssText = [
+            'margin: 0',
+            'padding: 16px 20px',
+            'font-size: 13px',
+            'font-family: monospace',
+            'line-height: 1.6',
+            'color: #cdd6f4',
+            'flex: 1',
+            'white-space: pre',
+            'tab-size: 2',
+          ].join(';');
+
+          var codeEl = document.createElement('code');
+          codeEl.textContent = text;
+          codePre.appendChild(codeEl);
+
+          codeBody.appendChild(lineNums);
+          codeBody.appendChild(codePre);
+
+          // 同步滚动行号
+          codePre.parentElement.addEventListener('scroll', function () {
+            lineNums.style.marginTop = '-' + codeBody.scrollTop + 'px';
+          });
+          codeBody.addEventListener('scroll', function () {
+            lineNums.scrollTop = codeBody.scrollTop;
+          });
+        })
+        .catch(function () { loadingMsgCode.textContent = '加载失败'; });
+      return;
+
+    } else if (isOffice) {
+      // ── Office 文档模式：Microsoft Office Online Viewer ──
+      var officeBox = document.createElement('div');
+      officeBox.style.cssText = [
+        'width: 98vw',
+        'height: 96vh',
+        'background: #1e1e2e',
+        'border-radius: 8px',
+        'overflow: hidden',
+        'display: flex',
+        'flex-direction: column',
+        'box-shadow: 0 8px 32px rgba(0,0,0,0.5)',
+      ].join(';');
+
+      var officeIcon = { ppt: '📊', pptx: '📊', doc: '📃', docx: '📃', xls: '📈', xlsx: '📈' };
+      officeBox.appendChild(makeHeader((officeIcon[assetExt] || '📎') + ' ' + (asset.name || asset.path)));
+
+      var officeIframe = document.createElement('iframe');
+      officeIframe.style.cssText = [
+        'flex: 1',
+        'width: 100%',
+        'border: none',
+        'background: #fff',
+      ].join(';');
+      officeIframe.src = 'https://view.officeapps.live.com/op/embed.aspx?src=' + encodeURIComponent(previewUrl);
+
+      officeBox.appendChild(officeIframe);
+      overlay.appendChild(officeBox);
+      document.body.appendChild(overlay);
+      officeIframe.focus();
+      return;
+
     } else {
       // ── 非图片：iframe 全屏模式 ──
       var box = document.createElement('div');
@@ -2553,9 +2685,9 @@
 
     var copyLocalBtn = document.createElement('button');
     copyLocalBtn.textContent = '⚡ 立刻使用';
-    copyLocalBtn.style.cssText = _btnBase + 'background:rgba(167,139,250,0.25);border:1.5px solid rgba(167,139,250,0.7);color:#c4b5fd;font-size:14px;font-weight:700;padding:7px 18px;letter-spacing:1px;';
-    copyLocalBtn.onmouseenter = function () { copyLocalBtn.style.background = 'rgba(167,139,250,0.4)'; };
-    copyLocalBtn.onmouseleave = function () { copyLocalBtn.style.background = 'rgba(167,139,250,0.25)'; };
+    copyLocalBtn.style.cssText = _btnBase + 'background:rgba(239,68,68,0.2);border:1.5px solid rgba(239,68,68,0.7);color:#fca5a5;font-size:14px;font-weight:700;padding:7px 18px;letter-spacing:1px;';
+    copyLocalBtn.onmouseenter = function () { copyLocalBtn.style.background = 'rgba(239,68,68,0.35)'; };
+    copyLocalBtn.onmouseleave = function () { copyLocalBtn.style.background = 'rgba(239,68,68,0.2)'; };
 
     var promptBtn = document.createElement('button');
     promptBtn.textContent = '复制提示词';

package/package.json

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

package/skills/yiran-playground-template-use/prompts/remix-handoff.txt

@@ -31,6 +31,6 @@
 
 你的任务需要用最快的速度完成：
 
-1. 阅读 `__demo__.html` 和 `__student-view__.html`，理解任务目标和示范内容。
-2. 完成后，禁止修改任何代码，而是把第一步要做的事情告诉我，输出给我。
-3. 你的任务是引导我把第一步完成。
+1. 阅读 `__student__.json`，了解任务步骤和评价目标
+2. 阅读 `__teacher__.json`，了解训练重点和常见卡点
+3. 用一两句话告诉我：这次任务的第一步是什么，我应该先做什么