@dxos/plugin-script 0.6.13 → 0.6.14-main.69511f5

package/README.md

@@ -13,7 +13,7 @@ runtime:
       echoReplicator: true
   services:
     edge:
-      url: wss://edge.dxos.workers.dev/
+      url: https://edge.dxos.workers.dev/
     agentHosting:
       type: LOCAL_TESTING
 ```

package/dist/lib/browser/AutomationPanel-MDPZ5WAC.mjs

@@ -0,0 +1,78 @@
+import {
+  DebugPanel
+} from "./chunk-G66MXS4T.mjs";
+import {
+  getInvocationUrl,
+  getUserFunctionUrlInMetadata
+} from "./chunk-KHNN3F7J.mjs";
+import {
+  FunctionType,
+  ScriptType
+} from "./chunk-KXVQPS4Y.mjs";
+import "./chunk-SGQHRB4P.mjs";
+
+// packages/plugins/experimental/plugin-script/src/components/AutomationPanel/AutomationPanel.tsx
+import React, { useMemo, useState } from "react";
+import { failUndefined } from "@dxos/debug";
+import { useClient } from "@dxos/react-client";
+import { Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
+import { Select } from "@dxos/react-ui";
+var AutomationPanel = ({ subject }) => {
+  const space = getSpace(subject);
+  const functions = useQuery(space ?? void 0, Filter.schema(FunctionType, (fn) => subject instanceof ScriptType ? fn.source === subject : fn.binding != null), {}, [
+    subject
+  ]);
+  const [selectedFunction, setSelectedFunction] = useState(null);
+  const functionToChatWith = subject instanceof ScriptType ? functions[0] : selectedFunction;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "h-full flex flex-col"
+  }, !(subject instanceof ScriptType) && /* @__PURE__ */ React.createElement(BindingSelect, {
+    selectedFunction,
+    setSelectedFunction,
+    functions
+  }), functionToChatWith && /* @__PURE__ */ React.createElement(ChatPanel, {
+    fn: functionToChatWith,
+    subject
+  }), subject instanceof ScriptType && functions.length === 0 && /* @__PURE__ */ React.createElement("p", null, "Deploy function to interact with it."));
+};
+var ChatPanel = ({ fn, subject }) => {
+  const client = useClient();
+  const space = getSpace(fn);
+  const existingFunctionUrl = getUserFunctionUrlInMetadata(getMeta(fn));
+  const functionUrl = useMemo(() => {
+    if (!existingFunctionUrl) {
+      return;
+    }
+    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? "", {
+      spaceId: space?.id,
+      subjectId: subject?.id
+    });
+  }, [
+    existingFunctionUrl,
+    space,
+    subject
+  ]);
+  return /* @__PURE__ */ React.createElement(DebugPanel, {
+    functionUrl,
+    classNames: "flex-1"
+  });
+};
+var BindingSelect = ({ selectedFunction, setSelectedFunction, functions }) => {
+  return /* @__PURE__ */ React.createElement(Select.Root, {
+    value: selectedFunction?.id,
+    onValueChange: (id) => setSelectedFunction(functions.find((fn) => fn.id === id) ?? failUndefined())
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+    placeholder: "Select value"
+  }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.ScrollUpButton, null), /* @__PURE__ */ React.createElement(Select.Viewport, null, functions.map(({ id, binding }) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key: id,
+    value: id
+  }, binding))), /* @__PURE__ */ React.createElement(Select.ScrollDownButton, null), /* @__PURE__ */ React.createElement(Select.Arrow, null))));
+};
+
+// packages/plugins/experimental/plugin-script/src/components/AutomationPanel/index.ts
+var AutomationPanel_default = AutomationPanel;
+export {
+  AutomationPanel,
+  AutomationPanel_default as default
+};
+//# sourceMappingURL=AutomationPanel-MDPZ5WAC.mjs.map

package/dist/lib/browser/AutomationPanel-MDPZ5WAC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/AutomationPanel/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport { type EchoReactiveObject } from '@dxos/client/echo';\nimport { failUndefined } from '@dxos/debug';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Select } from '@dxos/react-ui';\n\nimport { getInvocationUrl, getUserFunctionUrlInMetadata } from '../../edge';\nimport { FunctionType, ScriptType } from '../../types';\nimport { DebugPanel } from '../DebugPanel';\n\nexport interface AutomationPanelProps {\n  subject: EchoReactiveObject<any>;\n}\n\nexport const AutomationPanel = ({ subject }: AutomationPanelProps) => {\n  const space = getSpace(subject);\n\n  // TODO(dmaretskyi): Parametric query.\n  const functions = useQuery(\n    space ?? undefined,\n    Filter.schema(FunctionType, (fn) => (subject instanceof ScriptType ? fn.source === subject : fn.binding != null)),\n    {},\n    [subject],\n  );\n  const [selectedFunction, setSelectedFunction] = useState<FunctionType | null>(null);\n  const functionToChatWith = subject instanceof ScriptType ? functions[0] : selectedFunction;\n\n  return (\n    <div className='h-full flex flex-col'>\n      {!(subject instanceof ScriptType) && (\n        <BindingSelect\n          selectedFunction={selectedFunction}\n          setSelectedFunction={setSelectedFunction}\n          functions={functions}\n        />\n      )}\n      {functionToChatWith && <ChatPanel fn={functionToChatWith} subject={subject} />}\n      {subject instanceof ScriptType && functions.length === 0 && <p>Deploy function to interact with it.</p>}\n    </div>\n  );\n};\n\nexport interface ChatPanelProps {\n  fn: FunctionType;\n  subject: EchoReactiveObject<any>;\n}\n\nconst ChatPanel = ({ fn, subject }: ChatPanelProps) => {\n  const client = useClient();\n  const space = getSpace(fn);\n  const existingFunctionUrl = getUserFunctionUrlInMetadata(getMeta(fn));\n  const functionUrl = useMemo(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n      subjectId: subject?.id,\n    });\n  }, [existingFunctionUrl, space, subject]);\n\n  return <DebugPanel functionUrl={functionUrl} classNames='flex-1' />;\n};\n\nexport interface BindingSelectProps {\n  selectedFunction: FunctionType | null;\n  setSelectedFunction: (fn: FunctionType) => void;\n  functions: FunctionType[];\n}\n\nconst BindingSelect = ({ selectedFunction, setSelectedFunction, functions }: BindingSelectProps) => {\n  return (\n    <Select.Root\n      value={selectedFunction?.id}\n      onValueChange={(id) => setSelectedFunction(functions.find((fn) => fn.id === id) ?? failUndefined())}\n    >\n      <Select.TriggerButton placeholder='Select value' />\n      <Select.Portal>\n        <Select.Content>\n          <Select.ScrollUpButton />\n          <Select.Viewport>\n            {functions.map(({ id, binding }) => (\n              <Select.Option key={id} value={id}>\n                {binding}\n              </Select.Option>\n            ))}\n          </Select.Viewport>\n          <Select.ScrollDownButton />\n          <Select.Arrow />\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport * from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
+  "mappings": ";;;;;;;;;;;;;;AAIA,OAAOA,SAASC,SAASC,gBAAgB;AAGzC,SAASC,qBAAqB;AAC9B,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,SAASC,UAAUC,gBAAgB;AACpD,SAASC,cAAc;AAUhB,IAAMC,kBAAkB,CAAC,EAAEC,QAAO,MAAwB;AAC/D,QAAMC,QAAQC,SAASF,OAAAA;AAGvB,QAAMG,YAAYC,SAChBH,SAASI,QACTC,OAAOC,OAAOC,cAAc,CAACC,OAAQT,mBAAmBU,aAAaD,GAAGE,WAAWX,UAAUS,GAAGG,WAAW,IAAA,GAC3G,CAAC,GACD;IAACZ;GAAQ;AAEX,QAAM,CAACa,kBAAkBC,mBAAAA,IAAuBC,SAA8B,IAAA;AAC9E,QAAMC,qBAAqBhB,mBAAmBU,aAAaP,UAAU,CAAA,IAAKU;AAE1E,SACE,sBAAA,cAACI,OAAAA;IAAIC,WAAU;KACZ,EAAElB,mBAAmBU,eACpB,sBAAA,cAACS,eAAAA;IACCN;IACAC;IACAX;MAGHa,sBAAsB,sBAAA,cAACI,WAAAA;IAAUX,IAAIO;IAAoBhB;MACzDA,mBAAmBU,cAAcP,UAAUkB,WAAW,KAAK,sBAAA,cAACC,KAAAA,MAAE,sCAAA,CAAA;AAGrE;AAOA,IAAMF,YAAY,CAAC,EAAEX,IAAIT,QAAO,MAAkB;AAChD,QAAMuB,SAASC,UAAAA;AACf,QAAMvB,QAAQC,SAASO,EAAAA;AACvB,QAAMgB,sBAAsBC,6BAA6BC,QAAQlB,EAAAA,CAAAA;AACjE,QAAMmB,cAAcC,QAAQ,MAAA;AAC1B,QAAI,CAACJ,qBAAqB;AACxB;IACF;AAEA,WAAOK,iBAAiBL,qBAAqBF,OAAOQ,OAAOC,OAAOC,SAASC,UAAUC,MAAMC,OAAO,IAAI;MACpGC,SAASpC,OAAOqC;MAChBC,WAAWvC,SAASsC;IACtB,CAAA;EACF,GAAG;IAACb;IAAqBxB;IAAOD;GAAQ;AAExC,SAAO,sBAAA,cAACwC,YAAAA;IAAWZ;IAA0Ba,YAAW;;AAC1D;AAQA,IAAMtB,gBAAgB,CAAC,EAAEN,kBAAkBC,qBAAqBX,UAAS,MAAsB;AAC7F,SACE,sBAAA,cAACuC,OAAOC,MAAI;IACVC,OAAO/B,kBAAkByB;IACzBO,eAAe,CAACP,OAAOxB,oBAAoBX,UAAU2C,KAAK,CAACrC,OAAOA,GAAG6B,OAAOA,EAAAA,KAAOS,cAAAA,CAAAA;KAEnF,sBAAA,cAACL,OAAOM,eAAa;IAACC,aAAY;MAClC,sBAAA,cAACP,OAAOQ,QAAM,MACZ,sBAAA,cAACR,OAAOS,SAAO,MACb,sBAAA,cAACT,OAAOU,gBAAc,IAAA,GACtB,sBAAA,cAACV,OAAOW,UAAQ,MACblD,UAAUmD,IAAI,CAAC,EAAEhB,IAAI1B,QAAO,MAC3B,sBAAA,cAAC8B,OAAOa,QAAM;IAACC,KAAKlB;IAAIM,OAAON;KAC5B1B,OAAAA,CAAAA,CAAAA,GAIP,sBAAA,cAAC8B,OAAOe,kBAAgB,IAAA,GACxB,sBAAA,cAACf,OAAOgB,OAAK,IAAA,CAAA,CAAA,CAAA;AAKvB;;;AC5FA,IAAA,0BAAeC;",
+  "names": ["React", "useMemo", "useState", "failUndefined", "useClient", "Filter", "getMeta", "getSpace", "useQuery", "Select", "AutomationPanel", "subject", "space", "getSpace", "functions", "useQuery", "undefined", "Filter", "schema", "FunctionType", "fn", "ScriptType", "source", "binding", "selectedFunction", "setSelectedFunction", "useState", "functionToChatWith", "div", "className", "BindingSelect", "ChatPanel", "length", "p", "client", "useClient", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "functionUrl", "useMemo", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "id", "subjectId", "DebugPanel", "classNames", "Select", "Root", "value", "onValueChange", "find", "failUndefined", "TriggerButton", "placeholder", "Portal", "Content", "ScrollUpButton", "Viewport", "map", "Option", "key", "ScrollDownButton", "Arrow", "AutomationPanel"]
+}

package/dist/lib/browser/ScriptContainer-B3CPWXRE.mjs

@@ -0,0 +1,423 @@
+import {
+  Bundler,
+  templates
+} from "./chunk-G6H56WFS.mjs";
+import {
+  DebugPanel
+} from "./chunk-G66MXS4T.mjs";
+import {
+  USERFUNCTIONS_PRESET_META_KEY,
+  getInvocationUrl,
+  getUserFunctionUrlInMetadata,
+  publicKeyToDid,
+  setUserFunctionUrlInMetadata,
+  uploadWorkerFunction
+} from "./chunk-KHNN3F7J.mjs";
+import {
+  FunctionType
+} from "./chunk-KXVQPS4Y.mjs";
+import {
+  SCRIPT_PLUGIN
+} from "./chunk-SGQHRB4P.mjs";
+
+// packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
+import React4 from "react";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { useAttendableAttributes } from "@dxos/react-ui-attention";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+
+// packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx
+import { format } from "prettier";
+import prettierPluginEstree from "prettier/plugins/estree";
+import prettierPluginTypescript from "prettier/plugins/typescript";
+import React3, { useCallback, useMemo, useState as useState2 } from "react";
+import { log } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
+import { useIdentity } from "@dxos/react-client/halo";
+import { useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { createDataExtensions, listener } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+
+// packages/plugins/experimental/plugin-script/src/components/Toolbar/Toolbar.tsx
+import React, { useState } from "react";
+import { ElevationProvider, Icon, Select, ToggleGroup, ToggleGroupItem, Toolbar as NaturalToolbar, Tooltip, useTranslation } from "@dxos/react-ui";
+var Toolbar = ({ classNames, deployed, error, functionUrl, view, templates: templates2, onDeploy, onFormat, onViewChange, onTemplateSelect }) => {
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  const [pending, setPending] = useState(false);
+  const handleCopyLink = async () => {
+    if (!functionUrl) {
+      return;
+    }
+    await navigator.clipboard.writeText(functionUrl);
+  };
+  const handleDeploy = async () => {
+    if (!pending) {
+      setPending(true);
+      await onDeploy?.();
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(ElevationProvider, {
+    elevation: "chrome"
+  }, /* @__PURE__ */ React.createElement(NaturalToolbar.Root, {
+    classNames: [
+      "p-1",
+      classNames
+    ],
+    style: {
+      contain: "layout"
+    }
+  }, templates2 && /* @__PURE__ */ React.createElement(TemplateSelect, {
+    templates: templates2,
+    onTemplateSelect
+  }), onFormat && /* @__PURE__ */ React.createElement(ToolbarIconButton, {
+    icon: "ph--magic-wand--regular",
+    text: t("format label"),
+    onClick: onFormat
+  }), /* @__PURE__ */ React.createElement("div", {
+    role: "separator",
+    className: "grow"
+  }), error ? /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--warning-circle--regular",
+    size: 4
+  })), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), error))) : null, functionUrl && deployed && /* @__PURE__ */ React.createElement(ToolbarIconButton, {
+    icon: "ph--link--regular",
+    text: t("copy link label"),
+    onClick: handleCopyLink
+  }), onDeploy && /* @__PURE__ */ React.createElement(ToolbarIconButton, {
+    icon: pending ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
+    classNames: [
+      pending && "animate-spin"
+    ],
+    text: pending ? t("pending label") : t("deploy label"),
+    onClick: handleDeploy
+  }), /* @__PURE__ */ React.createElement(ViewSelector, {
+    view,
+    onViewChange
+  })));
+};
+var ToolbarIconButton = ({ icon, text, classNames, disabled, onClick }) => {
+  return /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(NaturalToolbar.Button, {
+    variant: "ghost",
+    disabled,
+    onClick
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon,
+    size: 4,
+    classNames
+  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), text)));
+};
+var TemplateSelect = ({ templates: templates2 = [], onTemplateSelect }) => {
+  return /* @__PURE__ */ React.createElement(Select.Root, {
+    value: "",
+    onValueChange: onTemplateSelect
+  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, null), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
+    value: ""
+  }, "Template"), templates2.map(({ id, name }) => /* @__PURE__ */ React.createElement(Select.Option, {
+    key: id,
+    value: id
+  }, name))))));
+};
+var ViewSelector = ({ view, onViewChange }) => {
+  return /* @__PURE__ */ React.createElement(ToggleGroup, {
+    type: "single",
+    value: view,
+    onValueChange: (value) => onViewChange?.(value)
+  }, /* @__PURE__ */ React.createElement(ToggleGroupItem, {
+    value: "editor",
+    classNames: "bg-transparent text-subdued"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--code--regular",
+    size: 4
+  })), /* @__PURE__ */ React.createElement(ToggleGroupItem, {
+    value: "split",
+    classNames: "bg-transparent text-subdued"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--square-split-vertical--regular",
+    size: 4
+  })), /* @__PURE__ */ React.createElement(ToggleGroupItem, {
+    value: "preview",
+    classNames: "bg-transparent text-subdued"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--eye--regular",
+    size: 4
+  })));
+};
+
+// packages/plugins/experimental/plugin-script/src/components/TypescriptEditor/TypescriptEditor.tsx
+import { javascript } from "@codemirror/lang-javascript";
+import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
+import React2 from "react";
+import { useThemeContext } from "@dxos/react-ui";
+import { autocomplete, createBasicExtensions, createThemeExtensions, editorFullWidth, editorGutter, editorMonospace, InputModeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { nonNullable } from "@dxos/util";
+var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection }) => {
+  const { themeMode } = useThemeContext();
+  const { parentRef, focusAttributes } = useTextEditor(() => ({
+    id,
+    initialValue,
+    extensions: [
+      extensions,
+      createBasicExtensions({
+        highlightActiveLine: true,
+        indentWithTab: true,
+        lineNumbers: true,
+        lineWrapping: false,
+        scrollPastEnd: true
+      }),
+      createThemeExtensions({
+        themeMode,
+        syntaxHighlighting: true,
+        slots: {
+          content: {
+            className: editorFullWidth
+          }
+        }
+      }),
+      editorGutter,
+      // TODO(burdon): Factor out.
+      [
+        editorMonospace,
+        javascript({
+          typescript: true
+        }),
+        // https://github.com/val-town/codemirror-ts
+        autocomplete({
+          override: env ? [
+            tsAutocomplete()
+          ] : []
+        }),
+        env ? [
+          tsFacet.of({
+            env,
+            path: `/src/${id}.ts`
+          }),
+          tsSync(),
+          tsLinter(),
+          tsHover()
+        ] : [],
+        InputModeExtensions.vscode
+      ]
+    ].filter(nonNullable),
+    selection,
+    scrollTo
+  }), [
+    id,
+    initialValue,
+    extensions,
+    themeMode,
+    selection,
+    scrollTo
+  ]);
+  return /* @__PURE__ */ React2.createElement("div", {
+    ref: parentRef,
+    className,
+    ...focusAttributes
+  });
+};
+
+// packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx";
+var ScriptEditor = ({ classNames, script, env }) => {
+  const { t } = useTranslation2(SCRIPT_PLUGIN);
+  const client = useClient();
+  const identity = useIdentity();
+  const space = getSpace(script);
+  const [fn] = useQuery(space, Filter.schema(FunctionType, (fn2) => fn2.source === script));
+  const extensions = useMemo(() => [
+    listener({
+      onChange: (text) => {
+        if (script.source && script.source?.content !== text) {
+          script.changed = true;
+        }
+      }
+    }),
+    createDataExtensions({
+      id: script.id,
+      text: script.source && createDocAccessor(script.source, [
+        "content"
+      ]),
+      space,
+      identity
+    })
+  ], [
+    script,
+    script.source,
+    space,
+    identity
+  ]);
+  const [view, setView] = useState2("editor");
+  const initialValue = useMemo(() => script.source?.content, [
+    script.source
+  ]);
+  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));
+  const [error, setError] = useState2();
+  const handleBindingChange = useCallback((binding) => {
+    fn.binding = binding;
+  }, [
+    fn
+  ]);
+  const handleFormat = useCallback(async () => {
+    if (!script.source) {
+      return;
+    }
+    try {
+      script.source.content = await format(script.source.content, {
+        parser: "typescript",
+        plugins: [
+          prettierPluginEstree,
+          prettierPluginTypescript
+        ],
+        semi: true,
+        singleQuote: true
+      });
+    } catch (err) {
+      log.catch(err, void 0, {
+        F: __dxlog_file,
+        L: 96,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  }, [
+    script.source
+  ]);
+  const handleTemplateChange = (id) => {
+    const template = templates.find((template2) => template2.id === id);
+    if (template) {
+      script.name = template.name;
+      script.source.content = template.source;
+      const metaKeys = getMeta(script).keys;
+      const oldPresetIndex = metaKeys.findIndex((key) => key.source === USERFUNCTIONS_PRESET_META_KEY);
+      if (oldPresetIndex >= 0) {
+        metaKeys.splice(oldPresetIndex, 1);
+      }
+      if (template.presetId) {
+        metaKeys.push({
+          source: USERFUNCTIONS_PRESET_META_KEY,
+          id: template.presetId
+        });
+      }
+    }
+  };
+  const handleDeploy = useCallback(async () => {
+    if (!script.source || !identity || !space) {
+      return;
+    }
+    setError(void 0);
+    try {
+      const existingFunctionId = existingFunctionUrl?.split("/").at(-1);
+      const ownerDid = existingFunctionUrl?.split("/").at(-2) ?? publicKeyToDid(identity.identityKey);
+      const bundler = new Bundler({
+        platform: "browser",
+        sandboxedModules: [],
+        remoteModules: {}
+      });
+      const buildResult = await bundler.bundle(script.source.content);
+      if (buildResult.error || !buildResult.bundle) {
+        throw buildResult.error;
+      }
+      const { result, functionId, functionVersionNumber, errorMessage } = await uploadWorkerFunction({
+        clientConfig: client.config,
+        halo: client.halo,
+        ownerDid,
+        functionId: existingFunctionId,
+        source: buildResult.bundle
+      });
+      if (result !== "success" || functionId === void 0 || functionVersionNumber === void 0) {
+        throw new Error(errorMessage);
+      }
+      log.info("function uploaded", {
+        functionId,
+        functionVersionNumber
+      }, {
+        F: __dxlog_file,
+        L: 144,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      if (fn) {
+        fn.version = functionVersionNumber;
+      }
+      const deployedFunction = fn ?? space.db.add(create(FunctionType, {
+        version: functionVersionNumber,
+        source: script
+      }));
+      const meta = getMeta(deployedFunction);
+      script.changed = false;
+      setUserFunctionUrlInMetadata(meta, `/${ownerDid}/${functionId}`);
+      setView("split");
+    } catch (err) {
+      log.catch(err, void 0, {
+        F: __dxlog_file,
+        L: 156,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      setError(t("upload failed label"));
+    }
+  }, [
+    fn,
+    existingFunctionUrl,
+    script,
+    script.name,
+    script.source
+  ]);
+  const functionUrl = useMemo(() => {
+    if (!existingFunctionUrl) {
+      return;
+    }
+    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? "", {
+      spaceId: space?.id
+    });
+  }, [
+    existingFunctionUrl,
+    space
+  ]);
+  return /* @__PURE__ */ React3.createElement("div", {
+    role: "none",
+    className: mx("flex flex-col w-full overflow-hidden divide-y divide-separator", classNames)
+  }, /* @__PURE__ */ React3.createElement(Toolbar, {
+    deployed: Boolean(existingFunctionUrl) && !script.changed,
+    functionUrl,
+    error,
+    view,
+    templates,
+    onDeploy: handleDeploy,
+    onFormat: handleFormat,
+    onViewChange: setView,
+    onTemplateSelect: handleTemplateChange
+  }), view !== "preview" && /* @__PURE__ */ React3.createElement(TypescriptEditor, {
+    id: script.id,
+    env,
+    initialValue,
+    extensions,
+    className: "flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all"
+  }), view !== "editor" && /* @__PURE__ */ React3.createElement(DebugPanel, {
+    functionUrl,
+    showBindingConfig: true,
+    binding: fn?.binding,
+    onBindingChange: handleBindingChange
+  }));
+};
+
+// packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
+var ScriptContainer = ({ script, ...props }) => {
+  const attendableAttrs = useAttendableAttributes(fullyQualifiedId(script));
+  return /* @__PURE__ */ React4.createElement("div", {
+    role: "none",
+    className: mx2("flex row-span-2 w-full overflow-hidden attention-surface"),
+    ...attendableAttrs
+  }, /* @__PURE__ */ React4.createElement(ScriptEditor, {
+    ...props,
+    script
+  }));
+};
+var ScriptContainer_default = ScriptContainer;
+export {
+  ScriptContainer_default as default
+};
+//# sourceMappingURL=ScriptContainer-B3CPWXRE.mjs.map

package/dist/lib/browser/ScriptContainer-B3CPWXRE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptEditor.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { ScriptEditor, type ScriptEditorProps } from './ScriptEditor';\n\nconst ScriptContainer = ({ script, ...props }: ScriptEditorProps) => {\n  const attendableAttrs = useAttendableAttributes(fullyQualifiedId(script));\n  return (\n    <div role='none' className={mx('flex row-span-2 w-full overflow-hidden attention-surface')} {...attendableAttrs}>\n      <ScriptEditor {...props} script={script} />\n    </div>\n  );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type DID } from 'iso-did/types';\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { DebugPanel } from './DebugPanel';\nimport { type TemplateSelectProps, Toolbar, type ViewType } from './Toolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { Bundler } from '../bundler';\nimport {\n  getInvocationUrl,\n  getUserFunctionUrlInMetadata,\n  publicKeyToDid,\n  setUserFunctionUrlInMetadata,\n  uploadWorkerFunction,\n  USERFUNCTIONS_PRESET_META_KEY,\n} from '../edge';\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\nimport { FunctionType, type ScriptType } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<{\n  script: ScriptType;\n}> &\n  Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const client = useClient();\n  const identity = useIdentity();\n  const space = getSpace(script);\n  // TODO(dmaretskyi): Parametric query.\n  const [fn] = useQuery(\n    space,\n    Filter.schema(FunctionType, (fn) => fn.source === script),\n  );\n\n  const extensions = useMemo(\n    () => [\n      listener({\n        onChange: (text) => {\n          if (script.source && script.source?.content !== text) {\n            script.changed = true;\n          }\n        },\n      }),\n      createDataExtensions({\n        id: script.id,\n        text: script.source && createDocAccessor(script.source, ['content']),\n        space,\n        identity,\n      }),\n    ],\n    [script, script.source, space, identity],\n  );\n\n  const [view, setView] = useState<ViewType>('editor');\n  const initialValue = useMemo(() => script.source?.content, [script.source]);\n  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n  const [error, setError] = useState<string>();\n\n  const handleBindingChange = useCallback(\n    (binding: string) => {\n      fn.binding = binding;\n    },\n    [fn],\n  );\n\n  const handleFormat = useCallback(async () => {\n    if (!script.source) {\n      return;\n    }\n\n    try {\n      script.source.content = await format(script.source.content, {\n        parser: 'typescript',\n        plugins: [prettierPluginEstree, prettierPluginTypescript],\n        semi: true,\n        singleQuote: true,\n      });\n    } catch (err: any) {\n      // TODO(wittjosiah): Show error in UI.\n      log.catch(err);\n    }\n  }, [script.source]);\n\n  const handleTemplateChange: TemplateSelectProps['onTemplateSelect'] = (id) => {\n    const template = templates.find((template) => template.id === id);\n    if (template) {\n      script.name = template.name;\n      script.source!.content = template.source;\n      const metaKeys = getMeta(script).keys;\n      const oldPresetIndex = metaKeys.findIndex((key) => key.source === USERFUNCTIONS_PRESET_META_KEY);\n      if (oldPresetIndex >= 0) {\n        metaKeys.splice(oldPresetIndex, 1);\n      }\n      if (template.presetId) {\n        metaKeys.push({ source: USERFUNCTIONS_PRESET_META_KEY, id: template.presetId });\n      }\n    }\n  };\n\n  const handleDeploy = useCallback(async () => {\n    if (!script.source || !identity || !space) {\n      return;\n    }\n\n    setError(undefined);\n\n    try {\n      const existingFunctionId = existingFunctionUrl?.split('/').at(-1);\n      const ownerDid = (existingFunctionUrl?.split('/').at(-2) as DID) ?? publicKeyToDid(identity.identityKey);\n\n      const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n      const buildResult = await bundler.bundle(script.source.content);\n      if (buildResult.error || !buildResult.bundle) {\n        throw buildResult.error;\n      }\n\n      const { result, functionId, functionVersionNumber, errorMessage } = await uploadWorkerFunction({\n        clientConfig: client.config,\n        halo: client.halo,\n        ownerDid,\n        functionId: existingFunctionId,\n        source: buildResult.bundle,\n      });\n      if (result !== 'success' || functionId === undefined || functionVersionNumber === undefined) {\n        throw new Error(errorMessage);\n      }\n\n      log.info('function uploaded', { functionId, functionVersionNumber });\n      if (fn) {\n        fn.version = functionVersionNumber;\n      }\n\n      const deployedFunction =\n        fn ?? space.db.add(create(FunctionType, { version: functionVersionNumber, source: script }));\n      const meta = getMeta(deployedFunction);\n      script.changed = false;\n      setUserFunctionUrlInMetadata(meta, `/${ownerDid}/${functionId}`);\n      setView('split');\n    } catch (err: any) {\n      log.catch(err);\n      setError(t('upload failed label'));\n    }\n  }, [fn, existingFunctionUrl, script, script.name, script.source]);\n\n  const functionUrl = useMemo(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n  }, [existingFunctionUrl, space]);\n\n  return (\n    <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>\n      <Toolbar\n        deployed={Boolean(existingFunctionUrl) && !script.changed}\n        functionUrl={functionUrl}\n        error={error}\n        view={view}\n        templates={templates}\n        onDeploy={handleDeploy}\n        onFormat={handleFormat}\n        onViewChange={setView}\n        onTemplateSelect={handleTemplateChange}\n      />\n\n      {view !== 'preview' && (\n        <TypescriptEditor\n          id={script.id}\n          env={env}\n          initialValue={initialValue}\n          extensions={extensions}\n          className='flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all'\n        />\n      )}\n\n      {view !== 'editor' && (\n        <DebugPanel\n          functionUrl={functionUrl}\n          showBindingConfig\n          binding={fn?.binding}\n          onBindingChange={handleBindingChange}\n        />\n      )}\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport {\n  ElevationProvider,\n  Icon,\n  Select,\n  type ThemedClassName,\n  ToggleGroup,\n  ToggleGroupItem,\n  type ToolbarButtonProps,\n  Toolbar as NaturalToolbar,\n  Tooltip,\n  useTranslation,\n} from '@dxos/react-ui';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport type ToolbarProps = ThemedClassName<\n  {\n    deployed?: boolean;\n    error?: string;\n    functionUrl?: string;\n    onDeploy?: () => Promise<void>;\n    onFormat?: () => Promise<void>;\n  } & TemplateSelectProps &\n    ViewSelectorProps\n>;\n\nexport const Toolbar = ({\n  classNames,\n  deployed,\n  error,\n  functionUrl,\n  view,\n  templates,\n  onDeploy,\n  onFormat,\n  onViewChange,\n  onTemplateSelect,\n}: ToolbarProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const [pending, setPending] = useState(false);\n\n  const handleCopyLink = async () => {\n    if (!functionUrl) {\n      return;\n    }\n\n    await navigator.clipboard.writeText(functionUrl);\n  };\n\n  const handleDeploy = async () => {\n    if (!pending) {\n      setPending(true);\n      await onDeploy?.();\n      setPending(false);\n    }\n  };\n\n  // TODO(burdon): Factor out common toolbar components with sheet/editor?\n  return (\n    <ElevationProvider elevation='chrome'>\n      <NaturalToolbar.Root classNames={['p-1', classNames]} style={{ contain: 'layout' }}>\n        {templates && <TemplateSelect templates={templates} onTemplateSelect={onTemplateSelect} />}\n        {onFormat && <ToolbarIconButton icon='ph--magic-wand--regular' text={t('format label')} onClick={onFormat} />}\n\n        <div role='separator' className='grow' />\n\n        {error ? (\n          <Tooltip.Root>\n            <Tooltip.Trigger>\n              <Icon icon='ph--warning-circle--regular' size={4} />\n            </Tooltip.Trigger>\n            <Tooltip.Portal>\n              <Tooltip.Content>\n                <Tooltip.Arrow />\n                {error}\n              </Tooltip.Content>\n            </Tooltip.Portal>\n          </Tooltip.Root>\n        ) : null}\n\n        {functionUrl && deployed && (\n          <ToolbarIconButton icon='ph--link--regular' text={t('copy link label')} onClick={handleCopyLink} />\n        )}\n\n        {onDeploy && (\n          <ToolbarIconButton\n            icon={pending ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular'}\n            classNames={[pending && 'animate-spin']}\n            text={pending ? t('pending label') : t('deploy label')}\n            onClick={handleDeploy}\n          />\n        )}\n\n        <ViewSelector view={view} onViewChange={onViewChange} />\n      </NaturalToolbar.Root>\n    </ElevationProvider>\n  );\n};\n\nconst ToolbarIconButton = ({\n  icon,\n  text,\n  classNames,\n  disabled,\n  onClick,\n}: { icon: string; text: string } & Pick<ToolbarButtonProps, 'classNames' | 'disabled' | 'onClick'>) => {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <NaturalToolbar.Button variant='ghost' disabled={disabled} onClick={onClick}>\n          <Icon icon={icon} size={4} classNames={classNames} />\n        </NaturalToolbar.Button>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content>\n          <Tooltip.Arrow />\n          {text}\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\nexport type ViewType = 'editor' | 'split' | 'preview';\n\nexport type TemplateSelectProps = {\n  templates?: Template[];\n  onTemplateSelect?: (id: string) => void;\n};\n\nexport const TemplateSelect = ({ templates = [], onTemplateSelect }: TemplateSelectProps) => {\n  return (\n    <Select.Root value={''} onValueChange={onTemplateSelect}>\n      <Select.TriggerButton />\n      <Select.Portal>\n        <Select.Content>\n          <Select.Viewport>\n            <Select.Option value={''}>Template</Select.Option>\n            {templates.map(({ id, name }) => (\n              <Select.Option key={id} value={id}>\n                {name}\n              </Select.Option>\n            ))}\n          </Select.Viewport>\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n};\n\nexport type ViewSelectorProps = {\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n};\n\nexport const ViewSelector = ({ view, onViewChange }: ViewSelectorProps) => {\n  return (\n    <ToggleGroup type='single' value={view} onValueChange={(value) => onViewChange?.(value as ViewType)}>\n      <ToggleGroupItem value='editor' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--code--regular' size={4} />\n      </ToggleGroupItem>\n      <ToggleGroupItem value='split' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--square-split-vertical--regular' size={4} />\n      </ToggleGroupItem>\n      <ToggleGroupItem value='preview' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--eye--regular' size={4} />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { useThemeContext } from '@dxos/react-ui';\nimport {\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  editorFullWidth,\n  editorGutter,\n  editorMonospace,\n  InputModeExtensions,\n  useTextEditor,\n  type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { nonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n  id: string;\n  env?: VirtualTypeScriptEnvironment;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n  id,\n  env,\n  className,\n  initialValue,\n  extensions,\n  scrollTo,\n  selection,\n}: TypescriptEditorProps) => {\n  const { themeMode } = useThemeContext();\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      initialValue,\n      extensions: [\n        extensions,\n        createBasicExtensions({\n          highlightActiveLine: true,\n          indentWithTab: true,\n          lineNumbers: true,\n          lineWrapping: false,\n          scrollPastEnd: true,\n        }),\n        createThemeExtensions({\n          themeMode,\n          syntaxHighlighting: true,\n          slots: {\n            content: { className: editorFullWidth },\n          },\n        }),\n        editorGutter,\n        // TODO(burdon): Factor out.\n        [\n          editorMonospace,\n          javascript({ typescript: true }),\n          // https://github.com/val-town/codemirror-ts\n          autocomplete({ override: env ? [tsAutocomplete()] : [] }),\n          env ? [tsFacet.of({ env, path: `/src/${id}.ts` }), tsSync(), tsLinter(), tsHover()] : [],\n          InputModeExtensions.vscode,\n        ],\n      ].filter(nonNullable),\n      selection,\n      scrollTo,\n    }),\n    [id, initialValue, extensions, themeMode, selection, scrollTo],\n  );\n\n  return <div ref={parentRef} className={className} {...focusAttributes} />;\n};\n\nexport default TypescriptEditor;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,wBAAwB;AACjC,SAASC,+BAA+B;AACxC,SAASC,MAAAA,WAAU;;;ACHnB,SAASC,cAAc;AACvB,OAAOC,0BAA0B;AACjC,OAAOC,8BAA8B;AACrC,OAAOC,UAASC,aAAaC,SAASC,YAAAA,iBAAgB;AAEtD,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,mBAAmBC,QAAQC,SAASC,UAAUC,gBAAgB;AAC/E,SAASC,mBAAmB;AAC5B,SAASC,kBAAAA,uBAA4C;AACrD,SAASC,sBAAsBC,gBAAgB;AAC/C,SAASC,UAAU;;;ACZnB,OAAOC,SAASC,gBAAgB;AAEhC,SACEC,mBACAC,MACAC,QAEAC,aACAC,iBAEAC,WAAWC,gBACXC,SACAC,sBACK;AAgBA,IAAMC,UAAU,CAAC,EACtBC,YACAC,UACAC,OACAC,aACAC,MACAC,WAAAA,YACAC,UACAC,UACAC,cACAC,iBAAgB,MACH;AACb,QAAM,EAAEC,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,QAAM,CAACC,SAASC,UAAAA,IAAcC,SAAS,KAAA;AAEvC,QAAMC,iBAAiB,YAAA;AACrB,QAAI,CAACb,aAAa;AAChB;IACF;AAEA,UAAMc,UAAUC,UAAUC,UAAUhB,WAAAA;EACtC;AAEA,QAAMiB,eAAe,YAAA;AACnB,QAAI,CAACP,SAAS;AACZC,iBAAW,IAAA;AACX,YAAMR,WAAAA;AACNQ,iBAAW,KAAA;IACb;EACF;AAGA,SACE,sBAAA,cAACO,mBAAAA;IAAkBC,WAAU;KAC3B,sBAAA,cAACC,eAAeC,MAAI;IAACxB,YAAY;MAAC;MAAOA;;IAAayB,OAAO;MAAEC,SAAS;IAAS;KAC9ErB,cAAa,sBAAA,cAACsB,gBAAAA;IAAetB,WAAWA;IAAWI;MACnDF,YAAY,sBAAA,cAACqB,mBAAAA;IAAkBC,MAAK;IAA0BC,MAAMpB,EAAE,cAAA;IAAiBqB,SAASxB;MAEjG,sBAAA,cAACyB,OAAAA;IAAIC,MAAK;IAAYC,WAAU;MAE/BhC,QACC,sBAAA,cAACiC,QAAQX,MAAI,MACX,sBAAA,cAACW,QAAQC,SAAO,MACd,sBAAA,cAACC,MAAAA;IAAKR,MAAK;IAA8BS,MAAM;OAEjD,sBAAA,cAACH,QAAQI,QAAM,MACb,sBAAA,cAACJ,QAAQK,SAAO,MACd,sBAAA,cAACL,QAAQM,OAAK,IAAA,GACbvC,KAAAA,CAAAA,CAAAA,IAIL,MAEHC,eAAeF,YACd,sBAAA,cAAC2B,mBAAAA;IAAkBC,MAAK;IAAoBC,MAAMpB,EAAE,iBAAA;IAAoBqB,SAASf;MAGlFV,YACC,sBAAA,cAACsB,mBAAAA;IACCC,MAAMhB,UAAU,6BAA6B;IAC7Cb,YAAY;MAACa,WAAW;;IACxBiB,MAAMjB,UAAUH,EAAE,eAAA,IAAmBA,EAAE,cAAA;IACvCqB,SAASX;MAIb,sBAAA,cAACsB,cAAAA;IAAatC;IAAYI;;AAIlC;AAEA,IAAMoB,oBAAoB,CAAC,EACzBC,MACAC,MACA9B,YACA2C,UACAZ,QAAO,MAC0F;AACjG,SACE,sBAAA,cAACI,QAAQX,MAAI,MACX,sBAAA,cAACW,QAAQC,SAAO;IAACQ,SAAAA;KACf,sBAAA,cAACrB,eAAesB,QAAM;IAACC,SAAQ;IAAQH;IAAoBZ;KACzD,sBAAA,cAACM,MAAAA;IAAKR;IAAYS,MAAM;IAAGtC;QAG/B,sBAAA,cAACmC,QAAQI,QAAM,MACb,sBAAA,cAACJ,QAAQK,SAAO,MACd,sBAAA,cAACL,QAAQM,OAAK,IAAA,GACbX,IAAAA,CAAAA,CAAAA;AAKX;AASO,IAAMH,iBAAiB,CAAC,EAAEtB,WAAAA,aAAY,CAAA,GAAII,iBAAgB,MAAuB;AACtF,SACE,sBAAA,cAACsC,OAAOvB,MAAI;IAACwB,OAAO;IAAIC,eAAexC;KACrC,sBAAA,cAACsC,OAAOG,eAAa,IAAA,GACrB,sBAAA,cAACH,OAAOR,QAAM,MACZ,sBAAA,cAACQ,OAAOP,SAAO,MACb,sBAAA,cAACO,OAAOI,UAAQ,MACd,sBAAA,cAACJ,OAAOK,QAAM;IAACJ,OAAO;KAAI,UAAA,GACzB3C,WAAUgD,IAAI,CAAC,EAAEC,IAAIC,KAAI,MACxB,sBAAA,cAACR,OAAOK,QAAM;IAACI,KAAKF;IAAIN,OAAOM;KAC5BC,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAQjB;AAOO,IAAMb,eAAe,CAAC,EAAEtC,MAAMI,aAAY,MAAqB;AACpE,SACE,sBAAA,cAACiD,aAAAA;IAAYC,MAAK;IAASV,OAAO5C;IAAM6C,eAAe,CAACD,UAAUxC,eAAewC,KAAAA;KAC/E,sBAAA,cAACW,iBAAAA;IAAgBX,OAAM;IAAShD,YAAW;KACzC,sBAAA,cAACqC,MAAAA;IAAKR,MAAK;IAAoBS,MAAM;OAEvC,sBAAA,cAACqB,iBAAAA;IAAgBX,OAAM;IAAQhD,YAAW;KACxC,sBAAA,cAACqC,MAAAA;IAAKR,MAAK;IAAqCS,MAAM;OAExD,sBAAA,cAACqB,iBAAAA;IAAgBX,OAAM;IAAUhD,YAAW;KAC1C,sBAAA,cAACqC,MAAAA;IAAKR,MAAK;IAAmBS,MAAM;;AAI5C;;;AC5KA,SAASsB,kBAAkB;AAE3B,SAASC,QAAQC,SAASC,UAAUC,gBAAgBC,eAAe;AACnE,OAAOC,YAAW;AAElB,SAASC,uBAAuB;AAChC,SACEC,cACAC,uBACAC,uBACAC,iBACAC,cACAC,iBACAC,qBACAC,qBAEK;AACP,SAASC,mBAAmB;AAOrB,IAAMC,mBAAmB,CAAC,EAC/BC,IACAC,KACAC,WACAC,cACAC,YACAC,UACAC,UAAS,MACa;AACtB,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLX;IACAG;IACAC,YAAY;MACVA;MACAQ,sBAAsB;QACpBC,qBAAqB;QACrBC,eAAe;QACfC,aAAa;QACbC,cAAc;QACdC,eAAe;MACjB,CAAA;MACAC,sBAAsB;QACpBX;QACAY,oBAAoB;QACpBC,OAAO;UACLC,SAAS;YAAEnB,WAAWoB;UAAgB;QACxC;MACF,CAAA;MACAC;;MAEA;QACEC;QACAC,WAAW;UAAEC,YAAY;QAAK,CAAA;;QAE9BC,aAAa;UAAEC,UAAU3B,MAAM;YAAC4B,eAAAA;cAAoB,CAAA;QAAG,CAAA;QACvD5B,MAAM;UAAC6B,QAAQC,GAAG;YAAE9B;YAAK+B,MAAM,QAAQhC,EAAAA;UAAQ,CAAA;UAAIiC,OAAAA;UAAUC,SAAAA;UAAYC,QAAAA;YAAa,CAAA;QACtFC,oBAAoBC;;MAEtBC,OAAOC,WAAAA;IACTjC;IACAD;EACF,IACA;IAACL;IAAIG;IAAcC;IAAYG;IAAWD;IAAWD;GAAS;AAGhE,SAAO,gBAAAmC,OAAA,cAACC,OAAAA;IAAIC,KAAKjC;IAAWP;IAAuB,GAAGQ;;AACxD;;;;AFrCO,IAAMiC,eAAe,CAAC,EAAEC,YAAYC,QAAQC,IAAG,MAAqB;AACzE,QAAM,EAAEC,EAAC,IAAKC,gBAAeC,aAAAA;AAC7B,QAAMC,SAASC,UAAAA;AACf,QAAMC,WAAWC,YAAAA;AACjB,QAAMC,QAAQC,SAASV,MAAAA;AAEvB,QAAM,CAACW,EAAAA,IAAMC,SACXH,OACAI,OAAOC,OAAOC,cAAc,CAACJ,QAAOA,IAAGK,WAAWhB,MAAAA,CAAAA;AAGpD,QAAMiB,aAAaC,QACjB,MAAM;IACJC,SAAS;MACPC,UAAU,CAACC,SAAAA;AACT,YAAIrB,OAAOgB,UAAUhB,OAAOgB,QAAQM,YAAYD,MAAM;AACpDrB,iBAAOuB,UAAU;QACnB;MACF;IACF,CAAA;IACAC,qBAAqB;MACnBC,IAAIzB,OAAOyB;MACXJ,MAAMrB,OAAOgB,UAAUU,kBAAkB1B,OAAOgB,QAAQ;QAAC;OAAU;MACnEP;MACAF;IACF,CAAA;KAEF;IAACP;IAAQA,OAAOgB;IAAQP;IAAOF;GAAS;AAG1C,QAAM,CAACoB,MAAMC,OAAAA,IAAWC,UAAmB,QAAA;AAC3C,QAAMC,eAAeZ,QAAQ,MAAMlB,OAAOgB,QAAQM,SAAS;IAACtB,OAAOgB;GAAO;AAC1E,QAAMe,sBAAsBpB,MAAMqB,6BAA6BC,QAAQtB,EAAAA,CAAAA;AACvE,QAAM,CAACuB,OAAOC,QAAAA,IAAYN,UAAAA;AAE1B,QAAMO,sBAAsBC,YAC1B,CAACC,YAAAA;AACC3B,OAAG2B,UAAUA;EACf,GACA;IAAC3B;GAAG;AAGN,QAAM4B,eAAeF,YAAY,YAAA;AAC/B,QAAI,CAACrC,OAAOgB,QAAQ;AAClB;IACF;AAEA,QAAI;AACFhB,aAAOgB,OAAOM,UAAU,MAAMkB,OAAOxC,OAAOgB,OAAOM,SAAS;QAC1DmB,QAAQ;QACRC,SAAS;UAACC;UAAsBC;;QAChCC,MAAM;QACNC,aAAa;MACf,CAAA;IACF,SAASC,KAAU;AAEjBC,UAAIC,MAAMF,KAAAA,QAAAA;;;;;;IACZ;EACF,GAAG;IAAC/C,OAAOgB;GAAO;AAElB,QAAMkC,uBAAgE,CAACzB,OAAAA;AACrE,UAAM0B,WAAWC,UAAUC,KAAK,CAACF,cAAaA,UAAS1B,OAAOA,EAAAA;AAC9D,QAAI0B,UAAU;AACZnD,aAAOsD,OAAOH,SAASG;AACvBtD,aAAOgB,OAAQM,UAAU6B,SAASnC;AAClC,YAAMuC,WAAWtB,QAAQjC,MAAAA,EAAQwD;AACjC,YAAMC,iBAAiBF,SAASG,UAAU,CAACC,QAAQA,IAAI3C,WAAW4C,6BAAAA;AAClE,UAAIH,kBAAkB,GAAG;AACvBF,iBAASM,OAAOJ,gBAAgB,CAAA;MAClC;AACA,UAAIN,SAASW,UAAU;AACrBP,iBAASQ,KAAK;UAAE/C,QAAQ4C;UAA+BnC,IAAI0B,SAASW;QAAS,CAAA;MAC/E;IACF;EACF;AAEA,QAAME,eAAe3B,YAAY,YAAA;AAC/B,QAAI,CAACrC,OAAOgB,UAAU,CAACT,YAAY,CAACE,OAAO;AACzC;IACF;AAEA0B,aAAS8B,MAAAA;AAET,QAAI;AACF,YAAMC,qBAAqBnC,qBAAqBoC,MAAM,GAAA,EAAKC,GAAG,EAAC;AAC/D,YAAMC,WAAYtC,qBAAqBoC,MAAM,GAAA,EAAKC,GAAG,EAAC,KAAcE,eAAe/D,SAASgE,WAAW;AAEvG,YAAMC,UAAU,IAAIC,QAAQ;QAAEC,UAAU;QAAWC,kBAAkB,CAAA;QAAIC,eAAe,CAAC;MAAE,CAAA;AAC3F,YAAMC,cAAc,MAAML,QAAQM,OAAO9E,OAAOgB,OAAOM,OAAO;AAC9D,UAAIuD,YAAY3C,SAAS,CAAC2C,YAAYC,QAAQ;AAC5C,cAAMD,YAAY3C;MACpB;AAEA,YAAM,EAAE6C,QAAQC,YAAYC,uBAAuBC,aAAY,IAAK,MAAMC,qBAAqB;QAC7FC,cAAc/E,OAAOgF;QACrBC,MAAMjF,OAAOiF;QACbjB;QACAW,YAAYd;QACZlD,QAAQ6D,YAAYC;MACtB,CAAA;AACA,UAAIC,WAAW,aAAaC,eAAef,UAAagB,0BAA0BhB,QAAW;AAC3F,cAAM,IAAIsB,MAAML,YAAAA;MAClB;AAEAlC,UAAIwC,KAAK,qBAAqB;QAAER;QAAYC;MAAsB,GAAA;;;;;;AAClE,UAAItE,IAAI;AACNA,WAAG8E,UAAUR;MACf;AAEA,YAAMS,mBACJ/E,MAAMF,MAAMkF,GAAGC,IAAIC,OAAO9E,cAAc;QAAE0E,SAASR;QAAuBjE,QAAQhB;MAAO,CAAA,CAAA;AAC3F,YAAM8F,OAAO7D,QAAQyD,gBAAAA;AACrB1F,aAAOuB,UAAU;AACjBwE,mCAA6BD,MAAM,IAAIzB,QAAAA,IAAYW,UAAAA,EAAY;AAC/DpD,cAAQ,OAAA;IACV,SAASmB,KAAU;AACjBC,UAAIC,MAAMF,KAAAA,QAAAA;;;;;;AACVZ,eAASjC,EAAE,qBAAA,CAAA;IACb;EACF,GAAG;IAACS;IAAIoB;IAAqB/B;IAAQA,OAAOsD;IAAMtD,OAAOgB;GAAO;AAEhE,QAAMgF,cAAc9E,QAAQ,MAAA;AAC1B,QAAI,CAACa,qBAAqB;AACxB;IACF;AAEA,WAAOkE,iBAAiBlE,qBAAqB1B,OAAOgF,OAAOa,OAAOC,SAASC,UAAUC,MAAMC,OAAO,IAAI;MACpGC,SAAS9F,OAAOgB;IAClB,CAAA;EACF,GAAG;IAACM;IAAqBtB;GAAM;AAE/B,SACE,gBAAA+F,OAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWC,GAAG,kEAAkE7G,UAAAA;KAC/F,gBAAAyG,OAAA,cAACK,SAAAA;IACCC,UAAUC,QAAQhF,mBAAAA,KAAwB,CAAC/B,OAAOuB;IAClDyE;IACA9D;IACAP;IACAyB;IACA4D,UAAUhD;IACViD,UAAU1E;IACV2E,cAActF;IACduF,kBAAkBjE;MAGnBvB,SAAS,aACR,gBAAA6E,OAAA,cAACY,kBAAAA;IACC3F,IAAIzB,OAAOyB;IACXxB;IACA6B;IACAb;IACA0F,WAAU;MAIbhF,SAAS,YACR,gBAAA6E,OAAA,cAACa,YAAAA;IACCrB;IACAsB,mBAAAA;IACAhF,SAAS3B,IAAI2B;IACbiF,iBAAiBnF;;AAK3B;;;ADhMA,IAAMoF,kBAAkB,CAAC,EAAEC,QAAQ,GAAGC,MAAAA,MAA0B;AAC9D,QAAMC,kBAAkBC,wBAAwBC,iBAAiBJ,MAAAA,CAAAA;AACjE,SACE,gBAAAK,OAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWC,IAAG,0DAAA;IAA8D,GAAGP;KAC9F,gBAAAG,OAAA,cAACK,cAAAA;IAAc,GAAGT;IAAOD;;AAG/B;AAEA,IAAA,0BAAeD;",
+  "names": ["React", "fullyQualifiedId", "useAttendableAttributes", "mx", "format", "prettierPluginEstree", "prettierPluginTypescript", "React", "useCallback", "useMemo", "useState", "log", "useClient", "create", "createDocAccessor", "Filter", "getMeta", "getSpace", "useQuery", "useIdentity", "useTranslation", "createDataExtensions", "listener", "mx", "React", "useState", "ElevationProvider", "Icon", "Select", "ToggleGroup", "ToggleGroupItem", "Toolbar", "NaturalToolbar", "Tooltip", "useTranslation", "Toolbar", "classNames", "deployed", "error", "functionUrl", "view", "templates", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "t", "useTranslation", "SCRIPT_PLUGIN", "pending", "setPending", "useState", "handleCopyLink", "navigator", "clipboard", "writeText", "handleDeploy", "ElevationProvider", "elevation", "NaturalToolbar", "Root", "style", "contain", "TemplateSelect", "ToolbarIconButton", "icon", "text", "onClick", "div", "role", "className", "Tooltip", "Trigger", "Icon", "size", "Portal", "Content", "Arrow", "ViewSelector", "disabled", "asChild", "Button", "variant", "Select", "value", "onValueChange", "TriggerButton", "Viewport", "Option", "map", "id", "name", "key", "ToggleGroup", "type", "ToggleGroupItem", "javascript", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorGutter", "editorMonospace", "InputModeExtensions", "useTextEditor", "nonNullable", "TypescriptEditor", "id", "env", "className", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "editorGutter", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "of", "path", "tsSync", "tsLinter", "tsHover", "InputModeExtensions", "vscode", "filter", "nonNullable", "React", "div", "ref", "ScriptEditor", "classNames", "script", "env", "t", "useTranslation", "SCRIPT_PLUGIN", "client", "useClient", "identity", "useIdentity", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "extensions", "useMemo", "listener", "onChange", "text", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "view", "setView", "useState", "initialValue", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "error", "setError", "handleBindingChange", "useCallback", "binding", "handleFormat", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "handleTemplateChange", "template", "templates", "find", "name", "metaKeys", "keys", "oldPresetIndex", "findIndex", "key", "USERFUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "handleDeploy", "undefined", "existingFunctionId", "split", "at", "ownerDid", "publicKeyToDid", "identityKey", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "result", "functionId", "functionVersionNumber", "errorMessage", "uploadWorkerFunction", "clientConfig", "config", "halo", "Error", "info", "version", "deployedFunction", "db", "add", "create", "meta", "setUserFunctionUrlInMetadata", "functionUrl", "getInvocationUrl", "values", "runtime", "services", "edge", "url", "spaceId", "React", "div", "role", "className", "mx", "Toolbar", "deployed", "Boolean", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "TypescriptEditor", "DebugPanel", "showBindingConfig", "onBindingChange", "ScriptContainer", "script", "props", "attendableAttrs", "useAttendableAttributes", "fullyQualifiedId", "React", "div", "role", "className", "mx", "ScriptEditor"]
+}