@dxos/plugin-script 0.8.2-main.12df754 → 0.8.2-main.30e4dbb

package/dist/lib/browser/{DeploymentDialog-QEKJ54ZB.mjs → DeploymentDialog-UG5U6FV3.mjs}

@@ -1,12 +1,12 @@
 import {
   DEPLOYMENT_DIALOG,
   DeploymentDialog_default
-} from "./chunk-OZEMT3NO.mjs";
-import "./chunk-SXS6PUU5.mjs";
-import "./chunk-ZFTDU4WS.mjs";
+} from "./chunk-6KNSDU6W.mjs";
+import "./chunk-DC5K5J2I.mjs";
+import "./chunk-6MLJJI73.mjs";
 import "./chunk-KJMVDGRB.mjs";
 export {
   DEPLOYMENT_DIALOG,
   DeploymentDialog_default as default
 };
-//# sourceMappingURL=DeploymentDialog-QEKJ54ZB.mjs.map
+//# sourceMappingURL=DeploymentDialog-UG5U6FV3.mjs.map

package/dist/lib/browser/{ScriptContainer-ATBYTIFH.mjs → ScriptContainer-DXWBDTTY.mjs}

@@ -2,14 +2,16 @@ import {
   createDeploy,
   createFormat,
   createTemplateSelect,
+  useDeployDeps,
   useDeployState,
-  useToolbarAction,
   useToolbarState
-} from "./chunk-EGDYE5MW.mjs";
-import "./chunk-XEPVXV72.mjs";
-import "./chunk-SXS6PUU5.mjs";
-import "./chunk-ZFTDU4WS.mjs";
-import "./chunk-KJMVDGRB.mjs";
+} from "./chunk-46GGDAF3.mjs";
+import "./chunk-GTJJTVTQ.mjs";
+import "./chunk-DC5K5J2I.mjs";
+import "./chunk-6MLJJI73.mjs";
+import {
+  SCRIPT_PLUGIN
+} from "./chunk-KJMVDGRB.mjs";
 
 // packages/plugins/plugin-script/src/components/ScriptContainer.tsx
 import React3, { useMemo } from "react";
@@ -22,14 +24,18 @@ import { mx } from "@dxos/react-ui-theme";
 // packages/plugins/plugin-script/src/components/ScriptToolbar/ScriptToolbar.tsx
 import React, { useCallback } from "react";
 import { fullyQualifiedId } from "@dxos/react-client/echo";
