@dxos/plugin-script 0.6.13-staging.1e988a3 → 0.6.14-main.1366248

package/dist/lib/browser/chunk-JBACGDOJ.mjs

@@ -1,21 +0,0 @@
-// packages/plugins/experimental/plugin-script/src/meta.tsx
-import { Code } from "@phosphor-icons/react";
-import React from "react";
-import { pluginMeta } from "@dxos/app-framework";
-var SCRIPT_PLUGIN = "dxos.org/plugin/script";
-var meta_default = pluginMeta({
-  id: SCRIPT_PLUGIN,
-  name: "Scripts",
-  description: "Live code notebooks.",
-  tags: [
-    "experimental"
-  ],
-  iconComponent: (props) => /* @__PURE__ */ React.createElement(Code, props),
-  iconSymbol: "ph--code--regular"
-});
-
-export {
-  SCRIPT_PLUGIN,
-  meta_default
-};
-//# sourceMappingURL=chunk-JBACGDOJ.mjs.map

package/dist/lib/browser/chunk-JBACGDOJ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Code, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const SCRIPT_PLUGIN = 'dxos.org/plugin/script';\n\nexport default pluginMeta({\n  id: SCRIPT_PLUGIN,\n  name: 'Scripts',\n  description: 'Live code notebooks.',\n  tags: ['experimental'],\n  iconComponent: (props: IconProps) => <Code {...props} />,\n  iconSymbol: 'ph--code--regular',\n});\n"],
-  "mappings": ";AAIA,SAASA,YAA4B;AACrC,OAAOC,WAAW;AAElB,SAASC,kBAAkB;AAEpB,IAAMC,gBAAgB;AAE7B,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;IAAC;;EACPC,eAAe,CAACC,UAAqB,sBAAA,cAACC,MAASD,KAAAA;EAC/CE,YAAY;AACd,CAAA;",
-  "names": ["Code", "React", "pluginMeta", "SCRIPT_PLUGIN", "pluginMeta", "id", "name", "description", "tags", "iconComponent", "props", "Code", "iconSymbol"]
-}

package/dist/lib/browser/chunk-MRGOT5RF.mjs

@@ -1,78 +0,0 @@
-// packages/plugins/experimental/plugin-script/src/components/TypescriptEditor.tsx
-import { javascript } from "@codemirror/lang-javascript";
-import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
-import React 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, scrollPastEnd, 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
-      }),
-      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__ */ React.createElement("div", {
-    ref: parentRef,
-    className,
-    ...focusAttributes
-  });
-};
-var TypescriptEditor_default = TypescriptEditor;
-
-export {
-  TypescriptEditor,
-  TypescriptEditor_default
-};
-//# sourceMappingURL=chunk-MRGOT5RF.mjs.map

