sliccy 5.29.4 → 5.29.6

package/dist/ui/assets/sprinkle-renderer-gM4_fsfp.js

@@ -1,192 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/slicc-editor-DKckizoI.js","assets/preload-helper-CZgWQFsJ.js","assets/dist-BHXb30bf.js"])))=>i.map(i=>d[i]);
-import{t as e}from"./preload-helper-CZgWQFsJ.js";import{a as t,n,r}from"./theme-Bgsl5v2i.js";var i=typeof chrome<`u`&&!!chrome?.runtime?.id;function a(){try{return window.self!==window.top}catch{return!0}}function o(e){let t=e.style.display;e.style.display=`none`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.display=t})})}var s=/<script\b([^>]*)\bsrc\s*=\s*["'](https?:\/\/[^"']+)["']([^>]*)><\/script>/gi;async function c(e){let t=[],n;for(;(n=s.exec(e))!==null;)t.push({full:n[0],url:n[2],index:n.index});if(s.lastIndex=0,t.length===0)return e;let r=await Promise.all(t.map(async e=>{try{let t=await fetch(e.url);if(!t.ok)throw Error(`HTTP ${t.status}`);return{...e,text:await t.text()}}catch(t){let n=t instanceof Error?t.message:String(t);return{...e,text:`console.error('[sprinkle] Failed to load ${e.url}: ${n}')`}}})),i=e;for(let e=r.length-1;e>=0;e--){let{full:t,text:n}=r[e],a=n.replace(/<\/script/gi,`<\\/script`);i=i.replace(t,()=>`<script>${a}<\/script>`)}return i}function l(e){let t=e.trimStart().toLowerCase();return t.startsWith(`<!doctype`)||t.startsWith(`<html`)}function u(e,t,n,r={}){e.contentWindow?.postMessage({type:t,id:n,...r},`*`)}function d(e,t,n,r,i){r.then(r=>u(e,t,n,i(r)),r=>u(e,t,n,{error:r instanceof Error?r.message:String(r)}))}function f(e){return{"sprinkle-lick":(t,n)=>e.lick({action:n.action,data:n.data}),"sprinkle-set-state":(t,n)=>e.setState(n.data),"sprinkle-close":()=>e.close(),"sprinkle-minimize":()=>e.minimize(),"sprinkle-stop-cone":()=>e.stopCone(),"sprinkle-attach-image":(t,n)=>e.attachImage(n.base64,n.name,n.mimeType),"sprinkle-readfile":(t,n)=>d(t,`sprinkle-readfile-response`,n.id,e.readFile(n.path),e=>({content:e})),"sprinkle-writefile":(t,n)=>d(t,`sprinkle-writefile-response`,n.id,e.writeFile(n.path,n.content),()=>({})),"sprinkle-readdir":(t,n)=>d(t,`sprinkle-readdir-response`,n.id,e.readDir(n.path),e=>({entries:e})),"sprinkle-exists":(t,n)=>d(t,`sprinkle-exists-response`,n.id,e.exists(n.path),e=>({exists:e})),"sprinkle-stat":(t,n)=>d(t,`sprinkle-stat-response`,n.id,e.stat(n.path),e=>({stat:e})),"sprinkle-mkdir":(t,n)=>d(t,`sprinkle-mkdir-response`,n.id,e.mkdir(n.path),()=>({})),"sprinkle-rm":(t,n)=>d(t,`sprinkle-rm-response`,n.id,e.rm(n.path),()=>({})),"sprinkle-capture-screen":(t,n)=>d(t,`sprinkle-capture-screen-response`,n.id,e.captureScreen(),e=>({base64:e.base64,width:e.width,height:e.height,mimeType:e.mimeType})),"sprinkle-exec":(t,n)=>d(t,`sprinkle-exec-response`,n.id,e.exec(n.cmd),e=>({result:e})),"sprinkle-agent":(t,n)=>d(t,`sprinkle-agent-response`,n.id,e.agent(n.prompt,n.opts),e=>({result:e})),"sprinkle-jsh":(t,n)=>d(t,`sprinkle-jsh-response`,n.id,e._jsh(n.op,n.args),e=>({result:e})),"sprinkle-device-op":(t,n)=>d(t,`sprinkle-device-op-response`,n.id,e._device(n.channel,n.op,n.args??[]),e=>({result:e}))}}function p(e,t){return n=>{if(n.source!==e.contentWindow)return;let r=n.data;r?.type&&t[r.type]?.(e,r)}}function m(t){if(t.includes(`<slicc-editor`)&&!customElements.get(`slicc-editor`)&&e(()=>import(`./slicc-editor-DKckizoI.js`),__vite__mapDeps([0,1,2])),t.includes(`<slicc-diff`)&&!customElements.get(`slicc-diff`)){let e=document.createElement(`script`);e.src=`/slicc-diff.js`,document.head.appendChild(e)}}function h(e){for(let t of e.querySelectorAll(`.fill[data-value]`)){let e=parseFloat(t.dataset.value||`0`);e>=0&&e<=100&&(t.style.width=`${e}%`)}}function g(e,t){let n=`window.__slicc_sprinkles[${JSON.stringify(t)}]`;for(let t of e.querySelectorAll(`[onclick]`)){let e=t.getAttribute(`onclick`)||``;/\b(slicc|bridge)\b/.test(e)&&t.setAttribute(`onclick`,e.replace(/\b(slicc|bridge)\b/g,n))}return n}function _(e){let t=new Set;for(let n of e.querySelectorAll(`[onclick]`)){let e=n.getAttribute(`onclick`)||``;for(let n of e.matchAll(/\b(\w+)\s*\(/g)){let e=n[1];[`slicc`,`bridge`,`lick`,`close`,`exec`,`agent`].includes(e)||t.add(e)}}return t}function v(e,t){let n=[];for(let r of Array.from(e.querySelectorAll(`script`))){r.remove();let i=document.createElement(`script`);for(let e of r.attributes)i.setAttribute(e.name,e.value);if(!r.src){let n=[..._(e)].map(e=>`if (typeof ${e} === 'function') window.${e} = ${e};`).join(`
-`);i.textContent=`(function() { var slicc = ${t}; var bridge = slicc;\n`+r.textContent+(n?`
-`+n:``)+`
-})();`}e.appendChild(i),n.push(i)}return n}var y=class e{container;bridge;scripts=[];iframe=null;static cachedLucideScript=null;static lucideScriptPromise=null;messageHandler=null;constructor(e,t){this.container=e,this.bridge=t}async render(e,t){this.dispose(),i?await this.renderInSandbox(e,t,l(e)):l(e)?await this.renderFullDoc(e,t):this.renderInline(e,t)}async renderInSandbox(e,t,i=!1){let a=document.createElement(`iframe`);a.src=chrome.runtime.getURL(`sprinkle-sandbox.html`),a.style.cssText=`width: 100%; flex: 1; border: none; min-height: 0;`,this.iframe=a,console.log(`[sprinkle-renderer] creating sandbox iframe`,a.src),await new Promise((e,t)=>{let n=setTimeout(()=>{console.error(`[sprinkle-renderer] iframe load timed out after 5s`),t(Error(`sprinkle sandbox iframe load timed out`))},5e3);a.addEventListener(`load`,()=>{clearTimeout(n),console.log(`[sprinkle-renderer] iframe loaded, contentWindow:`,!!a.contentWindow),r(a.contentWindow),e()},{once:!0}),a.addEventListener(`error`,e=>{clearTimeout(n),console.error(`[sprinkle-renderer] iframe error:`,e),t(Error(`sprinkle sandbox iframe failed to load`))},{once:!0}),this.container.appendChild(a)}),this.messageHandler=p(a,{...f(this.bridge),"sprinkle-storage-set":(e,n)=>{try{localStorage.setItem(`slicc-sprinkle-ls:${t}:${n.key}`,n.value)}catch(e){console.warn(`[sprinkle-renderer] localStorage setItem failed:`,n.key,e)}},"sprinkle-storage-remove":(e,n)=>{try{localStorage.removeItem(`slicc-sprinkle-ls:${t}:${n.key}`)}catch(e){console.warn(`[sprinkle-renderer] localStorage removeItem failed:`,n.key,e)}},"sprinkle-storage-clear":()=>{let e=`slicc-sprinkle-ls:${t}:`;for(let t=localStorage.length-1;t>=0;t--){let n=localStorage.key(t);n?.startsWith(e)&&localStorage.removeItem(n)}},"sprinkle-open":(e,t)=>this.bridge.open(t.path,t.projectRoot?{projectRoot:t.projectRoot}:void 0),"sprinkle-fetch-script":(e,t)=>{let n=t.url,r=t.id;fetch(n).then(e=>e.ok?e.text():Promise.reject(Error(`HTTP ${e.status}`))).then(t=>u(e,`sprinkle-fetch-script-response`,r,{url:n,text:t})).catch(t=>u(e,`sprinkle-fetch-script-response`,r,{url:n,error:t instanceof Error?t.message:String(t)}))}}),window.addEventListener(`message`,this.messageHandler);let o=this.collectThemeCSS(),s={},l=`slicc-sprinkle-ls:${t}:`;for(let e=0;e<localStorage.length;e++){let t=localStorage.key(e);t?.startsWith(l)&&(s[t.slice(l.length)]=localStorage.getItem(t)??``)}let d=this.bridge.getState(),m=``,h=``;if(i){let t=[];e.includes(`<slicc-editor`)&&t.push(fetch(chrome.runtime.getURL(`slicc-editor.js`)).then(e=>e.ok?e.text():``).then(e=>{m=e}).catch(()=>{})),e.includes(`<slicc-diff`)&&t.push(fetch(chrome.runtime.getURL(`slicc-diff.js`)).then(e=>e.ok?e.text():``).then(e=>{h=e}).catch(()=>{})),await Promise.all(t)}let g=await this.getLucideScript(),_=i?await c(e):e;a.contentWindow.postMessage({type:`sprinkle-render`,content:_,name:t,themeCSS:o,savedState:d,savedStorage:s,fullDoc:i,editorScript:m,diffScript:h,lucideScript:g,isLight:n()},`*`)}pushUpdate(e){this.iframe?.contentWindow&&this.iframe.contentWindow.postMessage({type:`sprinkle-update`,data:e},`*`)}pushDeviceEvent(e,t){this.iframe?.contentWindow&&this.iframe.contentWindow.postMessage({type:`sprinkle-device-event`,channel:e,payload:t},`*`)}collectThemeCSS(){return x()}generateBridgeScript(){return`(function() {
-  var _updateListeners = new Set();
-  var _hidInputReportListeners = new Set();
-  var _sprinkleName = '';
-  var _state = null;
-  var _cbId = 0;
-  var _callbacks = {};
-
-  window.addEventListener('message', function(event) {
-    var msg = event.data;
-    if (!msg || !msg.type) return;
-    if (msg.type === 'sprinkle-init') {
-      _sprinkleName = msg.name || '';
-      _state = msg.savedState || null;
-      if (window.slicc) window.slicc.name = _sprinkleName;
-    } else if (msg.type === 'sprinkle-update') {
-      _updateListeners.forEach(function(cb) { try { cb(msg.data); } catch(e) { console.error(e); } });
-    } else if (msg.type === 'sprinkle-device-event') {
-      if (msg.channel === 'hid:inputreport') {
-        _hidInputReportListeners.forEach(function(cb) {
-          try { cb(msg.payload); } catch(e) { console.error(e); }
-        });
-      }
-    } else if (msg.type === 'slicc-theme') {
-      document.documentElement.classList.toggle('theme-light', !!msg.isLight);
-    } else if (msg.id && _callbacks[msg.id]) {
-      var cb = _callbacks[msg.id];
-      delete _callbacks[msg.id];
-      cb(msg);
-    }
-  });
-
-  function _vfsCall(type, params, extractResult) {
-    return new Promise(function(resolve, reject) {
-      var id = ++_cbId;
-      _callbacks[id] = function(msg) {
-        if (msg.error) reject(new Error(msg.error));
-        else resolve(extractResult ? extractResult(msg) : undefined);
-      };
-      var m = { type: type, id: id };
-      if (params) { for (var k in params) m[k] = params[k]; }
-      parent.postMessage(m, '*');
-    });
-  }
-
-  function _jshCall(op, args) {
-    return _vfsCall('sprinkle-jsh', { op: op, args: args }, function(m) { return m.result; });
-  }
-  function _deviceCall(channel, op, args) {
-    return _vfsCall('sprinkle-device-op', { channel: channel, op: op, args: args || [] },
-      function(m) { return m.result; });
-  }
-  function _b64ToU8(b64) {
-    var bin = atob(b64); var u8 = new Uint8Array(bin.length);
-    for (var i = 0; i < bin.length; i++) u8[i] = bin.charCodeAt(i);
-    return u8;
-  }
-  function _u8ToB64(bytes) {
-    var bin = ''; for (var i = 0; i < bytes.length; i++) bin += String.fromCharCode(bytes[i]);
-    return btoa(bin);
-  }
-
-  var api = {
-    lick: function(event) {
-      var action, data;
-      if (typeof event === 'string') { action = event; } else { action = event.action; data = event.data; }
-      parent.postMessage({ type: 'sprinkle-lick', action: action, data: data }, '*');
-    },
-    on: function(event, callback) { if (event === 'update') _updateListeners.add(callback); },
-    off: function(event, callback) { if (event === 'update') _updateListeners.delete(callback); },
-    readFile: function(path) {
-      return _vfsCall('sprinkle-readfile', { path: path }, function(m) { return m.content; });
-    },
-    writeFile: function(path, content) {
-      return _vfsCall('sprinkle-writefile', { path: path, content: content });
-    },
-    readDir: function(path) {
-      return _vfsCall('sprinkle-readdir', { path: path }, function(m) { return m.entries; });
-    },
-    exists: function(path) {
-      return _vfsCall('sprinkle-exists', { path: path }, function(m) { return m.exists; });
-    },
-    stat: function(path) {
-      return _vfsCall('sprinkle-stat', { path: path }, function(m) { return m.stat; });
-    },
-    mkdir: function(path) {
-      return _vfsCall('sprinkle-mkdir', { path: path });
-    },
-    rm: function(path) {
-      return _vfsCall('sprinkle-rm', { path: path });
-    },
-    screenshot: function(selector) {
-      return new Promise(function(resolve, reject) {
-        try {
-          var target = selector ? document.querySelector(selector) : document.body;
-          if (!target) { reject(new Error('Element not found: ' + selector)); return; }
-          var rect = target.getBoundingClientRect();
-          var w = Math.ceil(rect.width);
-          var h = Math.ceil(rect.height);
-          if (w === 0 || h === 0) { reject(new Error('Element has zero dimensions')); return; }
-          var canvas = document.createElement('canvas');
-          var dpr = window.devicePixelRatio || 1;
-          canvas.width = w * dpr;
-          canvas.height = h * dpr;
-          var ctx = canvas.getContext('2d');
-          ctx.scale(dpr, dpr);
-          var clone = target.cloneNode(true);
-          var svg = '<svg xmlns="http://www.w3.org/2000/svg" width="' + w + '" height="' + h + '">' +
-            '<foreignObject width="100%" height="100%">' +
-            new XMLSerializer().serializeToString(clone) +
-            '</foreignObject></svg>';
-          var img = new Image();
-          img.onload = function() { ctx.drawImage(img, 0, 0); resolve(canvas.toDataURL('image/png')); };
-          img.onerror = function() { reject(new Error('Screenshot rendering failed')); };
-          img.src = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg);
-        } catch(e) { reject(e); }
-      });
-    },
-    setState: function(data) { _state = data; parent.postMessage({ type: 'sprinkle-set-state', data: data }, '*'); },
-    getState: function() { return _state; },
-    close: function() { parent.postMessage({ type: 'sprinkle-close' }, '*'); },
-    minimize: function() { parent.postMessage({ type: 'sprinkle-minimize' }, '*'); },
-    stopCone: function() { parent.postMessage({ type: 'sprinkle-stop-cone' }, '*'); },
-    attachImage: function(base64, name, mimeType) { parent.postMessage({ type: 'sprinkle-attach-image', base64: base64, name: name, mimeType: mimeType }, '*'); },
-    captureScreen: function() {
-      return _vfsCall('sprinkle-capture-screen', {}, function(m) {
-        return { base64: m.base64, width: m.width, height: m.height, mimeType: m.mimeType };
-      });
-    },
-    exec: Object.assign(function(cmd) {
-      return _vfsCall('sprinkle-exec', { cmd: cmd }, function(m) { return m.result; });
-    }, { spawn: function(argv) { return _jshCall('spawn', [argv]); } }),
-    agent: function(prompt, opts) {
-      return _vfsCall('sprinkle-agent', { prompt: prompt, opts: opts }, function(m) { return m.result; });
-    },
-    fetch: function(url, init) { return _jshCall('fetch', [url, init || null]); },
-    http: {
-      client: function(cfg) {
-        function mk(method) { return function(path, opts) { return _jshCall('http', [cfg, method, path, opts || null]); }; }
-        return { get: mk('get'), post: mk('post'), put: mk('put'), patch: mk('patch'), 'delete': mk('delete') };
-      }
-    },
-    browser: {
-      findTab: function(q) { return _jshCall('browser', ['findTab', q]); },
-      ensureTab: function(url, options) { return _jshCall('browser', ['ensureTab', url, options || {}]); },
-      eval: function(tab, code) { return _jshCall('browser', ['eval', tab, code]); },
-      evalAsync: function(tab, code) { return _jshCall('browser', ['evalAsync', tab, code]); },
-      cookie: function(tab, name) { return _jshCall('browser', ['cookie', tab, name]); },
-      localStorage: function(tab, key) { return _jshCall('browser', ['localStorage', tab, key]); },
-      fetch: function(tab, url, opts) { return _jshCall('browser', ['fetch', tab, url, opts || {}]); }
-    },
-    hid: {
-      list: function() { return _deviceCall('hid', 'list', []); },
-      request: function(filters) { return _deviceCall('hid', 'request', [filters || []]); },
-      open: function(handle) { return _deviceCall('hid', 'open', [handle]).then(function() {}); },
-      close: function(handle) { return _deviceCall('hid', 'close', [handle]).then(function() {}); },
-      sendReport: function(handle, reportId, data) {
-        return _deviceCall('hid', 'sendReport', [handle, reportId, data]).then(function() {});
-      },
-      on: function(event, cb) { if (event === 'inputreport') _hidInputReportListeners.add(cb); },
-      off: function(event, cb) { if (event === 'inputreport') _hidInputReportListeners['delete'](cb); }
-    },
-    serial: {
-      list: function() { return _deviceCall('serial', 'list', []); },
-      request: function(filters) { return _deviceCall('serial', 'request', [filters || []]); },
-      open: function(handle, options) { return _deviceCall('serial', 'open', [handle, options]).then(function() {}); },
-      close: function(handle) { return _deviceCall('serial', 'close', [handle]).then(function() {}); }
-    },
-    usb: {
-      list: function() { return _deviceCall('usb', 'list', []); },
-      request: function(filters) { return _deviceCall('usb', 'request', [filters || []]); },
-      open: function(handle) { return _deviceCall('usb', 'open', [handle]).then(function() {}); },
-      close: function(handle) { return _deviceCall('usb', 'close', [handle]).then(function() {}); }
-    },
-    readFileBinary: function(path) { return _jshCall('readFileBinary', [path]).then(function(r) { return _b64ToU8(r.base64); }); },
-    writeFileBinary: function(path, bytes) { return _jshCall('writeFileBinary', [path, _u8ToB64(bytes)]); },
-    fetchToFile: function(url, path) { return _jshCall('fetchToFile', [url, path]); },
-    _jsh: function(op, args) { return _jshCall(op, args); },
-    name: ''
-  };
-  window.slicc = api;
-  window.bridge = api;
-})();`}async renderFullDoc(e,t){let i=`<script>${this.generateBridgeScript()}<\/script>`,s=this.collectThemeCSS(),c=s?`<style>${s}</style>`:``,l=e.includes(`<slicc-editor`)?`<script src="/slicc-editor.js"><\/script>`:``,u=e.includes(`<slicc-diff`)?`<script src="/slicc-diff.js"><\/script>`:``,d=`<script>(function(){try{if(${n()?`true`:`false`})document.documentElement.classList.add('theme-light');}catch(e){}})();<\/script>`+i+c+l+u+`<script src="/lucide-icons.js"><\/script>`,m,h=e.match(/<head\b[^>]*>/i);if(h){let t=h.index+h[0].length;m=e.slice(0,t)+d+e.slice(t)}else{let t=e.match(/<script\b/i);if(t)m=e.slice(0,t.index)+d+e.slice(t.index);else{let t=e.match(/<html\b[^>]*>/i);if(t){let n=t.index+t[0].length;m=e.slice(0,n)+d+e.slice(n)}else m=d+e}}let g=document.createElement(`iframe`),_=a()?`allow-scripts allow-same-origin allow-popups`:`allow-scripts allow-same-origin`;g.setAttribute(`sandbox`,_),g.style.cssText=`width: 100%; flex: 1; border: none; min-height: 0;`,g.srcdoc=m,this.iframe=g,await new Promise((e,n)=>{let i=setTimeout(()=>{n(Error(`full-doc iframe load timed out`))},5e3);g.addEventListener(`load`,()=>{clearTimeout(i),r(g.contentWindow);let n=this.bridge.getState();g.contentWindow?.postMessage({type:`sprinkle-init`,name:t,savedState:n},`*`),a()&&o(g),e()},{once:!0}),g.addEventListener(`error`,e=>{clearTimeout(i),n(Error(`full-doc iframe failed to load`))},{once:!0}),this.container.appendChild(g)}),this.messageHandler=p(g,f(this.bridge)),window.addEventListener(`message`,this.messageHandler)}renderInline(e,t){m(e),window.__slicc_sprinkles||(window.__slicc_sprinkles={}),window.__slicc_sprinkles[t]=this.bridge,this.bridge._container=this.container;let n=document.createElement(`div`);n.className=`sprinkle-content`,n.innerHTML=e,this.container.appendChild(n),h(n);let r=g(n,t);this.scripts=v(n,r)}dispose(){this.messageHandler&&=(window.removeEventListener(`message`,this.messageHandler),null),this.iframe&&=(t(this.iframe.contentWindow),this.iframe.remove(),null);for(let e of this.scripts)e.remove();this.scripts=[];let e=this.container.querySelector(`.sprinkle-content`);e&&e.remove(),window.__slicc_sprinkles&&delete window.__slicc_sprinkles[this.bridge.name]}async getLucideScript(){return e.cachedLucideScript===null?(e.lucideScriptPromise===null&&(e.lucideScriptPromise=(async()=>{try{let t=await fetch(chrome.runtime.getURL(`lucide-icons.js`));if(t.ok){let n=await t.text();return e.cachedLucideScript=n,n}}catch{}return e.cachedLucideScript=``,``})()),e.lucideScriptPromise):e.cachedLucideScript}};function b(e,t){return e.replace(/url\(\s*['"]?([^'")]+)['"]?\s*\)/g,(e,n)=>{if(/^(https?:|data:|blob:)/i.test(n))return`url('${n}')`;try{return`url('${new URL(n,t).href}')`}catch{return`url('${n}')`}})}function x(){if(typeof getComputedStyle!=`function`)return``;let e=[],t=[],n=[],r=location.href,i=e=>e===`:root`||e===`:root.theme-light`||e.startsWith(`.theme-light `)||e===`.theme-light`||e.split(`,`).some(e=>{let t=e.trim();return t===`:root`||t===`:root.theme-light`||t.startsWith(`.theme-light `)||t===`.theme-light`});for(let a of document.styleSheets)try{for(let o of a.cssRules)if(o instanceof CSSFontFaceRule)e.push(b(o.cssText,r));else if(o instanceof CSSStyleRule){let e=o.selectorText;i(e)&&t.push(o.cssText),(e.includes(`.sprinkle-`)||e.includes(`.fill`))&&n.push(o.cssText)}}catch{}return e.join(`
-`)+`
-`+t.join(`
-`)+`
-`+n.join(`
-`)}export{x as n,y as t};