@dxos/plugin-script 0.8.3 → 0.8.4-main.1f223c7

package/dist/lib/browser/DeploymentDialog-QZSTVNIS.mjs

@@ -0,0 +1,12 @@
+import {
+  DEPLOYMENT_DIALOG,
+  DeploymentDialog_default
+} from "./chunk-YCZPTTFO.mjs";
+import "./chunk-NXKU3BNX.mjs";
+import "./chunk-IS4OG2UW.mjs";
+import "./chunk-QYAREHGH.mjs";
+export {
+  DEPLOYMENT_DIALOG,
+  DeploymentDialog_default as default
+};
+//# sourceMappingURL=DeploymentDialog-QZSTVNIS.mjs.map

package/dist/lib/browser/{ScriptContainer-RSN52NH7.mjs → ScriptContainer-DNNA6XC6.mjs}

@@ -5,14 +5,15 @@ import {
   useDeployDeps,
   useDeployState,
   useToolbarState
-} from "./chunk-3FU4QZVP.mjs";
-import "./chunk-QJH7I2UV.mjs";
-import "./chunk-WB3X5Z7Q.mjs";
+} from "./chunk-6CAH7VIE.mjs";
+import "./chunk-RNGIQIEJ.mjs";
+import "./chunk-NXKU3BNX.mjs";
+import "./chunk-IS4OG2UW.mjs";
 import {
   SCRIPT_PLUGIN
-} from "./chunk-6ZHHWU6S.mjs";
+} from "./chunk-QYAREHGH.mjs";
 
-// packages/plugins/plugin-script/src/components/ScriptContainer.tsx
+// src/components/ScriptContainer.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
 import React3, { useMemo as useMemo2 } from "react";
 import { createDocAccessor, getSpace } from "@dxos/react-client/echo";
@@ -20,14 +21,14 @@ import { useIdentity } from "@dxos/react-client/halo";
 import { createDataExtensions, listener, stackItemContentEditorClassNames } from "@dxos/react-ui-editor";
 import { StackItem } from "@dxos/react-ui-stack";
 
-// packages/plugins/plugin-script/src/components/ScriptToolbar/ScriptToolbar.tsx
+// src/components/ScriptToolbar/ScriptToolbar.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import { Rx } from "@effect-rx/rx-react";
 import React, { useMemo } from "react";
 import { fullyQualifiedId } from "@dxos/react-client/echo";
 import { ElevationProvider, useTranslation } from "@dxos/react-ui";