package/dist/lib/browser/chunk-MRGOT5RF.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TypescriptEditor.tsx"],
-  "sourcesContent": ["//\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  scrollPastEnd?: boolean;\n  env?: VirtualTypeScriptEnvironment;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n  id,\n  scrollPastEnd,\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,\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,SAASA,kBAAkB;AAE3B,SAASC,QAAQC,SAASC,UAAUC,gBAAgBC,eAAe;AACnE,OAAOC,WAAW;AAElB,SAASC,uBAAuB;AAChC,SACEC,cACAC,uBACAC,uBACAC,iBACAC,cACAC,iBACAC,qBACAC,qBAEK;AACP,SAASC,mBAAmB;AAQrB,IAAMC,mBAAmB,CAAC,EAC/BC,IACAC,eACAC,KACAC,WACAC,cACAC,YACAC,UACAC,UAAS,MACa;AACtB,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLZ;IACAI;IACAC,YAAY;MACVA;MACAQ,sBAAsB;QACpBC,qBAAqB;QACrBC,eAAe;QACfC,aAAa;QACbC,cAAc;QACdhB;MACF,CAAA;MACAiB,sBAAsB;QACpBV;QACAW,oBAAoB;QACpBC,OAAO;UACLC,SAAS;YAAElB,WAAWmB;UAAgB;QACxC;MACF,CAAA;MACAC;;MAEA;QACEC;QACAC,WAAW;UAAEC,YAAY;QAAK,CAAA;;QAE9BC,aAAa;UAAEC,UAAU1B,MAAM;YAAC2B,eAAAA;cAAoB,CAAA;QAAG,CAAA;QACvD3B,MAAM;UAAC4B,QAAQC,GAAG;YAAE7B;YAAK8B,MAAM,QAAQhC,EAAAA;UAAQ,CAAA;UAAIiC,OAAAA;UAAUC,SAAAA;UAAYC,QAAAA;YAAa,CAAA;QACtFC,oBAAoBC;;MAEtBC,OAAOC,WAAAA;IACThC;IACAD;EACF,IACA;IAACN;IAAII;IAAcC;IAAYG;IAAWD;IAAWD;GAAS;AAGhE,SAAO,sBAAA,cAACkC,OAAAA;IAAIC,KAAK/B;IAAWP;IAAuB,GAAGQ;;AACxD;AAEA,IAAA,2BAAeZ;",
-  "names": ["javascript", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorGutter", "editorMonospace", "InputModeExtensions", "useTextEditor", "nonNullable", "TypescriptEditor", "id", "scrollPastEnd", "env", "className", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "editorGutter", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "of", "path", "tsSync", "tsLinter", "tsHover", "InputModeExtensions", "vscode", "filter", "nonNullable", "div", "ref"]
-}

package/dist/lib/node/ScriptEditor-YCUQFWQM.cjs

@@ -1,526 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ScriptEditor_YCUQFWQM_exports = {};
-__export(ScriptEditor_YCUQFWQM_exports, {
-  ScriptEditor: () => ScriptEditor,
-  default: () => ScriptEditor_default
-});
-module.exports = __toCommonJS(ScriptEditor_YCUQFWQM_exports);
-var import_chunk_PFH3ROEH = require("./chunk-PFH3ROEH.cjs");
-var import_chunk_4GTXIELQ = require("./chunk-4GTXIELQ.cjs");
-var import_chunk_5RBVXKXT = require("./chunk-5RBVXKXT.cjs");
-var import_chunk_4VMNBXWU = require("./chunk-4VMNBXWU.cjs");
-var import_chunk_IMLDKD5Y = require("./chunk-IMLDKD5Y.cjs");
-var import_prettier = require("prettier");
-var import_estree = __toESM(require("prettier/plugins/estree"));
-var import_typescript = __toESM(require("prettier/plugins/typescript"));
-var import_react = __toESM(require("react"));
-var import_log = require("@dxos/log");
-var import_react_client = require("@dxos/react-client");
-var import_echo = require("@dxos/react-client/echo");
-var import_halo = require("@dxos/react-client/halo");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
-var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react2 = __toESM(require("react"));
-var import_log2 = require("@dxos/log");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react3 = __toESM(require("react"));
-var import_react_ui3 = require("@dxos/react-ui");
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/DebugPanel.tsx";
-var DebugPanel = ({ classNames, functionUrl, binding: _binding, onBindingChange }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_4VMNBXWU.SCRIPT_PLUGIN);
-  const bindingInputRef = (0, import_react2.useRef)(null);
-  const [binding, setBinding] = (0, import_react_ui2.useControlledValue)(_binding ?? "");
-  const handleBlur = () => {
-    onBindingChange?.(binding);
-  };
-  const inputRef = (0, import_react2.useRef)(null);
-  const [input, setInput] = (0, import_react2.useState)("");
-  const [result, setResult] = (0, import_react2.useState)("");
-  const [state, setState] = (0, import_react2.useState)(null);
-  const [history, setHistory] = (0, import_react2.useState)([]);
-  const scrollerRef = (0, import_react2.useRef)(null);
-  const handleScroll = () => {
-    if (scrollerRef.current) {
-      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
-    }
-  };
-  const controller = (0, import_react2.useRef)();
-  (0, import_react2.useEffect)(() => {
-    return () => {
-      handleStop();
-    };
-  }, []);
-  const handleStop = () => {
-    controller.current?.abort("stop");
-    controller.current = void 0;
-  };
-  const handleClear = () => {
-    handleStop();
-    setInput("");
-    setResult("");
-    setHistory([]);
-    inputRef.current?.focus();
-  };
-  const handleResponse = ({ text, data, error } = {}) => {
-    controller.current = void 0;
-    setHistory((history2) => [
-      ...history2,
-      {
-        type: "response",
-        text,
-        data,
-        error
-      }
-    ]);
-    setResult("");
-    setState(null);
-    handleScroll();
-  };
-  const handleRequest = async (input2) => {
-    try {
-      setState("pending");
-      let data = null;
-      if (input2.charAt(0) === "{") {
-        try {
-          const validJsonString = input2.replace(/'/g, '"').replace(/([{,]\s*)([a-zA-Z0-9_]+)(\s*:)/g, '$1"$2"$3');
-          data = JSON.parse(validJsonString);
-          input2 = JSON.stringify(data, null, 2);
-        } catch (err) {
-          inputRef.current?.focus();
-          return;
-        }
-      }
-      setInput("");
-      setResult("");
-      setHistory((history2) => [
-        ...history2,
-        {
-          type: "request",
-          text: input2
-        }
-      ]);
-      setTimeout(() => {
-        handleScroll();
-      });
-      controller.current = new AbortController();
-      const response = await fetch(functionUrl, {
-        signal: controller.current.signal,
-        method: "POST",
-        body: input2,
-        headers: {
-          "Content-Type": data ? "application/json" : "text/plain"
-        }
-      });
-      if (!response.ok) {
-        const text2 = await response.text();
-        handleResponse({
-          error: new Error(text2 || response.statusText || String(response.status))
-        });
-        return;
-      }
-      const contentType = response.headers.get("content-type");
-      if (contentType === "application/json") {
-        const data2 = await response.json();
-        handleResponse({
-          data: data2
-        });
-        return;
-      }
-      setState("responding");
-      let text = "";
-      const reader = response.body.getReader();
-      const pump = async ({ done, value }) => {
-        text = text + new TextDecoder().decode(value);
-        if (!controller.current || done) {
-          handleResponse({
-            text
-          });
-          return;
-        }
-        setResult(text);
-        setTimeout(() => {
-          handleScroll();
-        });
-        return reader.read().then(pump);
-      };
-      void reader.read().then(pump).catch((err) => {
-        if (err.name !== "AbortError") {
-          import_log2.log.catch(err, void 0, {
-            F: __dxlog_file,
-            L: 163,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-        }
-      });
-    } catch (err) {
-      if (err !== "stop") {
-        const error = err instanceof Error ? err : new Error(err);
-        handleResponse({
-          error
-        });
-        import_log2.log.catch(err, void 0, {
-          F: __dxlog_file,
-          L: 170,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-      } else {
-        handleResponse();
-      }
-    }
-  };
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.DensityProvider, {
-    density: "fine"
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: (0, import_react_ui_theme2.mx)("flex flex-col h-full overflow-hidden", classNames)
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    ref: scrollerRef,
-    className: "flex flex-col gap-6 h-full p-4 overflow-x-hidden overflow-y-auto"
-  }, /* @__PURE__ */ import_react2.default.createElement(MessageThread, {
-    state,
-    result,
-    history
-  })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Toolbar.Root, {
-    classNames: "p-2"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.TextInput, {
-    ref: inputRef,
-    autoFocus: true,
-    placeholder: t("function request placeholder"),
-    value: input,
-    onChange: (ev) => setInput(ev.target.value),
-    onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
-  })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.TextInput, {
-    ref: bindingInputRef,
-    classNames: "!w-[10rem]",
-    placeholder: t("binding placeholder"),
-    value: binding,
-    onChange: (ev) => setBinding(ev.target.value.toUpperCase()),
-    onBlur: handleBlur
-  })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Toolbar.Button, {
-    onClick: () => handleRequest(input)
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--play--regular",
-    size: 4
-  })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Toolbar.Button, {
-    onClick: () => state ? handleStop() : handleClear()
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
-    icon: state ? "ph--stop--regular" : "ph--trash--regular",
-    size: 4
-  })))));
-};
-var RobotAvatar = () => /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Root, {
-  size: 6,
-  variant: "circle"
-}, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Frame, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Icon, {
-  icon: "ph--robot--regular"
-})));
-var MessageItem = ({ classNames, message }) => {
-  const { text, data, error } = message;
-  if (error) {
-    return /* @__PURE__ */ import_react2.default.createElement("span", {
-      className: (0, import_react_ui_theme2.mx)(classNames, "whitespace-pre text-error")
-    }, String(error));
-  } else if (data) {
-    return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
-      language: "json",
-      className: (0, import_react_ui_theme2.mx)("text-xs", classNames)
-    }, JSON.stringify(data, null, 2));
-  }
-  return /* @__PURE__ */ import_react2.default.createElement("span", {
-    className: (0, import_react_ui_theme2.mx)(classNames)
-  }, text || "\xD8");
-};
-var MessageThread = ({ state, result, history }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, history.map((message, i) => /* @__PURE__ */ import_react2.default.createElement("div", {
-    key: i,
-    className: "grid grid-cols-[3rem_1fr]"
-  }, /* @__PURE__ */ import_react2.default.createElement("div", null, message.type === "response" && /* @__PURE__ */ import_react2.default.createElement(RobotAvatar, null)), /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: (0, import_react_ui_theme2.mx)("flex", message.type === "request" && "justify-end")
-  }, /* @__PURE__ */ import_react2.default.createElement(MessageItem, {
-    classNames: [
-      message.type === "request" && "p-1 px-2 rounded-lg bg-hoverSurface"
-    ],
-    message
-  })))), /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "grid grid-cols-[3rem_1fr]"
-  }, /* @__PURE__ */ import_react2.default.createElement("div", null, state === "pending" && /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--spinner--regular",
-    size: 6,
-    classNames: "animate-spin-slow"
-  }) || result.length > 0 && /* @__PURE__ */ import_react2.default.createElement(RobotAvatar, null)), /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("span", null, result))));
-};
-var Toolbar2 = ({ classNames, deployed, error, functionUrl, showPanel, onDeploy, onFormat, onTogglePanel }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_chunk_4VMNBXWU.SCRIPT_PLUGIN);
-  const [pending, setPending] = (0, import_react3.useState)(false);
-  const handleCopyLink = async () => {
-    if (!functionUrl) {
-      return;
-    }
-    await navigator.clipboard.writeText(functionUrl);
-  };
-  const handleDeploy = async () => {
-    setPending(true);
-    await onDeploy?.();
-    setPending(false);
-  };
-  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.DensityProvider, {
-    density: "fine"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.ElevationProvider, {
-    elevation: "chrome"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Root, {
-    classNames: [
-      "p-1",
-      classNames
-    ],
-    style: {
-      contain: "layout"
-    }
-  }, onFormat && /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Button, {
-    variant: "ghost",
-    onClick: onFormat
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
-    icon: "ph--magic-wand--regular",
-    size: 4
-  }))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Arrow, null), t("format label")))), /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "separator",
-    className: "grow"
-  }), error ? /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Trigger, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
-    icon: "ph--warning-circle--regular",
-    size: 4
-  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Arrow, null), error))) : null, functionUrl && deployed && /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Button, {
-    variant: "ghost",
-    onClick: handleCopyLink
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
-    icon: "ph--link--regular",
-    size: 4
-  }))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Arrow, null), t("copy link label")))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Button, {
-    variant: "ghost",
-    onClick: handleDeploy,
-    disabled: pending
-  }, pending ? /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
-    icon: "ph--spinner--regular",
-    size: 4,
-    classNames: "animate-spin-slow"
-  }) : /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
-    icon: "ph--cloud-arrow-up--regular",
-    size: 4
-  }))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Arrow, null), pending ? t("pending label") : t("deploy label")))), onTogglePanel && /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Button, {
-    variant: "ghost",
-    onClick: onTogglePanel
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
-    icon: showPanel ? "ph--caret-down--regular" : "ph--caret-up--regular",
-    size: 4
-  }))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Tooltip.Arrow, null), t("toggle details label")))))));
-};
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx";
-var ScriptEditor = ({ env, script, role }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_4VMNBXWU.SCRIPT_PLUGIN);
-  const hasAttention = (0, import_react_ui_attention.useHasAttention)((0, import_echo.fullyQualifiedId)(script));
-  const client = (0, import_react_client.useClient)();
-  const identity = (0, import_halo.useIdentity)();
-  const space = (0, import_echo.getSpace)(script);
-  const [fn] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_chunk_5RBVXKXT.FunctionType, (fn2) => fn2.source === script));
-  const extensions = (0, import_react.useMemo)(() => [
-    (0, import_react_ui_editor.listener)({
-      onChange: (text) => {
-        if (script.source && script.source?.content !== text) {
-          script.changed = true;
-        }
-      }
-    }),
-    (0, import_react_ui_editor.createDataExtensions)({
-      id: script.id,
-      text: script.source && (0, import_echo.createDocAccessor)(script.source, [
-        "content"
-      ]),
-      space,
-      identity
-    })
-  ], [
-    script,
-    script.source,
-    space,
-    identity
-  ]);
-  const [showPanel, setShowPanel] = (0, import_react.useState)(false);
-  const initialValue = (0, import_react.useMemo)(() => script.source?.content, [
-    script.source
-  ]);
-  const existingFunctionUrl = fn && (0, import_chunk_PFH3ROEH.getUserFunctionUrlInMetadata)((0, import_echo.getMeta)(fn));
-  const [error, setError] = (0, import_react.useState)();
-  const handleBindingChange = (0, import_react.useCallback)((binding) => {
-    fn.binding = binding;
-  }, [
-    fn
-  ]);
-  const handleFormat = (0, import_react.useCallback)(async () => {
-    if (!script.source) {
-      return;
-    }
-    try {
-      script.source.content = await (0, import_prettier.format)(script.source.content, {
-        parser: "typescript",
-        plugins: [
-          import_estree.default,
-          import_typescript.default
-        ],
-        semi: true,
-        singleQuote: true
-      });
-    } catch (err) {
-      import_log.log.catch(err, void 0, {
-        F: __dxlog_file2,
-        L: 102,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-    }
-  }, [
-    script.source
-  ]);
-  const handleDeploy = (0, import_react.useCallback)(async () => {
-    if (!script.source || !identity || !space) {
-      return;
-    }
-    setError(void 0);
-    try {
-      const existingFunctionId = existingFunctionUrl?.split("/").at(-1);
-      const ownerDid = existingFunctionUrl?.split("/").at(-2) ?? (0, import_chunk_PFH3ROEH.publicKeyToDid)(identity.identityKey);
-      const bundler = new import_chunk_4GTXIELQ.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 (0, import_chunk_PFH3ROEH.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);
-      }
-      import_log.log.info("function uploaded", {
-        functionId,
-        functionVersionNumber
-      }, {
-        F: __dxlog_file2,
-        L: 137,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      if (fn) {
-        fn.version = functionVersionNumber;
-      }
-      const deployedFunction = fn ?? space.db.add((0, import_echo.create)(import_chunk_5RBVXKXT.FunctionType, {
-        version: functionVersionNumber,
-        source: script
-      }));
-      const meta = (0, import_echo.getMeta)(deployedFunction);
-      (0, import_chunk_PFH3ROEH.setUserFunctionUrlInMetadata)(meta, `/${ownerDid}/${functionId}`);
-      script.changed = false;
-    } catch (err) {
-      import_log.log.catch(err, void 0, {
-        F: __dxlog_file2,
-        L: 147,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      setError(t("upload failed label"));
-    }
-  }, [
-    fn,
-    existingFunctionUrl,
-    script,
-    script.name,
-    script.source
-  ]);
-  const functionUrl = (0, import_react.useMemo)(() => {
-    if (!existingFunctionUrl) {
-      return;
-    }
-    const baseUrl = new URL("functions/", client.config.values.runtime?.services?.edge?.url);
-    const relativeUrl = existingFunctionUrl.replace(/^\//, "");
-    const url = new URL(`./${relativeUrl}`, baseUrl.toString());
-    space && url.searchParams.set("spaceId", space.id);
-    url.protocol = "https";
-    return url.toString();
-  }, [
-    existingFunctionUrl,
-    space
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme.mx)("flex flex-col is-full bs-full overflow-hidden", role === "article" && "row-span-2", hasAttention && "attention-surface")
-  }, /* @__PURE__ */ import_react.default.createElement(import_chunk_IMLDKD5Y.TypescriptEditor, {
-    id: script.id,
-    env,
-    initialValue,
-    extensions,
-    className: "flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all"
-  }), /* @__PURE__ */ import_react.default.createElement(Toolbar2, {
-    classNames: "border-t border-separator",
-    deployed: Boolean(existingFunctionUrl) && !script.changed,
-    functionUrl,
-    error,
-    showPanel,
-    onDeploy: handleDeploy,
-    onFormat: handleFormat,
-    onTogglePanel: async () => setShowPanel((showDetails) => !showDetails)
-  }), showPanel && /* @__PURE__ */ import_react.default.createElement(DebugPanel, {
-    functionUrl,
-    binding: fn?.binding,
-    onBindingChange: handleBindingChange
-  }));
-};
-var ScriptEditor_default = ScriptEditor;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ScriptEditor
-});
-//# sourceMappingURL=ScriptEditor-YCUQFWQM.cjs.map