@dxos/plugin-script 0.7.5-main.b19bfc8 → 0.7.5-main.d9d2d4e

package/dist/lib/node/{ScriptContainer-PSLB34RX.cjs → chunk-XKYJYY3T.cjs}

@@ -26,64 +26,45 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ScriptContainer_PSLB34RX_exports = {};
-__export(ScriptContainer_PSLB34RX_exports, {
-  ScriptContainer: () => ScriptContainer,
-  default: () => ScriptContainer_default
+var chunk_XKYJYY3T_exports = {};
+__export(chunk_XKYJYY3T_exports, {
+  createDeploy: () => createDeploy,
+  createFormat: () => createFormat,
+  createTemplateSelect: () => createTemplateSelect,
+  createView: () => createView,
+  useDeployState: () => useDeployState,
+  useToolbarAction: () => useToolbarAction,
+  useToolbarState: () => useToolbarState
 });
-module.exports = __toCommonJS(ScriptContainer_PSLB34RX_exports);
+module.exports = __toCommonJS(chunk_XKYJYY3T_exports);
 var import_chunk_ITAJ3WRW = require("./chunk-ITAJ3WRW.cjs");
-var import_chunk_K3ZZWVXS = require("./chunk-K3ZZWVXS.cjs");
 var import_chunk_5UH3F7TA = require("./chunk-5UH3F7TA.cjs");
-var import_react = __toESM(require("react"));
-var import_echo = require("@dxos/react-client/echo");
-var import_halo = require("@dxos/react-client/halo");
-var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react2 = __toESM(require("react"));
-var import_echo2 = require("@dxos/react-client/echo");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var import_react_ui_menu = require("@dxos/react-ui-menu");
-var import_react3 = require("react");
+var import_react = require("react");
 var import_functions = require("@dxos/functions");
 var import_bundler = require("@dxos/functions/bundler");
 var import_log = require("@dxos/log");
 var import_react_client = require("@dxos/react-client");
-var import_echo3 = require("@dxos/react-client/echo");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_menu2 = require("@dxos/react-ui-menu");
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_menu = require("@dxos/react-ui-menu");
+var import_react2 = require("react");
+var import_live_object = require("@dxos/live-object");
 var import_prettier = require("prettier");
 var import_estree = __toESM(require("prettier/plugins/estree"));
 var import_typescript = __toESM(require("prettier/plugins/typescript"));
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_log2 = require("@dxos/log");
-var import_react_ui_menu3 = require("@dxos/react-ui-menu");
-var import_react5 = require("react");
+var import_react_ui_menu2 = require("@dxos/react-ui-menu");
+var import_react4 = require("react");
 var import_functions2 = require("@dxos/functions");
-var import_live_object = require("@dxos/live-object");
+var import_live_object2 = require("@dxos/live-object");
+var import_react_ui_menu3 = require("@dxos/react-ui-menu");
 var import_react_ui_menu4 = require("@dxos/react-ui-menu");
-var import_react_ui_menu5 = require("@dxos/react-ui-menu");
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_log3 = require("@dxos/log");
-var import_react7 = require("react");
-var import_live_object2 = require("@dxos/live-object");
-var import_lang_javascript = require("@codemirror/lang-javascript");
-var import_language = require("@codemirror/language");
-var import_state = require("@codemirror/state");
-var import_theme_one_dark = require("@codemirror/theme-one-dark");
-var import_view = require("@codemirror/view");
-var import_highlight = require("@lezer/highlight");
-var import_codemirror_continue = require("@valtown/codemirror-continue");
-var import_codemirror_ts = require("@valtown/codemirror-ts");
-var import_react8 = __toESM(require("react"));
-var import_react_ui3 = require("@dxos/react-ui");
-var import_react_ui_editor3 = require("@dxos/react-ui-editor");
-var import_util = require("@dxos/util");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/hooks/deploy.ts";
 var createDeploy = (state) => {
-  const errorItem = (0, import_react_ui_menu2.createMenuAction)("error", {
+  const errorItem = (0, import_react_ui_menu.createMenuAction)("error", {
     label: state.error ?? [
       "no error label",
       {
@@ -93,7 +74,7 @@ var createDeploy = (state) => {
     icon: "ph--warning-circle--regular",
     hidden: !state.error
   });
-  const deployAction = (0, import_react_ui_menu2.createMenuAction)("deploy", {
+  const deployAction = (0, import_react_ui_menu.createMenuAction)("deploy", {
     type: "deploy",
     label: [
       state.deploying ? "pending label" : "deploy label",
@@ -105,7 +86,7 @@ var createDeploy = (state) => {
     disabled: state.deploying,
     classNames: state.deploying ? "[&_svg]:animate-spin" : ""
   });
-  const copyAction = (0, import_react_ui_menu2.createMenuAction)("copy", {
+  const copyAction = (0, import_react_ui_menu.createMenuAction)("copy", {
     type: "copy",
     label: [
       "copy link label",
@@ -139,12 +120,12 @@ var createDeploy = (state) => {
   };
 };
 var useDeployDeps = ({ state, script }) => {
-  const space = (0, import_echo3.getSpace)(script);
-  const [fn] = (0, import_echo3.useQuery)(space, import_echo3.Filter.schema(import_functions.FunctionType, {
+  const space = (0, import_echo.getSpace)(script);
+  const [fn] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_functions.FunctionType, {
     source: script
   }));
   const client = (0, import_react_client.useClient)();
-  const existingFunctionUrl = (0, import_react3.useMemo)(() => fn && (0, import_functions.getUserFunctionUrlInMetadata)((0, import_echo3.getMeta)(fn)), [
+  const existingFunctionUrl = (0, import_react.useMemo)(() => fn && (0, import_functions.getUserFunctionUrlInMetadata)((0, import_echo.getMeta)(fn)), [
     fn
   ]);
   return {
@@ -159,7 +140,7 @@ var useDeployState = ({ state, script }) => {
     state,
     script
   });
-  (0, import_react3.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!existingFunctionUrl) {
       return;
     }
@@ -170,7 +151,7 @@ var useDeployState = ({ state, script }) => {
     existingFunctionUrl,
     space
   ]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     state.deployed = Boolean(existingFunctionUrl) && !script.changed;
   }, [
     script.changed,
@@ -182,8 +163,8 @@ var useDeployHandler = ({ state, script }) => {
     state,
     script
   });
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_5UH3F7TA.SCRIPT_PLUGIN);
-  return (0, import_react3.useCallback)(async () => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_5UH3F7TA.SCRIPT_PLUGIN);
+  return (0, import_react.useCallback)(async () => {
     if (!script.source || !space) {
       return;
     }
@@ -224,10 +205,10 @@ var useDeployHandler = ({ state, script }) => {
       if (fn) {
         fn.version = version;
       }
-      const deployedFunction = fn ?? space.db.add((0, import_echo3.create)(import_functions.FunctionType, {
+      const deployedFunction = fn ?? space.db.add((0, import_echo.create)(import_functions.FunctionType, {
         name: functionId,
         version,
-        source: (0, import_echo3.makeRef)(script)
+        source: (0, import_echo.makeRef)(script)
       }));
       script.changed = false;
       if (script.description !== void 0 && script.description.trim() !== "") {
@@ -268,7 +249,7 @@ var useDeployHandler = ({ state, script }) => {
           C: (f, a) => f(...a)
         });
       }
-      (0, import_functions.setUserFunctionUrlInMetadata)((0, import_echo3.getMeta)(deployedFunction), `/${space.id}/${functionId}`);
+      (0, import_functions.setUserFunctionUrlInMetadata)((0, import_echo.getMeta)(deployedFunction), `/${space.id}/${functionId}`);
       state.view = "split";
     } catch (err) {
       import_log.log.catch(err, void 0, {
@@ -291,7 +272,7 @@ var useDeployHandler = ({ state, script }) => {
     space?.id ?? null
   ]);
 };
-var useCopyHandler = ({ state }) => (0, import_react3.useCallback)(async () => {
+var useCopyHandler = ({ state }) => (0, import_react.useCallback)(async () => {
   if (!state.functionUrl) {
     return;
   }
@@ -299,9 +280,12 @@ var useCopyHandler = ({ state }) => (0, import_react3.useCallback)(async () => {
 }, [
   state.functionUrl
 ]);
+var useToolbarState = (initialState = {}) => {
+  return (0, import_react2.useMemo)(() => (0, import_live_object.create)(initialState), []);
+};
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/hooks/format.ts";
 var createFormat = () => {
-  const formatAction = (0, import_react_ui_menu3.createMenuAction)("format", {
+  const formatAction = (0, import_react_ui_menu2.createMenuAction)("format", {
     label: [
       "format label",
       {
@@ -322,7 +306,7 @@ var createFormat = () => {
     ]
   };
 };
-var useFormatHandler = ({ script }) => (0, import_react4.useCallback)(async () => {
+var useFormatHandler = ({ script }) => (0, import_react3.useCallback)(async () => {
   if (!script.source) {
     return;
   }
@@ -348,7 +332,7 @@ var useFormatHandler = ({ script }) => (0, import_react4.useCallback)(async () =
   script.source
 ]);
 var createTemplateSelectGroup = () => {
-  return (0, import_react_ui_menu4.createMenuItemGroup)("template-select", {
+  return (0, import_react_ui_menu3.createMenuItemGroup)("template-select", {
     label: [
       "template select group label",
       {
@@ -360,7 +344,7 @@ var createTemplateSelectGroup = () => {
 };
 var createTemplateSelectActions = () => {
   return import_chunk_ITAJ3WRW.templates.map((template) => {
-    return (0, import_react_ui_menu4.createMenuAction)(`template--${template.id}`, {
+    return (0, import_react_ui_menu3.createMenuAction)(`template--${template.id}`, {
       label: template.name,
       value: template.id,
       type: "template"
@@ -388,12 +372,12 @@ var createTemplateSelect = () => {
   };
 };
 var useTemplateSelectHandler = ({ script }) => {
-  return (0, import_react5.useCallback)((templateId) => {
+  return (0, import_react4.useCallback)((templateId) => {
     const template = import_chunk_ITAJ3WRW.templates.find((template2) => template2.id === templateId);
     if (template) {
       script.name = template.name;
       script.source.target.content = template.source;
-      const metaKeys = (0, import_live_object.getMeta)(script).keys;
+      const metaKeys = (0, import_live_object2.getMeta)(script).keys;
       const oldPresetIndex = metaKeys.findIndex((key) => key.source === import_functions2.FUNCTIONS_PRESET_META_KEY);
       if (oldPresetIndex >= 0) {
         metaKeys.splice(oldPresetIndex, 1);
@@ -415,7 +399,7 @@ var views = {
   debug: "ph--bug--regular"
 };
 var createViewGroupItem = (state) => {
-  return (0, import_react_ui_menu5.createMenuItemGroup)("view", {
+  return (0, import_react_ui_menu4.createMenuItemGroup)("view", {
     label: [
       "view group label",
       {
@@ -429,7 +413,7 @@ var createViewGroupItem = (state) => {
 };
 var createViewActions = (state) => {
   return Object.entries(views).map(([viewType, icon]) => {
-    return (0, import_react_ui_menu5.createMenuAction)(`view--${viewType}`, {
+    return (0, import_react_ui_menu4.createMenuAction)(`view--${viewType}`, {
       type: "view",
       value: viewType,
       label: [
@@ -469,7 +453,7 @@ var useToolbarAction = (props) => {
   const handleFormat = useFormatHandler(props);
   const handleDeploy = useDeployHandler(props);
   const handleCopy = useCopyHandler(props);
-  return (0, import_react6.useCallback)((action) => {
+  return (0, import_react5.useCallback)((action) => {
     switch (action.properties.type) {
       case "template":
         handleTemplateSelect(action.properties.value);
@@ -501,219 +485,14 @@ var useToolbarAction = (props) => {
     handleCopy
   ]);
 };
-var useToolbarState = (initialState = {}) => {
-  return (0, import_react7.useMemo)(() => (0, import_live_object2.create)(initialState), []);
-};
-var createToolbar = (state) => {
-  const templateSelect = createTemplateSelect();
-  const format2 = createFormat();
-  const gap = (0, import_react_ui_menu.createGapSeparator)();
-  const deploy = createDeploy(state);
-  const view = createView(state);
-  return {
-    nodes: [
-      ...templateSelect.nodes,
-      ...format2.nodes,
-      ...gap.nodes,
-      ...deploy.nodes,
-      ...view.nodes
-    ],
-    edges: [
-      ...templateSelect.edges,
-      ...format2.edges,
-      ...gap.edges,
-      ...deploy.edges,
-      ...view.edges
-    ]
-  };
-};
-var ScriptToolbar = ({ script, role, state, classNames }) => {
-  const handleAction = useToolbarAction({
-    state,
-    script
-  });
-  const toolbarCreator = (0, import_react2.useCallback)(() => createToolbar(state), [
-    state
-  ]);
-  const menu = (0, import_react_ui_menu.useMenuActions)(toolbarCreator);
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_editor2.stackItemContentToolbarClassNames)(role)
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.ElevationProvider, {
-    elevation: role === "section" ? "positioned" : "base"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_menu.MenuProvider, {
-    ...menu,
-    onAction: handleAction,
-    attendableId: (0, import_echo2.fullyQualifiedId)(script)
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_menu.ToolbarMenu, {
-    classNames
-  }))));
-};
-var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection, toolbar, inputMode = "vscode" }) => {
-  const { themeMode } = (0, import_react_ui3.useThemeContext)();
-  const { parentRef, focusAttributes } = (0, import_react_ui_editor3.useTextEditor)(() => ({
-    id,
-    initialValue,
-    extensions: [
-      extensions,
-      (0, import_react_ui_editor3.createBasicExtensions)({
-        highlightActiveLine: true,
-        indentWithTab: true,
-        lineNumbers: true,
-        lineWrapping: false,
-        scrollPastEnd: true
-      }),
-      (0, import_react_ui_editor3.createThemeExtensions)({
-        themeMode,
-        syntaxHighlighting: true,
-        slots: {
-          content: {
-            className: import_react_ui_editor3.editorFullWidth
-          }
-        }
-      }),
-      // NOTE: Not using default editor gutter because folding for code works best right beside text.
-      import_react_ui_editor3.EditorView.theme({
-        ".cm-gutters": {
-          // Match margin from content.
-          marginTop: "16px"
-        }
-      }),
-      import_react_ui_editor3.InputModeExtensions[inputMode],
-      (0, import_react_ui_editor3.folding)(),
-      // Continues block comments when you hit Enter.
-      import_state.Prec.high(import_view.keymap.of(import_codemirror_continue.continueKeymap)),
-      // TODO(burdon): Factor out.
-      [
-        import_react_ui_editor3.editorMonospace,
-        (0, import_lang_javascript.javascript)({
-          typescript: true
-        }),
-        // https://github.com/val-town/codemirror-ts
-        (0, import_react_ui_editor3.autocomplete)({
-          override: env ? [
-            (0, import_codemirror_ts.tsAutocomplete)()
-          ] : []
-        }),
-        env ? [
-          import_codemirror_ts.tsFacet.of({
-            env,
-            path: `/src/${id}.ts`
-          }),
-          (0, import_codemirror_ts.tsSync)(),
-          (0, import_codemirror_ts.tsLinter)(),
-          (0, import_codemirror_ts.tsHover)({
-            renderTooltip: createTooltipRenderer(themeMode)
-          })
-        ] : []
-      ]
-    ].filter(import_util.isNonNullable),
-    selection,
-    scrollTo
-  }), [
-    id,
-    extensions,
-    themeMode,
-    inputMode,
-    selection,
-    scrollTo
-  ]);
-  return /* @__PURE__ */ import_react8.default.createElement("div", {
-    ref: parentRef,
-    "data-toolbar": toolbar ? "enabled" : "disabled",
-    className,
-    ...focusAttributes
-  });
-};
-var createTooltipRenderer = (themeMode) => {
-  const theme = themeMode === "dark" ? import_theme_one_dark.oneDarkHighlightStyle : import_language.defaultHighlightStyle;
-  const classFromKind = (_kind) => {
-    const kind = _kind.endsWith("Name") ? "name" : _kind;
-    const validTag = kind in import_highlight.tags;
-    if (!validTag) {
-      return "";
-    }
-    const tag = import_highlight.tags[kind];
-    if (typeof tag === "function") {
-      return "";
-    }
-    return theme.style([
-      tag
-    ]) ?? "";
-  };
-  return (info) => {
-    const div = document.createElement("div");
-    div.className = "p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg";
-    if (info.quickInfo?.displayParts) {
-      for (const part of info.quickInfo.displayParts) {
-        const span = div.appendChild(document.createElement("span"));
-        span.className = classFromKind(part.kind);
-        span.innerText = part.text;
-      }
-    }
-    return {
-      dom: div
-    };
-  };
-};
-var ScriptContainer = ({ role, classNames, script, settings = {
-  editorInputMode: "vscode"
-}, env }) => {
-  const identity = (0, import_halo.useIdentity)();
-  const space = (0, import_echo.getSpace)(script);
-  const extensions = (0, import_react.useMemo)(() => [
-    (0, import_react_ui_editor.listener)({
-      onChange: (text) => {
-        if (script.source.target && script.source.target.content !== text) {
-          script.changed = true;
-        }
-      }
-    }),
-    (0, import_react_ui_editor.createDataExtensions)({
-      id: script.id,
-      text: script.source.target && (0, import_echo.createDocAccessor)(script.source.target, [
-        "content"
-      ]),
-      space,
-      identity
-    })
-  ], [
-    script,
-    script.source.target,
-    space,
-    identity
-  ]);
-  const state = useToolbarState({
-    view: "editor"
-  });
-  useDeployState({
-    state,
-    script
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
-    toolbar: true
-  }, /* @__PURE__ */ import_react.default.createElement(ScriptToolbar, {
-    state,
-    role,
-    script
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme.mx)("flex flex-col w-full overflow-hidden divide-y divide-separator", classNames)
-  }, state.view !== "debug" && /* @__PURE__ */ import_react.default.createElement(TypescriptEditor, {
-    id: script.id,
-    env,
-    initialValue: script.source?.target?.content,
-    extensions,
-    className: (0, import_react_ui_editor.stackItemContentEditorClassNames)(role),
-    inputMode: settings.editorInputMode,
-    toolbar: true
-  }), state.view !== "editor" && /* @__PURE__ */ import_react.default.createElement(import_chunk_K3ZZWVXS.DebugPanel, {
-    functionUrl: state.functionUrl
-  })));
-};
-var ScriptContainer_default = ScriptContainer;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ScriptContainer
+  createDeploy,
+  createFormat,
+  createTemplateSelect,
+  createView,
+  useDeployState,
+  useToolbarAction,
+  useToolbarState
 });
-//# sourceMappingURL=ScriptContainer-PSLB34RX.cjs.map
+//# sourceMappingURL=chunk-XKYJYY3T.cjs.map

package/dist/lib/node/chunk-XKYJYY3T.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/deploy.ts", "../../../src/hooks/useToolbarState.ts", "../../../src/hooks/format.ts", "../../../src/hooks/template.ts", "../../../src/hooks/view.ts", "../../../src/hooks/useToolbarAction.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback, useEffect, useMemo } from 'react';\n\nimport {\n  FunctionType,\n  type ScriptType,\n  getInvocationUrl,\n  getUserFunctionUrlInMetadata,\n  incrementSemverPatch,\n  setUserFunctionUrlInMetadata,\n  uploadWorkerFunction,\n} from '@dxos/functions';\nimport { Bundler } from '@dxos/functions/bundler';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, create, getMeta, getSpace, makeRef, useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { type ViewState } from './view';\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type DeployActionProperties = { type: 'deploy' } | { type: 'copy' };\n\nexport type DeployState = ViewState & {\n  deploying: boolean;\n  deployed: boolean;\n  functionUrl: string;\n  error: string;\n};\n\nexport const createDeploy = (state: Partial<DeployState>) => {\n  const errorItem = createMenuAction('error', {\n    label: state.error ?? ['no error label', { ns: SCRIPT_PLUGIN }],\n    icon: 'ph--warning-circle--regular',\n    hidden: !state.error,\n  });\n\n  const deployAction = createMenuAction<DeployActionProperties>('deploy', {\n    type: 'deploy',\n    label: [state.deploying ? 'pending label' : 'deploy label', { ns: SCRIPT_PLUGIN }],\n    icon: state.deploying ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular',\n    disabled: state.deploying,\n    classNames: state.deploying ? '[&_svg]:animate-spin' : '',\n  });\n\n  const copyAction = createMenuAction<DeployActionProperties>('copy', {\n    type: 'copy',\n    label: ['copy link label', { ns: SCRIPT_PLUGIN }],\n    icon: 'ph--link--regular',\n    disabled: !state.functionUrl,\n  });\n\n  return {\n    nodes: [errorItem, deployAction, copyAction],\n    edges: [\n      { source: 'root', target: 'error' },\n      { source: 'root', target: 'deploy' },\n      { source: 'root', target: 'copy' },\n    ],\n  };\n};\n\nconst useDeployDeps = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Filter.schema(FunctionType, { source: script }));\n  const client = useClient();\n  const existingFunctionUrl = useMemo(() => fn && getUserFunctionUrlInMetadata(getMeta(fn)), [fn]);\n  return { space, fn, client, existingFunctionUrl };\n};\n\nexport const useDeployState = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n  const { space, client, existingFunctionUrl } = useDeployDeps({ state, script });\n  useEffect(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    state.functionUrl = getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n  }, [existingFunctionUrl, space]);\n\n  useEffect(() => {\n    state.deployed = Boolean(existingFunctionUrl) && !script.changed;\n  }, [script.changed, existingFunctionUrl]);\n};\n\nexport const useDeployHandler = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n  const { space, fn, client, existingFunctionUrl } = useDeployDeps({ state, script });\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n\n  return useCallback(async () => {\n    if (!script.source || !space) {\n      return;\n    }\n\n    state.error = undefined;\n    state.deploying = true;\n\n    try {\n      const existingFunctionId = existingFunctionUrl?.split('/').at(-1);\n\n      const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n      const buildResult = await bundler.bundle({ source: script.source.target!.content });\n      if (buildResult.error || !buildResult.bundle) {\n        throw buildResult.error;\n      }\n\n      const { functionId, version, meta } = await uploadWorkerFunction({\n        client,\n        spaceId: space.id,\n        version: fn ? incrementSemverPatch(fn.version) : '0.0.1',\n        functionId: existingFunctionId,\n        source: buildResult.bundle,\n      });\n      if (functionId === undefined || version === undefined) {\n        throw new Error(`Upload didn't return expected data: functionId=${functionId}, version=${version}`);\n      }\n\n      log.info('function uploaded', { functionId, version });\n      if (fn) {\n        fn.version = version;\n      }\n\n      const deployedFunction =\n        fn ?? space.db.add(create(FunctionType, { name: functionId, version, source: makeRef(script) }));\n\n      script.changed = false;\n      if (script.description !== undefined && script.description.trim() !== '') {\n        deployedFunction.description = script.description;\n      } else if (meta.description) {\n        deployedFunction.description = meta.description;\n      } else {\n        log.verbose('no description in function metadata', { functionId });\n      }\n\n      if (meta.inputSchema) {\n        deployedFunction.inputSchema = meta.inputSchema;\n      } else {\n        log.verbose('no input schema in function metadata', { functionId });\n      }\n      if (meta.outputSchema) {\n        deployedFunction.outputSchema = meta.outputSchema;\n      } else {\n        log.verbose('no output schema in function metadata', { functionId });\n      }\n\n      setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${space.id}/${functionId}`);\n\n      state.view = 'split';\n    } catch (err: any) {\n      log.catch(err);\n      state.error = t('upload failed label');\n    }\n    state.deploying = false;\n  }, [fn, client, t, existingFunctionUrl, script, script.name, script.source, space?.id ?? null]);\n};\n\nexport const useCopyHandler = ({ state }: { state: Partial<DeployState> }) =>\n  useCallback(async () => {\n    if (!state.functionUrl) {\n      return;\n    }\n    await navigator.clipboard.writeText(state.functionUrl);\n  }, [state.functionUrl]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { create } from '@dxos/live-object';\n\nimport { type DeployState } from './deploy';\nimport { type ViewState } from './view';\n\nexport type ScriptToolbarState = Partial<DeployState & ViewState>;\n\nexport const useToolbarState = (initialState: ScriptToolbarState = {}) => {\n  return useMemo(() => create<ScriptToolbarState>(initialState), []);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\nimport { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type FormatActionProperties = { type: 'format' };\n\nexport const createFormat = () => {\n  const formatAction = createMenuAction('format', {\n    label: ['format label', { ns: SCRIPT_PLUGIN }],\n    icon: 'ph--magic-wand--regular',\n  });\n\n  return {\n    nodes: [formatAction],\n    edges: [{ source: 'root', target: 'format' }],\n  };\n};\n\nexport const useFormatHandler = ({ script }: { script: ScriptType }) =>\n  useCallback(async () => {\n    if (!script.source) {\n      return;\n    }\n\n    try {\n      script.source.target!.content = await format(script.source.target!.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// Copyright 2025 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { FUNCTIONS_PRESET_META_KEY, type ScriptType } from '@dxos/functions';\nimport { getMeta } from '@dxos/live-object';\nimport { createMenuItemGroup, createMenuAction } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\n\nexport type TemplateActionProperties = { type: 'template'; value: string };\n\nconst createTemplateSelectGroup = () => {\n  return createMenuItemGroup('template-select', {\n    label: ['template select group label', { ns: SCRIPT_PLUGIN }],\n    variant: 'dropdownMenu',\n  });\n};\n\nconst createTemplateSelectActions = () => {\n  return templates.map((template) => {\n    return createMenuAction<TemplateActionProperties>(`template--${template.id}`, {\n      label: template.name,\n      value: template.id,\n      type: 'template',\n    });\n  });\n};\n\nexport const createTemplateSelect = () => {\n  const templateSelectGroup = createTemplateSelectGroup();\n  const templateSelectActions = createTemplateSelectActions();\n  return {\n    nodes: [templateSelectGroup, ...templateSelectActions],\n    edges: [\n      { source: 'root', target: 'template-select' },\n      ...templateSelectActions.map((action) => ({ source: 'template-select', target: action.id })),\n    ],\n  };\n};\n\nexport const useTemplateSelectHandler = ({ script }: { script: ScriptType }) => {\n  return useCallback(\n    (templateId: string) => {\n      const template = templates.find((template) => template.id === templateId);\n      if (template) {\n        script.name = template.name;\n        script.source!.target!.content = template.source;\n        const metaKeys = getMeta(script).keys;\n        const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);\n        if (oldPresetIndex >= 0) {\n          metaKeys.splice(oldPresetIndex, 1);\n        }\n        if (template.presetId) {\n          metaKeys.push({ source: FUNCTIONS_PRESET_META_KEY, id: template.presetId });\n        }\n      }\n    },\n    [script],\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createMenuAction, createMenuItemGroup } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\n// TODO(wittjosiah): Replace debug with logs.\nexport type ViewType = 'editor' | 'split' | 'debug'; // 'logs';\n\nexport type ViewState = { view: ViewType };\n\nexport type ViewActionProperties = { type: 'view'; value: ViewType };\n\nconst views: Record<ViewType, string> = {\n  editor: 'ph--code--regular',\n  split: 'ph--square-split-vertical--regular',\n  debug: 'ph--bug--regular',\n  // TODO(wittjosiah): Replace debug with logs.\n  // logs: 'ph--clock-counter-clockwise--regular',\n};\n\nconst createViewGroupItem = (state: Partial<ViewState>) => {\n  return createMenuItemGroup('view', {\n    label: ['view group label', { ns: SCRIPT_PLUGIN }],\n    variant: 'dropdownMenu',\n    applyActive: true,\n    value: state.view,\n  });\n};\n\nconst createViewActions = (state: Partial<ViewState>) => {\n  return Object.entries(views).map(([viewType, icon]) => {\n    return createMenuAction<ViewActionProperties>(`view--${viewType}`, {\n      type: 'view',\n      value: viewType as ViewType,\n      label: [`view ${viewType} label`, { ns: SCRIPT_PLUGIN }],\n      icon,\n      checked: state.view === viewType,\n    });\n  });\n};\n\nexport const createView = (state: Partial<ViewState>) => {\n  const viewGroupItem = createViewGroupItem(state);\n  const viewActions = createViewActions(state);\n  return {\n    nodes: [viewGroupItem, ...viewActions],\n    edges: [\n      { source: 'root', target: 'view' },\n      ...viewActions.map((action) => ({ source: 'view', target: action.id })),\n    ],\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { type MenuAction, type MenuActionHandler } from '@dxos/react-ui-menu';\n\nimport { type DeployActionProperties, useDeployHandler, useCopyHandler } from './deploy';\nimport { type FormatActionProperties, useFormatHandler } from './format';\nimport { type TemplateActionProperties, useTemplateSelectHandler } from './template';\nimport { type ScriptToolbarState } from './useToolbarState';\nimport { type ViewActionProperties } from './view';\n\nexport type ScriptToolbarActionProperties =\n  | TemplateActionProperties\n  | ViewActionProperties\n  | FormatActionProperties\n  | DeployActionProperties;\n\nexport type ScriptToolbarAction = MenuAction<ScriptToolbarActionProperties>;\n\nexport const useToolbarAction = (props: { state: ScriptToolbarState; script: ScriptType }) => {\n  const handleTemplateSelect = useTemplateSelectHandler(props);\n  const handleFormat = useFormatHandler(props);\n  const handleDeploy = useDeployHandler(props);\n  const handleCopy = useCopyHandler(props);\n  return useCallback(\n    ((action: ScriptToolbarAction) => {\n      switch (action.properties.type) {\n        case 'template':\n          handleTemplateSelect(action.properties.value);\n          break;\n        case 'view':\n          props.state.view = action.properties.value;\n          break;\n        case 'format':\n          void handleFormat();\n          break;\n        case 'deploy':\n          void handleDeploy();\n          break;\n        case 'copy':\n          void handleCopy();\n          break;\n        default:\n          log.error('Unknown action type', action);\n      }\n    }) as MenuActionHandler,\n    [handleTemplateSelect, handleFormat, handleDeploy, handleCopy],\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_log", "import_react_ui_menu", "import_functions", "import_live_object", "createDeploy", "state", "errorItem", "createMenuAction", "label", "error", "ns", "SCRIPT_PLUGIN", "icon", "hidden", "deployAction", "type", "deploying", "disabled", "classNames", "copyAction", "functionUrl", "nodes", "edges", "source", "target", "useDeployDeps", "script", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "client", "useClient", "existingFunctionUrl", "useMemo", "getUserFunctionUrlInMetadata", "getMeta", "useDeployState", "useEffect", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "id", "deployed", "Boolean", "changed", "useDeployHandler", "t", "useTranslation", "useCallback", "undefined", "existingFunctionId", "split", "at", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "content", "functionId", "version", "meta", "uploadWorkerFunction", "incrementSemverPatch", "Error", "log", "info", "deployedFunction", "db", "add", "create", "name", "makeRef", "description", "trim", "verbose", "inputSchema", "outputSchema", "setUserFunctionUrlInMetadata", "view", "err", "catch", "useCopyHandler", "navigator", "clipboard", "writeText", "useToolbarState", "initialState", "createFormat", "formatAction", "useFormatHandler", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "createTemplateSelectGroup", "createMenuItemGroup", "variant", "createTemplateSelectActions", "templates", "map", "template", "value", "createTemplateSelect", "templateSelectGroup", "templateSelectActions", "action", "useTemplateSelectHandler", "templateId", "find", "metaKeys", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "views", "editor", "debug", "createViewGroupItem", "applyActive", "createViewActions", "Object", "entries", "viewType", "checked", "createView", "viewGroupItem", "viewActions", "useToolbarAction", "props", "handleTemplateSelect", "handleFormat", "handleDeploy", "handleCopy", "properties"]
+}

package/dist/lib/node/index.cjs

@@ -28,18 +28,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
-  AutomationPanel: () => import_chunk_2UNNYU2C.AutomationPanel,
+  DebugPanel: () => import_chunk_K3ZZWVXS.DebugPanel,
   SCRIPT_PLUGIN: () => import_chunk_5UH3F7TA.SCRIPT_PLUGIN,
   ScriptCapabilities: () => import_chunk_ALY3N6PW.ScriptCapabilities,
-  ScriptContainer: () => import_chunk_2UNNYU2C.ScriptContainer,
+  ScriptContainer: () => import_chunk_TOXBGIEI.ScriptContainer,
   ScriptPlugin: () => ScriptPlugin,
-  ScriptSettings: () => import_chunk_2UNNYU2C.ScriptSettings,
-  ScriptSettingsPanel: () => import_chunk_2UNNYU2C.ScriptSettingsPanel,
+  ScriptSettings: () => import_chunk_TOXBGIEI.ScriptSettings,
+  ScriptSettingsPanel: () => import_chunk_TOXBGIEI.ScriptSettingsPanel,
   meta: () => import_chunk_5UH3F7TA.meta
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_2UNNYU2C = require("./chunk-2UNNYU2C.cjs");
+var import_chunk_TOXBGIEI = require("./chunk-TOXBGIEI.cjs");
 var import_chunk_ALY3N6PW = require("./chunk-ALY3N6PW.cjs");
+var import_chunk_K3ZZWVXS = require("./chunk-K3ZZWVXS.cjs");
 var import_chunk_DJGLGRQV = require("./chunk-DJGLGRQV.cjs");
 var import_chunk_5UH3F7TA = require("./chunk-5UH3F7TA.cjs");
 var import_app_framework = require("@dxos/app-framework");
@@ -47,15 +48,17 @@ var import_app_framework2 = require("@dxos/app-framework");
 var import_functions = require("@dxos/functions");
 var import_live_object = require("@dxos/live-object");
 var import_plugin_client = require("@dxos/plugin-client");
+var import_plugin_deck = require("@dxos/plugin-deck");
 var import_plugin_space = require("@dxos/plugin-space");
 var import_types = require("@dxos/plugin-space/types");
+var import_echo = require("@dxos/react-client/echo");
 var import_app_framework3 = require("@dxos/app-framework");
 var import_functions2 = require("@dxos/functions");
 var Compiler = (0, import_app_framework.lazy)(() => import("./compiler-UIBLKJKG.cjs"));
 var IntentResolver = (0, import_app_framework.lazy)(() => import("./intent-resolver-NYJFPD5B.cjs"));
-var ReactSurface = (0, import_app_framework.lazy)(() => import("./react-surface-JOMWTFI2.cjs"));
+var ReactSurface = (0, import_app_framework.lazy)(() => import("./react-surface-EGSE3FMN.cjs"));
 var ScriptSettings2 = (0, import_app_framework.lazy)(() => import("./settings-SZFSMSKM.cjs"));
-var ArtifactDefinition = (0, import_app_framework.lazy)(() => import("./artifact-definition-7AANUS3X.cjs"));
+var ArtifactDefinition = (0, import_app_framework.lazy)(() => import("./artifact-definition-BXQCFPAH.cjs"));
 var ScriptEvents;
 (function(ScriptEvents2) {
   ScriptEvents2.SetupCompiler = (0, import_app_framework3.defineEvent)(`${import_chunk_5UH3F7TA.SCRIPT_PLUGIN}/event/setup-compiler`);
@@ -103,7 +106,10 @@ var translations_default = [
         "view editor label": "Editor",
         "view split label": "Split",
         "view debug label": "Debug",
-        "template select group label": "Select template"
+        // TODO(wittjosiah): Replace debug with logs.
+        // 'view logs label': 'Logs',
+        "template select group label": "Select template",
+        "function panel label": "Debug Function"
       }
     }
   }
@@ -144,6 +150,22 @@ var ScriptPlugin = () => (0, import_app_framework2.definePlugin)(import_chunk_5U
       }
     })
   }),
+  (0, import_app_framework2.defineModule)({
+    id: `${import_chunk_5UH3F7TA.meta.id}/module/complementary-panels`,
+    activatesOn: import_plugin_deck.DeckEvents.SetupComplementaryPanels,
+    activate: () => (0, import_app_framework2.contributes)(import_plugin_deck.DeckCapabilities.ComplementaryPanel, {
+      id: "function",
+      label: [
+        "function panel label",
+        {
+          ns: import_chunk_5UH3F7TA.SCRIPT_PLUGIN
+        }
+      ],
+      icon: "ph--terminal--regular",
+      fixed: true,
+      filter: (node) => node.data instanceof import_functions.ScriptType && !!(0, import_echo.getSpace)(node.data)
+    })
+  }),
   (0, import_app_framework2.defineModule)({
     id: `${import_chunk_5UH3F7TA.meta.id}/module/object-form`,
     activatesOn: import_plugin_client.ClientEvents.SetupSchema,
@@ -156,13 +178,6 @@ var ScriptPlugin = () => (0, import_app_framework2.definePlugin)(import_chunk_5U
       })
     }))
   }),
-  (0, import_app_framework2.defineModule)({
-    id: `${import_chunk_5UH3F7TA.meta.id}/module/schema`,
-    activatesOn: import_plugin_client.ClientEvents.SetupSchema,
-    activate: () => (0, import_app_framework2.contributes)(import_plugin_client.ClientCapabilities.Schema, [
-      import_functions.FunctionType
-    ])
-  }),
   (0, import_app_framework2.defineModule)({
     id: `${import_chunk_5UH3F7TA.meta.id}/module/react-surface`,
     activatesOn: import_app_framework2.Events.SetupReactSurface,
@@ -185,7 +200,7 @@ var ScriptPlugin = () => (0, import_app_framework2.definePlugin)(import_chunk_5U
 ]);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AutomationPanel,
+  DebugPanel,
   SCRIPT_PLUGIN,
   ScriptCapabilities,
   ScriptContainer,