@popcraft/kit 0.24.3 → 0.26.0

package/dist/chunks/chunk-IDL5KKIC.js

@@ -0,0 +1,574 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  useThemeStore
+} from "./chunk-JMGTVSNK.js";
+import {
+  exportNodeToSVG
+} from "./chunk-6UJOR3YF.js";
+import {
+  exportNodeToBlob
+} from "./chunk-AZKWGJHU.js";
+import {
+  syncStatus
+} from "./chunk-5NWVUAWR.js";
+import {
+  downloadBlob
+} from "./chunk-F6NIUSR5.js";
+import {
+  setPluginTabs,
+  useEditorStore
+} from "./chunk-IM6HORNC.js";
+import {
+  TOKEN_IDS,
+  tokenVar
+} from "./chunk-VEHJYALZ.js";
+import {
+  usePluginStore
+} from "./chunk-6OODPFIF.js";
+import {
+  getActiveRenderer
+} from "./chunk-ILG7UWXL.js";
+import {
+  t
+} from "./chunk-FJRVE5LG.js";
+import {
+  createStore,
+  del,
+  get,
+  keys,
+  set,
+  values
+} from "./chunk-NGD2672T.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// lib/plugins/host.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/plugins/api.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+async function handlePluginCall(env, method, params = {}) {
+  const { dispatchPluginCall } = await import("./plugin-6RNMUP5I.js");
+  return dispatchPluginCall(env, method, params);
+}
+
+// node_modules/.pnpm/@popcraft+plugins@1.0.0_patch_hash=6826cb40a12857607fa1f7d7d102e5d8316bd483c1ff06865dac73139dfe709b/node_modules/@popcraft/plugins/dist/index.js
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// node_modules/.pnpm/@popcraft+plugins@1.0.0_patch_hash=6826cb40a12857607fa1f7d7d102e5d8316bd483c1ff06865dac73139dfe709b/node_modules/@popcraft/plugins/dist/host.js
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// node_modules/.pnpm/@popcraft+plugins@1.0.0_patch_hash=6826cb40a12857607fa1f7d7d102e5d8316bd483c1ff06865dac73139dfe709b/node_modules/@popcraft/plugins/dist/generated/runtime.js
+init_define_POPCRAFT_COMPONENT_IDS();
+var MAIN_RUNTIME = '"use strict";\n(() => {\n  // src/runtime/rpc.ts\n  function createRpcClient() {\n    let port = null;\n    const queue = [];\n    const pending = {};\n    const listeners = {};\n    let nextId = 1;\n    function send(msg) {\n      if (port) port.postMessage(msg);\n      else queue.push(msg);\n    }\n    function call(method, params) {\n      return new Promise((resolve, reject) => {\n        const id = nextId++;\n        pending[id] = { resolve, reject };\n        send({ kind: "rpc", id, method, params });\n      });\n    }\n    function emit(event, data) {\n      for (const cb of (listeners[event] || []).slice()) {\n        try {\n          cb(data);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n    }\n    window.addEventListener("message", (e) => {\n      const data = e.data;\n      if (e.source !== window.parent || !data || data.type !== "popcraft-plugin-port" || port) return;\n      port = e.ports[0];\n      port.onmessage = (ev) => {\n        const m = ev.data || {};\n        if (m.kind === "result" && m.id !== void 0 && pending[m.id]) {\n          const p = pending[m.id];\n          delete pending[m.id];\n          if (m.error) p.reject(new Error(m.error));\n          else p.resolve(m.result);\n        } else if (m.kind === "event" && m.event) {\n          emit(m.event, m.data);\n        }\n      };\n      for (const msg of queue.splice(0)) port.postMessage(msg);\n    });\n    return {\n      call,\n      send,\n      on(event, cb) {\n        (listeners[event] = listeners[event] || []).push(cb);\n      },\n      off(event, cb) {\n        listeners[event] = (listeners[event] || []).filter((x) => x !== cb);\n      }\n    };\n  }\n\n  // src/runtime/main.ts\n  function clone(v) {\n    return v === void 0 ? {} : JSON.parse(JSON.stringify(v));\n  }\n  function createMainApi(rpc = createRpcClient()) {\n    const uiHandlers = [];\n    let uiOnMessage = null;\n    const uiQueue = [];\n    function deliverUI(msg) {\n      for (const cb of uiHandlers) {\n        try {\n          cb(msg);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n      if (typeof uiOnMessage === "function") {\n        try {\n          uiOnMessage(msg);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n    }\n    function flushUI() {\n      if (uiHandlers.length || typeof uiOnMessage === "function") uiQueue.splice(0).forEach(deliverUI);\n    }\n    rpc.on("uimessage", (msg) => {\n      if (!uiHandlers.length && typeof uiOnMessage !== "function") uiQueue.push(msg);\n      else deliverUI(msg);\n    });\n    let widgetDef = null;\n    const widgetQueue = [];\n    function renderWidget(state) {\n      const handlers = {};\n      function walk(el, path) {\n        if (!el || typeof el !== "object") return el;\n        const out = {};\n        for (const k of Object.keys(el)) {\n          const v = el[k];\n          if (k === "children") {\n            out.children = (Array.isArray(v) ? v : [v]).filter((c) => c !== null && c !== void 0 && c !== false).map((c, i) => walk(c, path + "." + i));\n          } else if (k === "onClick" && typeof v === "function") {\n            handlers[path] = v;\n            out.onClick = path;\n          } else {\n            out[k] = v;\n          }\n        }\n        return out;\n      }\n      return { tree: walk(widgetDef.render(state), "root"), handlers };\n    }\n    function initialWidgetState() {\n      const s = widgetDef && widgetDef.initialState;\n      return clone(typeof s === "function" ? s() : s);\n    }\n    function commitWidget(nodeId, state) {\n      return rpc.call("widgetUpdate", { id: nodeId, state, tree: renderWidget(clone(state)).tree });\n    }\n    function handleWidgetClick(e) {\n      Promise.resolve().then(() => {\n        const state = clone(e.state);\n        const rendered = renderWidget(state);\n        const h = rendered.handlers[e.handler] || widgetDef.handlers && widgetDef.handlers[e.handler];\n        if (typeof h !== "function") return;\n        return Promise.resolve(h(state, { nodeId: e.nodeId })).then((ret) => commitWidget(e.nodeId, ret === void 0 ? state : ret));\n      }).catch((err) => rpc.send({ kind: "error", message: String((err == null ? void 0 : err.message) || err) }));\n    }\n    rpc.on("widgetclick", (e) => {\n      if (widgetDef) handleWidgetClick(e);\n      else widgetQueue.push(e);\n    });\n    const popcraft = {\n      /** Which menu command the user picked, or null when the plugin ran some other way. */\n      command: null,\n      /** Host import mode when launched as an importer, else null. */\n      importMode: null,\n      /** Pending import file when the host handed one over, else null. */\n      importFile: null,\n      /** Pending export request (File \u2192 Export \u2192 this plugin\'s format), else null. */\n      exportRequest: null,\n      getSelection: () => rpc.call("getSelection"),\n      setSelection: (ids) => rpc.call("setSelection", { ids }),\n      getNode: (id) => rpc.call("getNode", { id }),\n      findNodes: (query) => rpc.call("findNodes", query || {}),\n      getCurrentPage: () => rpc.call("getCurrentPage"),\n      createNode: (type, props) => rpc.call("createNode", { type, props: props || {} }),\n      updateNode: (id, props) => rpc.call("updateNode", { id, props }),\n      deleteNode: (id) => rpc.call("deleteNode", { id }),\n      setText: (id, characters) => rpc.call("setText", { id, characters }),\n      /** Put TEXT layers on a path (another layer\'s outline, or their own arc, circle or wave), or tune one: brackets, alignment, placement, effect, overflow. */\n      setTextPath: (opts) => rpc.call("setTextPath", opts || {}),\n      /** Area type: flow a TEXT layer inside a closed shape, kept `inset` px in. */\n      flowTextIntoShape: (opts) => rpc.call("flowTextIntoShape", opts || {}),\n      /** Take TEXT layers off their path or out of their shape (or free every text linked to a path / shape). */\n      detachText: (opts) => rpc.call("detachText", opts || {}),\n      /** Auto-size TEXT layers\' type to their box, shape or path. */\n      setTextFit: (opts) => rpc.call("setTextFit", opts || {}),\n      createPage: (name) => rpc.call("createPage", name != null ? { name: String(name) } : {}),\n      setCurrentPage: (pageId) => rpc.call("setCurrentPage", { pageId }),\n      createImage: (opts) => rpc.call("createImage", opts || {}),\n      createDocument: (opts) => rpc.call("createDocument", opts || {}),\n      getImportMode: () => rpc.call("getImportMode"),\n      getImportFile: () => rpc.call("getImportFile"),\n      /**\n      * The open page as a storefront design in a neutral form, for an exporter that writes its own store\'s templates:\n      * each page\'s HTML with the store\'s data marked (`{{page.title}}`, `{{item.price}}`, `<!-- pc:each \u2026 -->` lists,\n      * `data-pc-action` forms), and its collections with their commerce schema and sample records.\n      */\n      getStorefront: () => rpc.call("getStorefront"),\n      /**\n      * A design\'s data (docs: Collections): a collection and its fields (`schema`: what it stands for, e.g.\n      * `commerce.product`, whose fields are made for it), its records, and reading them.\n      */\n      editCollection: (opts) => rpc.call("editCollection", opts || {}),\n      editRecords: (opts) => rpc.call("editRecords", opts || {}),\n      getRecords: (opts) => rpc.call("getRecords", opts || {}),\n      /** A layer as a web page\'s form control (a FORM\'s `formAction`, an INPUT\'s name and value), repeated per record, a page\'s address, its semantics. */\n      setControl: (opts) => rpc.call("setControl", opts || {}),\n      setRepeat: (opts) => rpc.call("setRepeat", opts || {}),\n      setRoute: (opts) => rpc.call("setRoute", opts || {}),\n      setSemantics: (opts) => rpc.call("setSemantics", opts || {}),\n      /** Which record layers are about (one product, picked from a collection), and which of its fields a layer\'s words, picture or an instance\'s properties follow. */\n      setRecord: (opts) => rpc.call("setRecord", opts || {}),\n      bindField: (opts) => rpc.call("bindField", opts || {}),\n      /** The site\'s environment: public settings its host reads by name when it is deployed (never a secret: the file keeps them). */\n      getSiteEnvironment: () => rpc.call("getSiteEnvironment"),\n      setSiteEnvironment: (set) => rpc.call("setSiteEnvironment", { set }),\n      /** What this plugin keeps with the open file (its settings for this design), under its own id; JSON only. */\n      getFileData: (key) => rpc.call("getFileData", { key }),\n      setFileData: (key, value) => rpc.call("setFileData", { key, value }),\n      /** A store\'s project built from the open page, zipped (needs `export`): what an exporter saves with `saveExport`. */\n      getStorefrontFiles: (target) => rpc.call("getStorefrontFiles", { target }),\n      getExportRequest: () => rpc.call("getExportRequest"),\n      /** Save the exporter\'s file (once per export request); the host enforces the contributed extension. */\n      saveExport: (file) => rpc.call("saveExport", file || {}),\n      /**\n      * Presentation audio (docs/plugins/presentation-audio.md): the deck\'s slides, notes, narration and timing; the\n      * soundtrack\'s settings, bed and stinger.\n      */\n      getPresentationAudio: (opts) => rpc.call("getPresentationAudio", opts || {}),\n      /** Change the soundtrack\'s settings (voice, style, mood, loudness, beat alignment, levels) and re-time it. */\n      setPresentationAudioSettings: (opts) => rpc.call("setPresentationAudioSettings", opts || {}),\n      /** Put a sound in (a slide\'s narration, the bed or the stinger): bytes are normalised to the soundtrack\'s target and stored. */\n      setPresentationAudioClip: (opts) => rpc.call("setPresentationAudioClip", opts || {}),\n      removePresentationAudioClip: (opts) => rpc.call("removePresentationAudioClip", opts || {}),\n      /** Re-time: fixed slide lengths (ms, null clears) and beat-aligned changes. */\n      setPresentationTiming: (opts) => rpc.call("setPresentationTiming", opts || {}),\n      /** The mix as the export carries it: loudness, true peak, and (wav: true) the 48 kHz stereo WAV. */\n      getPresentationMix: (opts) => rpc.call("getPresentationMix", opts || {}),\n      /** Ask the user to generate with AI (the panel opens with the request filled in; the user decides). */\n      requestPresentationAudio: (opts) => rpc.call("requestPresentationAudio", opts || {}),\n      /** Editor commands: each takes the arguments documented in docs/plugins/methods.md (the agent tool of the same purpose). */\n      moveNodes: (opts) => rpc.call("moveNodes", opts || {}),\n      resizeNodes: (opts) => rpc.call("resizeNodes", opts || {}),\n      renameNodes: (opts) => rpc.call("renameNodes", opts || {}),\n      reparentNodes: (opts) => rpc.call("reparentNodes", opts || {}),\n      duplicateNodes: (opts) => rpc.call("duplicateNodes", opts || {}),\n      groupNodes: (opts) => rpc.call("groupNodes", opts || {}),\n      ungroupNodes: (opts) => rpc.call("ungroupNodes", opts || {}),\n      alignNodes: (opts) => rpc.call("alignNodes", opts || {}),\n      distributeNodes: (opts) => rpc.call("distributeNodes", opts || {}),\n      flipNodes: (opts) => rpc.call("flipNodes", opts || {}),\n      rotateNodes: (opts) => rpc.call("rotateNodes", opts || {}),\n      reorderNodes: (opts) => rpc.call("reorderNodes", opts || {}),\n      setLocked: (opts) => rpc.call("setLocked", opts || {}),\n      setVisible: (opts) => rpc.call("setVisible", opts || {}),\n      setAutoLayout: (opts) => rpc.call("setAutoLayout", opts || {}),\n      importSvg: (opts) => rpc.call("importSvg", opts || {}),\n      measureNodes: (opts) => rpc.call("measureNodes", opts || {}),\n      setFills: (opts) => rpc.call("setFills", opts || {}),\n      setStrokes: (opts) => rpc.call("setStrokes", opts || {}),\n      setEffects: (opts) => rpc.call("setEffects", opts || {}),\n      replaceColor: (opts) => rpc.call("replaceColor", opts || {}),\n      setTypography: (opts) => rpc.call("setTypography", opts || {}),\n      applyStyle: (opts) => rpc.call("applyStyle", opts || {}),\n      createComponent: (opts) => rpc.call("createComponent", opts || {}),\n      createInstance: (opts) => rpc.call("createInstance", opts || {}),\n      renamePage: (opts) => rpc.call("renamePage", opts || {}),\n      getDocumentOutline: (opts) => rpc.call("getDocumentOutline", opts || {}),\n      setPageSetup: (opts) => rpc.call("setPageSetup", opts || {}),\n      setShowAdvance: (opts) => rpc.call("setShowAdvance", opts || {}),\n      booleanOperation: (opts) => rpc.call("booleanOperation", opts || {}),\n      flattenNodes: (opts) => rpc.call("flattenNodes", opts || {}),\n      outlineStroke: (opts) => rpc.call("outlineStroke", opts || {}),\n      setMask: (opts) => rpc.call("setMask", opts || {}),\n      setMaskType: (opts) => rpc.call("setMaskType", opts || {}),\n      shapeBuilder: (opts) => rpc.call("shapeBuilder", opts || {}),\n      setKeyframes: (opts) => rpc.call("setKeyframes", opts || {}),\n      getAnimation: (opts) => rpc.call("getAnimation", opts || {}),\n      getCompositions: (opts) => rpc.call("getCompositions", opts || {}),\n      editBehaviours: (opts) => rpc.call("editBehaviours", opts || {}),\n      setTimeline: (opts) => rpc.call("setTimeline", opts || {}),\n      setLayerTiming: (opts) => rpc.call("setLayerTiming", opts || {}),\n      editTextAnimation: (opts) => rpc.call("editTextAnimation", opts || {}),\n      edit3DScene: (opts) => rpc.call("edit3DScene", opts || {}),\n      setInstancePlayback: (opts) => rpc.call("setInstancePlayback", opts || {}),\n      editComponentProperty: (opts) => rpc.call("editComponentProperty", opts || {}),\n      setShaderFill: (opts) => rpc.call("setShaderFill", opts || {}),\n      createComposition: (opts) => rpc.call("createComposition", opts || {}),\n      editComposition: (opts) => rpc.call("editComposition", opts || {}),\n      editStateMachine: (opts) => rpc.call("editStateMachine", opts || {}),\n      getStateMachine: (opts) => rpc.call("getStateMachine", opts || {}),\n      applyMotionPreset: (opts) => rpc.call("applyMotionPreset", opts || {}),\n      staggerMotion: (opts) => rpc.call("staggerMotion", opts || {}),\n      createMotionComponent: (opts) => rpc.call("createMotionComponent", opts || {}),\n      addAudio: (opts) => rpc.call("addAudio", opts || {}),\n      editFrameAudio: (opts) => rpc.call("editFrameAudio", opts || {}),\n      editVideoClip: (opts) => rpc.call("editVideoClip", opts || {}),\n      detectAudioOnsets: (opts) => rpc.call("detectAudioOnsets", opts || {}),\n      cutToBeat: (opts) => rpc.call("cutToBeat", opts || {}),\n      editPrototype: (opts) => rpc.call("editPrototype", opts || {}),\n      usePresentationFallbackAudio: (opts) => rpc.call("usePresentationFallbackAudio", opts || {}),\n      /** Bring a Lottie, PDF or PopCraft file into the open document (the `importFile` field is the file an importer was handed). */\n      importDocumentFile: (opts) => rpc.call("importDocumentFile", opts || {}),\n      getStyles: () => rpc.call("getStyles"),\n      createPaintStyle: (name, paints) => rpc.call("createPaintStyle", { name, paints }),\n      getVariables: () => rpc.call("getVariables"),\n      setVariableValue: (variableId, modeId, value) => rpc.call("setVariableValue", { variableId, modeId, value }),\n      exportNode: (id, options) => rpc.call("exportNode", { id, options: options || {} }),\n      openExternal: (url) => rpc.call("openExternal", { url }),\n      notify: (message, options) => rpc.call("notify", { message: String(message), error: !!(options && options.error) }),\n      showUI: (options) => rpc.call("showUI", options || {}),\n      hideUI: () => rpc.call("hideUI"),\n      /** Ends the run. The optional message is shown as a notification. */\n      closePlugin: (message) => rpc.call("closePlugin", { message }),\n      storage: {\n        get: (key) => rpc.call("storageGet", { key }),\n        set: (key, value) => rpc.call("storageSet", { key, value })\n      },\n      ui: {\n        get onmessage() {\n          return uiOnMessage;\n        },\n        set onmessage(cb) {\n          uiOnMessage = cb;\n          flushUI();\n        },\n        postMessage: (msg) => rpc.send({ kind: "toUI", data: msg }),\n        on: (cb) => {\n          uiHandlers.push(cb);\n          flushUI();\n        }\n      },\n      widget: {\n        register(def) {\n          if (!def || typeof def.render !== "function") throw new Error("popcraft.widget.register needs a render(state) function");\n          widgetDef = def;\n          widgetQueue.splice(0).forEach(handleWidgetClick);\n        },\n        insert(options) {\n          if (!widgetDef) return Promise.reject(new Error("Call popcraft.widget.register first"));\n          const o = options || {};\n          const state = o.state !== void 0 ? clone(o.state) : initialWidgetState();\n          return rpc.call("widgetInsert", { state, tree: renderWidget(state).tree, x: o.x, y: o.y });\n        },\n        getState: (nodeId) => rpc.call("widgetGet", { id: nodeId }),\n        setState(nodeId, state) {\n          if (!widgetDef) return Promise.reject(new Error("Call popcraft.widget.register first"));\n          return commitWidget(nodeId, clone(state));\n        }\n      },\n      on: (event, cb) => rpc.on(event, cb),\n      off: (event, cb) => rpc.off(event, cb)\n    };\n    rpc.on("init", (data) => {\n      var _a, _b, _c;\n      popcraft.command = data.command;\n      popcraft.importMode = (_a = data.importMode) != null ? _a : null;\n      popcraft.importFile = (_b = data.importFile) != null ? _b : null;\n      popcraft.exportRequest = (_c = data.exportRequest) != null ? _c : null;\n    });\n    return popcraft;\n  }\n  function installMainApi() {\n    const rpc = createRpcClient();\n    const api = createMainApi(rpc);\n    const w = window;\n    w.__popcraftRpc = rpc;\n    w.popcraft = api;\n    w.vizpops = api;\n    window.addEventListener("error", (e) => rpc.send({ kind: "error", message: String(e.message || e) }));\n    window.addEventListener("unhandledrejection", (e) => rpc.send({ kind: "error", message: String(e.reason && e.reason.message || e.reason) }));\n    return api;\n  }\n\n  // src/runtime/main.entry.ts\n  installMainApi();\n})();';
+var UI_RUNTIME = '"use strict";\n(() => {\n  // src/runtime/rpc.ts\n  function createRpcClient() {\n    let port = null;\n    const queue = [];\n    const pending = {};\n    const listeners = {};\n    let nextId = 1;\n    function send(msg) {\n      if (port) port.postMessage(msg);\n      else queue.push(msg);\n    }\n    function call(method, params) {\n      return new Promise((resolve, reject) => {\n        const id = nextId++;\n        pending[id] = { resolve, reject };\n        send({ kind: "rpc", id, method, params });\n      });\n    }\n    function emit(event, data) {\n      for (const cb of (listeners[event] || []).slice()) {\n        try {\n          cb(data);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n    }\n    window.addEventListener("message", (e) => {\n      const data = e.data;\n      if (e.source !== window.parent || !data || data.type !== "popcraft-plugin-port" || port) return;\n      port = e.ports[0];\n      port.onmessage = (ev) => {\n        const m = ev.data || {};\n        if (m.kind === "result" && m.id !== void 0 && pending[m.id]) {\n          const p = pending[m.id];\n          delete pending[m.id];\n          if (m.error) p.reject(new Error(m.error));\n          else p.resolve(m.result);\n        } else if (m.kind === "event" && m.event) {\n          emit(m.event, m.data);\n        }\n      };\n      for (const msg of queue.splice(0)) port.postMessage(msg);\n    });\n    return {\n      call,\n      send,\n      on(event, cb) {\n        (listeners[event] = listeners[event] || []).push(cb);\n      },\n      off(event, cb) {\n        listeners[event] = (listeners[event] || []).filter((x) => x !== cb);\n      }\n    };\n  }\n\n  // src/runtime/ui.ts\n  function createUiApi(rpc = createRpcClient()) {\n    const popcraft = {\n      onmessage: null,\n      postMessage: (msg) => rpc.send({ kind: "fromUI", data: msg }),\n      close: () => rpc.send({ kind: "closeUI" })\n    };\n    rpc.on("message", (msg) => {\n      if (typeof popcraft.onmessage === "function") popcraft.onmessage(msg);\n      window.dispatchEvent(new MessageEvent("message", { data: { pluginMessage: msg } }));\n    });\n    return popcraft;\n  }\n  function installUiApi() {\n    const rpc = createRpcClient();\n    const api = createUiApi(rpc);\n    const w = window;\n    w.__popcraftRpc = rpc;\n    w.popcraft = api;\n    w.vizpops = api;\n    return api;\n  }\n\n  // src/runtime/ui.entry.ts\n  installUiApi();\n})();';
+
+// node_modules/.pnpm/@popcraft+plugins@1.0.0_patch_hash=6826cb40a12857607fa1f7d7d102e5d8316bd483c1ff06865dac73139dfe709b/node_modules/@popcraft/plugins/dist/host.js
+var escapeScript = (code) => code.replace(/<\/script/gi, "<\\/script");
+function csp(network) {
+  const connect = network ? "connect-src * data: blob:;" : "connect-src 'none';";
+  const img = network ? "img-src * data: blob:;" : "img-src data: blob:;";
+  const font = network ? "font-src * data:;" : "font-src data:;";
+  return `<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; form-action 'none'; base-uri 'none'; ${img} ${font} ${connect}">`;
+}
+function buildMainDocument(mainCode, network) {
+  return `<!doctype html><html><head><meta charset="utf-8">${csp(network)}<script>${MAIN_RUNTIME}</script></head><body><script>
+(function waitForInit() {
+  var started = false;
+  window.__popcraftRpc.on('init', function () {
+    if (started) return; started = true;
+    try {
+${escapeScript(mainCode)}
+    } catch (e) { window.__popcraftRpc.send({ kind: 'error', message: String(e && e.message || e) }); }
+  });
+})();
+</script></body></html>`;
+}
+function buildUIDocument(uiHtml, network) {
+  const head = `<meta charset="utf-8">${csp(network)}<script>${UI_RUNTIME}</script>`;
+  if (/<head[^>]*>/i.test(uiHtml))
+    return uiHtml.replace(/<head[^>]*>/i, (m) => m + head);
+  return `<!doctype html><html><head>${head}</head><body>${uiHtml}</body></html>`;
+}
+
+// node_modules/.pnpm/@popcraft+plugins@1.0.0_patch_hash=6826cb40a12857607fa1f7d7d102e5d8316bd483c1ff06865dac73139dfe709b/node_modules/@popcraft/plugins/dist/runtime/main.js
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// node_modules/.pnpm/@popcraft+plugins@1.0.0_patch_hash=6826cb40a12857607fa1f7d7d102e5d8316bd483c1ff06865dac73139dfe709b/node_modules/@popcraft/plugins/dist/runtime/rpc.js
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// node_modules/.pnpm/@popcraft+plugins@1.0.0_patch_hash=6826cb40a12857607fa1f7d7d102e5d8316bd483c1ff06865dac73139dfe709b/node_modules/@popcraft/plugins/dist/types.js
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// node_modules/.pnpm/@popcraft+plugins@1.0.0_patch_hash=6826cb40a12857607fa1f7d7d102e5d8316bd483c1ff06865dac73139dfe709b/node_modules/@popcraft/plugins/dist/widget.js
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/plugins/ui-theme.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function themeVariables(root = typeof document === "undefined" ? null : document.documentElement) {
+  if (!root) return "";
+  const style = getComputedStyle(root);
+  const lines = [];
+  for (const id of TOKEN_IDS) {
+    const name = tokenVar(id);
+    const value = style.getPropertyValue(name).trim();
+    if (value) lines.push(`${name}: ${value};`);
+  }
+  return lines.join("\n  ");
+}
+function pluginThemeCss(variables = themeVariables()) {
+  return `:root {
+  ${variables}
+}
+body {
+  margin: 0;
+  padding: 12px;
+  background: var(--pc-panel-bg, transparent);
+  color: var(--pc-fg, inherit);
+  font: 12px/1.45 var(--pc-font-ui, system-ui, sans-serif);
+}
+a { color: var(--pc-accent, inherit); }
+hr { border: 0; border-top: 1px solid var(--pc-border-faint, currentColor); }
+input, textarea, select {
+  background: var(--pc-field, transparent);
+  color: var(--pc-fg, inherit);
+  border: 1px solid var(--pc-border, currentColor);
+  border-radius: var(--pc-radius-sm, 6px);
+  padding: 6px 8px;
+  font: inherit;
+}
+button {
+  background: var(--pc-control, transparent);
+  color: var(--pc-fg, inherit);
+  border: 1px solid var(--pc-border, currentColor);
+  border-radius: var(--pc-radius-sm, 6px);
+  padding: 6px 12px;
+  font: inherit;
+  cursor: pointer;
+}
+button:hover { background: var(--pc-control-hover, transparent); }
+button[data-variant="primary"] {
+  background: var(--pc-accent, transparent);
+  color: var(--pc-fg-on-accent, inherit);
+  border-color: transparent;
+}`;
+}
+function withPluginTheme(html, css = pluginThemeCss()) {
+  const tag = `<style data-pc="plugin-theme">${css}</style>`;
+  if (/<head[^>]*>/i.test(html)) return html.replace(/<head[^>]*>/i, (m) => m + tag);
+  return tag + html;
+}
+
+// lib/plugins/registry.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/plugins/package.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/marketplace/listing.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var MARKETPLACE_KINDS = ["plugin", "theme", "template", "library", "brush", "shader"];
+var MARKETPLACE_TABS = ["all", ...MARKETPLACE_KINDS];
+
+// lib/plugins/types.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/plugins/package.ts
+var MAX_ICON_BYTES = 64 * 1024;
+var ZIP_LIMITS = { maxEntries: 500, maxEntryBytes: 10 * 1024 * 1024, maxTotalBytes: 25 * 1024 * 1024 };
+function pluginContentKey(p) {
+  return JSON.stringify({ main: p.mainCode ?? "", ui: p.uiHtml ?? null, themes: p.themes ?? null });
+}
+
+// lib/plugins/registry.ts
+var store = null;
+var dataStore = null;
+var db = () => store ??= createStore("popcraft-plugins", "plugins");
+var dataDb = () => dataStore ??= createStore("popcraft-plugin-data", "data");
+async function listPlugins() {
+  const all = await values(db());
+  return all.sort((a, b) => a.manifest.name.localeCompare(b.manifest.name));
+}
+async function getPlugin(id) {
+  return get(id, db());
+}
+async function installPlugin(p) {
+  const prev = await getPlugin(p.manifest.id);
+  const sameOrFewer = !!prev?.granted && p.manifest.permissions.every((x) => prev.granted.includes(x)) && pluginContentKey(prev) === pluginContentKey(p);
+  const record = {
+    ...p,
+    enabled: prev?.enabled ?? true,
+    granted: sameOrFewer ? p.manifest.permissions.slice() : null,
+    installedAt: prev?.installedAt ?? Date.now()
+  };
+  await set(p.manifest.id, record, db());
+  return record;
+}
+async function setPluginEnabled(id, enabled) {
+  const p = await getPlugin(id);
+  if (p) await set(id, { ...p, enabled }, db());
+}
+async function grantPermissions(id, granted) {
+  const p = await getPlugin(id);
+  if (p) await set(id, { ...p, granted }, db());
+}
+async function uninstallPlugin(id) {
+  await del(id, db());
+  const prefix = `${id}::`;
+  for (const k of await keys(dataDb())) if (typeof k === "string" && k.startsWith(prefix)) await del(k, dataDb());
+}
+async function pluginStorageGet(id, key) {
+  return get(`${id}::${key}`, dataDb());
+}
+async function pluginStorageSet(id, key, value) {
+  await set(`${id}::${key}`, value, dataDb());
+}
+
+// lib/plugins/panels.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pluginPanelTab = (pluginId, panelId) => `plugin:${pluginId}:${panelId}`;
+function pluginPanels(installed) {
+  return installed.filter((p) => p.enabled).flatMap((p) => (p.manifest.contributes?.panels ?? []).map((panel) => ({
+    tab: pluginPanelTab(p.manifest.id, panel.id),
+    pluginId: p.manifest.id,
+    pluginName: p.manifest.name,
+    panel,
+    icon: panel.icon ?? (p.manifest.icon?.startsWith("data:image/") ? p.manifest.icon : null)
+  })));
+}
+function syncPluginTabs(installed) {
+  setPluginTabs(new Map(pluginPanels(installed).map((p) => [p.tab, p.panel.side ?? "right"])));
+}
+
+// lib/plugins/host.ts
+function withWasmEvalCsp(html) {
+  return html.replace(/script-src 'unsafe-inline'/g, "script-src 'unsafe-inline' 'wasm-unsafe-eval'");
+}
+function exportFileName(name, extension) {
+  const ext = extension.toLowerCase();
+  let base = String(name ?? "").replace(/[\u0000-\u001f\u007f\\/:*?"<>|]+/g, "_").trim();
+  if (base.toLowerCase().endsWith(ext)) base = base.slice(0, -ext.length);
+  base = base.replace(/^\.+/, "").slice(0, 120).trim() || "Untitled";
+  return base + ext;
+}
+var running = /* @__PURE__ */ new Map();
+function runningSessionFor(pluginId) {
+  return [...running.values()].find((s) => s.plugin.manifest.id === pluginId);
+}
+async function refreshInstalledPlugins() {
+  const installed = await listPlugins();
+  syncPluginTabs(installed);
+  usePluginStore.getState().setInstalled(installed);
+  syncPluginThemes(installed);
+}
+function syncPluginThemes(installed) {
+  const themes = useThemeStore.getState();
+  const live = new Set(installed.map((p) => p.manifest.id));
+  for (const id of Object.keys(themes.pluginThemes)) if (!live.has(id)) themes.setPluginThemes(id, []);
+  for (const p of installed) themes.setPluginThemes(p.manifest.id, p.enabled ? p.themes ?? [] : []);
+}
+async function installPluginPayload(payload, opts = {}) {
+  const rec = await installPlugin(payload);
+  if (opts.refresh !== false) await refreshInstalledPlugins();
+  return rec;
+}
+async function setEnabled(id, enabled) {
+  if (!enabled) {
+    for (const s of [...running.values()]) if (s.plugin.manifest.id === id) closeSession(s.sessionId);
+  }
+  await setPluginEnabled(id, enabled);
+  await refreshInstalledPlugins();
+}
+async function removePlugin(id) {
+  for (const s of [...running.values()]) if (s.plugin.manifest.id === id) closeSession(s.sessionId);
+  await uninstallPlugin(id);
+  await refreshInstalledPlugins();
+}
+function askPermissions(plugin) {
+  return new Promise((resolve) => usePluginStore.getState().setPermissionPrompt({ plugin, resolve }));
+}
+function post(session, event, data) {
+  session.port.postMessage({ kind: "event", event, data });
+}
+async function runPlugin(pluginId, commandId, opts = {}) {
+  const store2 = usePluginStore.getState();
+  const plugin = await getPlugin(pluginId);
+  if (!plugin) return store2.toast(t("host.pluginIsNotInstalled"), { error: true });
+  if (!plugin.enabled) return store2.toast(t("host.isDisabled", { name: plugin.manifest.name }), { error: true });
+  if (!plugin.manifest.main) return store2.toast(t("host.hasNoCommandsToRun", { name: plugin.manifest.name }), { error: true });
+  let granted = plugin.granted;
+  if (granted === null) {
+    if (plugin.manifest.permissions.length === 0) granted = [];
+    else {
+      granted = await askPermissions(plugin);
+      if (!granted) return;
+    }
+    await grantPermissions(pluginId, granted);
+    await refreshInstalledPlugins();
+  }
+  for (const s of [...running.values()]) if (s.plugin.manifest.id === pluginId) closeSession(s.sessionId);
+  const sessionId = `${pluginId}:${Date.now().toString(36)}`;
+  const command = commandId ?? plugin.manifest.commands?.[0]?.id ?? "run";
+  const iframe = document.createElement("iframe");
+  iframe.setAttribute("sandbox", "allow-scripts");
+  iframe.setAttribute("aria-hidden", "true");
+  iframe.style.display = "none";
+  iframe.dataset.popcraftPlugin = pluginId;
+  iframe.srcdoc = withWasmEvalCsp(buildMainDocument(plugin.mainCode, granted.includes("network")));
+  const channel = new MessageChannel();
+  const session = {
+    sessionId,
+    plugin,
+    granted,
+    iframe,
+    port: channel.port1,
+    uiPort: null,
+    pendingToUI: [],
+    unsubscribers: [],
+    background: !!opts.background,
+    idleTimer: null,
+    importMode: opts.importMode ?? null,
+    importFile: opts.importFile ?? null,
+    exportRequest: opts.exportRequest ?? null
+  };
+  running.set(sessionId, session);
+  const dockTitle = opts.dock ? plugin.manifest.contributes?.panels?.find((p) => opts.dock.endsWith(`:${p.id}`))?.title : void 0;
+  store2.upsertSession({
+    sessionId,
+    pluginId,
+    name: plugin.manifest.name,
+    command,
+    dock: opts.dock,
+    ui: opts.dock ? { visible: true, width: 0, height: 0, title: dockTitle ?? plugin.manifest.name } : null
+  });
+  const env = {
+    getState: useEditorStore.getState,
+    manifest: plugin.manifest,
+    granted,
+    importMode: session.importMode,
+    importFile: session.importFile,
+    exportRequest: session.exportRequest,
+    effects: {
+      notify: (message, error) => usePluginStore.getState().toast(message, { error, source: plugin.manifest.name }),
+      showUI: (o) => usePluginStore.getState().patchSession(sessionId, {
+        ui: {
+          visible: o.visible !== false,
+          width: Math.max(160, Math.min(900, Number(o.width) || 320)),
+          height: Math.max(120, Math.min(900, Number(o.height) || 420)),
+          title: typeof o.title === "string" && o.title ? o.title : plugin.manifest.name
+        }
+      }),
+      hideUI: () => usePluginStore.getState().patchSession(sessionId, { ui: null }),
+      close: (message) => {
+        const sel = message ? [...useEditorStore.getState().selection] : [];
+        closeSession(sessionId);
+        if (message) usePluginStore.getState().toast(message, { source: plugin.manifest.name });
+        if (sel.length) useEditorStore.getState().zoomToNodes(sel);
+      },
+      storageGet: (key) => pluginStorageGet(pluginId, key),
+      storageSet: (key, value) => pluginStorageSet(pluginId, key, value),
+      openExternal: (url) => {
+        const opened = window.open(url, "_blank", "noopener,noreferrer");
+        if (!opened) throw new Error("The browser blocked the new tab");
+      },
+      createDocument: async (opts2) => {
+        const { createFreshFileOrExplain } = await import("./new-file-XS3KCMGM.js");
+        const created = await createFreshFileOrExplain({}, { name: opts2?.name });
+        if (!created.ok) throw new Error(created.reason === "plan" ? "Plan limit reached" : created.reason === "guest-limit" ? "Sign in to create another file" : `Could not create file (${created.reason})`);
+        await useEditorStore.getState().openDocument(created.docId);
+        return { key: created.key, docId: created.docId, name: created.name };
+      },
+      saveExport: (file) => {
+        const req = session.exportRequest;
+        if (!req) throw new Error("saveExport is only available to an exporter started from File \u2192 Export, once");
+        session.exportRequest = null;
+        env.exportRequest = null;
+        const name = exportFileName(file.name || req.name, req.extension);
+        downloadBlob(new Blob([file.bytes], { type: file.mimeType || "application/octet-stream" }), name);
+        return { name, byteLength: file.bytes.byteLength };
+      },
+      exportNode: async (nodes, format, scale) => {
+        const renderer = getActiveRenderer();
+        if (!renderer) throw new Error("Renderer is not ready");
+        const st = useEditorStore.getState();
+        const node = nodes[0];
+        if (format === "PDF") {
+          const { exportNodesToPDF } = await import("./pdf-COTQQJDE.js");
+          const { jobPageSize } = await import("../lib/document/print-pages.js");
+          const { loadFullBleed } = await import("./print-prefs-N5MZC6HI.js");
+          const blob2 = await exportNodesToPDF(renderer, nodes, { dpi: 300, bleed: !loadFullBleed(), marks: false, splitSpreads: true, pageSize: jobPageSize(st.document) }, st.document, st.document.styles);
+          if (!blob2) throw new Error("PDF export failed");
+          return new Uint8Array(await blob2.arrayBuffer());
+        }
+        if (format === "SVG") {
+          const svg = await exportNodeToSVG(renderer, node, st.document, st.document.styles);
+          if (!svg) throw new Error("SVG export failed");
+          return svg;
+        }
+        const blob = await exportNodeToBlob(renderer, node, { format, scale, suffix: "" }, st.document, st.document.styles);
+        if (!blob) throw new Error("Export failed");
+        return new Uint8Array(await blob.arrayBuffer());
+      }
+    }
+  };
+  channel.port1.onmessage = async (ev) => {
+    const m = ev.data;
+    if (!running.has(sessionId)) return;
+    if (m.kind === "rpc" && typeof m.id === "number" && typeof m.method === "string") {
+      try {
+        const result = await handlePluginCall(env, m.method, m.params ?? {});
+        if (running.has(sessionId)) channel.port1.postMessage({ kind: "result", id: m.id, result });
+      } catch (err) {
+        if (running.has(sessionId)) channel.port1.postMessage({ kind: "result", id: m.id, error: err instanceof Error ? err.message : String(err) });
+      }
+    } else if (m.kind === "toUI") {
+      if (session.uiPort) session.uiPort.postMessage({ kind: "event", event: "message", data: m.data });
+      else if (session.pendingToUI.length < 500) session.pendingToUI.push(m.data);
+    } else if (m.kind === "error") {
+      usePluginStore.getState().toast(`${plugin.manifest.name}: ${m.message}`, { error: true, source: plugin.manifest.name });
+    }
+  };
+  iframe.addEventListener("load", () => {
+    iframe.contentWindow?.postMessage({ type: "popcraft-plugin-port" }, "*", [channel.port2]);
+    post(session, "init", {
+      command,
+      importMode: session.importMode,
+      importFile: session.importFile,
+      exportRequest: session.exportRequest
+    });
+  }, { once: true });
+  document.body.appendChild(iframe);
+  if (granted.includes("read")) {
+    session.unsubscribers.push(useEditorStore.subscribe((s) => s.selection, (sel) => post(session, "selectionchange", { ids: sel.slice() })));
+    session.unsubscribers.push(useEditorStore.subscribe((s) => s.currentPageId, (id) => post(session, "pagechange", { id })));
+    let timer = null;
+    session.unsubscribers.push(useEditorStore.subscribe((s) => s.document, () => {
+      if (timer) clearTimeout(timer);
+      timer = setTimeout(() => {
+        timer = null;
+        if (running.has(sessionId)) post(session, "documentchange", {});
+      }, 150);
+    }));
+    session.unsubscribers.push(() => {
+      if (timer) clearTimeout(timer);
+    });
+  }
+}
+async function runPluginWithImport(pluginId, commandId, opts) {
+  await runPlugin(pluginId, commandId, { importMode: opts.mode, importFile: opts.file });
+}
+async function runPluginWithExport(pluginId, commandId, request) {
+  await runPlugin(pluginId, commandId, { exportRequest: request });
+}
+function attachPluginUI(sessionId, iframe) {
+  const session = running.get(sessionId);
+  if (!session || !iframe.contentWindow) return;
+  session.uiPort?.close();
+  const channel = new MessageChannel();
+  session.uiPort = channel.port1;
+  channel.port1.onmessage = (ev) => {
+    const m = ev.data;
+    if (m.kind === "fromUI") post(session, "uimessage", m.data);
+    else if (m.kind === "closeUI") usePluginStore.getState().patchSession(sessionId, { ui: null });
+  };
+  iframe.contentWindow.postMessage({ type: "popcraft-plugin-port" }, "*", [channel.port2]);
+  for (const data of session.pendingToUI.splice(0)) channel.port1.postMessage({ kind: "event", event: "message", data });
+}
+function pluginUIDocument(sessionId) {
+  const s = running.get(sessionId);
+  if (!s?.plugin.uiHtml) return null;
+  return withPluginTheme(withWasmEvalCsp(buildUIDocument(s.plugin.uiHtml, s.granted.includes("network"))));
+}
+async function dispatchWidgetClick(nodeId, handler) {
+  const store2 = usePluginStore.getState();
+  const node = useEditorStore.getState().document.nodes[nodeId];
+  if (!node || node.type !== "WIDGET") return;
+  const link = syncStatus().link;
+  if (link && link.docId === useEditorStore.getState().document.id && link.role !== "owner" && link.role !== "editor") {
+    store2.toast(t("host.youCanViewThisFile"));
+    return;
+  }
+  let session = [...running.values()].find((s) => s.plugin.manifest.id === node.pluginId);
+  if (!session) {
+    const plugin = await getPlugin(node.pluginId);
+    if (!plugin) {
+      store2.toast(t("host.installFromThePluginMarketplace", { pluginName: node.pluginName }));
+      return;
+    }
+    await runPlugin(node.pluginId, "widget", { background: true });
+    session = [...running.values()].find((s) => s.plugin.manifest.id === node.pluginId);
+    if (!session) return;
+  }
+  if (session.background) {
+    if (session.idleTimer) clearTimeout(session.idleTimer);
+    const id = session.sessionId;
+    session.idleTimer = setTimeout(() => {
+      const s = running.get(id);
+      if (s && !usePluginStore.getState().sessions.find((x) => x.sessionId === id)?.ui) closeSession(id);
+    }, 6e4);
+  }
+  post(session, "widgetclick", { nodeId, handler, state: node.widgetState ?? {} });
+}
+function closeSession(sessionId) {
+  const s = running.get(sessionId);
+  if (!s) return;
+  running.delete(sessionId);
+  if (s.idleTimer) clearTimeout(s.idleTimer);
+  s.unsubscribers.forEach((u) => u());
+  s.port.close();
+  s.uiPort?.close();
+  s.iframe.remove();
+  usePluginStore.getState().removeSession(sessionId);
+}
+if (typeof window !== "undefined" && false) {
+  window.__vpPlugins = { installPluginPayload, runPlugin, dispatchWidgetClick, closeSession, removePlugin, setEnabled, running };
+}
+if (typeof window !== "undefined") {
+  window.addEventListener("message", (e) => {
+    const d = e.data;
+    if (!d) return;
+    if (d.type !== "popcraft-import-as-new" && d.type !== "popcraft-import-into-current") return;
+    const mode = d.type === "popcraft-import-as-new" ? "new" : "into-current";
+    const name = d.name || "Imported";
+    void (async () => {
+      try {
+        const { importViaPlugin, applyPluginLayoutIr } = await import("./plugin-import-UC5BHZFE.js");
+        if (d.ir && typeof d.ir === "object") {
+          await applyPluginLayoutIr(d.ir, { mode, name });
+          return;
+        }
+        if (typeof d.dataUrl !== "string") return;
+        const raw = d.dataUrl.replace(/^data:[^;]+;base64,/, "");
+        const bin = atob(raw);
+        const bytes = new Uint8Array(bin.length);
+        for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
+        const file = new File([bytes], name);
+        await importViaPlugin(file, { mode });
+      } catch (err) {
+        usePluginStore.getState().toast(String(err instanceof Error ? err.message : err), { error: true });
+      }
+    })();
+  });
+}
+
+export {
+  exportFileName,
+  runningSessionFor,
+  refreshInstalledPlugins,
+  installPluginPayload,
+  setEnabled,
+  removePlugin,
+  runPlugin,
+  runPluginWithImport,
+  runPluginWithExport,
+  attachPluginUI,
+  pluginUIDocument,
+  dispatchWidgetClick,
+  closeSession
+};

package/dist/chunks/chunk-IECJMYFV.js

@@ -0,0 +1,30 @@
+import { createRequire as __popcraftRequire } from 'node:module';
+import { fileURLToPath as __popcraftPath } from 'node:url';
+import { dirname as __popcraftDirname } from 'node:path';
+const require = __popcraftRequire(import.meta.url);
+const __filename = __popcraftPath(import.meta.url);
+const __dirname = __popcraftDirname(__filename);
+import {
+  arcade_landing_default
+} from "./chunk-BHV6LKWO.js";
+import {
+  arcade_boss_fight_default
+} from "./chunk-R644FBZJ.js";
+import {
+  arcade_level_up_default
+} from "./chunk-N43G5CHB.js";
+import {
+  arcade_high_score_default
+} from "./chunk-AV7BMDYY.js";
+import {
+  init_define_POPCRAFT_COMPONENT_IDS
+} from "./chunk-6VMOKHMF.js";
+
+// templates/src/themes/arcade.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var pack = [arcade_high_score_default, arcade_landing_default, arcade_level_up_default, arcade_boss_fight_default];
+var arcade_default = pack;
+
+export {
+  arcade_default
+};