@aiyiran/myclaw 1.1.65 → 1.1.66

package/assets/myclaw-artifacts.js

@@ -213,7 +213,7 @@
     leftGroup.appendChild(titleSpan);
 
     var eyeBtn = document.createElement('span');
-    var updateEyeUI = function() {
+    var updateEyeUI = function () {
       if (showHiddenArtifacts) {
         eyeBtn.textContent = '👁';
         eyeBtn.style.opacity = '1';
@@ -228,9 +228,9 @@
     };
     eyeBtn.style.cssText = 'cursor:pointer;border-radius:3px;padding:2px 4px;transition:all 0.15s;font-size:13px;';
     updateEyeUI();
-    eyeBtn.onmouseenter = function() { eyeBtn.style.background = 'rgba(255,255,255,0.1)'; };
-    eyeBtn.onmouseleave = function() { eyeBtn.style.background = 'none'; };
-    eyeBtn.onclick = function() {
+    eyeBtn.onmouseenter = function () { eyeBtn.style.background = 'rgba(255,255,255,0.1)'; };
+    eyeBtn.onmouseleave = function () { eyeBtn.style.background = 'none'; };
+    eyeBtn.onclick = function () {
       showHiddenArtifacts = !showHiddenArtifacts;
       updateEyeUI();
       var contentEl = document.querySelector('#myclaw-artifacts-content');
@@ -249,19 +249,19 @@
       searchBoxHeader.id = 'myclaw-search-box';
       searchBoxHeader.placeholder = '搜索...';
       searchBoxHeader.style.cssText = 'max-width:120px;height:22px;padding:2px 8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:4px;color:#cdd6f4;font-size:11px;font-family:monospace;box-sizing:border-box;';
-      searchBoxHeader.onkeyup = function() {
+      searchBoxHeader.onkeyup = function () {
         applySearch();
       };
       header.appendChild(searchBoxHeader);
     }
 
     // 搜索过滤函数
-    window.applySearch = function() {
+    window.applySearch = function () {
       var searchBox = document.querySelector('#myclaw-search-box');
       if (!searchBox || !searchBox.value) return;
       var keyword = searchBox.value.toLowerCase();
       var items = document.querySelectorAll('[data-artifact-item]');
-      items.forEach(function(item) {
+      items.forEach(function (item) {
         var fileName = item.getAttribute('data-artifact-name') || '';
         item.style.display = (keyword === '' || fileName.toLowerCase().indexOf(keyword) !== -1) ? 'flex' : 'none';
       });
@@ -483,7 +483,7 @@
       'BOOTSTRAP.md',
       'AGENTS.md'
     ];
-    
+
     // 黑名单目录：隐藏特定的系统目录
     var DIR_BLACKLIST = [
       'memory/',
@@ -494,17 +494,17 @@
       sorted = sorted.filter(function (asset) {
         var path = asset.path || asset.name || '';
         var basename = path.split('/').pop();
-        
+
         // 1. 检查文件名是否包含在黑名单中
         if (ARTIFACT_BLACKLIST.indexOf(basename) !== -1) return false;
-        
+
         // 2. 检查路径是否以黑名单目录开头
         for (var i = 0; i < DIR_BLACKLIST.length; i++) {
           if (path.indexOf(DIR_BLACKLIST[i]) === 0) {
             return false;
           }
         }
-        
+
         return true;
       });
     }
@@ -641,7 +641,7 @@
       fname.style.cssText = 'flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;';
 
       var fullPath = asset.path || asset.name || '未命名';
-      var parts = fullPath.split('/').filter(function(p) { return p !== ''; });
+      var parts = fullPath.split('/').filter(function (p) { return p !== ''; });
       // 上行：倒数第二层以上的路径（若只有一层目录则无上行）
       // 下行：直接父文件夹/文件名
       var topPart = '';
@@ -674,6 +674,22 @@
 
       row.appendChild(leftCol);
       row.appendChild(fname);
+
+      // HTML 文件：右侧显示源码查看图标
+      var assetExtForSrc = (asset.path || '').split('.').pop().toLowerCase();
+      if (assetExtForSrc === 'html' || assetExtForSrc === 'htm') {
+        var srcIcon = document.createElement('span');
+        srcIcon.textContent = '</>';
+        srcIcon.title = '查看源代码';
+        srcIcon.style.cssText = 'flex-shrink:0;align-self:center;color:#555;font-size:11px;font-family:monospace;cursor:pointer;padding:2px 5px;border-radius:3px;border:1px solid transparent;transition:color 0.15s,border-color 0.15s,background 0.15s;margin-left:4px;white-space:nowrap;';
+        srcIcon.onmouseenter = function () { srcIcon.style.color = '#a78bfa'; srcIcon.style.borderColor = 'rgba(167,139,250,0.4)'; srcIcon.style.background = 'rgba(167,139,250,0.08)'; };
+        srcIcon.onmouseleave = function () { srcIcon.style.color = '#555'; srcIcon.style.borderColor = 'transparent'; srcIcon.style.background = ''; };
+        srcIcon.onclick = (function (a) {
+          return function (e) { e.stopPropagation(); openSourceModal(a); };
+        }(asset));
+        row.appendChild(srcIcon);
+      }
+
       listContent.appendChild(row);
     });
 
@@ -878,6 +894,71 @@
     if (modal) modal.remove();
   }
 
+  // ═══ 源代码查看弹框 ═══
+  function openSourceModal(asset) {
+    if (document.querySelector('#myclaw-source-modal')) return;
+
+    var overlay = document.createElement('div');
+    overlay.id = 'myclaw-source-modal';
+    overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:99999;display:flex;align-items:center;justify-content:center;font-family:monospace;';
+    overlay.onclick = function (e) { if (e.target === overlay) overlay.remove(); };
+
+    var box = document.createElement('div');
+    box.style.cssText = 'background:#1e1e2e;border:1px solid rgba(255,255,255,0.1);border-radius:8px;width:calc(100vw - 40px);height:calc(100vh - 40px);display:flex;flex-direction:column;color:#cdd6f4;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.6);';
+
+    var head = document.createElement('div');
+    head.style.cssText = 'display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0;';
+
+    var headTitle = document.createElement('span');
+    headTitle.textContent = '</> ' + (asset.path || '');
+    headTitle.style.cssText = 'font-size:13px;color:#cdd6f4;';
+
+    var headRight = document.createElement('span');
+    headRight.style.cssText = 'display:flex;align-items:center;gap:10px;';
+
+    var copyBtn = document.createElement('span');
+    copyBtn.textContent = '复制';
+    copyBtn.style.cssText = 'cursor:pointer;padding:4px 10px;border-radius:4px;font-size:12px;background:rgba(255,255,255,0.08);transition:background 0.15s;';
+    copyBtn.onmouseenter = function () { copyBtn.style.background = 'rgba(255,255,255,0.18)'; };
+    copyBtn.onmouseleave = function () { copyBtn.style.background = 'rgba(255,255,255,0.08)'; };
+
+    var closeBtn = document.createElement('span');
+    closeBtn.textContent = '✕';
+    closeBtn.style.cssText = 'cursor:pointer;padding:4px 10px;border-radius:4px;font-size:18px;font-weight:bold;transition:background 0.15s;';
+    closeBtn.onmouseenter = function () { closeBtn.style.background = 'rgba(255,255,255,0.15)'; };
+    closeBtn.onmouseleave = function () { closeBtn.style.background = 'none'; };
+    closeBtn.onclick = function () { overlay.remove(); };
+
+    headRight.appendChild(copyBtn);
+    headRight.appendChild(closeBtn);
+    head.appendChild(headTitle);
+    head.appendChild(headRight);
+    box.appendChild(head);
+
+    var pre = document.createElement('pre');
+    pre.style.cssText = 'flex:1;margin:0;padding:16px;overflow:auto;font-size:12px;line-height:1.6;color:#cdd6f4;background:#1a1a2e;white-space:pre;';
+    pre.textContent = '加载中…';
+
+    var apiUrl = MYCLAW_API_BASE + '/api/file?path=' + encodeURIComponent(getWorkspaceId() + '/' + asset.path) + '&t=' + Date.now();
+    fetch(apiUrl)
+      .then(function (r) { return r.ok ? r.arrayBuffer() : Promise.reject('HTTP ' + r.status); })
+      .then(function (buf) {
+        var text = new TextDecoder('utf-8').decode(buf);
+        pre.textContent = text;
+        copyBtn.onclick = function () {
+          navigator.clipboard.writeText(text).then(function () {
+            copyBtn.textContent = '✓ 已复制';
+            setTimeout(function () { copyBtn.textContent = '复制'; }, 1500);
+          });
+        };
+      })
+      .catch(function (e) { pre.textContent = '加载失败: ' + e; });
+
+    box.appendChild(pre);
+    overlay.appendChild(box);
+    document.body.appendChild(overlay);
+  }
+
   // ═══ 历史记录弹框 ═══
   function openHistoryModal(defaultPath) {
     if (document.querySelector('#myclaw-history-modal')) return;
@@ -1199,21 +1280,21 @@
     mTitleTime.style.cssText = 'font-size:11px;color:#888;font-weight:normal;';
     function updateStatsTime() {
       var now = new Date();
-      var pad = function(n){return n<10?'0'+n:n;};
-      mTitleTime.textContent = now.getFullYear()+'-'+pad(now.getMonth()+1)+'-'+pad(now.getDate())+' '+pad(now.getHours())+':'+pad(now.getMinutes())+':'+pad(now.getSeconds());
+      var pad = function (n) { return n < 10 ? '0' + n : n; };
+      mTitleTime.textContent = now.getFullYear() + '-' + pad(now.getMonth() + 1) + '-' + pad(now.getDate()) + ' ' + pad(now.getHours()) + ':' + pad(now.getMinutes()) + ':' + pad(now.getSeconds());
     }
     updateStatsTime();
     var statsTimerInterval = setInterval(updateStatsTime, 1000);
-    overlay.addEventListener('remove', function(){ clearInterval(statsTimerInterval); }, {once:true});
+    overlay.addEventListener('remove', function () { clearInterval(statsTimerInterval); }, { once: true });
     // 监听 overlay 被移除时清除 timer
-    var statsTimerObserver = new MutationObserver(function(mutations){
-      mutations.forEach(function(m){
-        m.removedNodes.forEach(function(n){
-          if(n === overlay){ clearInterval(statsTimerInterval); statsTimerObserver.disconnect(); }
+    var statsTimerObserver = new MutationObserver(function (mutations) {
+      mutations.forEach(function (m) {
+        m.removedNodes.forEach(function (n) {
+          if (n === overlay) { clearInterval(statsTimerInterval); statsTimerObserver.disconnect(); }
         });
       });
     });
-    statsTimerObserver.observe(document.body, {childList:true});
+    statsTimerObserver.observe(document.body, { childList: true });
     mTitle.appendChild(mTitleText);
     mTitle.appendChild(mTitleTime);
     var mClose = document.createElement('span');
@@ -1259,7 +1340,7 @@
     function openJsonPreviewModal(title, jsonUrl, sortKey) {
       var jOverlay = document.createElement('div');
       jOverlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:100000;display:flex;align-items:center;justify-content:center;';
-      jOverlay.onclick = function(e){ if(e.target===jOverlay) jOverlay.remove(); };
+      jOverlay.onclick = function (e) { if (e.target === jOverlay) jOverlay.remove(); };
 
       var jBox = document.createElement('div');
       jBox.style.cssText = 'background:#1e1e2e;border-radius:10px;width:min(94vw,700px);height:min(80vh,600px);overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.8);font-family:monospace;color:#cdd6f4;display:flex;flex-direction:column;';
@@ -1271,9 +1352,9 @@
       var jClose = document.createElement('span');
       jClose.textContent = '✕';
       jClose.style.cssText = 'cursor:pointer;padding:2px 6px;border-radius:3px;font-size:14px;transition:background 0.15s;';
-      jClose.onmouseenter = function(){ jClose.style.background='rgba(255,255,255,0.1)'; };
-      jClose.onmouseleave = function(){ jClose.style.background='none'; };
-      jClose.onclick = function(){ jOverlay.remove(); };
+      jClose.onmouseenter = function () { jClose.style.background = 'rgba(255,255,255,0.1)'; };
+      jClose.onmouseleave = function () { jClose.style.background = 'none'; };
+      jClose.onclick = function () { jOverlay.remove(); };
       jHead.appendChild(jTitle);
       jHead.appendChild(jClose);
 
@@ -1287,15 +1368,15 @@
       document.body.appendChild(jOverlay);
 
       fetch(jsonUrl)
-        .then(function(r){ return r.ok ? r.json() : Promise.reject('HTTP ' + r.status); })
-        .then(function(data){
+        .then(function (r) { return r.ok ? r.json() : Promise.reject('HTTP ' + r.status); })
+        .then(function (data) {
           if (sortKey) {
             // 支持顶层数组 或 对象内某个数组字段（如 { assets: [...] }）
             var arr = Array.isArray(data) ? data : (data && typeof data === 'object' ? (
-              Object.values(data).find(function(v){ return Array.isArray(v); })
+              Object.values(data).find(function (v) { return Array.isArray(v); })
             ) : null);
             if (arr) {
-              arr.sort(function(a, b){
+              arr.sort(function (a, b) {
                 var ta = a[sortKey] ? new Date(a[sortKey]).getTime() : 0;
                 var tb = b[sortKey] ? new Date(b[sortKey]).getTime() : 0;
                 return tb - ta;
@@ -1305,7 +1386,7 @@
           jBody.style.color = '#a6e3a1';
           jBody.textContent = JSON.stringify(data, null, 2);
         })
-        .catch(function(err){
+        .catch(function (err) {
           jBody.style.color = '#f87171';
           jBody.textContent = '加载失败: ' + err;
         });
@@ -1315,9 +1396,9 @@
     var sec1 = makeSection('📁', '文件资产');
     sec1.style.cursor = 'pointer';
     sec1.title = '点击查看 JSON';
-    sec1.onmouseenter = function(){ sec1.style.background='rgba(255,255,255,0.04)'; };
-    sec1.onmouseleave = function(){ sec1.style.background=''; };
-    sec1.onclick = function(){
+    sec1.onmouseenter = function () { sec1.style.background = 'rgba(255,255,255,0.04)'; };
+    sec1.onmouseleave = function () { sec1.style.background = ''; };
+    sec1.onclick = function () {
       var wsPrefix = getWorkspaceId();
       openJsonPreviewModal('📁 文件资产 — __MY_ARTIFACTS__.json', MYCLAW_API_BASE + '/api/file?path=' + encodeURIComponent(wsPrefix + '/.myclaw/__MY_ARTIFACTS__.json'), 'updated_at');
     };
@@ -1355,9 +1436,9 @@
     var sec2 = makeSection('🎨', '美术资源');
     sec2.style.cursor = 'pointer';
     sec2.title = '点击查看 JSON';
-    sec2.onmouseenter = function(){ sec2.style.background='rgba(255,255,255,0.04)'; };
-    sec2.onmouseleave = function(){ sec2.style.background=''; };
-    sec2.onclick = function(){
+    sec2.onmouseenter = function () { sec2.style.background = 'rgba(255,255,255,0.04)'; };
+    sec2.onmouseleave = function () { sec2.style.background = ''; };
+    sec2.onclick = function () {
       openJsonPreviewModal('🎨 美术资源 — media-generation-log.json', MYCLAW_API_BASE + '/api/file?path=myclaw/log/media-generation-log.json', 'started_at');
     };
     var mediaPlaceholder = document.createElement('div');
@@ -1401,8 +1482,8 @@
     var syncBtn = document.createElement('button');
     syncBtn.textContent = '全量同步';
     syncBtn.style.cssText = 'padding:2px 10px;background:none;color:#555;border:1px solid rgba(255,255,255,0.1);border-radius:4px;font-size:11px;font-family:monospace;cursor:pointer;transition:color 0.15s,border-color 0.15s;';
-    syncBtn.onmouseenter = function () { syncBtn.style.color='#aaa'; syncBtn.style.borderColor='rgba(255,255,255,0.25)'; };
-    syncBtn.onmouseleave = function () { syncBtn.style.color='#555'; syncBtn.style.borderColor='rgba(255,255,255,0.1)'; };
+    syncBtn.onmouseenter = function () { syncBtn.style.color = '#aaa'; syncBtn.style.borderColor = 'rgba(255,255,255,0.25)'; };
+    syncBtn.onmouseleave = function () { syncBtn.style.color = '#555'; syncBtn.style.borderColor = 'rgba(255,255,255,0.1)'; };
     syncBtn.onclick = function () {
       var confirm = document.createElement('div');
       confirm.style.cssText = 'margin-top:10px;padding:10px;background:rgba(250,204,21,0.08);border:1px solid rgba(250,204,21,0.2);border-radius:6px;font-size:11px;color:#facc15;line-height:1.7;';
@@ -1456,7 +1537,7 @@
 
     // 读取上次发布缓存
     var savedForm = {};
-    try { savedForm = JSON.parse(localStorage.getItem('myclaw-publish-cache')) || {}; } catch (e) {}
+    try { savedForm = JSON.parse(localStorage.getItem('myclaw-publish-cache')) || {}; } catch (e) { }
 
     var overlay = document.createElement('div');
     overlay.id = 'myclaw-artifacts-publish-modal';
@@ -1936,7 +2017,7 @@
   }
 
   // ═══ QR 码生成（qrcodejs 内联，无外部依赖，无 CSP 问题） ═══
-  var QRCode;!function(){function a(a){this.mode=c.MODE_8BIT_BYTE,this.data=a,this.parsedData=[];for(var b=[],d=0,e=this.data.length;e>d;d++){var f=this.data.charCodeAt(d);f>65536?(b[0]=240|(1835008&f)>>>18,b[1]=128|(258048&f)>>>12,b[2]=128|(4032&f)>>>6,b[3]=128|63&f):f>2048?(b[0]=224|(61440&f)>>>12,b[1]=128|(4032&f)>>>6,b[2]=128|63&f):f>128?(b[0]=192|(1984&f)>>>6,b[1]=128|63&f):b[0]=f,this.parsedData=this.parsedData.concat(b)}this.parsedData.length!=this.data.length&&(this.parsedData.unshift(191),this.parsedData.unshift(187),this.parsedData.unshift(239))}function b(a,b){this.typeNumber=a,this.errorCorrectLevel=b,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function i(a,b){if(void 0==a.length)throw new Error(a.length+"/"+b);for(var c=0;c<a.length&&0==a[c];)c++;this.num=new Array(a.length-c+b);for(var d=0;d<a.length-c;d++)this.num[d]=a[d+c]}function j(a,b){this.totalCount=a,this.dataCount=b}function k(){this.buffer=[],this.length=0}function m(){return"undefined"!=typeof CanvasRenderingContext2D}function n(){var a=!1,b=navigator.userAgent;return/android/i.test(b)&&(a=!0,aMat=b.toString().match(/android ([0-9]\.[0-9])/i),aMat&&aMat[1]&&(a=parseFloat(aMat[1]))),a}function r(a,b){for(var c=1,e=s(a),f=0,g=l.length;g>=f;f++){var h=0;switch(b){case d.L:h=l[f][0];break;case d.M:h=l[f][1];break;case d.Q:h=l[f][2];break;case d.H:h=l[f][3]}if(h>=e)break;c++}if(c>l.length)throw new Error("Too long data");return c}function s(a){var b=encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return b.length+(b.length!=a?3:0)}a.prototype={getLength:function(){return this.parsedData.length},write:function(a){for(var b=0,c=this.parsedData.length;c>b;b++)a.put(this.parsedData[b],8)}},b.prototype={addData:function(b){var c=new a(b);this.dataList.push(c),this.dataCache=null},isDark:function(a,b){if(0>a||this.moduleCount<=a||0>b||this.moduleCount<=b)throw new Error(a+","+b);return this.modules[a][b]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=new Array(this.moduleCount);for(var e=0;e<this.moduleCount;e++)this.modules[d][e]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(a,c),this.typeNumber>=7&&this.setupTypeNumber(a),null==this.dataCache&&(this.dataCache=b.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,b){for(var c=-1;7>=c;c++)if(!(-1>=a+c||this.moduleCount<=a+c))for(var d=-1;7>=d;d++)-1>=b+d||this.moduleCount<=b+d||(this.modules[a+c][b+d]=c>=0&&6>=c&&(0==d||6==d)||d>=0&&6>=d&&(0==c||6==c)||c>=2&&4>=c&&d>=2&&4>=d?!0:!1)},getBestMaskPattern:function(){for(var a=0,b=0,c=0;8>c;c++){this.makeImpl(!0,c);var d=f.getLostPoint(this);(0==c||a>d)&&(a=d,b=c)}return b},createMovieClip:function(a,b,c){var d=a.createEmptyMovieClip(b,c),e=1;this.make();for(var f=0;f<this.modules.length;f++)for(var g=f*e,h=0;h<this.modules[f].length;h++){var i=h*e,j=this.modules[f][h];j&&(d.beginFill(0,100),d.moveTo(i,g),d.lineTo(i+e,g),d.lineTo(i+e,g+e),d.lineTo(i,g+e),d.endFill())}return d},setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=0==a%2);for(var b=8;b<this.moduleCount-8;b++)null==this.modules[6][b]&&(this.modules[6][b]=0==b%2)},setupPositionAdjustPattern:function(){for(var a=f.getPatternPosition(this.typeNumber),b=0;b<a.length;b++)for(var c=0;c<a.length;c++){var d=a[b],e=a[c];if(null==this.modules[d][e])for(var g=-2;2>=g;g++)for(var h=-2;2>=h;h++)this.modules[d+g][e+h]=-2==g||2==g||-2==h||2==h||0==g&&0==h?!0:!1}},setupTypeNumber:function(a){for(var b=f.getBCHTypeNumber(this.typeNumber),c=0;18>c;c++){var d=!a&&1==(1&b>>c);this.modules[Math.floor(c/3)][c%3+this.moduleCount-8-3]=d}for(var c=0;18>c;c++){var d=!a&&1==(1&b>>c);this.modules[c%3+this.moduleCount-8-3][Math.floor(c/3)]=d}},setupTypeInfo:function(a,b){for(var c=this.errorCorrectLevel<<3|b,d=f.getBCHTypeInfo(c),e=0;15>e;e++){var g=!a&&1==(1&d>>e);6>e?this.modules[e][8]=g:8>e?this.modules[e+1][8]=g:this.modules[this.moduleCount-15+e][8]=g}for(var e=0;15>e;e++){var g=!a&&1==(1&d>>e);8>e?this.modules[8][this.moduleCount-e-1]=g:9>e?this.modules[8][15-e-1+1]=g:this.modules[8][15-e-1]=g}this.modules[this.moduleCount-8][8]=!a},mapData:function(a,b){for(var c=-1,d=this.moduleCount-1,e=7,g=0,h=this.moduleCount-1;h>0;h-=2)for(6==h&&h--;;){for(var i=0;2>i;i++)if(null==this.modules[d][h-i]){var j=!1;g<a.length&&(j=1==(1&a[g]>>>e));var k=f.getMask(b,d,h-i);k&&(j=!j),this.modules[d][h-i]=j,e--,-1==e&&(g++,e=7)}if(d+=c,0>d||this.moduleCount<=d){d-=c,c=-c;break}}}},b.PAD0=236,b.PAD1=17,b.createData=function(a,c,d){for(var e=j.getRSBlocks(a,c),g=new k,h=0;h<d.length;h++){var i=d[h];g.put(i.mode,4),g.put(i.getLength(),f.getLengthInBits(i.mode,a)),i.write(g)}for(var l=0,h=0;h<e.length;h++)l+=e[h].dataCount;if(g.getLengthInBits()>8*l)throw new Error("code length overflow. ("+g.getLengthInBits()+">"+8*l+")");for(g.getLengthInBits()+4<=8*l&&g.put(0,4);0!=g.getLengthInBits()%8;)g.putBit(!1);for(;;){if(g.getLengthInBits()>=8*l)break;if(g.put(b.PAD0,8),g.getLengthInBits()>=8*l)break;g.put(b.PAD1,8)}return b.createBytes(g,e)},b.createBytes=function(a,b){for(var c=0,d=0,e=0,g=new Array(b.length),h=new Array(b.length),j=0;j<b.length;j++){var k=b[j].dataCount,l=b[j].totalCount-k;d=Math.max(d,k),e=Math.max(e,l),g[j]=new Array(k);for(var m=0;m<g[j].length;m++)g[j][m]=255&a.buffer[m+c];c+=k;var n=f.getErrorCorrectPolynomial(l),o=new i(g[j],n.getLength()-1),p=o.mod(n);h[j]=new Array(n.getLength()-1);for(var m=0;m<h[j].length;m++){var q=m+p.getLength()-h[j].length;h[j][m]=q>=0?p.get(q):0}}for(var r=0,m=0;m<b.length;m++)r+=b[m].totalCount;for(var s=new Array(r),t=0,m=0;d>m;m++)for(var j=0;j<b.length;j++)m<g[j].length&&(s[t++]=g[j][m]);for(var m=0;e>m;m++)for(var j=0;j<b.length;j++)m<h[j].length&&(s[t++]=h[j][m]);return s};for(var c={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},d={L:1,M:0,Q:3,H:2},e={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7},f={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var b=a<<10;f.getBCHDigit(b)-f.getBCHDigit(f.G15)>=0;)b^=f.G15<<f.getBCHDigit(b)-f.getBCHDigit(f.G15);return(a<<10|b)^f.G15_MASK},getBCHTypeNumber:function(a){for(var b=a<<12;f.getBCHDigit(b)-f.getBCHDigit(f.G18)>=0;)b^=f.G18<<f.getBCHDigit(b)-f.getBCHDigit(f.G18);return a<<12|b},getBCHDigit:function(a){for(var b=0;0!=a;)b++,a>>>=1;return b},getPatternPosition:function(a){return f.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,b,c){switch(a){case e.PATTERN000:return 0==(b+c)%2;case e.PATTERN001:return 0==b%2;case e.PATTERN010:return 0==c%3;case e.PATTERN011:return 0==(b+c)%3;case e.PATTERN100:return 0==(Math.floor(b/2)+Math.floor(c/3))%2;case e.PATTERN101:return 0==b*c%2+b*c%3;case e.PATTERN110:return 0==(b*c%2+b*c%3)%2;case e.PATTERN111:return 0==(b*c%3+(b+c)%2)%2;default:throw new Error("bad maskPattern:"+a)}},getErrorCorrectPolynomial:function(a){for(var b=new i([1],0),c=0;a>c;c++)b=b.multiply(new i([1,g.gexp(c)],0));return b},getLengthInBits:function(a,b){if(b>=1&&10>b)switch(a){case c.MODE_NUMBER:return 10;case c.MODE_ALPHA_NUM:return 9;case c.MODE_8BIT_BYTE:return 8;case c.MODE_KANJI:return 8;default:throw new Error("mode:"+a)}else if(27>b)switch(a){case c.MODE_NUMBER:return 12;case c.MODE_ALPHA_NUM:return 11;case c.MODE_8BIT_BYTE:return 16;case c.MODE_KANJI:return 10;default:throw new Error("mode:"+a)}else{if(!(41>b))throw new Error("type:"+b);switch(a){case c.MODE_NUMBER:return 14;case c.MODE_ALPHA_NUM:return 13;case c.MODE_8BIT_BYTE:return 16;case c.MODE_KANJI:return 12;default:throw new Error("mode:"+a)}}},getLostPoint:function(a){for(var b=a.getModuleCount(),c=0,d=0;b>d;d++)for(var e=0;b>e;e++){for(var f=0,g=a.isDark(d,e),h=-1;1>=h;h++)if(!(0>d+h||d+h>=b))for(var i=-1;1>=i;i++)0>e+i||e+i>=b||(0!=h||0!=i)&&g==a.isDark(d+h,e+i)&&f++;f>5&&(c+=3+f-5)}for(var d=0;b-1>d;d++)for(var e=0;b-1>e;e++){var j=0;a.isDark(d,e)&&j++,a.isDark(d+1,e)&&j++,a.isDark(d,e+1)&&j++,a.isDark(d+1,e+1)&&j++,(0==j||4==j)&&(c+=3)}for(var d=0;b>d;d++)for(var e=0;b-6>e;e++)a.isDark(d,e)&&!a.isDark(d,e+1)&&a.isDark(d,e+2)&&a.isDark(d,e+3)&&a.isDark(d,e+4)&&!a.isDark(d,e+5)&&a.isDark(d,e+6)&&(c+=40);for(var e=0;b>e;e++)for(var d=0;b-6>d;d++)a.isDark(d,e)&&!a.isDark(d+1,e)&&a.isDark(d+2,e)&&a.isDark(d+3,e)&&a.isDark(d+4,e)&&!a.isDark(d+5,e)&&a.isDark(d+6,e)&&(c+=40);for(var k=0,e=0;b>e;e++)for(var d=0;b>d;d++)a.isDark(d,e)&&k++;var l=Math.abs(100*k/b/b-50)/5;return c+=10*l}},g={glog:function(a){if(1>a)throw new Error("glog("+a+")");return g.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;a>=256;)a-=255;return g.EXP_TABLE[a]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},h=0;8>h;h++)g.EXP_TABLE[h]=1<<h;for(var h=8;256>h;h++)g.EXP_TABLE[h]=g.EXP_TABLE[h-4]^g.EXP_TABLE[h-5]^g.EXP_TABLE[h-6]^g.EXP_TABLE[h-8];for(var h=0;255>h;h++)g.LOG_TABLE[g.EXP_TABLE[h]]=h;i.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var b=new Array(this.getLength()+a.getLength()-1),c=0;c<this.getLength();c++)for(var d=0;d<a.getLength();d++)b[c+d]^=g.gexp(g.glog(this.get(c))+g.glog(a.get(d)));return new i(b,0)},mod:function(a){if(this.getLength()-a.getLength()<0)return this;for(var b=g.glog(this.get(0))-g.glog(a.get(0)),c=new Array(this.getLength()),d=0;d<this.getLength();d++)c[d]=this.get(d);for(var d=0;d<a.getLength();d++)c[d]^=g.gexp(g.glog(a.get(d))+b);return new i(c,0).mod(a)}},j.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],j.getRSBlocks=function(a,b){var c=j.getRsBlockTable(a,b);if(void 0==c)throw new Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+b);for(var d=c.length/3,e=[],f=0;d>f;f++)for(var g=c[3*f+0],h=c[3*f+1],i=c[3*f+2],k=0;g>k;k++)e.push(new j(h,i));return e},j.getRsBlockTable=function(a,b){switch(b){case d.L:return j.RS_BLOCK_TABLE[4*(a-1)+0];case d.M:return j.RS_BLOCK_TABLE[4*(a-1)+1];case d.Q:return j.RS_BLOCK_TABLE[4*(a-1)+2];case d.H:return j.RS_BLOCK_TABLE[4*(a-1)+3];default:return void 0}},k.prototype={get:function(a){var b=Math.floor(a/8);return 1==(1&this.buffer[b]>>>7-a%8)},put:function(a,b){for(var c=0;b>c;c++)this.putBit(1==(1&a>>>b-c-1))},getLengthInBits:function(){return this.length},putBit:function(a){var b=Math.floor(this.length/8);this.buffer.length<=b&&this.buffer.push(0),a&&(this.buffer[b]|=128>>>this.length%8),this.length++}};var l=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]],o=function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){function g(a,b){var c=document.createElementNS("http://www.w3.org/2000/svg",a);for(var d in b)b.hasOwnProperty(d)&&c.setAttribute(d,b[d]);return c}var b=this._htOption,c=this._el,d=a.getModuleCount();Math.floor(b.width/d),Math.floor(b.height/d),this.clear();var h=g("svg",{viewBox:"0 0 "+String(d)+" "+String(d),width:"100%",height:"100%",fill:b.colorLight});h.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),c.appendChild(h),h.appendChild(g("rect",{fill:b.colorDark,width:"1",height:"1",id:"template"}));for(var i=0;d>i;i++)for(var j=0;d>j;j++)if(a.isDark(i,j)){var k=g("use",{x:String(i),y:String(j)});k.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),h.appendChild(k)}},a.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},a}(),p="svg"===document.documentElement.tagName.toLowerCase(),q=p?o:m()?function(){function a(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}function d(a,b){var c=this;if(c._fFail=b,c._fSuccess=a,null===c._bSupportDataURI){var d=document.createElement("img"),e=function(){c._bSupportDataURI=!1,c._fFail&&_fFail.call(c)},f=function(){c._bSupportDataURI=!0,c._fSuccess&&c._fSuccess.call(c)};return d.onabort=e,d.onerror=e,d.onload=f,d.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==",void 0}c._bSupportDataURI===!0&&c._fSuccess?c._fSuccess.call(c):c._bSupportDataURI===!1&&c._fFail&&c._fFail.call(c)}if(false/*android2.1 fix disabled*/){var b=1/window.devicePixelRatio,c=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(a,d,e,f,g,h,i,j){if("nodeName"in a&&/img/i.test(a.nodeName))for(var l=arguments.length-1;l>=1;l--)arguments[l]=arguments[l]*b;else"undefined"==typeof j&&(arguments[1]*=b,arguments[2]*=b,arguments[3]*=b,arguments[4]*=b);c.apply(this,arguments)}}var e=function(a,b){this._bIsPainted=!1,this._android=n(),this._htOption=b,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=b.width,this._elCanvas.height=b.height,a.appendChild(this._elCanvas),this._el=a,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return e.prototype.draw=function(a){var b=this._elImage,c=this._oContext,d=this._htOption,e=a.getModuleCount(),f=d.width/e,g=d.height/e,h=Math.round(f),i=Math.round(g);b.style.display="none",this.clear();for(var j=0;e>j;j++)for(var k=0;e>k;k++){var l=a.isDark(j,k),m=k*f,n=j*g;c.strokeStyle=l?d.colorDark:d.colorLight,c.lineWidth=1,c.fillStyle=l?d.colorDark:d.colorLight,c.fillRect(m,n,f,g),c.strokeRect(Math.floor(m)+.5,Math.floor(n)+.5,h,i),c.strokeRect(Math.ceil(m)-.5,Math.ceil(n)-.5,h,i)}this._bIsPainted=!0},e.prototype.makeImage=function(){this._bIsPainted&&d.call(this,a)},e.prototype.isPainted=function(){return this._bIsPainted},e.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},e.prototype.round=function(a){return a?Math.floor(1e3*a)/1e3:a},e}():function(){var a=function(a,b){this._el=a,this._htOption=b};return a.prototype.draw=function(a){for(var b=this._htOption,c=this._el,d=a.getModuleCount(),e=Math.floor(b.width/d),f=Math.floor(b.height/d),g=['<table style="border:0;border-collapse:collapse;">'],h=0;d>h;h++){g.push("<tr>");for(var i=0;d>i;i++)g.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:'+e+"px;height:"+f+"px;background-color:"+(a.isDark(h,i)?b.colorDark:b.colorLight)+';"></td>');g.push("</tr>")}g.push("</table>"),c.innerHTML=g.join("");var j=c.childNodes[0],k=(b.width-j.offsetWidth)/2,l=(b.height-j.offsetHeight)/2;k>0&&l>0&&(j.style.margin=l+"px "+k+"px")},a.prototype.clear=function(){this._el.innerHTML=""},a}();QRCode=function(a,b){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:d.H},"string"==typeof b&&(b={text:b}),b)for(var c in b)this._htOption[c]=b[c];"string"==typeof a&&(a=document.getElementById(a)),this._android=n(),this._el=a,this._oQRCode=null,this._oDrawing=new q(this._el,this._htOption),this._htOption.text&&this.makeCode(this._htOption.text)},QRCode.prototype.makeCode=function(a){this._oQRCode=new b(r(a,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(a),this._oQRCode.make(),this._el.title=a,this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCode.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCode.prototype.clear=function(){this._oDrawing.clear()},QRCode.CorrectLevel=d}();
+  var QRCode; !function () { function a(a) { this.mode = c.MODE_8BIT_BYTE, this.data = a, this.parsedData = []; for (var b = [], d = 0, e = this.data.length; e > d; d++) { var f = this.data.charCodeAt(d); f > 65536 ? (b[0] = 240 | (1835008 & f) >>> 18, b[1] = 128 | (258048 & f) >>> 12, b[2] = 128 | (4032 & f) >>> 6, b[3] = 128 | 63 & f) : f > 2048 ? (b[0] = 224 | (61440 & f) >>> 12, b[1] = 128 | (4032 & f) >>> 6, b[2] = 128 | 63 & f) : f > 128 ? (b[0] = 192 | (1984 & f) >>> 6, b[1] = 128 | 63 & f) : b[0] = f, this.parsedData = this.parsedData.concat(b) } this.parsedData.length != this.data.length && (this.parsedData.unshift(191), this.parsedData.unshift(187), this.parsedData.unshift(239)) } function b(a, b) { this.typeNumber = a, this.errorCorrectLevel = b, this.modules = null, this.moduleCount = 0, this.dataCache = null, this.dataList = [] } function i(a, b) { if (void 0 == a.length) throw new Error(a.length + "/" + b); for (var c = 0; c < a.length && 0 == a[c];)c++; this.num = new Array(a.length - c + b); for (var d = 0; d < a.length - c; d++)this.num[d] = a[d + c] } function j(a, b) { this.totalCount = a, this.dataCount = b } function k() { this.buffer = [], this.length = 0 } function m() { return "undefined" != typeof CanvasRenderingContext2D } function n() { var a = !1, b = navigator.userAgent; return /android/i.test(b) && (a = !0, aMat = b.toString().match(/android ([0-9]\.[0-9])/i), aMat && aMat[1] && (a = parseFloat(aMat[1]))), a } function r(a, b) { for (var c = 1, e = s(a), f = 0, g = l.length; g >= f; f++) { var h = 0; switch (b) { case d.L: h = l[f][0]; break; case d.M: h = l[f][1]; break; case d.Q: h = l[f][2]; break; case d.H: h = l[f][3] }if (h >= e) break; c++ } if (c > l.length) throw new Error("Too long data"); return c } function s(a) { var b = encodeURI(a).toString().replace(/\%[0-9a-fA-F]{2}/g, "a"); return b.length + (b.length != a ? 3 : 0) } a.prototype = { getLength: function () { return this.parsedData.length }, write: function (a) { for (var b = 0, c = this.parsedData.length; c > b; b++)a.put(this.parsedData[b], 8) } }, b.prototype = { addData: function (b) { var c = new a(b); this.dataList.push(c), this.dataCache = null }, isDark: function (a, b) { if (0 > a || this.moduleCount <= a || 0 > b || this.moduleCount <= b) throw new Error(a + "," + b); return this.modules[a][b] }, getModuleCount: function () { return this.moduleCount }, make: function () { this.makeImpl(!1, this.getBestMaskPattern()) }, makeImpl: function (a, c) { this.moduleCount = 4 * this.typeNumber + 17, this.modules = new Array(this.moduleCount); for (var d = 0; d < this.moduleCount; d++) { this.modules[d] = new Array(this.moduleCount); for (var e = 0; e < this.moduleCount; e++)this.modules[d][e] = null } this.setupPositionProbePattern(0, 0), this.setupPositionProbePattern(this.moduleCount - 7, 0), this.setupPositionProbePattern(0, this.moduleCount - 7), this.setupPositionAdjustPattern(), this.setupTimingPattern(), this.setupTypeInfo(a, c), this.typeNumber >= 7 && this.setupTypeNumber(a), null == this.dataCache && (this.dataCache = b.createData(this.typeNumber, this.errorCorrectLevel, this.dataList)), this.mapData(this.dataCache, c) }, setupPositionProbePattern: function (a, b) { for (var c = -1; 7 >= c; c++)if (!(-1 >= a + c || this.moduleCount <= a + c)) for (var d = -1; 7 >= d; d++)-1 >= b + d || this.moduleCount <= b + d || (this.modules[a + c][b + d] = c >= 0 && 6 >= c && (0 == d || 6 == d) || d >= 0 && 6 >= d && (0 == c || 6 == c) || c >= 2 && 4 >= c && d >= 2 && 4 >= d ? !0 : !1) }, getBestMaskPattern: function () { for (var a = 0, b = 0, c = 0; 8 > c; c++) { this.makeImpl(!0, c); var d = f.getLostPoint(this); (0 == c || a > d) && (a = d, b = c) } return b }, createMovieClip: function (a, b, c) { var d = a.createEmptyMovieClip(b, c), e = 1; this.make(); for (var f = 0; f < this.modules.length; f++)for (var g = f * e, h = 0; h < this.modules[f].length; h++) { var i = h * e, j = this.modules[f][h]; j && (d.beginFill(0, 100), d.moveTo(i, g), d.lineTo(i + e, g), d.lineTo(i + e, g + e), d.lineTo(i, g + e), d.endFill()) } return d }, setupTimingPattern: function () { for (var a = 8; a < this.moduleCount - 8; a++)null == this.modules[a][6] && (this.modules[a][6] = 0 == a % 2); for (var b = 8; b < this.moduleCount - 8; b++)null == this.modules[6][b] && (this.modules[6][b] = 0 == b % 2) }, setupPositionAdjustPattern: function () { for (var a = f.getPatternPosition(this.typeNumber), b = 0; b < a.length; b++)for (var c = 0; c < a.length; c++) { var d = a[b], e = a[c]; if (null == this.modules[d][e]) for (var g = -2; 2 >= g; g++)for (var h = -2; 2 >= h; h++)this.modules[d + g][e + h] = -2 == g || 2 == g || -2 == h || 2 == h || 0 == g && 0 == h ? !0 : !1 } }, setupTypeNumber: function (a) { for (var b = f.getBCHTypeNumber(this.typeNumber), c = 0; 18 > c; c++) { var d = !a && 1 == (1 & b >> c); this.modules[Math.floor(c / 3)][c % 3 + this.moduleCount - 8 - 3] = d } for (var c = 0; 18 > c; c++) { var d = !a && 1 == (1 & b >> c); this.modules[c % 3 + this.moduleCount - 8 - 3][Math.floor(c / 3)] = d } }, setupTypeInfo: function (a, b) { for (var c = this.errorCorrectLevel << 3 | b, d = f.getBCHTypeInfo(c), e = 0; 15 > e; e++) { var g = !a && 1 == (1 & d >> e); 6 > e ? this.modules[e][8] = g : 8 > e ? this.modules[e + 1][8] = g : this.modules[this.moduleCount - 15 + e][8] = g } for (var e = 0; 15 > e; e++) { var g = !a && 1 == (1 & d >> e); 8 > e ? this.modules[8][this.moduleCount - e - 1] = g : 9 > e ? this.modules[8][15 - e - 1 + 1] = g : this.modules[8][15 - e - 1] = g } this.modules[this.moduleCount - 8][8] = !a }, mapData: function (a, b) { for (var c = -1, d = this.moduleCount - 1, e = 7, g = 0, h = this.moduleCount - 1; h > 0; h -= 2)for (6 == h && h--; ;) { for (var i = 0; 2 > i; i++)if (null == this.modules[d][h - i]) { var j = !1; g < a.length && (j = 1 == (1 & a[g] >>> e)); var k = f.getMask(b, d, h - i); k && (j = !j), this.modules[d][h - i] = j, e--, -1 == e && (g++, e = 7) } if (d += c, 0 > d || this.moduleCount <= d) { d -= c, c = -c; break } } } }, b.PAD0 = 236, b.PAD1 = 17, b.createData = function (a, c, d) { for (var e = j.getRSBlocks(a, c), g = new k, h = 0; h < d.length; h++) { var i = d[h]; g.put(i.mode, 4), g.put(i.getLength(), f.getLengthInBits(i.mode, a)), i.write(g) } for (var l = 0, h = 0; h < e.length; h++)l += e[h].dataCount; if (g.getLengthInBits() > 8 * l) throw new Error("code length overflow. (" + g.getLengthInBits() + ">" + 8 * l + ")"); for (g.getLengthInBits() + 4 <= 8 * l && g.put(0, 4); 0 != g.getLengthInBits() % 8;)g.putBit(!1); for (; ;) { if (g.getLengthInBits() >= 8 * l) break; if (g.put(b.PAD0, 8), g.getLengthInBits() >= 8 * l) break; g.put(b.PAD1, 8) } return b.createBytes(g, e) }, b.createBytes = function (a, b) { for (var c = 0, d = 0, e = 0, g = new Array(b.length), h = new Array(b.length), j = 0; j < b.length; j++) { var k = b[j].dataCount, l = b[j].totalCount - k; d = Math.max(d, k), e = Math.max(e, l), g[j] = new Array(k); for (var m = 0; m < g[j].length; m++)g[j][m] = 255 & a.buffer[m + c]; c += k; var n = f.getErrorCorrectPolynomial(l), o = new i(g[j], n.getLength() - 1), p = o.mod(n); h[j] = new Array(n.getLength() - 1); for (var m = 0; m < h[j].length; m++) { var q = m + p.getLength() - h[j].length; h[j][m] = q >= 0 ? p.get(q) : 0 } } for (var r = 0, m = 0; m < b.length; m++)r += b[m].totalCount; for (var s = new Array(r), t = 0, m = 0; d > m; m++)for (var j = 0; j < b.length; j++)m < g[j].length && (s[t++] = g[j][m]); for (var m = 0; e > m; m++)for (var j = 0; j < b.length; j++)m < h[j].length && (s[t++] = h[j][m]); return s }; for (var c = { MODE_NUMBER: 1, MODE_ALPHA_NUM: 2, MODE_8BIT_BYTE: 4, MODE_KANJI: 8 }, d = { L: 1, M: 0, Q: 3, H: 2 }, e = { PATTERN000: 0, PATTERN001: 1, PATTERN010: 2, PATTERN011: 3, PATTERN100: 4, PATTERN101: 5, PATTERN110: 6, PATTERN111: 7 }, f = { PATTERN_POSITION_TABLE: [[], [6, 18], [6, 22], [6, 26], [6, 30], [6, 34], [6, 22, 38], [6, 24, 42], [6, 26, 46], [6, 28, 50], [6, 30, 54], [6, 32, 58], [6, 34, 62], [6, 26, 46, 66], [6, 26, 48, 70], [6, 26, 50, 74], [6, 30, 54, 78], [6, 30, 56, 82], [6, 30, 58, 86], [6, 34, 62, 90], [6, 28, 50, 72, 94], [6, 26, 50, 74, 98], [6, 30, 54, 78, 102], [6, 28, 54, 80, 106], [6, 32, 58, 84, 110], [6, 30, 58, 86, 114], [6, 34, 62, 90, 118], [6, 26, 50, 74, 98, 122], [6, 30, 54, 78, 102, 126], [6, 26, 52, 78, 104, 130], [6, 30, 56, 82, 108, 134], [6, 34, 60, 86, 112, 138], [6, 30, 58, 86, 114, 142], [6, 34, 62, 90, 118, 146], [6, 30, 54, 78, 102, 126, 150], [6, 24, 50, 76, 102, 128, 154], [6, 28, 54, 80, 106, 132, 158], [6, 32, 58, 84, 110, 136, 162], [6, 26, 54, 82, 110, 138, 166], [6, 30, 58, 86, 114, 142, 170]], G15: 1335, G18: 7973, G15_MASK: 21522, getBCHTypeInfo: function (a) { for (var b = a << 10; f.getBCHDigit(b) - f.getBCHDigit(f.G15) >= 0;)b ^= f.G15 << f.getBCHDigit(b) - f.getBCHDigit(f.G15); return (a << 10 | b) ^ f.G15_MASK }, getBCHTypeNumber: function (a) { for (var b = a << 12; f.getBCHDigit(b) - f.getBCHDigit(f.G18) >= 0;)b ^= f.G18 << f.getBCHDigit(b) - f.getBCHDigit(f.G18); return a << 12 | b }, getBCHDigit: function (a) { for (var b = 0; 0 != a;)b++, a >>>= 1; return b }, getPatternPosition: function (a) { return f.PATTERN_POSITION_TABLE[a - 1] }, getMask: function (a, b, c) { switch (a) { case e.PATTERN000: return 0 == (b + c) % 2; case e.PATTERN001: return 0 == b % 2; case e.PATTERN010: return 0 == c % 3; case e.PATTERN011: return 0 == (b + c) % 3; case e.PATTERN100: return 0 == (Math.floor(b / 2) + Math.floor(c / 3)) % 2; case e.PATTERN101: return 0 == b * c % 2 + b * c % 3; case e.PATTERN110: return 0 == (b * c % 2 + b * c % 3) % 2; case e.PATTERN111: return 0 == (b * c % 3 + (b + c) % 2) % 2; default: throw new Error("bad maskPattern:" + a) } }, getErrorCorrectPolynomial: function (a) { for (var b = new i([1], 0), c = 0; a > c; c++)b = b.multiply(new i([1, g.gexp(c)], 0)); return b }, getLengthInBits: function (a, b) { if (b >= 1 && 10 > b) switch (a) { case c.MODE_NUMBER: return 10; case c.MODE_ALPHA_NUM: return 9; case c.MODE_8BIT_BYTE: return 8; case c.MODE_KANJI: return 8; default: throw new Error("mode:" + a) } else if (27 > b) switch (a) { case c.MODE_NUMBER: return 12; case c.MODE_ALPHA_NUM: return 11; case c.MODE_8BIT_BYTE: return 16; case c.MODE_KANJI: return 10; default: throw new Error("mode:" + a) } else { if (!(41 > b)) throw new Error("type:" + b); switch (a) { case c.MODE_NUMBER: return 14; case c.MODE_ALPHA_NUM: return 13; case c.MODE_8BIT_BYTE: return 16; case c.MODE_KANJI: return 12; default: throw new Error("mode:" + a) } } }, getLostPoint: function (a) { for (var b = a.getModuleCount(), c = 0, d = 0; b > d; d++)for (var e = 0; b > e; e++) { for (var f = 0, g = a.isDark(d, e), h = -1; 1 >= h; h++)if (!(0 > d + h || d + h >= b)) for (var i = -1; 1 >= i; i++)0 > e + i || e + i >= b || (0 != h || 0 != i) && g == a.isDark(d + h, e + i) && f++; f > 5 && (c += 3 + f - 5) } for (var d = 0; b - 1 > d; d++)for (var e = 0; b - 1 > e; e++) { var j = 0; a.isDark(d, e) && j++, a.isDark(d + 1, e) && j++, a.isDark(d, e + 1) && j++, a.isDark(d + 1, e + 1) && j++, (0 == j || 4 == j) && (c += 3) } for (var d = 0; b > d; d++)for (var e = 0; b - 6 > e; e++)a.isDark(d, e) && !a.isDark(d, e + 1) && a.isDark(d, e + 2) && a.isDark(d, e + 3) && a.isDark(d, e + 4) && !a.isDark(d, e + 5) && a.isDark(d, e + 6) && (c += 40); for (var e = 0; b > e; e++)for (var d = 0; b - 6 > d; d++)a.isDark(d, e) && !a.isDark(d + 1, e) && a.isDark(d + 2, e) && a.isDark(d + 3, e) && a.isDark(d + 4, e) && !a.isDark(d + 5, e) && a.isDark(d + 6, e) && (c += 40); for (var k = 0, e = 0; b > e; e++)for (var d = 0; b > d; d++)a.isDark(d, e) && k++; var l = Math.abs(100 * k / b / b - 50) / 5; return c += 10 * l } }, g = { glog: function (a) { if (1 > a) throw new Error("glog(" + a + ")"); return g.LOG_TABLE[a] }, gexp: function (a) { for (; 0 > a;)a += 255; for (; a >= 256;)a -= 255; return g.EXP_TABLE[a] }, EXP_TABLE: new Array(256), LOG_TABLE: new Array(256) }, h = 0; 8 > h; h++)g.EXP_TABLE[h] = 1 << h; for (var h = 8; 256 > h; h++)g.EXP_TABLE[h] = g.EXP_TABLE[h - 4] ^ g.EXP_TABLE[h - 5] ^ g.EXP_TABLE[h - 6] ^ g.EXP_TABLE[h - 8]; for (var h = 0; 255 > h; h++)g.LOG_TABLE[g.EXP_TABLE[h]] = h; i.prototype = { get: function (a) { return this.num[a] }, getLength: function () { return this.num.length }, multiply: function (a) { for (var b = new Array(this.getLength() + a.getLength() - 1), c = 0; c < this.getLength(); c++)for (var d = 0; d < a.getLength(); d++)b[c + d] ^= g.gexp(g.glog(this.get(c)) + g.glog(a.get(d))); return new i(b, 0) }, mod: function (a) { if (this.getLength() - a.getLength() < 0) return this; for (var b = g.glog(this.get(0)) - g.glog(a.get(0)), c = new Array(this.getLength()), d = 0; d < this.getLength(); d++)c[d] = this.get(d); for (var d = 0; d < a.getLength(); d++)c[d] ^= g.gexp(g.glog(a.get(d)) + b); return new i(c, 0).mod(a) } }, j.RS_BLOCK_TABLE = [[1, 26, 19], [1, 26, 16], [1, 26, 13], [1, 26, 9], [1, 44, 34], [1, 44, 28], [1, 44, 22], [1, 44, 16], [1, 70, 55], [1, 70, 44], [2, 35, 17], [2, 35, 13], [1, 100, 80], [2, 50, 32], [2, 50, 24], [4, 25, 9], [1, 134, 108], [2, 67, 43], [2, 33, 15, 2, 34, 16], [2, 33, 11, 2, 34, 12], [2, 86, 68], [4, 43, 27], [4, 43, 19], [4, 43, 15], [2, 98, 78], [4, 49, 31], [2, 32, 14, 4, 33, 15], [4, 39, 13, 1, 40, 14], [2, 121, 97], [2, 60, 38, 2, 61, 39], [4, 40, 18, 2, 41, 19], [4, 40, 14, 2, 41, 15], [2, 146, 116], [3, 58, 36, 2, 59, 37], [4, 36, 16, 4, 37, 17], [4, 36, 12, 4, 37, 13], [2, 86, 68, 2, 87, 69], [4, 69, 43, 1, 70, 44], [6, 43, 19, 2, 44, 20], [6, 43, 15, 2, 44, 16], [4, 101, 81], [1, 80, 50, 4, 81, 51], [4, 50, 22, 4, 51, 23], [3, 36, 12, 8, 37, 13], [2, 116, 92, 2, 117, 93], [6, 58, 36, 2, 59, 37], [4, 46, 20, 6, 47, 21], [7, 42, 14, 4, 43, 15], [4, 133, 107], [8, 59, 37, 1, 60, 38], [8, 44, 20, 4, 45, 21], [12, 33, 11, 4, 34, 12], [3, 145, 115, 1, 146, 116], [4, 64, 40, 5, 65, 41], [11, 36, 16, 5, 37, 17], [11, 36, 12, 5, 37, 13], [5, 109, 87, 1, 110, 88], [5, 65, 41, 5, 66, 42], [5, 54, 24, 7, 55, 25], [11, 36, 12], [5, 122, 98, 1, 123, 99], [7, 73, 45, 3, 74, 46], [15, 43, 19, 2, 44, 20], [3, 45, 15, 13, 46, 16], [1, 135, 107, 5, 136, 108], [10, 74, 46, 1, 75, 47], [1, 50, 22, 15, 51, 23], [2, 42, 14, 17, 43, 15], [5, 150, 120, 1, 151, 121], [9, 69, 43, 4, 70, 44], [17, 50, 22, 1, 51, 23], [2, 42, 14, 19, 43, 15], [3, 141, 113, 4, 142, 114], [3, 70, 44, 11, 71, 45], [17, 47, 21, 4, 48, 22], [9, 39, 13, 16, 40, 14], [3, 135, 107, 5, 136, 108], [3, 67, 41, 13, 68, 42], [15, 54, 24, 5, 55, 25], [15, 43, 15, 10, 44, 16], [4, 144, 116, 4, 145, 117], [17, 68, 42], [17, 50, 22, 6, 51, 23], [19, 46, 16, 6, 47, 17], [2, 139, 111, 7, 140, 112], [17, 74, 46], [7, 54, 24, 16, 55, 25], [34, 37, 13], [4, 151, 121, 5, 152, 122], [4, 75, 47, 14, 76, 48], [11, 54, 24, 14, 55, 25], [16, 45, 15, 14, 46, 16], [6, 147, 117, 4, 148, 118], [6, 73, 45, 14, 74, 46], [11, 54, 24, 16, 55, 25], [30, 46, 16, 2, 47, 17], [8, 132, 106, 4, 133, 107], [8, 75, 47, 13, 76, 48], [7, 54, 24, 22, 55, 25], [22, 45, 15, 13, 46, 16], [10, 142, 114, 2, 143, 115], [19, 74, 46, 4, 75, 47], [28, 50, 22, 6, 51, 23], [33, 46, 16, 4, 47, 17], [8, 152, 122, 4, 153, 123], [22, 73, 45, 3, 74, 46], [8, 53, 23, 26, 54, 24], [12, 45, 15, 28, 46, 16], [3, 147, 117, 10, 148, 118], [3, 73, 45, 23, 74, 46], [4, 54, 24, 31, 55, 25], [11, 45, 15, 31, 46, 16], [7, 146, 116, 7, 147, 117], [21, 73, 45, 7, 74, 46], [1, 53, 23, 37, 54, 24], [19, 45, 15, 26, 46, 16], [5, 145, 115, 10, 146, 116], [19, 75, 47, 10, 76, 48], [15, 54, 24, 25, 55, 25], [23, 45, 15, 25, 46, 16], [13, 145, 115, 3, 146, 116], [2, 74, 46, 29, 75, 47], [42, 54, 24, 1, 55, 25], [23, 45, 15, 28, 46, 16], [17, 145, 115], [10, 74, 46, 23, 75, 47], [10, 54, 24, 35, 55, 25], [19, 45, 15, 35, 46, 16], [17, 145, 115, 1, 146, 116], [14, 74, 46, 21, 75, 47], [29, 54, 24, 19, 55, 25], [11, 45, 15, 46, 46, 16], [13, 145, 115, 6, 146, 116], [14, 74, 46, 23, 75, 47], [44, 54, 24, 7, 55, 25], [59, 46, 16, 1, 47, 17], [12, 151, 121, 7, 152, 122], [12, 75, 47, 26, 76, 48], [39, 54, 24, 14, 55, 25], [22, 45, 15, 41, 46, 16], [6, 151, 121, 14, 152, 122], [6, 75, 47, 34, 76, 48], [46, 54, 24, 10, 55, 25], [2, 45, 15, 64, 46, 16], [17, 152, 122, 4, 153, 123], [29, 74, 46, 14, 75, 47], [49, 54, 24, 10, 55, 25], [24, 45, 15, 46, 46, 16], [4, 152, 122, 18, 153, 123], [13, 74, 46, 32, 75, 47], [48, 54, 24, 14, 55, 25], [42, 45, 15, 32, 46, 16], [20, 147, 117, 4, 148, 118], [40, 75, 47, 7, 76, 48], [43, 54, 24, 22, 55, 25], [10, 45, 15, 67, 46, 16], [19, 148, 118, 6, 149, 119], [18, 75, 47, 31, 76, 48], [34, 54, 24, 34, 55, 25], [20, 45, 15, 61, 46, 16]], j.getRSBlocks = function (a, b) { var c = j.getRsBlockTable(a, b); if (void 0 == c) throw new Error("bad rs block @ typeNumber:" + a + "/errorCorrectLevel:" + b); for (var d = c.length / 3, e = [], f = 0; d > f; f++)for (var g = c[3 * f + 0], h = c[3 * f + 1], i = c[3 * f + 2], k = 0; g > k; k++)e.push(new j(h, i)); return e }, j.getRsBlockTable = function (a, b) { switch (b) { case d.L: return j.RS_BLOCK_TABLE[4 * (a - 1) + 0]; case d.M: return j.RS_BLOCK_TABLE[4 * (a - 1) + 1]; case d.Q: return j.RS_BLOCK_TABLE[4 * (a - 1) + 2]; case d.H: return j.RS_BLOCK_TABLE[4 * (a - 1) + 3]; default: return void 0 } }, k.prototype = { get: function (a) { var b = Math.floor(a / 8); return 1 == (1 & this.buffer[b] >>> 7 - a % 8) }, put: function (a, b) { for (var c = 0; b > c; c++)this.putBit(1 == (1 & a >>> b - c - 1)) }, getLengthInBits: function () { return this.length }, putBit: function (a) { var b = Math.floor(this.length / 8); this.buffer.length <= b && this.buffer.push(0), a && (this.buffer[b] |= 128 >>> this.length % 8), this.length++ } }; var l = [[17, 14, 11, 7], [32, 26, 20, 14], [53, 42, 32, 24], [78, 62, 46, 34], [106, 84, 60, 44], [134, 106, 74, 58], [154, 122, 86, 64], [192, 152, 108, 84], [230, 180, 130, 98], [271, 213, 151, 119], [321, 251, 177, 137], [367, 287, 203, 155], [425, 331, 241, 177], [458, 362, 258, 194], [520, 412, 292, 220], [586, 450, 322, 250], [644, 504, 364, 280], [718, 560, 394, 310], [792, 624, 442, 338], [858, 666, 482, 382], [929, 711, 509, 403], [1003, 779, 565, 439], [1091, 857, 611, 461], [1171, 911, 661, 511], [1273, 997, 715, 535], [1367, 1059, 751, 593], [1465, 1125, 805, 625], [1528, 1190, 868, 658], [1628, 1264, 908, 698], [1732, 1370, 982, 742], [1840, 1452, 1030, 790], [1952, 1538, 1112, 842], [2068, 1628, 1168, 898], [2188, 1722, 1228, 958], [2303, 1809, 1283, 983], [2431, 1911, 1351, 1051], [2563, 1989, 1423, 1093], [2699, 2099, 1499, 1139], [2809, 2213, 1579, 1219], [2953, 2331, 1663, 1273]], o = function () { var a = function (a, b) { this._el = a, this._htOption = b }; return a.prototype.draw = function (a) { function g(a, b) { var c = document.createElementNS("http://www.w3.org/2000/svg", a); for (var d in b) b.hasOwnProperty(d) && c.setAttribute(d, b[d]); return c } var b = this._htOption, c = this._el, d = a.getModuleCount(); Math.floor(b.width / d), Math.floor(b.height / d), this.clear(); var h = g("svg", { viewBox: "0 0 " + String(d) + " " + String(d), width: "100%", height: "100%", fill: b.colorLight }); h.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink"), c.appendChild(h), h.appendChild(g("rect", { fill: b.colorDark, width: "1", height: "1", id: "template" })); for (var i = 0; d > i; i++)for (var j = 0; d > j; j++)if (a.isDark(i, j)) { var k = g("use", { x: String(i), y: String(j) }); k.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#template"), h.appendChild(k) } }, a.prototype.clear = function () { for (; this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild) }, a }(), p = "svg" === document.documentElement.tagName.toLowerCase(), q = p ? o : m() ? function () { function a() { this._elImage.src = this._elCanvas.toDataURL("image/png"), this._elImage.style.display = "block", this._elCanvas.style.display = "none" } function d(a, b) { var c = this; if (c._fFail = b, c._fSuccess = a, null === c._bSupportDataURI) { var d = document.createElement("img"), e = function () { c._bSupportDataURI = !1, c._fFail && _fFail.call(c) }, f = function () { c._bSupportDataURI = !0, c._fSuccess && c._fSuccess.call(c) }; return d.onabort = e, d.onerror = e, d.onload = f, d.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==", void 0 } c._bSupportDataURI === !0 && c._fSuccess ? c._fSuccess.call(c) : c._bSupportDataURI === !1 && c._fFail && c._fFail.call(c) } if (false/*android2.1 fix disabled*/) { var b = 1 / window.devicePixelRatio, c = CanvasRenderingContext2D.prototype.drawImage; CanvasRenderingContext2D.prototype.drawImage = function (a, d, e, f, g, h, i, j) { if ("nodeName" in a && /img/i.test(a.nodeName)) for (var l = arguments.length - 1; l >= 1; l--)arguments[l] = arguments[l] * b; else "undefined" == typeof j && (arguments[1] *= b, arguments[2] *= b, arguments[3] *= b, arguments[4] *= b); c.apply(this, arguments) } } var e = function (a, b) { this._bIsPainted = !1, this._android = n(), this._htOption = b, this._elCanvas = document.createElement("canvas"), this._elCanvas.width = b.width, this._elCanvas.height = b.height, a.appendChild(this._elCanvas), this._el = a, this._oContext = this._elCanvas.getContext("2d"), this._bIsPainted = !1, this._elImage = document.createElement("img"), this._elImage.style.display = "none", this._el.appendChild(this._elImage), this._bSupportDataURI = null }; return e.prototype.draw = function (a) { var b = this._elImage, c = this._oContext, d = this._htOption, e = a.getModuleCount(), f = d.width / e, g = d.height / e, h = Math.round(f), i = Math.round(g); b.style.display = "none", this.clear(); for (var j = 0; e > j; j++)for (var k = 0; e > k; k++) { var l = a.isDark(j, k), m = k * f, n = j * g; c.strokeStyle = l ? d.colorDark : d.colorLight, c.lineWidth = 1, c.fillStyle = l ? d.colorDark : d.colorLight, c.fillRect(m, n, f, g), c.strokeRect(Math.floor(m) + .5, Math.floor(n) + .5, h, i), c.strokeRect(Math.ceil(m) - .5, Math.ceil(n) - .5, h, i) } this._bIsPainted = !0 }, e.prototype.makeImage = function () { this._bIsPainted && d.call(this, a) }, e.prototype.isPainted = function () { return this._bIsPainted }, e.prototype.clear = function () { this._oContext.clearRect(0, 0, this._elCanvas.width, this._elCanvas.height), this._bIsPainted = !1 }, e.prototype.round = function (a) { return a ? Math.floor(1e3 * a) / 1e3 : a }, e }() : function () { var a = function (a, b) { this._el = a, this._htOption = b }; return a.prototype.draw = function (a) { for (var b = this._htOption, c = this._el, d = a.getModuleCount(), e = Math.floor(b.width / d), f = Math.floor(b.height / d), g = ['<table style="border:0;border-collapse:collapse;">'], h = 0; d > h; h++) { g.push("<tr>"); for (var i = 0; d > i; i++)g.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' + e + "px;height:" + f + "px;background-color:" + (a.isDark(h, i) ? b.colorDark : b.colorLight) + ';"></td>'); g.push("</tr>") } g.push("</table>"), c.innerHTML = g.join(""); var j = c.childNodes[0], k = (b.width - j.offsetWidth) / 2, l = (b.height - j.offsetHeight) / 2; k > 0 && l > 0 && (j.style.margin = l + "px " + k + "px") }, a.prototype.clear = function () { this._el.innerHTML = "" }, a }(); QRCode = function (a, b) { if (this._htOption = { width: 256, height: 256, typeNumber: 4, colorDark: "#000000", colorLight: "#ffffff", correctLevel: d.H }, "string" == typeof b && (b = { text: b }), b) for (var c in b) this._htOption[c] = b[c]; "string" == typeof a && (a = document.getElementById(a)), this._android = n(), this._el = a, this._oQRCode = null, this._oDrawing = new q(this._el, this._htOption), this._htOption.text && this.makeCode(this._htOption.text) }, QRCode.prototype.makeCode = function (a) { this._oQRCode = new b(r(a, this._htOption.correctLevel), this._htOption.correctLevel), this._oQRCode.addData(a), this._oQRCode.make(), this._el.title = a, this._oDrawing.draw(this._oQRCode), this.makeImage() }, QRCode.prototype.makeImage = function () { "function" == typeof this._oDrawing.makeImage && (!this._android || this._android >= 3) && this._oDrawing.makeImage() }, QRCode.prototype.clear = function () { this._oDrawing.clear() }, QRCode.CorrectLevel = d }();
 
   function loadAndGenerateQR(container, text, size) {
     try {
@@ -2256,13 +2337,13 @@
     var _btnMutedLeave = 'background:rgba(167,139,250,0.12);';
 
     var deployBtn = document.createElement('button');
-    deployBtn.textContent = 'workspace-playgrounds ⬇';
+    deployBtn.textContent = '⬇创建 -> 训练场';
     deployBtn.style.cssText = _btnMuted;
     deployBtn.onmouseenter = function () { deployBtn.style.background = 'rgba(167,139,250,0.22)'; };
     deployBtn.onmouseleave = function () { deployBtn.style.background = 'rgba(167,139,250,0.12)'; };
 
     var copyLocalBtn = document.createElement('button');
-    copyLocalBtn.textContent = '新建工作区 ⬇';
+    copyLocalBtn.textContent = '⬇创建 -> 新伙伴';
     copyLocalBtn.style.cssText = _btnMuted;
     copyLocalBtn.onmouseenter = function () { copyLocalBtn.style.background = 'rgba(167,139,250,0.22)'; };
     copyLocalBtn.onmouseleave = function () { copyLocalBtn.style.background = 'rgba(167,139,250,0.12)'; };

package/package.json

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

package/skills/yiran-course-template-pipeline/SKILL.md

@@ -55,6 +55,12 @@ description: 面向中文课堂的小专题课程模板流水线。适用于把
 - move 负责把任务文件夹移动到 `yiran-playground-template-use` skill 的 `templates/`，并自动触发索引重建
 - publish 负责把模板文件夹内所有资源上传到七牛 CDN，并重写 HTML 中的资源引用为 CDN 绝对地址（见 `cdn-convention.md`）
 
+**推荐发布入口（内容确认后）：**
+```bash
+python3 scripts/release_template.py <模板目录>
+```
+`release_template.py` 自动依次执行 build → move → publish，对新目录和已入库的 vN/ 目录均适用。
+
 ## 原则
 
 - 先做 demo

package/skills/yiran-course-template-pipeline/prompts//351/230/266/346/256/2652-student/347/224/237/346/210/220.md

@@ -130,7 +130,7 @@
 控制 iframe 加载哪个页面文件。
 默认可写：
 ```json
-"示例页面文件": "example.html"
+"示例页面文件": "__demo__.html"
 ```
 
 ---

package/skills/yiran-course-template-pipeline/prompts//351/230/266/346/256/2654-/346/211/223/345/214/205/350/220/275/347/233/230.md

@@ -102,6 +102,24 @@ python3 scripts/publish_template.py --all
 
 ---
 
+## 一键发布：release_template.py（推荐）
+
+如果已确认内容没问题，可跳过手动执行脚本2 + 脚本3，直接用一键发布脚本：
+
+```bash
+python3 scripts/release_template.py 任务文件夹
+```
+
+该脚本自动依次执行：
+1. `build_template_views.py` — 生成 HTML 视图（Step 1）
+2. `move_template_task.py` — 创建新版本目录 vN+1/（Step 2）
+3. `publish_template.py` — 上传 CDN + 上传索引（Step 3）
+
+> **注意：** build 阶段仍可单独运行（用于调试预览），脚本1无需通过 release 脚本触发。
+> release_template.py 对已入库的 vN/ 目录同样适用，会自动产出 vN+1/。
+
+---
+
 ## 原则
 
 1. 先在当前工作目录完成中间产物

package/skills/yiran-course-template-pipeline/references/student-example.json

@@ -34,5 +34,5 @@
     }
   ],
   "示例区标题": "示范样例",
-  "示例页面文件": "example.html"
-}
+  "示例页面文件": "__demo__.html"
+}

package/skills/yiran-course-template-pipeline/references/student-fields.md

@@ -175,7 +175,7 @@
 
 例如：
 ```json
-"示例页面文件": "example.html"
+"示例页面文件": "__demo__.html"
 ```
 
 ---

package/skills/yiran-course-template-pipeline/scripts/identify_template.py

@@ -7,7 +7,6 @@ identify_template.py
 
 写入字段：
   _id       : 8位十六进制，首次颁发，后续不变
-  _version  : 首次=1，更新=已有版本+1
   任务类别  : 校准后的系列（A/B/C）
   任务编号  : 校准后的3位编号（100起）
 
@@ -163,7 +162,6 @@ def main():
 
     # ── 3. 写回 __teacher__.json ───────────────────────────────────────────
     teacher['_id'] = tid
-    teacher['_version'] = new_version
     teacher['任务类别'] = category
     teacher['任务编号'] = f'{calibrated:03d}'
     save_json(teacher_path, teacher)

package/skills/yiran-course-template-pipeline/scripts/move_template_task.py

@@ -42,6 +42,19 @@ def sanitize_name(name: str) -> str:
     return re.sub(r'[/\\ ]', '_', str(name).strip())
 
 
+def get_latest_version_num(folder: Path) -> int:
+    """返回 folder 下最大的版本号，没有则返回 0"""
+    if not folder.exists():
+        return 0
+    max_v = 0
+    for d in folder.iterdir():
+        if d.is_dir():
+            m = re.match(r'^v(\d+)$', d.name)
+            if m:
+                max_v = max(max_v, int(m.group(1)))
+    return max_v
+
+
 def main():
     if len(sys.argv) < 2:
         print('用法: python3 move_template_task.py <模板目录> [目标根目录]')
@@ -69,10 +82,10 @@ def main():
     category = teacher.get('任务类别', '').upper()
     number = teacher.get('任务编号', '100')
     name = sanitize_name(teacher.get('任务名称', 'untitled'))
-    version = teacher.get('_version', 1)
 
     folder_name = f'{category.lower()}{number}_{name}'
-    version_str = f'v{version}'
+    next_version = get_latest_version_num(target_root / folder_name) + 1
+    version_str = f'v{next_version}'
     target_dir = target_root / folder_name / version_str
 
     if target_dir.exists():

package/skills/yiran-course-template-pipeline/scripts/release_template.py

@@ -0,0 +1,84 @@
+#!/usr/bin/env python3
+"""
+release_template.py
+
+一键发布脚本：合并 build → move → publish 三个步骤。
+
+传入原始模板目录（或已有 vN/ 目录），自动执行：
+  Step 1: build_template_views.py <source_dir>   → 生成/更新 HTML 视图
+  Step 2: move_template_task.py <source_dir>     → 创建新版本目录 vN+1/
+  Step 3: publish_template.py <templates/xxx/>   → 上传 CDN + 上传 index
+
+用法：
+    python3 scripts/release_template.py <模板目录>
+"""
+import json
+import re
+import subprocess
+import sys
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parent.parent
+BUILD_SCRIPT   = ROOT / 'scripts' / 'build_template_views.py'
+MOVE_SCRIPT    = ROOT / 'scripts' / 'move_template_task.py'
+PUBLISH_SCRIPT = ROOT / 'scripts' / 'publish_template.py'
+TEMPLATES_DIR  = ROOT / 'templates'
+
+
+def load_json(path: Path) -> dict:
+    try:
+        return json.loads(path.read_text(encoding='utf-8'))
+    except Exception:
+        return {}
+
+
+def sanitize_name(name: str) -> str:
+    return re.sub(r'[/\\ ]', '_', str(name).strip())
+
+
+def main():
+    if len(sys.argv) < 2:
+        print('用法: python3 scripts/release_template.py <模板目录>')
+        sys.exit(1)
+
+    source_dir = Path(sys.argv[1]).expanduser().resolve()
+
+    if not source_dir.is_dir():
+        print(f'❌ 目录不存在: {source_dir}')
+        sys.exit(1)
+
+    teacher_path = source_dir / '__teacher__.json'
+    if not teacher_path.exists():
+        print(f'❌ 找不到 __teacher__.json: {teacher_path}')
+        sys.exit(1)
+
+    # ── Step 1: Build HTML views ──────────────────────────────────────────
+    print('\n══ Step 1: 生成 HTML 视图 ══════════════════════════════')
+    subprocess.run([sys.executable, str(BUILD_SCRIPT), str(source_dir)], check=True)
+
+    # ── Step 2: Move to templates/ ────────────────────────────────────────
+    print('\n══ Step 2: 移入 templates/ ═════════════════════════════')
+    subprocess.run([sys.executable, str(MOVE_SCRIPT), str(source_dir)], check=True)
+
+    # ── Determine publish target from updated teacher.json ────────────────
+    teacher = load_json(teacher_path)
+    category = teacher.get('任务类别', '').upper()
+    number   = teacher.get('任务编号', '100')
+    name     = sanitize_name(teacher.get('任务名称', 'untitled'))
+    folder_name = f'{category.lower()}{number}_{name}'
+    publish_target = TEMPLATES_DIR / folder_name
+
+    if not publish_target.is_dir():
+        print(f'❌ 发布目标目录不存在: {publish_target}')
+        sys.exit(1)
+
+    # ── Step 3: Publish to CDN ────────────────────────────────────────────
+    print('\n══ Step 3: 上传 CDN ════════════════════════════════════')
+    subprocess.run([sys.executable, str(PUBLISH_SCRIPT), str(publish_target)], check=True)
+
+    print('\n✅ 发布完成！')
+    print(f'   模板目录: {publish_target}')
+
+
+if __name__ == '__main__':
+    main()

package/skills/yiran-course-template-pipeline/template-index.json

@@ -1,5 +1,5 @@
 {
-  "index_updated_at": "2026-04-22T16:42:59Z",
+  "index_updated_at": "2026-04-22T17:22:47Z",
   "templates": {
     "696de592": {
       "id": "696de592",
@@ -7,9 +7,9 @@
       "编号": "100",
       "名称": "给依然老师设计一个AI画像",
       "文件夹名": "a100_给依然老师设计一个AI画像",
-      "version": "v1",
-      "路径": "templates/a100_给依然老师设计一个AI画像/v1",
-      "入口文件": "templates/a100_给依然老师设计一个AI画像/v1/index.html",
+      "version": "v5",
+      "路径": "templates/a100_给依然老师设计一个AI画像/v5",
+      "入口文件": "templates/a100_给依然老师设计一个AI画像/v5/index.html",
       "一句话说明": "先让 AI 生成一个老师形象，再用网页把它展示出来，重点练习描述和小修改。",
       "主能力标签": "表达构建",
       "任务类型标签": "视听表达",
@@ -26,7 +26,7 @@
         "表达构建",
         "视听表达"
       ],
-      "updated_at": "2026-04-22T15:55:39Z"
+      "updated_at": "2026-04-22T17:22:41Z"
     },
     "d0ff11ee": {
       "id": "d0ff11ee",
@@ -34,9 +34,9 @@
       "编号": "101",
       "名称": "做3张同主题图片",
       "文件夹名": "a101_做3张同主题图片",
-      "version": "v1",
-      "路径": "templates/a101_做3张同主题图片/v1",
-      "入口文件": "templates/a101_做3张同主题图片/v1/index.html",
+      "version": "v2",
+      "路径": "templates/a101_做3张同主题图片/v2",
+      "入口文件": "templates/a101_做3张同主题图片/v2/index.html",
       "一句话说明": "先确定一个有趣的主题，再用 AI 生成 3 张风格统一、但情节不同的系列图片。",
       "主能力标签": "表达构建",
       "任务类型标签": "视听表达",
@@ -52,7 +52,7 @@
         "表达构建",
         "视听表达"
       ],
-      "updated_at": "2026-04-22T15:55:40Z"
+      "updated_at": "2026-04-22T17:15:44Z"
     },
     "d48d94b6": {
       "id": "d48d94b6",
@@ -60,9 +60,9 @@
       "编号": "102",
       "名称": "图片资源展示",
       "文件夹名": "a102_图片资源展示",
-      "version": "v1",
-      "路径": "templates/a102_图片资源展示/v1",
-      "入口文件": "templates/a102_图片资源展示/v1/index.html",
+      "version": "v2",
+      "路径": "templates/a102_图片资源展示/v2",
+      "入口文件": "templates/a102_图片资源展示/v2/index.html",
       "一句话说明": "把图片放到网页上，做成一个方便点击查看的小展示页。",
       "主能力标签": "第二能力：表达构建",
       "任务类型标签": "视听表达",
@@ -78,7 +78,7 @@
         "第二能力：表达构建",
         "视听表达"
       ],
-      "updated_at": "2026-04-22T15:55:40Z"
+      "updated_at": "2026-04-22T17:15:47Z"
     },
     "e1aab9bf": {
       "id": "e1aab9bf",
@@ -86,9 +86,9 @@
       "编号": "103",
       "名称": "做一个介绍页面",
       "文件夹名": "a103_做一个介绍页面",
-      "version": "v1",
-      "路径": "templates/a103_做一个介绍页面/v1",
-      "入口文件": "templates/a103_做一个介绍页面/v1/index.html",
+      "version": "v2",
+      "路径": "templates/a103_做一个介绍页面/v2",
+      "入口文件": "templates/a103_做一个介绍页面/v2/index.html",
       "一句话说明": "用一张图片加一段文字，做一个属于自己的介绍页面，练一练图文组合的技巧。",
       "主能力标签": "表达构建",
       "任务类型标签": "视听表达",
@@ -104,7 +104,7 @@
         "表达构建",
         "视听表达"
       ],
-      "updated_at": "2026-04-22T15:55:40Z"
+      "updated_at": "2026-04-22T17:15:55Z"
     },
     "3c61e07d": {
       "id": "3c61e07d",
@@ -112,9 +112,9 @@
       "编号": "104",
       "名称": "做一个会出招的神奇按钮",
       "文件夹名": "a104_做一个会出招的神奇按钮",
-      "version": "v1",
-      "路径": "templates/a104_做一个会出招的神奇按钮/v1",
-      "入口文件": "templates/a104_做一个会出招的神奇按钮/v1/index.html",
+      "version": "v3",
+      "路径": "templates/a104_做一个会出招的神奇按钮/v3",
+      "入口文件": "templates/a104_做一个会出招的神奇按钮/v3/index.html",
       "一句话说明": "先试试按钮效果，再改一点，最后加一个你自己的新按钮。",
       "主能力标签": "迭代推进",
       "任务类型标签": "游戏机制",
@@ -132,7 +132,7 @@
         "迭代推进",
         "游戏机制"
       ],
-      "updated_at": "2026-04-22T15:55:40Z"
+      "updated_at": "2026-04-22T17:22:44Z"
     },
     "c360e192": {
       "id": "c360e192",
@@ -140,9 +140,9 @@
       "编号": "100",
       "名称": "做一个按钮页面",
       "文件夹名": "b100_做一个按钮页面",
-      "version": "v1",
-      "路径": "templates/b100_做一个按钮页面/v1",
-      "入口文件": "templates/b100_做一个按钮页面/v1/index.html",
+      "version": "v2",
+      "路径": "templates/b100_做一个按钮页面/v2",
+      "入口文件": "templates/b100_做一个按钮页面/v2/index.html",
       "一句话说明": "亲手做一个会“变魔术”的按钮，学习网页是如何接收指令并产生变化的。",
       "主能力标签": "表达构建",
       "任务类型标签": "游戏机制",
@@ -158,22 +158,22 @@
         "表达构建",
         "游戏机制"
       ],
-      "updated_at": "2026-04-22T15:55:41Z"
+      "updated_at": "2026-04-22T17:16:00Z"
     },
     "8a7e39dd": {
       "id": "8a7e39dd",
       "系列": "B",
-      "编号": "701",
+      "编号": "101",
       "名称": "会跳舞的机器人",
-      "文件夹名": "b701_会跳舞的机器人",
-      "version": "v1",
-      "路径": "templates/b701_会跳舞的机器人/v1",
-      "入口文件": "templates/b701_会跳舞的机器人/v1/index.html",
+      "文件夹名": "b101_会跳舞的机器人",
+      "version": "v2",
+      "路径": "templates/b101_会跳舞的机器人/v2",
+      "入口文件": "templates/b101_会跳舞的机器人/v2/index.html",
       "一句话说明": "先把机器人视频放到网页上，再配上音乐，最后调一调播放效果，让机器人更像在跳舞。",
       "主能力标签": "表达构建",
       "任务类型标签": "视听表达",
       "关键词": [
-        "b701_会跳舞的机器人",
+        "b101_会跳舞的机器人",
         "先把机器人视频放到网页上，再配上音乐，最后调一调播放效果，让机器人更像在跳舞。",
         "已经能开始动手，但还不太会把多种素材组织到一起的学生",
         "会做简单网页，但还不太会处理视频、音乐和动画配合的学生",
@@ -186,7 +186,7 @@
         "表达构建",
         "视听表达"
       ],
-      "updated_at": "2026-04-22T16:42:48Z"
+      "updated_at": "2026-04-22T16:52:16Z"
     },
     "6490af0a": {
       "id": "6490af0a",
@@ -194,9 +194,9 @@
       "编号": "100",
       "名称": "给小组作品做一次小修改",
       "文件夹名": "c100_给小组作品做一次小修改",
-      "version": "v1",
-      "路径": "templates/c100_给小组作品做一次小修改/v1",
-      "入口文件": "templates/c100_给小组作品做一次小修改/v1/index.html",
+      "version": "v2",
+      "路径": "templates/c100_给小组作品做一次小修改/v2",
+      "入口文件": "templates/c100_给小组作品做一次小修改/v2/index.html",
       "一句话说明": "先看这 3 个小组作品，找出一个你最想改的小地方，再把这个修改要求说给 AI。",
       "主能力标签": "问题判断",
       "任务类型标签": "改编优化",
@@ -214,7 +214,7 @@
         "问题判断",
         "改编优化"
       ],
-      "updated_at": "2026-04-22T15:55:41Z"
+      "updated_at": "2026-04-22T17:16:03Z"
     }
   }
 }

package/skills/yiran-course-template-pipeline/template-index.md

@@ -4,72 +4,72 @@
 
 ## A100 给依然老师设计一个AI画像
 - ID：696de592
-- 版本：v1
-- 路径：templates/a100_给依然老师设计一个AI画像/v1
-- 入口文件：templates/a100_给依然老师设计一个AI画像/v1/index.html
+- 版本：v5
+- 路径：templates/a100_给依然老师设计一个AI画像/v5
+- 入口文件：templates/a100_给依然老师设计一个AI画像/v5/index.html
 - 主能力标签：表达构建
 - 任务类型标签：视听表达
 - 关键词：a100_给依然老师设计一个AI画像, 先让 AI 生成一个老师形象，再用网页把它展示出来，重点练习描述和小修改。, 初次接触, 需要明确目标, 持续迭代, 围绕明确对象生成形象, 把人物图片放进网页中完成展示, 通过小幅修改让作品逐步变好, 给依然老师设计一个AI画像, 表达构建, 视听表达
 
 ## A101 做3张同主题图片
 - ID：d0ff11ee
-- 版本：v1
-- 路径：templates/a101_做3张同主题图片/v1
-- 入口文件：templates/a101_做3张同主题图片/v1/index.html
+- 版本：v2
+- 路径：templates/a101_做3张同主题图片/v2
+- 入口文件：templates/a101_做3张同主题图片/v2/index.html
 - 主能力标签：表达构建
 - 任务类型标签：视听表达
 - 关键词：a101_做3张同主题图片, 先确定一个有趣的主题，再用 AI 生成 3 张风格统一、但情节不同的系列图片。, 初次接触, 需要明确目标, 练习通过提示词锁定画面风格, 理解作品一致性的价值, 初步接触提示词的模块化修改, 做3张同主题图片, 表达构建, 视听表达
 
 ## A102 图片资源展示
 - ID：d48d94b6
-- 版本：v1
-- 路径：templates/a102_图片资源展示/v1
-- 入口文件：templates/a102_图片资源展示/v1/index.html
+- 版本：v2
+- 路径：templates/a102_图片资源展示/v2
+- 入口文件：templates/a102_图片资源展示/v2/index.html
 - 主能力标签：第二能力：表达构建
 - 任务类型标签：视听表达
 - 关键词：a102_图片资源展示, 把图片放到网页上，做成一个方便点击查看的小展示页。, 刚开始接触网页展示的学生, 需要先从添加素材开始动手的学生, 把本地图片放进网页里, 理解图片展示卡片的基本结构, 为后续继续扩充图片资源做准备, 图片资源展示, 第二能力：表达构建, 视听表达
 
 ## A103 做一个介绍页面
 - ID：e1aab9bf
-- 版本：v1
-- 路径：templates/a103_做一个介绍页面/v1
-- 入口文件：templates/a103_做一个介绍页面/v1/index.html
+- 版本：v2
+- 路径：templates/a103_做一个介绍页面/v2
+- 入口文件：templates/a103_做一个介绍页面/v2/index.html
 - 主能力标签：表达构建
 - 任务类型标签：视听表达
 - 关键词：a103_做一个介绍页面, 用一张图片加一段文字，做一个属于自己的介绍页面，练一练图文组合的技巧。, 初次接触网页制作, 有一点基础想练排版, 图片与文字的组合方式, 网页结构的基本层次感, 排版的视觉优先级, 做一个介绍页面, 表达构建, 视听表达
 
 ## A104 做一个会出招的神奇按钮
 - ID：3c61e07d
-- 版本：v1
-- 路径：templates/a104_做一个会出招的神奇按钮/v1
-- 入口文件：templates/a104_做一个会出招的神奇按钮/v1/index.html
+- 版本：v3
+- 路径：templates/a104_做一个会出招的神奇按钮/v3
+- 入口文件：templates/a104_做一个会出招的神奇按钮/v3/index.html
 - 主能力标签：迭代推进
 - 任务类型标签：游戏机制
 - 关键词：a104_做一个会出招的神奇按钮, 先试试按钮效果，再改一点，最后加一个你自己的新按钮。, 想先动手再思考的学生, 刚开始学网页互动的学生, 容易卡在空白页不知从哪开始的学生, 先运行现成示例，快速进入任务, 从已有功能里挑一个做小改动, 理解一个按钮对应一个功能, 把新增功能接入现有页面结构, 做一个会出招的神奇按钮, 迭代推进, 游戏机制
 
 ## B100 做一个按钮页面
 - ID：c360e192
-- 版本：v1
-- 路径：templates/b100_做一个按钮页面/v1
-- 入口文件：templates/b100_做一个按钮页面/v1/index.html
+- 版本：v2
+- 路径：templates/b100_做一个按钮页面/v2
+- 入口文件：templates/b100_做一个按钮页面/v2/index.html
 - 主能力标签：表达构建
 - 任务类型标签：游戏机制
 - 关键词：b100_做一个按钮页面, 亲手做一个会“变魔术”的按钮，学习网页是如何接收指令并产生变化的。, 喜欢做项目, 需要明确目标, 掌握基础的 JavaScript 点击事件绑定, 理解 HTML/CSS/JS 三者如何协作完成交互, 学习利用 CSS Class 切换来实现视觉变化, 做一个按钮页面, 表达构建, 游戏机制
 
-## B701 会跳舞的机器人
+## B101 会跳舞的机器人
 - ID：8a7e39dd
-- 版本：v1
-- 路径：templates/b701_会跳舞的机器人/v1
-- 入口文件：templates/b701_会跳舞的机器人/v1/index.html
+- 版本：v2
+- 路径：templates/b101_会跳舞的机器人/v2
+- 入口文件：templates/b101_会跳舞的机器人/v2/index.html
 - 主能力标签：表达构建
 - 任务类型标签：视听表达
-- 关键词：b701_会跳舞的机器人, 先把机器人视频放到网页上，再配上音乐，最后调一调播放效果，让机器人更像在跳舞。, 已经能开始动手，但还不太会把多种素材组织到一起的学生, 会做简单网页，但还不太会处理视频、音乐和动画配合的学生, 想从静态页面进入多媒体网页表达的学生, 把机器人视频放进网页中, 让视频和音乐形成基本配合, 尝试处理循环播放和播放节奏, 让网页从静态展示变成更有动态感的作品, 会跳舞的机器人, 表达构建, 视听表达
+- 关键词：b101_会跳舞的机器人, 先把机器人视频放到网页上，再配上音乐，最后调一调播放效果，让机器人更像在跳舞。, 已经能开始动手，但还不太会把多种素材组织到一起的学生, 会做简单网页，但还不太会处理视频、音乐和动画配合的学生, 想从静态页面进入多媒体网页表达的学生, 把机器人视频放进网页中, 让视频和音乐形成基本配合, 尝试处理循环播放和播放节奏, 让网页从静态展示变成更有动态感的作品, 会跳舞的机器人, 表达构建, 视听表达
 
 ## C100 给小组作品做一次小修改
 - ID：6490af0a
-- 版本：v1
-- 路径：templates/c100_给小组作品做一次小修改/v1
-- 入口文件：templates/c100_给小组作品做一次小修改/v1/index.html
+- 版本：v2
+- 路径：templates/c100_给小组作品做一次小修改/v2
+- 入口文件：templates/c100_给小组作品做一次小修改/v2/index.html
 - 主能力标签：问题判断
 - 任务类型标签：改编优化
 - 关键词：c100_给小组作品做一次小修改, 先看这 3 个小组作品，找出一个你最想改的小地方，再把这个修改要求说给 AI。, 已经能看懂图片内容，但不太会说哪里有问题的学生, 会说喜欢或不喜欢，但不太会提出具体修改点的学生, 已经能做第一版作品，想练习小步修改的学生, 先发现一个具体问题, 把大问题收成一个最小修改点, 用简单的话把修改要求说清楚, 比较修改前后有没有更接近自己的想法, 给小组作品做一次小修改, 问题判断, 改编优化

package//347/264/257/345/220/220/350/241/200/345/220/216/347/232/204/346/200/273/347/273/223.md

@@ -0,0 +1,196 @@
+# 模板系统设计经验总结
+
+## 一、版本化目录结构
+
+### 问题
+CDN 有缓存，更新模板后旧内容仍被访问。
+
+### 方案
+```
+templates/
+  a104_做一个会出招的神奇按钮/
+    v1/   ← 每次更新递增版本号，CDN 路径变了，缓存自然失效
+    v2/
+```
+
+### 经验
+- **本地只保留一个版本**：下载新版前先删旧版目录，避免就绪状态歧义
+- **目录存在即就绪**：不需要额外标记文件（`.sync-done`），目录本身就是状态
+- **原子性替换**：下载到 `.tmp/`，完成后 `rename .tmp/ → v1/`，不会出现"半完成"状态
+
+---
+
+## 二、稳定 ID 设计
+
+### 问题
+模板可能改编号（A100 → A105）、改名，如果用路径/编号做唯一标识会丢失对应关系。
+
+### 方案
+```json
+// __teacher__.json
+{
+  "_id": "696de592",   // 8位hex，颁发一次永不变
+  "_version": 1        // 每次更新递增
+}
+```
+
+### 经验
+- ID 在 `move` 阶段颁发，之后不再改变
+- CDN index 以 `_id` 为 key（平铺字典），而不是 `{系列: {编号: record}}` 嵌套结构
+- 本地/CDN 比对：用 `_id` 找记录，再比较 `version` 字段判断是否需要更新
+
+---
+
+## 三、非阻塞同步 + 轮询进度
+
+### 问题
+下载几十个文件要几分钟，HTTP handler 不能阻塞。
+
+### 方案
+```python
+# 立刻写 index（前端列表立刻出现），然后后台下载
+with open(TEMPLATE_LOCAL_INDEX, 'w') as f:
+    json.dump(cdn_index, f)
+
+t = threading.Thread(target=_do_sync_templates, args=(...), daemon=True)
+t.start()
+self._send_json({'syncing': True, 'total': len(pending)})
+```
+前端每 3 秒轮询 `/api/sync-status`。
+
+### 经验
+- **先写 index 再下载**：用户立刻看到列表，下载在后台进行
+- **守卫变量防重复轮询**：`if (_pollTimer) return`
+- **轮询 vs WebSocket**：简单场景轮询够用，不要过度设计
+
+---
+
+## 四、前端就绪状态简化
+
+### 反面教材（复杂版）
+维护 `_readyFolders` Set + `_rowMap` + `updateActionBtns()` + 开屏预取状态，
+按钮 disabled/opacity 联动，约 40 行状态管理代码。
+
+### 正确做法（简单版）
+- 按钮永远可点
+- 点击后服务端检查就绪状态，未就绪返回 `{code: 'not_ready'}`
+- 前端只需在 `.then()` 里判断 `res.code === 'not_ready'` 显示提示
+
+```js
+if (res.code === 'not_ready') {
+  setFooterStatus('⟳ 模板文件下载中，完成后即可使用', '#f59e0b');
+}
+```
+
+### 经验
+**让服务端做校验，前端做展示**，不要在前端维护服务端状态的镜像。
+
+---
+
+## 五、同一文件存在两个副本
+
+### 问题
+`deploy_to_workspace.py` 存在于两个路径：
+- `.openclaw/skills/.../deploy_to_workspace.py` ← 服务端实际运行
+- `.openclaw/workspace-yiranclaw/myclaw/skills/.../deploy_to_workspace.py` ← 源文件
+
+`mc patch` 会用源文件覆盖服务端文件，导致修改被还原。
+
+### 经验
+- **改脚本必须改两处**，或者建立符号链接
+- 发现改动被还原时，先查是哪个路径在被覆盖，再两处同步修改
+
+---
+
+## 六、Pipeline 职责拆分
+
+### 原则：每个脚本只做一件事
+
+| 脚本 | 职责 |
+|------|------|
+| `identify_template.py` | 颁发 `_id`、校准编号、设置 `_version` |
+| `move_template_task.py` | 调用 identify、创建 `v{N}/` 子目录、复制文件 |
+| `build_template_index.py` | 扫描本地目录、生成 JSON index |
+| `publish_template.py` | 上传到 CDN（带版本路径）、上传 index |
+| `migrate_templates.py` | 一次性迁移旧结构到新结构 |
+
+### 经验
+- `move` 不再删除原文件夹（改为复制），避免误操作丢失源文件
+- 版本号在 `move` 阶段确定，`publish` 不决定版本号
+- 迁移脚本加 `--dry-run` 参数，先验证再执行
+
+---
+
+## 七、API 设计：参数复用代替接口重复
+
+### 问题
+"复制到 playgrounds" 和 "创建新 workspace" 流程完全相同，只是目标 workspace 名不同。
+
+### 反面做法
+新增 `/api/template/new-workspace` 接口，重复了 90% 的代码。
+
+### 正确做法
+```python
+# POST /api/template/deploy
+# body: {"folder": "...", "agent": "playgrounds"}  ← 已有 workspace
+# body: {"folder": "..."}                           ← 不传则自动生成唯一名
+agent_name = body.get('agent') or '{}-{}-{}'.format(series, version, hhmm)
+```
+
+### 经验
+**加参数，不加接口**。两个行为只有一个变量不同时，用参数区分而不是新建接口。
+
+---
+
+## 八、mc 命令扩展
+
+### 方法
+在 `index.js` 里添加两处：
+
+```js
+// 1. 路由
+} else if (command === 'sync-templates') {
+  runSyncTemplates();
+
+// 2. 函数（调本地 API，轮询进度）
+function runSyncTemplates() {
+  const http = require('http');
+  const apiPort = process.platform === 'linux' ? '8080' : '18800';
+  // apiGet → /api/sync-templates → 轮询 /api/sync-status
+}
+```
+
+### 经验
+- `mc` 命令本质是 Node.js 脚本，扩展成本极低
+- 本地 API 端口：Mac=18800，Linux=8080
+- 轮询用 `setTimeout` 递归，而不是 `setInterval`（更容易控制退出）
+
+---
+
+## 九、命名规范
+
+### 实例目录命名
+```
+{业务名}_{HH:MM}
+做一个会出招的神奇按钮_1911
+```
+
+### 新建 workspace 命名
+```
+{作品编号}-{版本号}-{小时分钟}
+a104-v1-1911
+→ workspace-a104-v1-1911
+```
+
+### 原则
+- 去掉冗余信息（日期、系列前缀 `a104` 在实例名里不需要）
+- 保留区分信息（时间保证唯一，版本号便于追溯）
+- 用 `-` 分隔 workspace 名的各段，用 `_` 分隔实例名各段
+
+---
+
+## 十、window.open vs window.location.href
+
+- `window.open('url', '_blank')` 会被浏览器弹窗拦截器阻止（非用户直接触发的点击）
+- setTimeout 内的跳转用 `window.location.href` 更可靠
+- 如果必须新标签，需要在用户点击的同步代码里调用 `window.open`