-import { ElevationProvider } from "@dxos/react-ui";
+import { ElevationProvider, useTranslation } from "@dxos/react-ui";
 import { stackItemContentToolbarClassNames } from "@dxos/react-ui-editor";
 import { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from "@dxos/react-ui-menu";
-var createToolbar = (state) => {
-  const templateSelect = createTemplateSelect();
-  const format = createFormat();
+var createToolbar = ({ state, script, ...options }) => {
+  const templateSelect = createTemplateSelect(script);
+  const format = createFormat(script);
   const gap = createGapSeparator();
-  const deploy = createDeploy(state);
+  const deploy = createDeploy({
+    state,
+    script,
+    ...options
+  });
   return {
     nodes: [
       ...templateSelect.nodes,
@@ -46,12 +52,20 @@ var createToolbar = (state) => {
   };
 };
 var ScriptToolbar = ({ script, role, state, classNames }) => {
-  const handleAction = useToolbarAction({
-    state,
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  const options = useDeployDeps({
     script
   });
-  const toolbarCreator = useCallback(() => createToolbar(state), [
-    state
+  const toolbarCreator = useCallback(() => createToolbar({
+    state,
+    script,
+    t,
+    ...options
+  }), [
+    state,
+    script,
+    options,
+    t
   ]);
   const menu = useMenuActions(toolbarCreator);
   return /* @__PURE__ */ React.createElement("div", {
@@ -61,7 +75,6 @@ var ScriptToolbar = ({ script, role, state, classNames }) => {
     elevation: role === "section" ? "positioned" : "base"
   }, /* @__PURE__ */ React.createElement(MenuProvider, {
     ...menu,
-    onAction: handleAction,
     attendableId: fullyQualifiedId(script)
   }, /* @__PURE__ */ React.createElement(ToolbarMenu, {
     classNames
@@ -245,4 +258,4 @@ export {
   ScriptContainer,
   ScriptContainer_default as default
 };
-//# sourceMappingURL=ScriptContainer-ATBYTIFH.mjs.map
+//# sourceMappingURL=ScriptContainer-DXWBDTTY.mjs.map

package/dist/lib/browser/ScriptContainer-DXWBDTTY.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 { type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<\n  {\n    role?: string;\n    script: ScriptType;\n    settings?: ScriptSettingsProps;\n  } & Pick<TypescriptEditorProps, 'env'>\n>;\n\nexport const ScriptContainer = ({\n  classNames,\n  role,\n  script,\n  settings = { editorInputMode: 'vscode' },\n  env,\n}: 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      listener({\n        onChange: (text) => {\n          if (script.source.target && script.source.target.content !== text) {\n            script.changed = true;\n          }\n        },\n      }),\n      createDataExtensions({\n        id: script.id,\n        text: script.source.target && createDocAccessor(script.source.target, ['content']),\n        space,\n        identity,\n      }),\n    ],\n    [identity, space, script, script.source.target],\n  );\n\n  return (\n    <StackItem.Content toolbar classNames='divide-y divide-separator'>\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        className={mx(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 React, { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { stackItemContentToolbarClassNames } from '@dxos/react-ui-editor';\nimport { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } 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\nexport type ScriptToolbarProps = ThemedClassName<{\n  role?: string;\n  script: ScriptType;\n  state: ScriptToolbarState;\n}>;\n\nconst createToolbar = ({ state, script, ...options }: CreateDeployOptions) => {\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\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const options = useDeployDeps({ script });\n  const toolbarCreator = useCallback(\n    () => createToolbar({ state, script, t, ...options }),\n    [state, script, options, t],\n  );\n  const menu = useMenuActions(toolbarCreator);\n\n  return (\n    <div role='none' className={stackItemContentToolbarClassNames(role)}>\n      <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n        <MenuProvider {...menu} attendableId={fullyQualifiedId(script)}>\n          <ToolbarMenu classNames={classNames} />\n        </MenuProvider>\n      </ElevationProvider>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\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 { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover, type HoverInfo } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  editorFullWidth,\n  type EditorInputMode,\n  editorMonospace,\n  EditorView,\n  folding,\n  InputModeExtensions,\n  useTextEditor,\n  type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n  id: string;\n  inputMode?: EditorInputMode;\n  env?: VirtualTypeScriptEnvironment;\n  toolbar?: boolean;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n  id,\n  env,\n  className,\n  initialValue,\n  extensions,\n  scrollTo,\n  selection,\n  toolbar,\n  inputMode = 'vscode',\n}: TypescriptEditorProps) => {\n  const { themeMode } = useThemeContext();\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      initialValue,\n      extensions: [\n        extensions,\n        createBasicExtensions({\n          highlightActiveLine: true,\n          indentWithTab: true,\n          lineNumbers: true,\n          lineWrapping: false,\n          scrollPastEnd: true,\n        }),\n        createThemeExtensions({\n          themeMode,\n          syntaxHighlighting: true,\n          slots: {\n            content: { className: editorFullWidth },\n          },\n        }),\n        // NOTE: Not using default editor gutter because folding for code works best right beside text.\n        EditorView.theme({\n          '.cm-gutters': {\n            // Match margin from content.\n            marginTop: '16px',\n            background: 'var(--dx-baseSurface)',\n          },\n        }),\n        InputModeExtensions[inputMode],\n        folding(),\n        // Continues block comments when you hit Enter.\n        Prec.high(keymap.of(continueKeymap)),\n        // TODO(burdon): Factor out.\n        [\n          editorMonospace,\n          javascript({ typescript: true }),\n          // https://github.com/val-town/codemirror-ts\n          autocomplete({ override: env ? [tsAutocomplete()] : [] }),\n          env\n            ? [\n                tsFacet.of({ env, path: `/src/${id}.ts` }),\n                tsSync(),\n                tsLinter(),\n                tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n              ]\n            : [],\n        ],\n      ].filter(isNonNullable),\n      selection,\n      scrollTo,\n    }),\n    [id, extensions, themeMode, inputMode, selection, scrollTo],\n  );\n\n  return (\n    <div ref={parentRef} data-toolbar={toolbar ? 'enabled' : 'disabled'} className={className} {...focusAttributes} />\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", "mx", "React", "useCallback", "fullyQualifiedId", "ElevationProvider", "useTranslation", "stackItemContentToolbarClassNames", "createGapSeparator", "MenuProvider", "ToolbarMenu", "useMenuActions", "createToolbar", "state", "script", "options", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "nodes", "edges", "ScriptToolbar", "role", "classNames", "t", "useTranslation", "SCRIPT_PLUGIN", "useDeployDeps", "toolbarCreator", "useCallback", "menu", "useMenuActions", "div", "className", "stackItemContentToolbarClassNames", "ElevationProvider", "elevation", "MenuProvider", "attendableId", "fullyQualifiedId", "ToolbarMenu", "javascript", "defaultHighlightStyle", "Prec", "oneDarkHighlightStyle", "keymap", "tags", "continueKeymap", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorMonospace", "EditorView", "folding", "InputModeExtensions", "useTextEditor", "isNonNullable", "TypescriptEditor", "id", "env", "className", "initialValue", "extensions", "scrollTo", "selection", "toolbar", "inputMode", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "EditorView", "theme", "marginTop", "background", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "React", "div", "ref", "data-toolbar", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "classNames", "role", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "state", "useToolbarState", "useDeployState", "extensions", "useMemo", "listener", "onChange", "text", "source", "target", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "React", "StackItem", "Content", "toolbar", "ScriptToolbar", "TypescriptEditor", "initialValue", "className", "mx", "stackItemContentEditorClassNames", "inputMode"]
+}

package/dist/lib/browser/{artifact-definition-OEDM2SCN.mjs → artifact-definition-PD4UAAQZ.mjs}

@@ -3,15 +3,15 @@ import {
 } from "./chunk-KJMVDGRB.mjs";
 
 // packages/plugins/plugin-script/src/capabilities/artifact-definition.ts
+import { Schema } from "effect";
 import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
 import { defineArtifact, defineTool, ToolResult } from "@dxos/artifact";
 import { createArtifactElement } from "@dxos/assistant";
-import { ObjectId, S } from "@dxos/echo-schema";
-import { ScriptType } from "@dxos/functions/types";
+import { ScriptType } from "@dxos/functions";
 import { invariant } from "@dxos/invariant";
 import { SpaceAction } from "@dxos/plugin-space/types";
 import { live, makeRef } from "@dxos/react-client/echo";
-import { TextType } from "@dxos/schema";
+import { DataType } from "@dxos/schema";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/capabilities/artifact-definition.ts";
 var artifact_definition_default = () => {
   const definition = defineArtifact({
@@ -63,28 +63,28 @@ var artifact_definition_default = () => {
       <apis>
         export function defineFunction(params: { 
           description: string, 
-          inputSchema: S.Schema, 
-          outputSchema: S.Schema, 
+          inputSchema: Schema.Schema, 
+          outputSchema: Schema.Schema, 
           handler: (params: { event: { data: TInput } }) => Promise<TOutput> 
         }): FunctionDefinition
         /**
          * Effect Schema
          */
-        export const S; 
+        export const Schema; 
 
         // Examples: 
 
-        S.String
-        S.Number
-        S.Boolean
-        S.Struct({
-          from: S.String.annotations({ description: 'The source currency' }),
-          to: S.String.annotations({ description: 'The target currency' }),
+        Schema.String
+        Schema.Number
+        Schema.Boolean
+        Schema.Struct({
+          from: Schema.String.annotations({ description: 'The source currency' }),
+          to: Schema.String.annotations({ description: 'The target currency' }),
         })
-        S.Array(S.String)
-        S.Union(S.String, S.Number)
-        S.optional(S.String)
-        S.String.annotations({ description: 'The source currency' })
+        Schema.Array(Schema.String)
+        Schema.Union(Schema.String, Schema.Number)
+        Schema.optional(Schema.String)
+        Schema.String.annotations({ description: 'The source currency' })
       </apis>
 
       <handler_function>
@@ -105,13 +105,13 @@ var artifact_definition_default = () => {
         export default defineFunction({
           description: 'Returns the exchange rate between two currencies.',
 
-          inputSchema: S.Struct({
-            from: S.String.annotations({ description: 'The source currency' }),
-            to: S.String.annotations({ description: 'The target currency' }),
+          inputSchema: Schema.Struct({
+            from: Schema.String.annotations({ description: 'The source currency' }),
+            to: Schema.String.annotations({ description: 'The target currency' }),
           }),
 
-          outputSchema: S.Struct({
-            rate: S.String.annotations({ description: 'The exchange rate' }),
+          outputSchema: Schema.Struct({
+            rate: Schema.String.annotations({ description: 'The exchange rate' }),
           }),
 
           handler: async ({
@@ -135,18 +135,18 @@ var artifact_definition_default = () => {
         name: "create",
         description: "Create a new script. Returns the artifact definition for the script",
         caption: "Creating script...",
-        schema: S.Struct({
-          name: S.String.annotations({
+        schema: Schema.Struct({
+          name: Schema.String.annotations({
             description: "The name of the script"
           }),
-          code: S.String.annotations({
+          code: Schema.String.annotations({
             description: "The full code of the script in JavaScript or TypeScript. Must be valid executable code."
           })
         }),
         execute: async ({ name, code }, { extensions }) => {
           invariant(extensions?.space, "No space", {
             F: __dxlog_file,
-            L: 153,
+            L: 154,
             S: void 0,
             A: [
               "extensions?.space",
@@ -155,7 +155,7 @@ var artifact_definition_default = () => {
           });
           invariant(extensions?.dispatch, "No intent dispatcher", {
             F: __dxlog_file,
-            L: 154,
+            L: 155,
             S: void 0,
             A: [
               "extensions?.dispatch",
@@ -164,7 +164,7 @@ var artifact_definition_default = () => {
           });
           const script = live(ScriptType, {
             name,
-            source: makeRef(live(TextType, {
+            source: makeRef(live(DataType.Text, {
               content: code
             }))
           });
@@ -185,13 +185,16 @@ var artifact_definition_default = () => {
         name: "inspect",
         description: "Inspect a script. Returns the artifact definition for the script",
         caption: "Inspecting script...",
-        schema: S.Struct({
-          id: ObjectId
+        schema: Schema.Struct({
+          // TODO(wittjosiah): ObjectId schema should be used here but it's not working.
+          id: Schema.String.annotations({
+            description: "The ID of the script"
+          })
         }),
         execute: async ({ id }, { extensions }) => {
           invariant(extensions?.space, "No space", {
             F: __dxlog_file,
-            L: 183,
+            L: 185,
             S: void 0,
             A: [
               "extensions?.space",
@@ -212,16 +215,19 @@ var artifact_definition_default = () => {
         name: "update",
         description: "Update a script. Returns the artifact definition for the script",
         caption: "Updating script...",
-        schema: S.Struct({
-          id: ObjectId,
-          code: S.String.annotations({
+        schema: Schema.Struct({
+          // TODO(wittjosiah): ObjectId schema should be used here but it's not working.
+          id: Schema.String.annotations({
+            description: "The ID of the script to update"
+          }),
+          code: Schema.String.annotations({
             description: "The full code of the script in JavaScript or TypeScript. Must be valid executable code."
           })
         }),
         execute: async ({ id, code }, { extensions }) => {
           invariant(extensions?.space, "No space", {
             F: __dxlog_file,
-            L: 205,
+            L: 208,
             S: void 0,
             A: [
               "extensions?.space",
@@ -249,4 +255,4 @@ var artifact_definition_default = () => {
 export {
   artifact_definition_default as default
 };
-//# sourceMappingURL=artifact-definition-OEDM2SCN.mjs.map
+//# sourceMappingURL=artifact-definition-PD4UAAQZ.mjs.map

package/dist/lib/browser/artifact-definition-PD4UAAQZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/artifact-definition.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { Capabilities, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';\nimport { defineArtifact, defineTool, ToolResult } from '@dxos/artifact';\nimport { createArtifactElement } from '@dxos/assistant';\nimport { ScriptType } from '@dxos/functions';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { live, makeRef, type Space } from '@dxos/react-client/echo';\nimport { DataType } from '@dxos/schema';\n\nimport { meta } from '../meta';\n// TODO(burdon): Factor out.\ndeclare global {\n  interface ToolContextExtensions {\n    space?: Space;\n    dispatch?: PromiseIntentDispatcher;\n  }\n}\n\nexport default () => {\n  const definition = defineArtifact({\n    id: `artifact:${meta.id}`,\n    name: meta.name,\n    // TODO(dmaretskyi): Since writing scripts requires a lot of domain knowledge,\n    //  we should offload the work of synthesizing the code to a separate model.\n    //  The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.\n    instructions: `\n      If the user explicitly requests you to write a script, you can create one.\n      If the user requests you to change one of the existing script, you can update it.\n      You must not create a script unless the user explicitly requests it.\n      Scripts are short code pieces of executable code that can be used to perform computations, integrate with external systems, and perform automated tasks.\n      Each script must follow as strict shape for the definition but the body can contain any valid executable code.\n      Scripts are written in JavaScript or TypeScript.\n      Each script must define an input schema and output schema.\n      Each script must have its own detailed description.\n\n      Important: You cannot execute scripts. Scripts are only available as tools after the user deploys them. You must only call the available tools.\n\n      Description:\n        The description is a detailed description of the script.\n        It is used to describe the script's purpose, input, and output.\n        The description is used to generate the script's documentation.\n        The description is also goes into the script metadata.\n        The description is used by AI to understand the script and its purpose.\n        The description must provide cases on when the script should be used.\n\n      Schema: \n        The schema is defined using a schema-DSL library called Effect Schema.\n        The input schema describes the arguments that the script accepts.\n        The output schema describes the result that the script produces.\n        The schema is used to validate the script's input and output.\n        The schema is also goes into the script metadata.\n        The properties in the schema must have valid descriptions.\n        The input and output schemas must both be a struct of fields.\n\n      Restricts:\n        The scripts can only import code from \"dxos:functions\" module. No other modules are allowed.\n        Some web APIs are available - like fetch.\n\n      Reasoning:\n        Before writing a script, synthesize the following information:\n        - Description\n        - What APIs will be used.\n        - Detailed input schema\n        - Detailed output schema\n\n      <apis>\n        export function defineFunction(params: { \n          description: string, \n          inputSchema: Schema.Schema, \n          outputSchema: Schema.Schema, \n          handler: (params: { event: { data: TInput } }) => Promise<TOutput> \n        }): FunctionDefinition\n        /**\n         * Effect Schema\n         */\n        export const Schema; \n\n        // Examples: \n\n        Schema.String\n        Schema.Number\n        Schema.Boolean\n        Schema.Struct({\n          from: Schema.String.annotations({ description: 'The source currency' }),\n          to: Schema.String.annotations({ description: 'The target currency' }),\n        })\n        Schema.Array(Schema.String)\n        Schema.Union(Schema.String, Schema.Number)\n        Schema.optional(Schema.String)\n        Schema.String.annotations({ description: 'The source currency' })\n      </apis>\n\n      <handler_function>\n        Async function that takes the argument in the form of:\n\n        type HandlerFunctionParam = {\n          event: {\n            data: T // The input schema\n          },\n        }\n\n        The function must return the result that matches the output schema.\n      </handler_function>\n      \n      <example>\n        import { defineFunction, S } from 'dxos:functions';\n\n        export default defineFunction({\n          description: 'Returns the exchange rate between two currencies.',\n\n          inputSchema: Schema.Struct({\n            from: Schema.String.annotations({ description: 'The source currency' }),\n            to: Schema.String.annotations({ description: 'The target currency' }),\n          }),\n\n          outputSchema: Schema.Struct({\n            rate: Schema.String.annotations({ description: 'The exchange rate' }),\n          }),\n\n          handler: async ({\n            event: {\n              data: { from, to },\n            },\n          }: any) => {\n            const res = await fetch(\\`https://free.ratesdb.com/v1/rates?from=\\${from}&to=\\${to}\\`);\n            const {\n              data: { rates },\n            } = await res.json();\n\n            return { rate: rates[to].toString() };\n          },\n        });\n      </example>\n  `,\n    schema: ScriptType,\n    tools: [\n      defineTool(meta.id, {\n        name: 'create',\n        description: 'Create a new script. Returns the artifact definition for the script',\n        caption: 'Creating script...',\n        schema: Schema.Struct({\n          name: Schema.String.annotations({ description: 'The name of the script' }),\n          code: Schema.String.annotations({\n            description: 'The full code of the script in JavaScript or TypeScript. Must be valid executable code.',\n          }),\n        }),\n        execute: async ({ name, code }, { extensions }) => {\n          invariant(extensions?.space, 'No space');\n          invariant(extensions?.dispatch, 'No intent dispatcher');\n          const script = live(ScriptType, {\n            name,\n            source: makeRef(\n              live(DataType.Text, {\n                content: code,\n              }),\n            ),\n          });\n          extensions.space.db.add(script);\n          await extensions.space.db.flush();\n\n          const intent = createIntent(SpaceAction.AddObject, { target: extensions.space, object: script });\n          const { data, error } = await extensions.dispatch(intent);\n          if (!data || error) {\n            return ToolResult.Error(error?.message ?? 'Failed to create chess game');\n          }\n\n          return ToolResult.Success(createArtifactElement(script.id));\n        },\n      }),\n      defineTool(meta.id, {\n        name: 'inspect',\n        description: 'Inspect a script. Returns the artifact definition for the script',\n        caption: 'Inspecting script...',\n        schema: Schema.Struct({\n          // TODO(wittjosiah): ObjectId schema should be used here but it's not working.\n          id: Schema.String.annotations({ description: 'The ID of the script' }),\n        }),\n        execute: async ({ id }, { extensions }) => {\n          invariant(extensions?.space, 'No space');\n\n          const script = (await extensions.space.db.query({ id }).first()) as ScriptType;\n          const { content } = await script.source.load();\n\n          return ToolResult.Success({\n            name: script.name,\n            code: content,\n          });\n        },\n      }),\n      defineTool(meta.id, {\n        name: 'update',\n        description: 'Update a script. Returns the artifact definition for the script',\n        caption: 'Updating script...',\n        schema: Schema.Struct({\n          // TODO(wittjosiah): ObjectId schema should be used here but it's not working.\n          id: Schema.String.annotations({ description: 'The ID of the script to update' }),\n          code: Schema.String.annotations({\n            description: 'The full code of the script in JavaScript or TypeScript. Must be valid executable code.',\n          }),\n        }),\n        execute: async ({ id, code }, { extensions }) => {\n          invariant(extensions?.space, 'No space');\n\n          const script = (await extensions.space.db.query({ id }).first()) as ScriptType;\n          const source = await script.source.load();\n          if (!source) {\n            return ToolResult.Error('Script not found');\n          }\n\n          source.content = code;\n          await extensions.space?.db.flush();\n\n          return ToolResult.Success({\n            name: script.name,\n          });\n        },\n      }),\n    ],\n  });\n\n  return contributes(Capabilities.ArtifactDefinition, definition);\n};\n"],
+  "mappings": "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",
+  "names": ["Schema", "Capabilities", "contributes", "createIntent", "defineArtifact", "defineTool", "ToolResult", "createArtifactElement", "ScriptType", "invariant", "SpaceAction", "live", "makeRef", "DataType", "definition", "defineArtifact", "id", "meta", "name", "instructions", "schema", "ScriptType", "tools", "defineTool", "description", "caption", "Schema", "Struct", "String", "annotations", "code", "execute", "extensions", "invariant", "space", "dispatch", "script", "live", "source", "makeRef", "DataType", "Text", "content", "db", "add", "flush", "intent", "createIntent", "SpaceAction", "AddObject", "target", "object", "data", "error", "ToolResult", "Error", "message", "Success", "createArtifactElement", "query", "first", "load", "contributes", "Capabilities", "ArtifactDefinition"]
+}

package/dist/lib/browser/{chunk-EGDYE5MW.mjs → chunk-46GGDAF3.mjs}

@@ -1,27 +1,27 @@
 import {
   templates
-} from "./chunk-XEPVXV72.mjs";
+} from "./chunk-GTJJTVTQ.mjs";
 import {
   deployScript,
   getFunctionUrl,
   isScriptDeployed
-} from "./chunk-SXS6PUU5.mjs";
+} from "./chunk-DC5K5J2I.mjs";
 import {
   SCRIPT_PLUGIN
 } from "./chunk-KJMVDGRB.mjs";
 
 // packages/plugins/plugin-script/src/hooks/deploy.ts
-import { useCallback, useEffect, useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { FunctionType, getUserFunctionUrlInMetadata } from "@dxos/functions";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
 import { Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
-import { useTranslation } from "@dxos/react-ui";
 import { createMenuAction } from "@dxos/react-ui-menu";
 import { errorMessageColors } from "@dxos/react-ui-theme";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/hooks/deploy.ts";
-var createDeploy = (state) => {
-  const errorItem = createMenuAction("error", {
+var createDeploy = ({ state, script, space, fn, client, existingFunctionUrl, t }) => {
+  const errorItem = createMenuAction("error", () => {
+  }, {
     label: state.error ?? [
       "no error label",
       {
@@ -32,7 +32,30 @@ var createDeploy = (state) => {
     hidden: !state.error,
     classNames: state.error && errorMessageColors
   });
-  const deployAction = createMenuAction("deploy", {
+  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,
+      existingFunctionUrl
+    });
+    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",
@@ -44,7 +67,12 @@ var createDeploy = (state) => {
     disabled: state.deploying,
     classNames: state.deploying ? "[&_svg]:animate-spin" : ""
   });
-  const copyAction = createMenuAction("copy", {
+  const copyAction = createMenuAction("copy", async () => {
+    if (!state.functionUrl) {
+      return;
+    }
+    await navigator.clipboard.writeText(state.functionUrl);
+  }, {
     type: "copy",
     label: [
       "copy link label",
@@ -125,51 +153,6 @@ var useDeployDeps = ({ script }) => {
     existingFunctionUrl
   };
 };
-var useDeployHandler = ({ state, script }) => {
-  const { space, fn, client, existingFunctionUrl } = useDeployDeps({
-    script
-  });
-  const { t } = useTranslation(SCRIPT_PLUGIN);
-  return useCallback(async () => {
-    if (!script.source || !space) {
-      return;
-    }
-    state.error = void 0;
-    state.deploying = true;
-    const result = await deployScript({
-      script,
-      client,
-      space,
-      fn,
-      existingFunctionUrl
-    });
-    if (!result.success) {
-      log.catch(result.error, void 0, {
-        F: __dxlog_file,
-        L: 105,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      state.error = t("upload failed label");
-    }
-    state.deploying = false;
-  }, [
-    fn,
-    client,
-    t,
-    existingFunctionUrl,
-    script,
-    space
-  ]);
-};
-var useCopyHandler = ({ state }) => useCallback(async () => {
-  if (!state.functionUrl) {
-    return;
-  }
-  await navigator.clipboard.writeText(state.functionUrl);
-}, [
-  state.functionUrl
-]);
 
 // packages/plugins/plugin-script/src/hooks/useToolbarState.ts
 import { useMemo as useMemo2 } from "react";
@@ -182,12 +165,33 @@ var useToolbarState = (initialState = {}) => {
 import { format } from "prettier";
 import prettierPluginEstree from "prettier/plugins/estree";
 import prettierPluginTypescript from "prettier/plugins/typescript";
-import { useCallback as useCallback2 } from "react";
 import { log as log2 } from "@dxos/log";
 import { createMenuAction as createMenuAction2 } from "@dxos/react-ui-menu";
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/hooks/format.ts";
-var createFormat = () => {
-  const formatAction = createMenuAction2("format", {
+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",
       {
@@ -208,35 +212,9 @@ var createFormat = () => {
     ]
   };
 };
-var useFormatHandler = ({ script }) => useCallback2(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: 45,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
-  }
-}, [
-  script.source
-]);
 
 // packages/plugins/plugin-script/src/hooks/template.ts
-import { useCallback as useCallback3 } from "react";
-import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions/types";
+import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions";
 import { getMeta as getMeta2 } from "@dxos/live-object";
 import { createMenuItemGroup, createMenuAction as createMenuAction3 } from "@dxos/react-ui-menu";
 var createTemplateSelectGroup = () => {
@@ -250,18 +228,32 @@ var createTemplateSelectGroup = () => {
     variant: "dropdownMenu"
   });
 };
-var createTemplateSelectActions = () => {
+var createTemplateSelectActions = (script) => {
   return templates.map((template) => {
-    return createMenuAction3(`template--${template.id}`, {
+    return createMenuAction3(`template--${template.id}`, () => {
+      script.name = template.name;
+      script.source.target.content = template.source;
+      const metaKeys = getMeta2(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 = () => {
+var createTemplateSelect = (script) => {
   const templateSelectGroup = createTemplateSelectGroup();
-  const templateSelectActions = createTemplateSelectActions();
+  const templateSelectActions = createTemplateSelectActions(script);
   return {
     nodes: [
       templateSelectGroup,
@@ -279,74 +271,13 @@ var createTemplateSelect = () => {
     ]
   };
 };
-var useTemplateSelectHandler = ({ script }) => {
-  return useCallback3((templateId) => {
-    const template = templates.find((template2) => template2.id === templateId);
-    if (template) {
-      script.name = template.name;
-      script.source.target.content = template.source;
-      const metaKeys = getMeta2(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
-        });
-      }
-    }
-  }, [
-    script
-  ]);
-};
-
-// packages/plugins/plugin-script/src/hooks/useToolbarAction.ts
-import { useCallback as useCallback4 } from "react";
-import { log as log3 } from "@dxos/log";
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/hooks/useToolbarAction.ts";
-var useToolbarAction = (props) => {
-  const handleTemplateSelect = useTemplateSelectHandler(props);
-  const handleFormat = useFormatHandler(props);
-  const handleDeploy = useDeployHandler(props);
-  const handleCopy = useCopyHandler(props);
-  return useCallback4((action) => {
-    switch (action.properties.type) {
-      case "template":
-        handleTemplateSelect(action.properties.value);
-        break;
-      case "format":
-        void handleFormat();
-        break;
-      case "deploy":
-        void handleDeploy();
-        break;
-      case "copy":
-        void handleCopy();
-        break;
-      default:
-        log3.error("Unknown action type", action, {
-          F: __dxlog_file3,
-          L: 45,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-    }
-  }, [
-    handleTemplateSelect,
-    handleFormat,
-    handleDeploy,
-    handleCopy
-  ]);
-};
 
 export {
   createDeploy,
   useDeployState,
+  useDeployDeps,
   createFormat,
   createTemplateSelect,
-  useToolbarAction,
   useToolbarState
 };
-//# sourceMappingURL=chunk-EGDYE5MW.mjs.map
+//# sourceMappingURL=chunk-46GGDAF3.mjs.map