@dxos/plugin-script 0.8.4-main.dedc0f3 → 0.8.4-main.ead640a

package/dist/lib/browser/chunk-75LH4EUR.mjs

@@ -0,0 +1,326 @@
+import {
+  TypescriptEditor
+} from "./chunk-N6M34EUC.mjs";
+import {
+  meta
+} from "./chunk-EZVXV6DA.mjs";
+
+// src/components/NotebookStack/NotebookMenu.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React from "react";
+import { DropdownMenu, useTranslation } from "@dxos/react-ui";
+var NotebookMenu = ({ cell, onCellInsert, onCellDelete }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    return /* @__PURE__ */ React.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("script", cell?.id)
+    }, t("notebook cell insert script label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("prompt", cell?.id)
+    }, t("notebook cell insert prompt label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("query", cell?.id)
+    }, t("notebook cell insert query label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellInsert?.("markdown", cell?.id)
+    }, t("notebook cell insert markdown label")), cell && onCellDelete && /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
+      onClick: () => onCellDelete?.(cell.id)
+    }, t("notebook cell delete label"))), /* @__PURE__ */ React.createElement(DropdownMenu.Arrow, null)));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/NotebookStack/NotebookStack.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import React3 from "react";
+import { DropdownMenu as DropdownMenu2, IconButton, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { Stack, StackItem } from "@dxos/react-ui-stack";
+
+// src/components/NotebookStack/NotebookCell.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { useCallback, useMemo } from "react";
+import { Surface } from "@dxos/app-framework";
+import { Query, Ref } from "@dxos/echo";
+import { QueryBuilder } from "@dxos/echo-query";
+import { invariant } from "@dxos/invariant";
+import { useChatProcessor, useChatServices } from "@dxos/plugin-assistant";
+import { Chat } from "@dxos/plugin-assistant";
+import { Graph } from "@dxos/plugin-explorer/types";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { useAsyncEffect, useThemeContext, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { QueryEditor } from "@dxos/react-ui-components";
+import { Editor, createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/NotebookStack/NotebookCell.tsx";
+var editorStyles = "p-2 pis-3";
+var valueStyles = "p-1 pis-3";
+var NotebookCell = ({ space, graph, dragging, cell, env }) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation2(meta.id);
+    const extensions = useMemo(() => {
+      return cell.script?.target ? [
+        createDataExtensions({
+          id: cell.id,
+          text: createDocAccessor(cell.script.target, [
+            "content"
+          ])
+        })
+      ].filter(isNonNullable) : [];
+    }, [
+      cell.script?.target
+    ]);
+    const view = cell.view?.target;
+    const builder = useMemo(() => new QueryBuilder(), []);
+    useAsyncEffect(async () => {
+      if (!space || !cell.script?.target) {
+        return;
+      }
+      if (cell.type === "query") {
+        const query = cell.script.target.content;
+        const filter = builder.build(query);
+        if (filter) {
+          const ast = Query.select(filter).ast;
+          const view2 = cell.view?.target;
+          if (!view2) {
+            const graph2 = Graph.make({
+              query: {
+                ast
+              }
+            });
+            const { view: view3 } = await Graph.makeView({
+              space,
+              presentation: graph2
+            });
+            cell.view = Ref.make(view3);
+          } else {
+            view2.query.ast = ast;
+          }
+        }
+      }
+    }, [
+      space,
+      builder,
+      cell,
+      cell.script?.target?.content
+    ]);
+    const handleQueryChange = useCallback((value) => {
+      invariant(cell.script?.target, void 0, {
+        F: __dxlog_file,
+        L: 91,
+        S: void 0,
+        A: [
+          "cell.script?.target",
+          ""
+        ]
+      });
+      cell.script.target.content = value;
+    }, [
+      cell
+    ]);
+    const services = useChatServices({
+      space,
+      chat: cell.chat?.target
+    });
+    const processor = useChatProcessor({
+      chat: cell.chat?.target,
+      services
+    });
+    switch (cell.type) {
+      case "markdown":
+        if (!cell.script?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(MarkdownEditor, {
+          id: cell.id,
+          classNames: editorStyles,
+          initialValue: cell.script.target.content,
+          extensions
+        });
+      case "script":
+        if (!cell.script?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TypescriptEditor, {
+          id: cell.id,
+          role: "section",
+          classNames: editorStyles,
+          initialValue: cell.script.target.content,
+          extensions,
+          env,
+          options: {
+            placeholder: t("notebook cell placeholder"),
+            highlightActiveLine: false,
+            lineNumbers: false
+          }
+        }), /* @__PURE__ */ React2.createElement(NotebookCellValue, {
+          cell,
+          graph
+        }));
+      case "query":
+        if (!cell.script?.target) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement("div", {
+          className: mx("bs-full overflow-hidden grid", view && !dragging && "grid-rows-[min-content_1fr]")
+        }, /* @__PURE__ */ React2.createElement(QueryEditor, {
+          id: cell.id,
+          classNames: [
+            editorStyles,
+            "border-b border-subduedSeparator"
+          ],
+          db: space?.db,
+          value: cell.script.target.content,
+          onChange: handleQueryChange
+        }), view && !dragging && /* @__PURE__ */ React2.createElement(Surface, {
+          role: "section",
+          limit: 1,
+          data: {
+            subject: view
+          }
+        }));
+      case "prompt":
+        if (!cell.chat?.target || !processor) {
+          return null;
+        }
+        return /* @__PURE__ */ React2.createElement(Chat.Root, {
+          chat: cell.chat.target,
+          processor
+        }, /* @__PURE__ */ React2.createElement(Chat.Thread, {
+          overscroll: 0
+        }), /* @__PURE__ */ React2.createElement(Chat.Prompt, {
+          settings: false,
+          classNames: "p-2 border-t border-subduedSeparator"
+        }));
+      default:
+        return null;
+    }
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookCellValue = ({ cell, graph }) => {
+  var _effect = _useSignals2();
+  try {
+    const name = graph?.expressions.value[cell.id]?.name;
+    const value = graph?.values.value[cell.id];
+    if (value == null) {
+      return null;
+    }
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: mx("flex is-full bg-groupSurface border-t border-subduedSeparator text-description font-mono", valueStyles)
+    }, name && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", {
+      className: "text-successText"
+    }, name), /* @__PURE__ */ React2.createElement("span", {
+      className: "text-description"
+    }, "\xA0=\xA0")), /* @__PURE__ */ React2.createElement("span", null, value));
+  } finally {
+    _effect.f();
+  }
+};
+var MarkdownEditor = ({ extensions: extensionsParam, ...props }) => {
+  var _effect = _useSignals2();
+  try {
+    const { t } = useTranslation2(meta.id);
+    const { themeMode } = useThemeContext();
+    const extensions = useMemo(() => {
+      return [
+        createBasicExtensions({
+          placeholder: t("notebook markdown placeholder")
+        }),
+        createThemeExtensions({
+          themeMode,
+          syntaxHighlighting: true
+        }),
+        createMarkdownExtensions(),
+        decorateMarkdown(),
+        extensionsParam
+      ].filter(isNonNullable);
+    }, [
+      extensionsParam
+    ]);
+    return /* @__PURE__ */ React2.createElement(Editor, {
+      ...props,
+      extensions,
+      moveToEnd: true
+    });
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/NotebookStack/NotebookStack.tsx
+var minSectionHeight = "min-bs-[16rem]";
+var NotebookStack = ({ classNames, notebook, onRearrange, ...props }) => {
+  var _effect = _useSignals3();
+  try {
+    return /* @__PURE__ */ React3.createElement(Stack, {
+      classNames,
+      orientation: "vertical",
+      size: "contain",
+      rail: true,
+      onRearrange
+    }, notebook?.cells.map((cell, i) => /* @__PURE__ */ React3.createElement(NotebookSection, {
+      key: i,
+      cell,
+      ...props
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+var NotebookSection = ({ cell, space, env, onCellInsert, onCellDelete, ...props }) => {
+  var _effect = _useSignals3();
+  try {
+    const { t } = useTranslation3(meta.id);
+    const resizable = cell.type === "query" || cell.type === "prompt";
+    return /* @__PURE__ */ React3.createElement(StackItem.Root, {
+      role: "section",
+      item: cell,
+      draggable: true,
+      classNames: resizable && minSectionHeight
+    }, /* @__PURE__ */ React3.createElement(StackItem.Heading, {
+      classNames: "bs-full p-1 justify-between attention-surface"
+    }, /* @__PURE__ */ React3.createElement(StackItem.DragHandle, {
+      asChild: true
+    }, /* @__PURE__ */ React3.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--dots-six-vertical--regular",
+      iconOnly: true,
+      label: "Drag handle"
+    })), /* @__PURE__ */ React3.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React3.createElement(DropdownMenu2.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React3.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--dots-three--regular",
+      iconOnly: true,
+      label: t("notebook cell insert label")
+    })), /* @__PURE__ */ React3.createElement(NotebookMenu, {
+      cell,
+      onCellInsert,
+      onCellDelete
+    })), resizable && /* @__PURE__ */ React3.createElement(StackItem.ResizeHandle, null)), /* @__PURE__ */ React3.createElement(StackItem.DragPreview, null, ({ item: cell2 }) => /* @__PURE__ */ React3.createElement(StackItem.Content, {
+      classNames: "overflow-visible bg-groupSurface border border-subduedSeparator"
+    }, /* @__PURE__ */ React3.createElement(NotebookCell, {
+      space,
+      cell: cell2,
+      env,
+      dragging: true
+    }))), /* @__PURE__ */ React3.createElement(StackItem.Content, {
+      classNames: "overflow-visible"
+    }, /* @__PURE__ */ React3.createElement(NotebookCell, {
+      space,
+      cell,
+      env,
+      ...props
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+
+export {
+  NotebookMenu,
+  NotebookStack
+};
+//# sourceMappingURL=chunk-75LH4EUR.mjs.map

package/dist/lib/browser/chunk-75LH4EUR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/NotebookStack/NotebookMenu.tsx", "../../../src/components/NotebookStack/NotebookStack.tsx", "../../../src/components/NotebookStack/NotebookCell.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DropdownMenu, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../../meta';\nimport { type Notebook } from '../../types';\n\nexport type NotebookMenuProps = {\n  cell?: Notebook.Cell;\n  onCellInsert?: (type: Notebook.CellType, after: string | undefined) => void;\n  onCellDelete?: (id: string) => void;\n};\n\n// TODO(burdon): Better way to organize menu?\nexport const NotebookMenu = ({ cell, onCellInsert, onCellDelete }: NotebookMenuProps) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.Content>\n        <DropdownMenu.Viewport>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('script', cell?.id)}>\n            {t('notebook cell insert script label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('prompt', cell?.id)}>\n            {t('notebook cell insert prompt label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('query', cell?.id)}>\n            {t('notebook cell insert query label')}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item onClick={() => onCellInsert?.('markdown', cell?.id)}>\n            {t('notebook cell insert markdown label')}\n          </DropdownMenu.Item>\n          {cell && onCellDelete && (\n            <DropdownMenu.Item onClick={() => onCellDelete?.(cell.id)}>\n              {t('notebook cell delete label')}\n            </DropdownMenu.Item>\n          )}\n        </DropdownMenu.Viewport>\n        <DropdownMenu.Arrow />\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DropdownMenu, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { Stack, StackItem, type StackProps } from '@dxos/react-ui-stack';\n\nimport { meta } from '../../meta';\nimport { type Notebook } from '../../types';\nimport { type TypescriptEditorProps } from '../TypescriptEditor';\n\nimport { NotebookCell, type NotebookCellProps } from './NotebookCell';\nimport { NotebookMenu } from './NotebookMenu';\n\nconst minSectionHeight = 'min-bs-[16rem]';\n\nexport type NotebookStackProps = ThemedClassName<\n  {\n    notebook?: Notebook.Notebook;\n    onRearrange?: StackProps['onRearrange'];\n  } & (Pick<NotebookSectionProps, 'space' | 'graph' | 'onCellInsert' | 'onCellDelete'> &\n    Pick<TypescriptEditorProps, 'env'>)\n>;\n\n// TODO(burdon): Option for narrow rail (with compact buttons that align with first button in toolbar).\nexport const NotebookStack = ({ classNames, notebook, onRearrange, ...props }: NotebookStackProps) => {\n  return (\n    <Stack classNames={classNames} orientation='vertical' size='contain' rail onRearrange={onRearrange}>\n      {notebook?.cells.map((cell, i) => (\n        <NotebookSection key={i} cell={cell} {...props} />\n      ))}\n    </Stack>\n  );\n};\n\ntype NotebookSectionProps = NotebookCellProps;\n\nconst NotebookSection = ({ cell, space, env, onCellInsert, onCellDelete, ...props }: NotebookSectionProps) => {\n  const { t } = useTranslation(meta.id);\n  const resizable = cell.type === 'query' || cell.type === 'prompt';\n\n  // TOOD(burdon): Set size if no extrinsic size (provider).\n  return (\n    <StackItem.Root role='section' item={cell} draggable classNames={resizable && minSectionHeight}>\n      <StackItem.Heading classNames='bs-full p-1 justify-between attention-surface'>\n        <StackItem.DragHandle asChild>\n          <IconButton variant='ghost' icon='ph--dots-six-vertical--regular' iconOnly label='Drag handle' />\n        </StackItem.DragHandle>\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <IconButton\n              variant='ghost'\n              icon='ph--dots-three--regular'\n              iconOnly\n              label={t('notebook cell insert label')}\n            />\n          </DropdownMenu.Trigger>\n          <NotebookMenu cell={cell} onCellInsert={onCellInsert} onCellDelete={onCellDelete} />\n        </DropdownMenu.Root>\n        {resizable && <StackItem.ResizeHandle />}\n      </StackItem.Heading>\n\n      {/* TODO(burdon): Move drag preview to outer stack (uniformly). */}\n      <StackItem.DragPreview>\n        {({ item: cell }) => (\n          <StackItem.Content classNames='overflow-visible bg-groupSurface border border-subduedSeparator'>\n            <NotebookCell space={space} cell={cell} env={env} dragging />\n          </StackItem.Content>\n        )}\n      </StackItem.DragPreview>\n\n      <StackItem.Content classNames='overflow-visible'>\n        <NotebookCell space={space} cell={cell} env={env} {...props} />\n      </StackItem.Content>\n    </StackItem.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Query, Ref } from '@dxos/echo';\nimport { QueryBuilder } from '@dxos/echo-query';\nimport { invariant } from '@dxos/invariant';\nimport { useChatProcessor, useChatServices } from '@dxos/plugin-assistant';\nimport { Chat } from '@dxos/plugin-assistant';\nimport { Graph } from '@dxos/plugin-explorer/types';\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { type Space } from '@dxos/react-client/echo';\nimport { useAsyncEffect, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport {\n  Editor,\n  type EditorProps,\n  createBasicExtensions,\n  createDataExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  decorateMarkdown,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\nimport { type ComputeGraph } from '../../notebook';\nimport { type Notebook } from '../../types';\nimport { TypescriptEditor, type TypescriptEditorProps } from '../TypescriptEditor';\n\nimport { type NotebookMenuProps } from './NotebookMenu';\n\nconst editorStyles = 'p-2 pis-3';\nconst valueStyles = 'p-1 pis-3';\n\nexport type NotebookCellProps = {\n  space?: Space;\n  graph?: ComputeGraph;\n  dragging?: boolean;\n  cell: Notebook.Cell;\n} & (Pick<NotebookMenuProps, 'onCellInsert' | 'onCellDelete'> & Pick<TypescriptEditorProps, 'env'>);\n\n// TODO(burdon): Display errors.\nexport const NotebookCell = ({ space, graph, dragging, cell, env }: NotebookCellProps) => {\n  const { t } = useTranslation(meta.id);\n\n  //\n  // Common.\n  //\n  const extensions = useMemo(() => {\n    return cell.script?.target\n      ? [createDataExtensions({ id: cell.id, text: createDocAccessor(cell.script.target, ['content']) })].filter(\n          isNonNullable,\n        )\n      : [];\n  }, [cell.script?.target]);\n\n  //\n  // Query.\n  //\n  const view = cell.view?.target;\n  const builder = useMemo(() => new QueryBuilder(), []);\n  useAsyncEffect(async () => {\n    if (!space || !cell.script?.target) {\n      return;\n    }\n\n    if (cell.type === 'query') {\n      const query = cell.script.target.content;\n      const filter = builder.build(query);\n      if (filter) {\n        const ast = Query.select(filter).ast;\n        const view = cell.view?.target;\n        if (!view) {\n          const graph = Graph.make({ query: { ast } });\n          const { view } = await Graph.makeView({ space, presentation: graph });\n          cell.view = Ref.make(view);\n        } else {\n          view.query.ast = ast;\n        }\n      }\n    }\n  }, [space, builder, cell, cell.script?.target?.content]);\n\n  const handleQueryChange = useCallback<NonNullable<QueryEditorProps['onChange']>>(\n    (value: string) => {\n      invariant(cell.script?.target);\n      cell.script.target.content = value;\n    },\n    [cell],\n  );\n\n  //\n  // Prompt.\n  // TODO(burdon): Add values to context or system message (via blueprint?).\n  //\n  const services = useChatServices({ space, chat: cell.chat?.target });\n  const processor = useChatProcessor({ chat: cell.chat?.target, services });\n\n  switch (cell.type) {\n    case 'markdown':\n      if (!cell.script?.target) {\n        return null;\n      }\n\n      return (\n        <MarkdownEditor\n          id={cell.id}\n          classNames={editorStyles}\n          initialValue={cell.script.target.content}\n          extensions={extensions}\n        />\n      );\n\n    case 'script':\n      if (!cell.script?.target) {\n        return null;\n      }\n\n      return (\n        <>\n          <TypescriptEditor\n            id={cell.id}\n            role='section'\n            classNames={editorStyles}\n            initialValue={cell.script.target.content}\n            extensions={extensions}\n            env={env}\n            options={{\n              placeholder: t('notebook cell placeholder'),\n              highlightActiveLine: false,\n              lineNumbers: false,\n            }}\n          />\n          <NotebookCellValue cell={cell} graph={graph} />\n        </>\n      );\n\n    case 'query':\n      if (!cell.script?.target) {\n        return null;\n      }\n\n      return (\n        <div className={mx('bs-full overflow-hidden grid', view && !dragging && 'grid-rows-[min-content_1fr]')}>\n          <QueryEditor\n            id={cell.id}\n            classNames={[editorStyles, 'border-b border-subduedSeparator']}\n            db={space?.db}\n            value={cell.script.target.content}\n            onChange={handleQueryChange}\n          />\n          {view && !dragging && <Surface role='section' limit={1} data={{ subject: view }} />}\n        </div>\n      );\n\n    case 'prompt':\n      if (!cell.chat?.target || !processor) {\n        return null;\n      }\n\n      return (\n        <Chat.Root chat={cell.chat.target} processor={processor}>\n          <Chat.Thread overscroll={0} />\n          <Chat.Prompt settings={false} classNames='p-2 border-t border-subduedSeparator' />\n        </Chat.Root>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst NotebookCellValue = ({ cell, graph }: NotebookCellProps) => {\n  const name = graph?.expressions.value[cell.id]?.name;\n  const value = graph?.values.value[cell.id];\n  if (value == null) {\n    return null;\n  }\n\n  return (\n    <div\n      className={mx(\n        'flex is-full bg-groupSurface border-t border-subduedSeparator text-description font-mono',\n        valueStyles,\n      )}\n    >\n      {name && (\n        <>\n          <span className='text-successText'>{name}</span>\n          <span className='text-description'>&nbsp;=&nbsp;</span>\n        </>\n      )}\n      <span>{value}</span>\n    </div>\n  );\n};\n\nconst MarkdownEditor = ({ extensions: extensionsParam, ...props }: EditorProps) => {\n  const { t } = useTranslation(meta.id);\n  const { themeMode } = useThemeContext();\n  const extensions = useMemo(() => {\n    return [\n      createBasicExtensions({ placeholder: t('notebook markdown placeholder') }),\n      createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n      createMarkdownExtensions(),\n      decorateMarkdown(),\n      extensionsParam,\n    ].filter(isNonNullable);\n  }, [extensionsParam]);\n\n  return <Editor {...props} extensions={extensions} moveToEnd />;\n};\n"],
+  "mappings": "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",
+  "names": ["React", "DropdownMenu", "useTranslation", "NotebookMenu", "cell", "onCellInsert", "onCellDelete", "t", "useTranslation", "meta", "id", "DropdownMenu", "Portal", "Content", "Viewport", "Item", "onClick", "Arrow", "React", "DropdownMenu", "IconButton", "useTranslation", "Stack", "StackItem", "React", "useCallback", "useMemo", "Surface", "Query", "Ref", "QueryBuilder", "invariant", "useChatProcessor", "useChatServices", "Chat", "Graph", "createDocAccessor", "useAsyncEffect", "useThemeContext", "useTranslation", "QueryEditor", "Editor", "createBasicExtensions", "createDataExtensions", "createMarkdownExtensions", "createThemeExtensions", "decorateMarkdown", "mx", "isNonNullable", "editorStyles", "valueStyles", "NotebookCell", "space", "graph", "dragging", "cell", "env", "t", "useTranslation", "meta", "id", "extensions", "useMemo", "script", "target", "createDataExtensions", "text", "createDocAccessor", "filter", "isNonNullable", "view", "builder", "QueryBuilder", "useAsyncEffect", "type", "query", "content", "build", "ast", "Query", "select", "Graph", "make", "makeView", "presentation", "Ref", "handleQueryChange", "useCallback", "value", "invariant", "services", "useChatServices", "chat", "processor", "useChatProcessor", "React", "MarkdownEditor", "classNames", "initialValue", "TypescriptEditor", "role", "options", "placeholder", "highlightActiveLine", "lineNumbers", "NotebookCellValue", "div", "className", "mx", "QueryEditor", "db", "onChange", "Surface", "limit", "data", "subject", "Chat", "Root", "Thread", "overscroll", "Prompt", "settings", "name", "expressions", "values", "span", "extensionsParam", "props", "themeMode", "useThemeContext", "createBasicExtensions", "createThemeExtensions", "syntaxHighlighting", "createMarkdownExtensions", "decorateMarkdown", "Editor", "moveToEnd", "minSectionHeight", "NotebookStack", "classNames", "notebook", "onRearrange", "props", "React", "Stack", "orientation", "size", "rail", "cells", "map", "cell", "i", "NotebookSection", "key", "space", "env", "onCellInsert", "onCellDelete", "t", "useTranslation", "meta", "id", "resizable", "type", "StackItem", "Root", "role", "item", "draggable", "Heading", "DragHandle", "asChild", "IconButton", "variant", "icon", "iconOnly", "label", "DropdownMenu", "Trigger", "NotebookMenu", "ResizeHandle", "DragPreview", "Content", "NotebookCell", "dragging"]
+}

package/dist/lib/browser/{chunk-6CAH7VIE.mjs → chunk-E7DXDICD.mjs}

@@ -1,14 +1,14 @@
-import {
-  templates
-} from "./chunk-RNGIQIEJ.mjs";
 import {
   deployScript,
   getFunctionUrl,
   isScriptDeployed
-} from "./chunk-NXKU3BNX.mjs";
+} from "./chunk-JO2O7W6J.mjs";
 import {
-  SCRIPT_PLUGIN
-} from "./chunk-QYAREHGH.mjs";
+  templates
+} from "./chunk-ST3ACVUC.mjs";
+import {
+  meta
+} from "./chunk-EZVXV6DA.mjs";
 
 // src/hooks/deploy.ts
 import { useEffect, useMemo } from "react";
@@ -25,7 +25,7 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
     label: state.error ?? [
       "no error label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--warning-circle--regular",
@@ -58,9 +58,9 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
   }, {
     type: "deploy",
     label: [
-      state.deploying ? "pending label" : "deploy label",
+      state.deploying ? "publishing label" : "deploy label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: state.deploying ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
@@ -68,16 +68,15 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
     classNames: state.deploying ? "[&_svg]:animate-spin" : ""
   });
   const copyAction = createMenuAction("copy", async () => {
-    if (!state.functionUrl) {
-      return;
+    if (state.functionUrl) {
+      await navigator.clipboard.writeText(state.functionUrl);
     }
-    await navigator.clipboard.writeText(state.functionUrl);
   }, {
     type: "copy",
     label: [
       "copy link label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--link--regular",
@@ -138,18 +137,18 @@ var useDeployState = ({ state, script }) => {
   ]);
 };
 var useDeployDeps = ({ script }) => {
+  const client = useClient();
   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 {
+    client,
     space,
     fn,
-    client,
     existingFunctionId
   };
 };
@@ -195,7 +194,7 @@ var createFormat = (script) => {
     label: [
       "format label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--magic-wand--regular"
@@ -222,7 +221,7 @@ var createTemplateSelectGroup = () => {
     label: [
       "template select group label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     variant: "dropdownMenu"
@@ -238,7 +237,7 @@ var createTemplateSelectActions = (script) => {
       if (oldPresetIndex >= 0) {
         metaKeys.splice(oldPresetIndex, 1);
       }
-      if (template.presetId) {
+      if ("presetId" in template) {
         metaKeys.push({
           source: FUNCTIONS_PRESET_META_KEY,
           id: template.presetId
@@ -280,4 +279,4 @@ export {
   createTemplateSelect,
   useToolbarState
 };
-//# sourceMappingURL=chunk-6CAH7VIE.mjs.map
+//# sourceMappingURL=chunk-E7DXDICD.mjs.map

package/dist/lib/browser/chunk-E7DXDICD.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 { meta } 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: meta.id }],\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 ? 'publishing label' : 'deploy label', { ns: meta.id }],\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        await navigator.clipboard.writeText(state.functionUrl);\n      }\n    },\n    {\n      type: 'copy',\n      label: ['copy link label', { ns: meta.id }],\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 client = useClient();\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Query.type(FunctionType, { source: Ref.make(script) }));\n  const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [fn]);\n  return { client, space, fn, 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 { meta } 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: meta.id }],\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 { meta } from '../meta';\nimport { templates } from '../templates';\n\nexport type TemplateActionProperties = { type: 'template'; value: string };\n\nconst createTemplateSelectGroup = () => {\n  // TODO(burdon): This should not be in the toolbar (move to create Object dialog).\n  return createMenuItemGroup('template-select', {\n    label: ['template select group label', { ns: meta.id }],\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 ('presetId' in template) {\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": ";;;;;;;;;;;;;AAIA,SAASA,WAAWC,eAAe;AAEnC,SAASC,cAA+BC,mCAAmC;AAC3E,SAASC,WAAW;AACpB,SAAsBC,iBAAiB;AACvC,SAASC,OAAOC,KAAiBC,SAASC,UAAUC,gBAAgB;AAEpE,SAASC,wBAAwB;AACjC,SAASC,0BAA0B;;AAwB5B,IAAMC,eAAe,CAAC,EAAEC,OAAOC,QAAQC,OAAOC,IAAIC,QAAQC,oBAAoBC,EAAC,MAAuB;AAE3G,QAAMC,YAAYC,iBAAiB,SAAS,MAAA;EAAO,GAAG;IACpDC,OAAOT,MAAMU,SAAS;MAAC;MAAkB;QAAEC,IAAIC,KAAKC;MAAG;;IACvDC,MAAM;IACNC,QAAQ,CAACf,MAAMU;IACfM,YAAYhB,MAAMU,SAASO;EAC7B,CAAA;AAEA,QAAMC,eAAeV,iBACnB,UACA,YAAA;AACE,QAAI,CAACP,OAAOkB,UAAU,CAACjB,OAAO;AAC5B;IACF;AAEAF,UAAMU,QAAQU;AACdpB,UAAMqB,YAAY;AAElB,UAAMC,SAAS,MAAMC,aAAa;MAAEtB;MAAQG;MAAQF;MAAOC;MAAIE;IAAmB,CAAA;AAElF,QAAI,CAACiB,OAAOE,SAAS;AACnBC,UAAIC,MAAMJ,OAAOZ,OAAK,QAAA;;;;;;AACtBV,YAAMU,QAAQJ,EAAE,qBAAA;IAClB;AAEAN,UAAMqB,YAAY;EACpB,GACA;IACEM,MAAM;IACNlB,OAAO;MAACT,MAAMqB,YAAY,qBAAqB;MAAgB;QAAEV,IAAIC,KAAKC;MAAG;;IAC7EC,MAAMd,MAAMqB,YAAY,6BAA6B;IACrDO,UAAU5B,MAAMqB;IAChBL,YAAYhB,MAAMqB,YAAY,yBAAyB;EACzD,CAAA;AAGF,QAAMQ,aAAarB,iBACjB,QACA,YAAA;AACE,QAAIR,MAAM8B,aAAa;AACrB,YAAMC,UAAUC,UAAUC,UAAUjC,MAAM8B,WAAW;IACvD;EACF,GACA;IACEH,MAAM;IACNlB,OAAO;MAAC;MAAmB;QAAEE,IAAIC,KAAKC;MAAG;;IACzCC,MAAM;IACNc,UAAU,CAAC5B,MAAM8B;EACnB,CAAA;AAGF,SAAO;IACLI,OAAO;MAAC3B;MAAWW;MAAcW;;IACjCM,OAAO;MACL;QAAEhB,QAAQ;QAAQiB,QAAQ;MAAQ;MAClC;QAAEjB,QAAQ;QAAQiB,QAAQ;MAAS;MACnC;QAAEjB,QAAQ;QAAQiB,QAAQ;MAAO;;EAErC;AACF;AAEO,IAAMC,iBAAiB,CAAC,EAAErC,OAAOC,OAAM,MAAuD;AACnG,QAAM,EAAEC,OAAOE,QAAQD,IAAIE,mBAAkB,IAAKiC,cAAc;IAAErC;EAAO,CAAA;AACzEsC,YAAU,MAAA;AACR,QAAI,CAAClC,oBAAoB;AACvB;IACF;AAEAL,UAAM8B,cAAcU,eAAe;MACjCvC;MACAE;MACAsC,SAASrC,OAAOsC,OAAOC,OAAOC,SAASC,UAAUC,MAAMC,OAAO;IAChE,CAAA;EACF,GAAG;IAAC1C;IAAoBH;IAAOC;IAAIF;IAAQG,OAAOsC,OAAOC,OAAOC,SAASC,UAAUC,MAAMC;GAAI;AAE7FR,YAAU,MAAA;AACRvC,UAAMgD,WAAWC,iBAAiB;MAAEhD;MAAQE;IAAG,CAAA;EACjD,GAAG;IAACF,OAAOiD;IAAS7C;IAAoBF;IAAIF;GAAO;AACrD;AAEO,IAAMqC,gBAAgB,CAAC,EAAErC,OAAM,MAA0B;AAC9D,QAAMG,SAAS+C,UAAAA;AACf,QAAMjD,QAAQkD,SAASnD,MAAAA;AACvB,QAAM,CAACE,EAAAA,IAAMkD,SAASnD,OAAOoD,MAAM3B,KAAK4B,cAAc;IAAEpC,QAAQqC,IAAIC,KAAKxD,MAAAA;EAAQ,CAAA,CAAA;AACjF,QAAMI,qBAAqBqD,QAAQ,MAAMvD,MAAMwD,4BAA4BC,QAAQzD,EAAAA,CAAAA,GAAM;IAACA;GAAG;AAC7F,SAAO;IAAEC;IAAQF;IAAOC;IAAIE;EAAmB;AACjD;;;ACvHA,SAASwD,WAAAA,gBAAe;AAExB,SAASC,YAAY;AAOd,IAAMC,kBAAkB,CAACC,eAAmC,CAAC,MAAC;AACnE,SAAOC,SAAQ,MAAMC,KAAyBF,YAAAA,GAAe,CAAA,CAAE;AACjE;;;ACXA,SAASG,cAAc;AACvB,OAAOC,0BAA0B;AACjC,OAAOC,8BAA8B;AAGrC,SAASC,OAAAA,YAAW;AACpB,SAASC,oBAAAA,yBAAwB;;AAM1B,IAAMC,eAAe,CAACC,WAAAA;AAC3B,QAAMC,eAAeC,kBACnB,UACA,YAAA;AACE,QAAI,CAACF,OAAOG,QAAQ;AAClB;IACF;AAEA,QAAI;AACFH,aAAOG,OAAOC,OAAQC,UAAU,MAAMC,OAAON,OAAOG,OAAOC,OAAQC,SAAS;QAC1EE,QAAQ;QACRC,SAAS;UAACC;UAAsBC;;QAChCC,MAAM;QACNC,aAAa;MACf,CAAA;IACF,SAASC,KAAU;AAEjBC,MAAAA,KAAIC,MAAMF,KAAAA,QAAAA;;;;;;IACZ;EACF,GACA;IACEG,OAAO;MAAC;MAAgB;QAAEC,IAAIC,KAAKC;MAAG;;IACtCC,MAAM;EACR,CAAA;AAGF,SAAO;IACLC,OAAO;MAACpB;;IACRqB,OAAO;MACL;QACEnB,QAAQ;QACRC,QAAQ;MACV;;EAEJ;AACF;;;AC/CA,SAASmB,WAAW;AACpB,SAASC,iCAAkD;AAC3D,SAASC,oBAAAA,mBAAkBC,2BAA2B;AAOtD,IAAMC,4BAA4B,MAAA;AAEhC,SAAOC,oBAAoB,mBAAmB;IAC5CC,OAAO;MAAC;MAA+B;QAAEC,IAAIC,KAAKC;MAAG;;IACrDC,SAAS;EACX,CAAA;AACF;AAEA,IAAMC,8BAA8B,CAACC,WAAAA;AACnC,SAAOC,UAAUC,IAAI,CAACC,aAAAA;AACpB,WAAOC,kBACL,aAAaD,SAASN,EAAE,IACxB,MAAA;AACEG,aAAOK,OAAOF,SAASE;AACvBL,aAAOM,OAAQC,OAAQC,UAAUL,SAASG;AAC1C,YAAMG,WAAWC,IAAIC,QAAQX,MAAAA,EAAQY;AACrC,YAAMC,iBAAiBJ,SAASK,UAAU,CAACC,QAAQA,IAAIT,WAAWU,yBAAAA;AAClE,UAAIH,kBAAkB,GAAG;AACvBJ,iBAASQ,OAAOJ,gBAAgB,CAAA;MAClC;AACA,UAAI,cAAcV,UAAU;AAC1BM,iBAASS,KAAK;UAAEZ,QAAQU;UAA2BnB,IAAIM,SAASgB;QAAS,CAAA;MAC3E;IACF,GACA;MACEzB,OAAOS,SAASE;MAChBe,OAAOjB,SAASN;MAChBwB,MAAM;IACR,CAAA;EAEJ,CAAA;AACF;AAEO,IAAMC,uBAAuB,CAACtB,WAAAA;AACnC,QAAMuB,sBAAsB/B,0BAAAA;AAC5B,QAAMgC,wBAAwBzB,4BAA4BC,MAAAA;AAC1D,SAAO;IACLyB,OAAO;MAACF;SAAwBC;;IAChCE,OAAO;MACL;QAAEpB,QAAQ;QAAQC,QAAQ;MAAkB;SACzCiB,sBAAsBtB,IAAI,CAACyB,YAAY;QAAErB,QAAQ;QAAmBC,QAAQoB,OAAO9B;MAAG,EAAA;;EAE7F;AACF;",
+  "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", "meta", "id", "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", "useClient", "getSpace", "useQuery", "Query", "FunctionType", "Ref", "make", "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", "meta", "id", "icon", "nodes", "edges", "Obj", "FUNCTIONS_PRESET_META_KEY", "createMenuAction", "createMenuItemGroup", "createTemplateSelectGroup", "createMenuItemGroup", "label", "ns", "meta", "id", "variant", "createTemplateSelectActions", "script", "templates", "map", "template", "createMenuAction", "name", "source", "target", "content", "metaKeys", "Obj", "getMeta", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "push", "presetId", "value", "type", "createTemplateSelect", "templateSelectGroup", "templateSelectActions", "nodes", "edges", "action"]
+}

package/dist/lib/browser/{chunk-QYAREHGH.mjs → chunk-EZVXV6DA.mjs}

@@ -1,9 +1,8 @@
 // src/meta.ts
-var SCRIPT_PLUGIN = "dxos.org/plugin/script";
 var meta = {
-  id: SCRIPT_PLUGIN,
+  id: "dxos.org/plugin/script",
   name: "Scripts",
-  description: "Scripts in Composer allow you to deploy custom functions that run on the edge. These functions can be referenced by your AI agent and called inside of cells in any Sheet. Use scripts to interact with API\u2019s or external data inside of Composer.",
+  description: "Scripts enable you to deploy custom functions that run on the edge. These functions can be referenced by your AI agent and called inside of cells in any Sheet. Use scripts to interact with API\u2019s or external data inside of Composer.",
   icon: "ph--code--regular",
   source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer",
   tags: [
@@ -21,8 +20,7 @@ var defaultScriptsForIntegration = {
 };
 
 export {
-  SCRIPT_PLUGIN,
   meta,
   defaultScriptsForIntegration
 };
-//# sourceMappingURL=chunk-QYAREHGH.mjs.map
+//# sourceMappingURL=chunk-EZVXV6DA.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/script',\n  name: 'Scripts',\n  description:\n    'Scripts enable you to deploy custom functions that run on the edge. These functions can be referenced by your AI agent and called inside of cells in any Sheet. Use scripts to interact with API’s or external data inside of Composer.',\n  icon: 'ph--code--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',\n  tags: ['labs'],\n  screenshots: ['https://dxos.network/plugin-details-scripts-dark.png'],\n};\n\n// TODO(ZaymonFC): Configure by scopes?\nexport const defaultScriptsForIntegration: Record<string, string[]> = {\n  // TODO(wittjosiah): Also include content extraction scripts in the default set.\n  'gmail.com': ['dxos.org/script/gmail'],\n};\n"],
+  "mappings": ";AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;AAGO,IAAMC,+BAAyD;;EAEpE,aAAa;IAAC;;AAChB;",
+  "names": ["meta", "id", "name", "description", "icon", "source", "tags", "screenshots", "defaultScriptsForIntegration"]
+}