-import { createGapSeparator, MenuProvider, rxFromSignal, ToolbarMenu, useMenuActions } from "@dxos/react-ui-menu";
-var createToolbar = ({ state, script, ...options }) => Rx.make((get) => get(rxFromSignal(() => {
+import { MenuProvider, ToolbarMenu, createGapSeparator, rxFromSignal, useMenuActions } from "@dxos/react-ui-menu";
+var createToolbarActions = ({ state, script, ...options }) => Rx.make((get) => get(rxFromSignal(() => {
   const templateSelect = createTemplateSelect(script);
   const format = createFormat(script);
   const gap = createGapSeparator();
@@ -58,7 +59,7 @@ var ScriptToolbar = ({ script, role, state, classNames }) => {
     const options = useDeployDeps({
       script
     });
-    const toolbarCreator = useMemo(() => createToolbar({
+    const toolbarCreator = useMemo(() => createToolbarActions({
       state,
       script,
       t,
@@ -83,8 +84,9 @@ var ScriptToolbar = ({ script, role, state, classNames }) => {
   }
 };
 
-// packages/plugins/plugin-script/src/components/TypescriptEditor/TypescriptEditor.tsx
+// src/components/TypescriptEditor/TypescriptEditor.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
 import { javascript } from "@codemirror/lang-javascript";
 import { defaultHighlightStyle } from "@codemirror/language";
 import { lintKeymap } from "@codemirror/lint";
@@ -93,10 +95,10 @@ import { oneDarkHighlightStyle } from "@codemirror/theme-one-dark";
 import { keymap } from "@codemirror/view";
 import { tags } from "@lezer/highlight";
 import { continueKeymap } from "@valtown/codemirror-continue";
-import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
+import { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";
 import React2 from "react";
 import { useThemeContext } from "@dxos/react-ui";
-import { InputModeExtensions, autocomplete, createBasicExtensions, createThemeExtensions, folding, useTextEditor } from "@dxos/react-ui-editor";
+import { InputModeExtensions, createBasicExtensions, createThemeExtensions, folding, useTextEditor } from "@dxos/react-ui-editor";
 import { mx } from "@dxos/react-ui-theme";
 import { isNonNullable } from "@dxos/util";
 var TypescriptEditor = ({ classNames, id, inputMode = "vscode", toolbar, env, initialValue, extensions, scrollTo, selection }) => {
@@ -116,7 +118,8 @@ var TypescriptEditor = ({ classNames, id, inputMode = "vscode", toolbar, env, in
           lineNumbers: true,
           lineWrapping: false,
           monospace: true,
-          scrollPastEnd: true
+          scrollPastEnd: true,
+          search: true
         }),
         createThemeExtensions({
           themeMode,
@@ -131,7 +134,8 @@ var TypescriptEditor = ({ classNames, id, inputMode = "vscode", toolbar, env, in
           typescript: true
         }),
         // https://github.com/val-town/codemirror-ts
-        autocomplete({
+        keymap.of(completionKeymap),
+        autocompletion({
           override: env ? [
             tsAutocomplete()
           ] : void 0
@@ -199,7 +203,7 @@ var createTooltipRenderer = (themeMode) => {
   };
 };
 
-// packages/plugins/plugin-script/src/components/ScriptContainer.tsx
+// src/components/ScriptContainer.tsx
 var ScriptContainer = ({ role, script, settings = {
   editorInputMode: "vscode"
 }, env }) => {
@@ -258,4 +262,4 @@ export {
   ScriptContainer,
   ScriptContainer_default as default
 };
-//# sourceMappingURL=ScriptContainer-RSN52NH7.mjs.map
+//# sourceMappingURL=ScriptContainer-DNNA6XC6.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptToolbar/ScriptToolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { createDocAccessor, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\n\nexport type ScriptEditorProps = {\n  role: string;\n  script: ScriptType;\n  settings?: ScriptSettingsProps;\n} & Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptContainer = ({ role, script, settings = { editorInputMode: 'vscode' }, env }: ScriptEditorProps) => {\n  const identity = useIdentity();\n  const space = getSpace(script);\n  const state = useToolbarState();\n  useDeployState({ state, script });\n\n  const extensions = useMemo(\n    () =>\n      script.source.target\n        ? [\n            listener({\n              onChange: (text) => {\n                if (script.source.target?.content !== text) {\n                  script.changed = true;\n                }\n              },\n            }),\n            createDataExtensions({\n              id: script.id,\n              text: createDocAccessor(script.source.target, ['content']),\n              space,\n              identity,\n            }),\n          ]\n        : [],\n    [identity, space, script, script.source.target],\n  );\n\n  return (\n    <StackItem.Content toolbar>\n      <ScriptToolbar state={state} role={role} script={script} />\n      <TypescriptEditor\n        id={script.id}\n        env={env}\n        initialValue={script.source?.target?.content}\n        extensions={extensions}\n        classNames={stackItemContentEditorClassNames(role)}\n        inputMode={settings.editorInputMode}\n        toolbar\n      />\n    </StackItem.Content>\n  );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport {\n  type ActionGraphProps,\n  MenuProvider,\n  ToolbarMenu,\n  createGapSeparator,\n  rxFromSignal,\n  useMenuActions,\n} from '@dxos/react-ui-menu';\n\nimport {\n  type CreateDeployOptions,\n  type ScriptToolbarState,\n  createDeploy,\n  createFormat,\n  createTemplateSelect,\n  useDeployDeps,\n} from '../../hooks';\nimport { SCRIPT_PLUGIN } from '../../meta';\n\nconst createToolbarActions = ({ state, script, ...options }: CreateDeployOptions): Rx.Rx<ActionGraphProps> =>\n  Rx.make((get) =>\n    get(\n      rxFromSignal(() => {\n        const templateSelect = createTemplateSelect(script);\n        const format = createFormat(script);\n        const gap = createGapSeparator();\n        const deploy = createDeploy({ state, script, ...options });\n        return {\n          nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes],\n          edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges],\n        };\n      }),\n    ),\n  );\n\nexport type ScriptToolbarProps = ThemedClassName<{\n  role?: string;\n  script: ScriptType;\n  state: ScriptToolbarState;\n}>;\n\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const options = useDeployDeps({ script });\n  const toolbarCreator = useMemo(\n    () => createToolbarActions({ state, script, t, ...options }),\n    [state, script, options, t],\n  );\n  const menu = useMenuActions(toolbarCreator);\n\n  return (\n    <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n      <MenuProvider {...menu} attendableId={fullyQualifiedId(script)}>\n        <ToolbarMenu classNames={classNames} />\n      </MenuProvider>\n    </ElevationProvider>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\nimport { lintKeymap } from '@codemirror/lint';\nimport { Prec } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { type HoverInfo, tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemeMode, type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n  type EditorInputMode,\n  InputModeExtensions,\n  type UseTextEditorProps,\n  createBasicExtensions,\n  createThemeExtensions,\n  folding,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = ThemedClassName<\n  {\n    id: string;\n    inputMode?: EditorInputMode;\n    toolbar?: boolean;\n    env?: VirtualTypeScriptEnvironment;\n  } & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>\n>;\n\nexport const TypescriptEditor = ({\n  classNames,\n  id,\n  inputMode = 'vscode',\n  toolbar,\n  env,\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      selection,\n      scrollTo,\n      extensions: [\n        extensions,\n        createBasicExtensions({\n          highlightActiveLine: true,\n          indentWithTab: true,\n          lineNumbers: true,\n          lineWrapping: false,\n          monospace: true,\n          scrollPastEnd: true,\n          search: true,\n        }),\n        createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n        InputModeExtensions[inputMode],\n        folding(),\n        // Continues block comments when pressing Enter.\n        Prec.high(keymap.of(continueKeymap)),\n\n        // TODO(burdon): Factor out.\n        javascript({ typescript: true }),\n        // https://github.com/val-town/codemirror-ts\n        keymap.of(completionKeymap),\n        autocompletion({ override: env ? [tsAutocomplete()] : undefined }),\n        keymap.of(lintKeymap),\n        env && [\n          tsFacet.of({ env, path: `/src/${id}.ts` }),\n          tsSync(),\n          tsLinter(),\n          tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n        ],\n      ].filter(isNonNullable),\n    }),\n    [id, extensions, themeMode, inputMode, selection, scrollTo],\n  );\n\n  return (\n    <div\n      ref={parentRef}\n      data-toolbar={toolbar ? 'enabled' : 'disabled'}\n      className={mx(classNames)}\n      {...focusAttributes}\n    />\n  );\n};\n\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n  const theme = themeMode === 'dark' ? oneDarkHighlightStyle : defaultHighlightStyle;\n\n  const classFromKind = (_kind: string) => {\n    // E.g., localName, methodName, parameterName, etc.\n    const kind = _kind.endsWith('Name') ? 'name' : _kind;\n    const validTag = kind in tags;\n    if (!validTag) {\n      return '';\n    }\n\n    const tag = tags[kind as keyof typeof tags];\n    if (typeof tag === 'function') {\n      return '';\n    }\n\n    return theme.style([tag]) ?? '';\n  };\n\n  return (info: HoverInfo) => {\n    const div = document.createElement('div');\n    div.className = 'p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg';\n\n    if (info.quickInfo?.displayParts) {\n      for (const part of info.quickInfo.displayParts) {\n        const span = div.appendChild(document.createElement('span'));\n        span.className = classFromKind(part.kind);\n        span.innerText = part.text;\n      }\n    }\n\n    return { dom: div };\n  };\n};\n\nexport default TypescriptEditor;\n"],
+  "mappings": "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",
+  "names": ["React", "useMemo", "createDocAccessor", "getSpace", "useIdentity", "createDataExtensions", "listener", "stackItemContentEditorClassNames", "StackItem", "Rx", "React", "useMemo", "fullyQualifiedId", "ElevationProvider", "useTranslation", "MenuProvider", "ToolbarMenu", "createGapSeparator", "rxFromSignal", "useMenuActions", "createToolbarActions", "state", "script", "options", "Rx", "make", "get", "rxFromSignal", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "nodes", "edges", "ScriptToolbar", "role", "classNames", "t", "useTranslation", "SCRIPT_PLUGIN", "useDeployDeps", "toolbarCreator", "useMemo", "menu", "useMenuActions", "ElevationProvider", "elevation", "MenuProvider", "attendableId", "fullyQualifiedId", "ToolbarMenu", "autocompletion", "completionKeymap", "javascript", "defaultHighlightStyle", "lintKeymap", "Prec", "oneDarkHighlightStyle", "keymap", "tags", "continueKeymap", "tsAutocomplete", "tsFacet", "tsHover", "tsLinter", "tsSync", "React", "useThemeContext", "InputModeExtensions", "createBasicExtensions", "createThemeExtensions", "folding", "useTextEditor", "mx", "isNonNullable", "TypescriptEditor", "classNames", "id", "inputMode", "toolbar", "env", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "monospace", "scrollPastEnd", "search", "createThemeExtensions", "syntaxHighlighting", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "javascript", "typescript", "completionKeymap", "autocompletion", "override", "tsAutocomplete", "undefined", "lintKeymap", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "React", "div", "ref", "data-toolbar", "className", "mx", "theme", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "role", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "state", "useToolbarState", "useDeployState", "extensions", "useMemo", "source", "target", "listener", "onChange", "text", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "React", "StackItem", "Content", "toolbar", "ScriptToolbar", "TypescriptEditor", "initialValue", "classNames", "stackItemContentEditorClassNames", "inputMode"]
+}

package/dist/lib/browser/{app-graph-builder-5Z3MUX4N.mjs → app-graph-builder-IABOSTBK.mjs}

@@ -1,14 +1,14 @@
 import {
   meta
-} from "./chunk-6ZHHWU6S.mjs";
+} from "./chunk-QYAREHGH.mjs";
 
-// packages/plugins/plugin-script/src/capabilities/app-graph-builder.ts
+// src/capabilities/app-graph-builder.ts
 import { Rx } from "@effect-rx/rx-react";
 import { Option, pipe } from "effect";
 import { Capabilities, contributes } from "@dxos/app-framework";
 import { Obj } from "@dxos/echo";
 import { ScriptType } from "@dxos/functions";
-import { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from "@dxos/plugin-deck/types";
+import { ATTENDABLE_PATH_SEPARATOR, PLANK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
 import { createExtension } from "@dxos/plugin-graph";
 var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, [
   createExtension({
@@ -61,4 +61,4 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-5Z3MUX4N.mjs.map
+//# sourceMappingURL=app-graph-builder-IABOSTBK.mjs.map

package/dist/lib/{node-esm/app-graph-builder-IOOUTHV2.mjs.map → browser/app-graph-builder-IABOSTBK.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/capabilities/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { ScriptType } from '@dxos/functions';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension } from '@dxos/plugin-graph';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/execute`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (Obj.instanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: [node.id, 'execute'].join(ATTENDABLE_PATH_SEPARATOR),\n                type: PLANK_COMPANION_TYPE,\n                data: 'execute',\n                properties: {\n                  label: ['script test label', { ns: meta.id }],\n                  icon: 'ph--terminal--regular',\n                  disposition: 'hidden',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/logs`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (Obj.instanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: [node.id, 'logs'].join(ATTENDABLE_PATH_SEPARATOR),\n                type: PLANK_COMPANION_TYPE,\n                data: 'logs',\n                properties: {\n                  label: ['script logs label', { ns: meta.id }],\n                  icon: 'ph--clock-countdown--regular',\n                  disposition: 'hidden',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  ]);\n"],
-  "mappings": ";;;;;;AAIA,SAASA,UAAU;AACnB,SAASC,QAAQC,YAAY;AAE7B,SAASC,cAAcC,mBAAuC;AAC9D,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,sBAAsBC,iCAAiC;AAChE,SAASC,uBAAuB;AAIhC,IAAA,4BAAe,CAACC,YACdC,YAAYC,aAAaC,iBAAiB;EACxCC,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUO,IAAIC,WAAWC,YAAYT,MAAKU,IAAI,IAAIL,OAAOM,KAAKX,KAAAA,IAAQK,OAAOO,KAAI,CAAA,GACjGP,OAAOQ,IAAI,CAACb,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAWiB,KAAKC,yBAAAA;QAC9BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAItB,KAAKD;YAAG;;UAC3CwB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDjB,OAAOkB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;EACA3B,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUO,IAAIC,WAAWC,YAAYT,MAAKU,IAAI,IAAIL,OAAOM,KAAKX,KAAAA,IAAQK,OAAOO,KAAI,CAAA,GACjGP,OAAOQ,IAAI,CAACb,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAQiB,KAAKC,yBAAAA;QAC3BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAItB,KAAKD;YAAG;;UAC3CwB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDjB,OAAOkB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;CACD;",
-  "names": ["Rx", "Option", "pipe", "Capabilities", "contributes", "Obj", "ScriptType", "PLANK_COMPANION_TYPE", "ATTENDABLE_PATH_SEPARATOR", "createExtension", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "connector", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "Obj", "instanceOf", "ScriptType", "data", "some", "none", "map", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition", "getOrElse"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, type PluginContext, contributes } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { ScriptType } from '@dxos/functions';\nimport { ATTENDABLE_PATH_SEPARATOR, PLANK_COMPANION_TYPE } from '@dxos/plugin-deck/types';\nimport { createExtension } from '@dxos/plugin-graph';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/execute`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (Obj.instanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: [node.id, 'execute'].join(ATTENDABLE_PATH_SEPARATOR),\n                type: PLANK_COMPANION_TYPE,\n                data: 'execute',\n                properties: {\n                  label: ['script test label', { ns: meta.id }],\n                  icon: 'ph--terminal--regular',\n                  disposition: 'hidden',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/logs`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (Obj.instanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: [node.id, 'logs'].join(ATTENDABLE_PATH_SEPARATOR),\n                type: PLANK_COMPANION_TYPE,\n                data: 'logs',\n                properties: {\n                  label: ['script logs label', { ns: meta.id }],\n                  icon: 'ph--clock-countdown--regular',\n                  disposition: 'hidden',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  ]);\n"],
+  "mappings": ";;;;;AAIA,SAASA,UAAU;AACnB,SAASC,QAAQC,YAAY;AAE7B,SAASC,cAAkCC,mBAAmB;AAC9D,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,2BAA2BC,4BAA4B;AAChE,SAASC,uBAAuB;AAIhC,IAAA,4BAAe,CAACC,YACdC,YAAYC,aAAaC,iBAAiB;EACxCC,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUO,IAAIC,WAAWC,YAAYT,MAAKU,IAAI,IAAIL,OAAOM,KAAKX,KAAAA,IAAQK,OAAOO,KAAI,CAAA,GACjGP,OAAOQ,IAAI,CAACb,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAWiB,KAAKC,yBAAAA;QAC9BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAItB,KAAKD;YAAG;;UAC3CwB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDjB,OAAOkB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;EACA3B,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUO,IAAIC,WAAWC,YAAYT,MAAKU,IAAI,IAAIL,OAAOM,KAAKX,KAAAA,IAAQK,OAAOO,KAAI,CAAA,GACjGP,OAAOQ,IAAI,CAACb,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAQiB,KAAKC,yBAAAA;QAC3BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAItB,KAAKD;YAAG;;UAC3CwB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDjB,OAAOkB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;CACD;",
+  "names": ["Rx", "Option", "pipe", "Capabilities", "contributes", "Obj", "ScriptType", "ATTENDABLE_PATH_SEPARATOR", "PLANK_COMPANION_TYPE", "createExtension", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "connector", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "Obj", "instanceOf", "ScriptType", "data", "some", "none", "map", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition", "getOrElse"]
 }

package/dist/lib/browser/blueprint-definition-AR7ITBCD.mjs

@@ -0,0 +1,28 @@
+// src/capabilities/blueprint-definition.ts
+import { Capabilities, contributes } from "@dxos/app-framework";
+import { Blueprint, Template } from "@dxos/blueprints";
+import { trim } from "@dxos/util";
+var functions = [];
+var tools = [];
+var blueprint_definition_default = () => {
+  return [
+    contributes(Capabilities.Functions, functions),
+    contributes(Capabilities.BlueprintDefinition, Blueprint.make({
+      key: "dxos.org/blueprint/script",
+      name: "Script",
+      tools: Blueprint.toolDefinitions({
+        functions,
+        tools
+      }),
+      instructions: Template.make({
+        source: trim`
+            You can create and update scripts which contain Typescript code.
+          `
+      })
+    }))
+  ];
+};
+export {
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-AR7ITBCD.mjs.map

package/dist/lib/browser/blueprint-definition-AR7ITBCD.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes } from '@dxos/app-framework';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { type FunctionDefinition } from '@dxos/functions';\nimport { trim } from '@dxos/util';\n\nconst functions: FunctionDefinition[] = [];\nconst tools: string[] = [];\n\nexport default () => {\n  return [\n    contributes(Capabilities.Functions, functions),\n    contributes(\n      Capabilities.BlueprintDefinition,\n      Blueprint.make({\n        key: 'dxos.org/blueprint/script',\n        name: 'Script',\n        tools: Blueprint.toolDefinitions({ functions, tools }),\n        instructions: Template.make({\n          source: trim`\n            You can create and update scripts which contain Typescript code.\n          `,\n        }),\n      }),\n    ),\n  ];\n};\n"],
+  "mappings": ";AAIA,SAASA,cAAcC,mBAAmB;AAC1C,SAASC,WAAWC,gBAAgB;AAEpC,SAASC,YAAY;AAErB,IAAMC,YAAkC,CAAA;AACxC,IAAMC,QAAkB,CAAA;AAExB,IAAA,+BAAe,MAAA;AACb,SAAO;IACLC,YAAYC,aAAaC,WAAWJ,SAAAA;IACpCE,YACEC,aAAaE,qBACbC,UAAUC,KAAK;MACbC,KAAK;MACLC,MAAM;MACNR,OAAOK,UAAUI,gBAAgB;QAAEV;QAAWC;MAAM,CAAA;MACpDU,cAAcC,SAASL,KAAK;QAC1BM,QAAQC;;;MAGV,CAAA;IACF,CAAA,CAAA;;AAGN;",
+  "names": ["Capabilities", "contributes", "Blueprint", "Template", "trim", "functions", "tools", "contributes", "Capabilities", "Functions", "BlueprintDefinition", "Blueprint", "make", "key", "name", "toolDefinitions", "instructions", "Template", "source", "trim"]
+}

package/dist/lib/browser/{chunk-YSQMXTYO.mjs → chunk-5TVBECWH.mjs}

@@ -1,8 +1,8 @@
 import {
   meta
-} from "./chunk-6ZHHWU6S.mjs";
+} from "./chunk-QYAREHGH.mjs";
 
-// packages/plugins/plugin-script/src/capabilities/capabilities.ts
+// src/capabilities/capabilities.ts
 import { defineCapability } from "@dxos/app-framework";
 (function(ScriptCapabilities2) {
   ScriptCapabilities2.Compiler = defineCapability(`${meta.id}/capability/compiler`);
@@ -12,4 +12,4 @@ var ScriptCapabilities;
 export {
   ScriptCapabilities
 };
-//# sourceMappingURL=chunk-YSQMXTYO.mjs.map
+//# sourceMappingURL=chunk-5TVBECWH.mjs.map

package/dist/lib/browser/chunk-6CAH7VIE.mjs

@@ -0,0 +1,283 @@
+import {
+  templates
+} from "./chunk-RNGIQIEJ.mjs";
+import {
+  deployScript,
+  getFunctionUrl,
+  isScriptDeployed
+} from "./chunk-NXKU3BNX.mjs";
+import {
+  SCRIPT_PLUGIN
+} from "./chunk-QYAREHGH.mjs";
+
+// src/hooks/deploy.ts
+import { useEffect, useMemo } from "react";
+import { FunctionType, getUserFunctionIdInMetadata } from "@dxos/functions";
+import { log } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { Query, Ref, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
+import { createMenuAction } from "@dxos/react-ui-menu";
+import { errorMessageColors } from "@dxos/react-ui-theme";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/hooks/deploy.ts";
+var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t }) => {
+  const errorItem = createMenuAction("error", () => {
+  }, {
+    label: state.error ?? [
+      "no error label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    icon: "ph--warning-circle--regular",
+    hidden: !state.error,
+    classNames: state.error && errorMessageColors
+  });
+  const deployAction = createMenuAction("deploy", async () => {
+    if (!script.source || !space) {
+      return;
+    }
+    state.error = void 0;
+    state.deploying = true;
+    const result = await deployScript({
+      script,
+      client,
+      space,
+      fn,
+      existingFunctionId
+    });
+    if (!result.success) {
+      log.catch(result.error, void 0, {
+        F: __dxlog_file,
+        L: 59,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      state.error = t("upload failed label");
+    }
+    state.deploying = false;
+  }, {
+    type: "deploy",
+    label: [
+      state.deploying ? "pending label" : "deploy label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    icon: state.deploying ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
+    disabled: state.deploying,
+    classNames: state.deploying ? "[&_svg]:animate-spin" : ""
+  });
+  const copyAction = createMenuAction("copy", async () => {
+    if (!state.functionUrl) {
+      return;
+    }
+    await navigator.clipboard.writeText(state.functionUrl);
+  }, {
+    type: "copy",
+    label: [
+      "copy link label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    icon: "ph--link--regular",
+    disabled: !state.functionUrl
+  });
+  return {
+    nodes: [
+      errorItem,
+      deployAction,
+      copyAction
+    ],
+    edges: [
+      {
+        source: "root",
+        target: "error"
+      },
+      {
+        source: "root",
+        target: "deploy"
+      },
+      {
+        source: "root",
+        target: "copy"
+      }
+    ]
+  };
+};
+var useDeployState = ({ state, script }) => {
+  const { space, client, fn, existingFunctionId } = useDeployDeps({
+    script
+  });
+  useEffect(() => {
+    if (!existingFunctionId) {
+      return;
+    }
+    state.functionUrl = getFunctionUrl({
+      script,
+      fn,
+      edgeUrl: client.config.values.runtime?.services?.edge?.url ?? ""
+    });
+  }, [
+    existingFunctionId,
+    space,
+    fn,
+    script,
+    client.config.values.runtime?.services?.edge?.url
+  ]);
+  useEffect(() => {
+    state.deployed = isScriptDeployed({
+      script,
+      fn
+    });
+  }, [
+    script.changed,
+    existingFunctionId,
+    fn,
+    script
+  ]);
+};
+var useDeployDeps = ({ script }) => {
+  const space = getSpace(script);
+  const [fn] = useQuery(space, Query.type(FunctionType, {
+    source: Ref.make(script)
+  }));
+  const client = useClient();
+  const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [
+    fn
+  ]);
+  return {
+    space,
+    fn,
+    client,
+    existingFunctionId
+  };
+};
+
+// src/hooks/useToolbarState.ts
+import { useMemo as useMemo2 } from "react";
+import { live } from "@dxos/live-object";
+var useToolbarState = (initialState = {}) => {
+  return useMemo2(() => live(initialState), []);
+};
+
+// src/hooks/format.ts
+import { format } from "prettier";
+import prettierPluginEstree from "prettier/plugins/estree";
+import prettierPluginTypescript from "prettier/plugins/typescript";
+import { log as log2 } from "@dxos/log";
+import { createMenuAction as createMenuAction2 } from "@dxos/react-ui-menu";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/hooks/format.ts";
+var createFormat = (script) => {
+  const formatAction = createMenuAction2("format", async () => {
+    if (!script.source) {
+      return;
+    }
+    try {
+      script.source.target.content = await format(script.source.target.content, {
+        parser: "typescript",
+        plugins: [
+          prettierPluginEstree,
+          prettierPluginTypescript
+        ],
+        semi: true,
+        singleQuote: true
+      });
+    } catch (err) {
+      log2.catch(err, void 0, {
+        F: __dxlog_file2,
+        L: 34,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  }, {
+    label: [
+      "format label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    icon: "ph--magic-wand--regular"
+  });
+  return {
+    nodes: [
+      formatAction
+    ],
+    edges: [
+      {
+        source: "root",
+        target: "format"
+      }
+    ]
+  };
+};
+
+// src/hooks/template.ts
+import { Obj } from "@dxos/echo";
+import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions";
+import { createMenuAction as createMenuAction3, createMenuItemGroup } from "@dxos/react-ui-menu";
+var createTemplateSelectGroup = () => {
+  return createMenuItemGroup("template-select", {
+    label: [
+      "template select group label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    variant: "dropdownMenu"
+  });
+};
+var createTemplateSelectActions = (script) => {
+  return templates.map((template) => {
+    return createMenuAction3(`template--${template.id}`, () => {
+      script.name = template.name;
+      script.source.target.content = template.source;
+      const metaKeys = Obj.getMeta(script).keys;
+      const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);
+      if (oldPresetIndex >= 0) {
+        metaKeys.splice(oldPresetIndex, 1);
+      }
+      if (template.presetId) {
+        metaKeys.push({
+          source: FUNCTIONS_PRESET_META_KEY,
+          id: template.presetId
+        });
+      }
+    }, {
+      label: template.name,
+      value: template.id,
+      type: "template"
+    });
+  });
+};
+var createTemplateSelect = (script) => {
+  const templateSelectGroup = createTemplateSelectGroup();
+  const templateSelectActions = createTemplateSelectActions(script);
+  return {
+    nodes: [
+      templateSelectGroup,
+      ...templateSelectActions
+    ],
+    edges: [
+      {
+        source: "root",
+        target: "template-select"
+      },
+      ...templateSelectActions.map((action) => ({
+        source: "template-select",
+        target: action.id
+      }))
+    ]
+  };
+};
+
+export {
+  createDeploy,
+  useDeployState,
+  useDeployDeps,
+  createFormat,
+  createTemplateSelect,
+  useToolbarState
+};
+//# sourceMappingURL=chunk-6CAH7VIE.mjs.map

package/dist/lib/browser/chunk-6CAH7VIE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/deploy.ts", "../../../src/hooks/useToolbarState.ts", "../../../src/hooks/format.ts", "../../../src/hooks/template.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useMemo } from 'react';\n\nimport { FunctionType, type ScriptType, getUserFunctionIdInMetadata } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { Query, Ref, type Space, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { type TFunction } from '@dxos/react-ui';\nimport { createMenuAction } from '@dxos/react-ui-menu';\nimport { errorMessageColors } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { deployScript, getFunctionUrl, isScriptDeployed } from '../util';\n\nexport type DeployActionProperties = { type: 'deploy' } | { type: 'copy' };\n\nexport type DeployState = {\n  deploying: boolean;\n  deployed: boolean;\n  functionUrl: string;\n  error: string;\n};\n\nexport type CreateDeployOptions = {\n  state: Partial<DeployState>;\n  script: ScriptType;\n  fn: FunctionType;\n  space?: Space;\n  existingFunctionId?: string;\n  client: Client;\n  t: TFunction;\n};\n\nexport const createDeploy = ({ state, script, space, fn, client, existingFunctionId, t }: CreateDeployOptions) => {\n  // TODO(wittjosiah): Should this be an action?\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    classNames: state.error && errorMessageColors,\n  });\n\n  const deployAction = createMenuAction<DeployActionProperties>(\n    'deploy',\n    async () => {\n      if (!script.source || !space) {\n        return;\n      }\n\n      state.error = undefined;\n      state.deploying = true;\n\n      const result = await deployScript({ script, client, space, fn, existingFunctionId });\n\n      if (!result.success) {\n        log.catch(result.error);\n        state.error = t('upload failed label');\n      }\n\n      state.deploying = false;\n    },\n    {\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\n  const copyAction = createMenuAction<DeployActionProperties>(\n    'copy',\n    async () => {\n      if (!state.functionUrl) {\n        return;\n      }\n      await navigator.clipboard.writeText(state.functionUrl);\n    },\n    {\n      type: 'copy',\n      label: ['copy link label', { ns: SCRIPT_PLUGIN }],\n      icon: 'ph--link--regular',\n      disabled: !state.functionUrl,\n    },\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\nexport const useDeployState = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n  const { space, client, fn, existingFunctionId } = useDeployDeps({ script });\n  useEffect(() => {\n    if (!existingFunctionId) {\n      return;\n    }\n\n    state.functionUrl = getFunctionUrl({\n      script,\n      fn,\n      edgeUrl: client.config.values.runtime?.services?.edge?.url ?? '',\n    });\n  }, [existingFunctionId, space, fn, script, client.config.values.runtime?.services?.edge?.url]);\n\n  useEffect(() => {\n    state.deployed = isScriptDeployed({ script, fn });\n  }, [script.changed, existingFunctionId, fn, script]);\n};\n\nexport const useDeployDeps = ({ script }: { script: ScriptType }) => {\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Query.type(FunctionType, { source: Ref.make(script) }));\n  const client = useClient();\n  const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [fn]);\n  return { space, fn, client, existingFunctionId };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { live } from '@dxos/live-object';\n\nimport { type DeployState } from './deploy';\n\nexport type ScriptToolbarState = Partial<DeployState>;\n\n// TODO(burdon): Replace with context provider?\nexport const useToolbarState = (initialState: ScriptToolbarState = {}) => {\n  return useMemo(() => live<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';\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 = (script: ScriptType) => {\n  const formatAction = createMenuAction(\n    'format',\n    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    },\n    {\n      label: ['format label', { ns: SCRIPT_PLUGIN }],\n      icon: 'ph--magic-wand--regular',\n    },\n  );\n\n  return {\n    nodes: [formatAction],\n    edges: [\n      {\n        source: 'root',\n        target: 'format',\n      },\n    ],\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Obj } from '@dxos/echo';\nimport { FUNCTIONS_PRESET_META_KEY, type ScriptType } from '@dxos/functions';\nimport { createMenuAction, createMenuItemGroup } 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 = (script: ScriptType) => {\n  return templates.map((template) => {\n    return createMenuAction<TemplateActionProperties>(\n      `template--${template.id}`,\n      () => {\n        script.name = template.name;\n        script.source!.target!.content = template.source;\n        const metaKeys = Obj.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        label: template.name,\n        value: template.id,\n        type: 'template',\n      },\n    );\n  });\n};\n\nexport const createTemplateSelect = (script: ScriptType) => {\n  const templateSelectGroup = createTemplateSelectGroup();\n  const templateSelectActions = createTemplateSelectActions(script);\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"],
+  "mappings": "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",
+  "names": ["useEffect", "useMemo", "FunctionType", "getUserFunctionIdInMetadata", "log", "useClient", "Query", "Ref", "getMeta", "getSpace", "useQuery", "createMenuAction", "errorMessageColors", "createDeploy", "state", "script", "space", "fn", "client", "existingFunctionId", "t", "errorItem", "createMenuAction", "label", "error", "ns", "SCRIPT_PLUGIN", "icon", "hidden", "classNames", "errorMessageColors", "deployAction", "source", "undefined", "deploying", "result", "deployScript", "success", "log", "catch", "type", "disabled", "copyAction", "functionUrl", "navigator", "clipboard", "writeText", "nodes", "edges", "target", "useDeployState", "useDeployDeps", "useEffect", "getFunctionUrl", "edgeUrl", "config", "values", "runtime", "services", "edge", "url", "deployed", "isScriptDeployed", "changed", "getSpace", "useQuery", "Query", "FunctionType", "Ref", "make", "useClient", "useMemo", "getUserFunctionIdInMetadata", "getMeta", "useMemo", "live", "useToolbarState", "initialState", "useMemo", "live", "format", "prettierPluginEstree", "prettierPluginTypescript", "log", "createMenuAction", "createFormat", "script", "formatAction", "createMenuAction", "source", "target", "content", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "label", "ns", "SCRIPT_PLUGIN", "icon", "nodes", "edges", "Obj", "FUNCTIONS_PRESET_META_KEY", "createMenuAction", "createMenuItemGroup", "createTemplateSelectGroup", "createMenuItemGroup", "label", "ns", "SCRIPT_PLUGIN", "variant", "createTemplateSelectActions", "script", "templates", "map", "template", "createMenuAction", "id", "name", "source", "target", "content", "metaKeys", "Obj", "getMeta", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "value", "type", "createTemplateSelect", "templateSelectGroup", "templateSelectActions", "nodes", "edges", "action"]
+}