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

package/dist/lib/browser/{chunk-GZKWMME3.mjs → chunk-I3QSGUFJ.mjs}

@@ -1,29 +1,36 @@
 import {
   useDeployState,
   useToolbarState
-} from "./chunk-6CAH7VIE.mjs";
+} from "./chunk-E7DXDICD.mjs";
+import {
+  getAccessCredential
+} from "./chunk-JO2O7W6J.mjs";
 import {
-  SCRIPT_PLUGIN,
   meta
-} from "./chunk-QYAREHGH.mjs";
+} from "./chunk-EZVXV6DA.mjs";
 
 // src/components/Settings/ScriptObjectSettings.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import { Octokit } from "@octokit/core";
 import React, { useCallback, useState } from "react";
+import { ToolId } from "@dxos/ai";
 import { SettingsAction, createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { Blueprint, Template } from "@dxos/blueprints";
 import { FunctionType, getInvocationUrl, getUserFunctionIdInMetadata } from "@dxos/functions";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
 import { Filter, Ref, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
 import { Button, Clipboard, Input, useAsyncEffect, useControlledState, useTranslation } from "@dxos/react-ui";
 import { DataType } from "@dxos/schema";
+import { kebabize } from "@dxos/util";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx";
 var ScriptObjectSettings = ({ object }) => {
   var _effect = _useSignals();
   try {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Binding, {
       object
+    }), /* @__PURE__ */ React.createElement(BlueprintEditor, {
+      object
     }), /* @__PURE__ */ React.createElement(Publishing, {
       object
     }));
@@ -34,7 +41,7 @@ var ScriptObjectSettings = ({ object }) => {
 var ScriptProperties = ({ object }) => {
   var _effect = _useSignals();
   try {
-    const { t } = useTranslation(SCRIPT_PLUGIN);
+    const { t } = useTranslation(meta.id);
     return /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("description label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
       placeholder: t("description placeholder"),
       value: object.description ?? "",
@@ -46,10 +53,107 @@ var ScriptProperties = ({ object }) => {
     _effect.f();
   }
 };
+var BlueprintEditor = ({ object }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const space = getSpace(object);
+    const [fn] = useQuery(space, Filter.type(FunctionType, {
+      source: Ref.make(object)
+    }));
+    const blueprints = useQuery(space, Filter.type(Blueprint.Blueprint));
+    const [creating, setCreating] = useState(false);
+    const [instructions, setInstructions] = useState(`You can run the script "${object.name ?? "script"}".`);
+    const blueprintKey = `dxos.org/blueprint/${kebabize(object.name ?? "script")}`;
+    const existingBlueprint = blueprints.find((bp) => bp.key === blueprintKey);
+    useAsyncEffect(async () => {
+      if (!existingBlueprint) {
+        return;
+      }
+      const source = await existingBlueprint.instructions.source.load();
+      setInstructions(source.content ?? "");
+    }, [
+      existingBlueprint
+    ]);
+    const handleSave = useCallback(async () => {
+      if (!space) {
+        return;
+      }
+      setCreating(true);
+      try {
+        if (existingBlueprint) {
+          const text = await existingBlueprint.instructions.source.load();
+          text.content = instructions;
+          if (fn?.key) {
+            const toolId = ToolId.make(fn.key);
+            if (!existingBlueprint.tools?.includes(toolId)) {
+              existingBlueprint.tools = [
+                ...existingBlueprint.tools ?? [],
+                toolId
+              ];
+            }
+          }
+        } else if (fn?.key) {
+          space.db.add(Blueprint.make({
+            key: blueprintKey,
+            name: object.name ?? "Script",
+            instructions: Template.make({
+              source: instructions
+            }),
+            tools: [
+              ToolId.make(fn.key)
+            ]
+          }));
+        }
+        await space.db.flush();
+      } finally {
+        setCreating(false);
+      }
+    }, [
+      space,
+      existingBlueprint,
+      fn,
+      blueprintKey,
+      object.name,
+      instructions
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "flex flex-col gap-4 mlb-cardSpacingBlock"
+    }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, t("blueprint editor label", {
+      default: "Blueprint"
+    })), /* @__PURE__ */ React.createElement("p", {
+      className: "text-description text-sm"
+    }, t("blueprint editor description", {
+      default: "Create a blueprint that exposes this script as a tool."
+    }))), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "flex flex-col gap-1"
+    }, /* @__PURE__ */ React.createElement(Input.Label, null, t("blueprint instructions label", {
+      default: "Instructions"
+    })), /* @__PURE__ */ React.createElement(Input.TextArea, {
+      placeholder: t("blueprint instructions placeholder", {
+        default: "Describe how this tool should be used."
+      }),
+      rows: 6,
+      value: instructions,
+      onChange: (event) => setInstructions(event.target.value),
+      classNames: "resize-y"
+    }))), /* @__PURE__ */ React.createElement("div", {
+      className: "flex justify-end gap-2"
+    }, /* @__PURE__ */ React.createElement(Button, {
+      disabled: !existingBlueprint && !fn?.key || creating,
+      onClick: handleSave
+    }, t(creating ? "creating label" : "create blueprint label", {
+      default: creating ? "Creating\u2026" : "Create blueprint"
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
 var Binding = ({ object }) => {
   var _effect = _useSignals();
   try {
-    const { t } = useTranslation(SCRIPT_PLUGIN);
+    const { t } = useTranslation(meta.id);
     const client = useClient();
     const space = getSpace(object);
     const [fn] = useQuery(space, Filter.type(FunctionType, {
@@ -107,7 +211,7 @@ var Binding = ({ object }) => {
 var Publishing = ({ object }) => {
   var _effect = _useSignals();
   try {
-    const { t } = useTranslation(SCRIPT_PLUGIN);
+    const { t } = useTranslation(meta.id);
     const { dispatchPromise: dispatch } = useIntentDispatcher();
     const space = getSpace(object);
     const [githubToken] = useQuery(space, Filter.type(DataType.AccessToken, {
@@ -133,7 +237,7 @@ var Publishing = ({ object }) => {
       } catch (err) {
         log.catch(err, void 0, {
           F: __dxlog_file,
-          L: 134,
+          L: 222,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -207,7 +311,6 @@ var Publishing = ({ object }) => {
     _effect.f();
   }
 };
-var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
 
 // src/components/Settings/ScriptPluginSettings.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
@@ -224,22 +327,7 @@ var ScriptPluginSettings = ({ settings }) => {
     const handleAuthenticate = async () => {
       const { identityKey } = client.halo.identity.get();
       await client.halo.writeCredentials([
-        {
-          issuer: identityKey,
-          issuanceDate: /* @__PURE__ */ new Date(),
-          subject: {
-            id: identityKey,
-            assertion: {
-              "@type": "dxos.halo.credentials.ServiceAccess",
-              serverName: "hub.dxos.network",
-              serverKey: identityKey,
-              identityKey,
-              capabilities: [
-                "composer:beta"
-              ]
-            }
-          }
-        }
+        getAccessCredential(identityKey)
       ]);
     };
     return /* @__PURE__ */ React2.createElement(ControlPage, null, /* @__PURE__ */ React2.createElement(ControlSection, {
@@ -279,7 +367,7 @@ var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/component
 var TestPanel = ({ classNames, functionUrl }) => {
   var _effect = _useSignals3();
   try {
-    const { t } = useTranslation3(SCRIPT_PLUGIN);
+    const { t } = useTranslation3(meta.id);
     const inputRef = useRef(null);
     const [input, setInput] = useState2("");
     const [result, setResult] = useState2("");
@@ -291,7 +379,7 @@ var TestPanel = ({ classNames, functionUrl }) => {
         scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
       }
     };
-    const controller = useRef();
+    const controller = useRef(null);
     useEffect(() => {
       return () => {
         handleStop();
@@ -299,7 +387,7 @@ var TestPanel = ({ classNames, functionUrl }) => {
     }, []);
     const handleStop = () => {
       controller.current?.abort("stop");
-      controller.current = void 0;
+      controller.current = null;
     };
     const handleClear = () => {
       handleStop();
@@ -309,7 +397,7 @@ var TestPanel = ({ classNames, functionUrl }) => {
       inputRef.current?.focus();
     };
     const handleResponse = ({ text, data, error } = {}) => {
-      controller.current = void 0;
+      controller.current = null;
       setHistory((history2) => [
         ...history2,
         {
@@ -541,8 +629,9 @@ var TestContainer = ({ script }) => {
 
 // src/components/index.ts
 import { lazy } from "react";
-var ScriptContainer = lazy(() => import("./ScriptContainer-DNNA6XC6.mjs"));
-var DeploymentDialog = lazy(() => import("./DeploymentDialog-QZSTVNIS.mjs"));
+var ScriptContainer = lazy(() => import("./ScriptContainer-LRTRN7JW.mjs"));
+var DeploymentDialog = lazy(() => import("./DeploymentDialog-65TWT6S5.mjs"));
+var NotebookContainer = lazy(() => import("./NotebookContainer-LVGRPFY3.mjs"));
 
 export {
   ScriptObjectSettings,
@@ -551,6 +640,7 @@ export {
   TestPanel,
   TestContainer,
   ScriptContainer,
-  DeploymentDialog
+  DeploymentDialog,
+  NotebookContainer
 };
-//# sourceMappingURL=chunk-GZKWMME3.mjs.map
+//# sourceMappingURL=chunk-I3QSGUFJ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Settings/ScriptObjectSettings.tsx", "../../../src/components/Settings/ScriptPluginSettings.tsx", "../../../src/components/TestPanel/TestPanel.tsx", "../../../src/components/TestPanel/TestContainer.tsx", "../../../src/components/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Octokit } from '@octokit/core';\nimport React, { type ChangeEvent, useCallback, useState } from 'react';\n\nimport { ToolId } from '@dxos/ai';\nimport { SettingsAction, createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { FunctionType, type ScriptType, getInvocationUrl, getUserFunctionIdInMetadata } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, Ref, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Button, Clipboard, Input, useAsyncEffect, useControlledState, useTranslation } from '@dxos/react-ui';\nimport { DataType } from '@dxos/schema';\nimport { kebabize } from '@dxos/util';\n\nimport { meta } from '../../meta';\n\nexport type ScriptObjectSettingsProps = {\n  object: ScriptType;\n};\n\nexport const ScriptObjectSettings = ({ object }: ScriptObjectSettingsProps) => {\n  return (\n    <>\n      <Binding object={object} />\n      <BlueprintEditor object={object} />\n      <Publishing object={object} />\n    </>\n  );\n};\n\nexport const ScriptProperties = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <Input.Root>\n      <Input.Label>{t('description label')}</Input.Label>\n      <Input.TextInput\n        placeholder={t('description placeholder')}\n        value={object.description ?? ''}\n        onChange={(event) => {\n          object.description = event.target.value;\n        }}\n      />\n    </Input.Root>\n  );\n};\n\nconst BlueprintEditor = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = getSpace(object);\n  const [fn] = useQuery(space, Filter.type(FunctionType, { source: Ref.make(object) }));\n  const blueprints = useQuery(space, Filter.type(Blueprint.Blueprint));\n\n  const [creating, setCreating] = useState(false);\n  const [instructions, setInstructions] = useState<string>(`You can run the script \"${object.name ?? 'script'}\".`);\n  const blueprintKey = `dxos.org/blueprint/${kebabize(object.name ?? 'script')}`;\n  const existingBlueprint = blueprints.find((bp) => bp.key === blueprintKey);\n\n  useAsyncEffect(async () => {\n    if (!existingBlueprint) {\n      return;\n    }\n    const source = await existingBlueprint.instructions.source.load();\n    setInstructions(source.content ?? '');\n  }, [existingBlueprint]);\n\n  const handleSave = useCallback(async () => {\n    if (!space) {\n      return;\n    }\n\n    setCreating(true);\n    try {\n      if (existingBlueprint) {\n        const text = await existingBlueprint.instructions.source.load();\n        text.content = instructions;\n        if (fn?.key) {\n          const toolId = ToolId.make(fn.key);\n          if (!existingBlueprint.tools?.includes(toolId)) {\n            existingBlueprint.tools = [...(existingBlueprint.tools ?? []), toolId];\n          }\n        }\n      } else if (fn?.key) {\n        space.db.add(\n          Blueprint.make({\n            key: blueprintKey,\n            name: object.name ?? 'Script',\n            instructions: Template.make({\n              source: instructions,\n            }),\n            tools: [ToolId.make(fn.key)],\n          }),\n        );\n      }\n      await space.db.flush();\n    } finally {\n      setCreating(false);\n    }\n  }, [space, existingBlueprint, fn, blueprintKey, object.name, instructions]);\n\n  return (\n    <div className='flex flex-col gap-4 mlb-cardSpacingBlock'>\n      <div>\n        <h2>{t('blueprint editor label', { default: 'Blueprint' })}</h2>\n        <p className='text-description text-sm'>\n          {t('blueprint editor description', { default: 'Create a blueprint that exposes this script as a tool.' })}\n        </p>\n      </div>\n      <Input.Root>\n        <div role='none' className='flex flex-col gap-1'>\n          <Input.Label>{t('blueprint instructions label', { default: 'Instructions' })}</Input.Label>\n          <Input.TextArea\n            placeholder={t('blueprint instructions placeholder', { default: 'Describe how this tool should be used.' })}\n            rows={6}\n            value={instructions}\n            onChange={(event) => setInstructions(event.target.value)}\n            classNames='resize-y'\n          />\n        </div>\n      </Input.Root>\n      <div className='flex justify-end gap-2'>\n        <Button disabled={(!existingBlueprint && !fn?.key) || creating} onClick={handleSave}>\n          {t(creating ? 'creating label' : 'create blueprint label', {\n            default: creating ? 'Creating…' : 'Create blueprint',\n          })}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nconst Binding = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const space = getSpace(object);\n  const [fn] = useQuery(space, Filter.type(FunctionType, { source: Ref.make(object) }));\n\n  const functionId = fn && getUserFunctionIdInMetadata(getMeta(fn));\n  const functionUrl =\n    functionId &&\n    getInvocationUrl(functionId, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n\n  const [binding, setBinding] = useControlledState(fn?.binding ?? '');\n  const handleBindingChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      setBinding(event.target.value);\n    },\n    [setBinding],\n  );\n\n  const handleBindingBlur = useCallback(() => {\n    fn.binding = binding;\n  }, [fn, binding]);\n\n  if (!fn || !functionUrl) {\n    return null;\n  }\n\n  // TODO(burdon): Use form.\n  return (\n    <div role='form' className='flex flex-col gap-2 mlb-cardSpacingBlock'>\n      <h2>{t('remote function settings heading')}</h2>\n      <Input.Root>\n        <div role='none' className='flex flex-col gap-1'>\n          <Input.Label>{t('function url label')}</Input.Label>\n          <div role='none' className='flex gap-1'>\n            <Input.TextInput\n              disabled\n              value={functionUrl}\n              onChange={(event) => {\n                fn.name = event.target.value;\n              }}\n            />\n            <Clipboard.IconButton value={functionUrl} />\n          </div>\n        </div>\n      </Input.Root>\n      <Input.Root>\n        <div role='none' className='flex flex-col gap-1'>\n          <Input.Label>{t('function binding label')}</Input.Label>\n          <Input.TextInput\n            placeholder={t('function binding placeholder')}\n            value={binding}\n            onChange={handleBindingChange}\n            onBlur={handleBindingBlur}\n          />\n        </div>\n      </Input.Root>\n    </div>\n  );\n};\n\n// TODO(burdon): Move to separate tab?\nconst Publishing = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(meta.id);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const space = getSpace(object);\n  const [githubToken] = useQuery(space, Filter.type(DataType.AccessToken, { source: 'github.com' }));\n  const gistKey = getMeta(object).keys.find(({ source }) => source === 'github.com');\n  const [gistUrl, setGistUrl] = useState<string | undefined>();\n\n  useAsyncEffect(async () => {\n    const token = githubToken?.token;\n    const gistId = gistKey?.id;\n    if (!token || !gistId) {\n      setGistUrl(undefined);\n      return;\n    }\n\n    try {\n      const octokit = new Octokit({ auth: githubToken.token });\n      const response = await octokit.request('GET /gists/{gist_id}', {\n        gist_id: gistId,\n      });\n      setGistUrl(response.data.html_url);\n    } catch (err) {\n      log.catch(err);\n      setGistUrl(undefined);\n    }\n  }, [githubToken, gistKey]);\n\n  const handleOpenTokenManager = useCallback(\n    () => dispatch(createIntent(SettingsAction.Open, { plugin: 'dxos.org/plugin/token-manager' })),\n    [],\n  );\n\n  const [publishing, setPublishing] = useState(false);\n  const handlePublish = useCallback(async () => {\n    setPublishing(true);\n    const octokit = new Octokit({ auth: githubToken.token });\n    const source = await object.source.load();\n    const filename = object.name ? kebabize(object.name) : 'composer-script';\n    const files = { [`${filename}.ts`]: { content: source.content } };\n\n    try {\n      // TODO(wittjosiah): Factor out to intent.\n      const meta = getMeta(object);\n      const githubKey = meta.keys.find(({ source }) => source === 'github.com');\n      const gistId = githubKey?.id;\n      if (gistId) {\n        await octokit.request('PATCH /gists/{gist_id}', {\n          gist_id: gistId,\n          files,\n        });\n      } else {\n        const response = await octokit.request('POST /gists', {\n          public: true,\n          files,\n        });\n        if (response.data.id) {\n          meta.keys.push({ source: 'github.com', id: response.data.id });\n        }\n      }\n    } finally {\n      setPublishing(false);\n    }\n  }, [object, githubToken]);\n\n  return (\n    <div className='flex flex-col gap-4 mlb-cardSpacingBlock'>\n      <div>\n        <h2>{t('script publish settings label')}</h2>\n        <p className='text-description text-sm'>{t('script publish settings description')}</p>\n      </div>\n      {!githubToken && (\n        <div className='flex flex-col gap-2'>\n          <span>{t('no github token label')}</span>\n          <Button onClick={handleOpenTokenManager}>{t('open token manager label')}</Button>\n        </div>\n      )}\n      {githubToken && (\n        <div className='flex justify-end gap-2'>\n          {gistUrl && <Clipboard.IconButton value={gistUrl} />}\n          <Button disabled={publishing} onClick={handlePublish}>\n            {t(publishing ? 'publishing label' : 'publish label')}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useClient } from '@dxos/react-client';\nimport { Button, Select, useTranslation } from '@dxos/react-ui';\nimport { type EditorInputMode, EditorInputModes } from '@dxos/react-ui-editor';\nimport { ControlGroup, ControlItemInput, ControlPage, ControlSection } from '@dxos/react-ui-form';\n\nimport { meta } from '../../meta';\nimport { type ScriptSettings } from '../../types';\nimport { getAccessCredential } from '../../util';\n\nexport const ScriptPluginSettings = ({ settings }: { settings: ScriptSettings }) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n\n  // TODO(burdon): Check token.\n  const handleAuthenticate = async () => {\n    const { identityKey } = client.halo.identity.get()!;\n    await client.halo.writeCredentials([getAccessCredential(identityKey)]);\n  };\n\n  return (\n    <ControlPage>\n      <ControlSection title={t('settings title', { ns: meta.id })}>\n        <ControlGroup>\n          {/* TODO(wittjosiah): Hide outside of dev environments. */}\n          <ControlItemInput title={t('authenticate action label')}>\n            <Button onClick={handleAuthenticate}>{t('authenticate button label')}</Button>\n          </ControlItemInput>\n\n          <ControlItemInput title={t('editor input mode label')}>\n            <Select.Root\n              value={settings.editorInputMode ?? 'default'}\n              onValueChange={(value) => {\n                settings.editorInputMode = value as EditorInputMode;\n              }}\n            >\n              <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    {EditorInputModes.map((mode) => (\n                      <Select.Option key={mode} value={mode}>\n                        {t(`settings editor input mode ${mode} label`)}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </ControlItemInput>\n        </ControlGroup>\n      </ControlSection>\n    </ControlPage>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { Avatar, Icon, Input, type ThemedClassName, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { errorText, mx } from '@dxos/react-ui-theme';\n\nimport { meta } from '../../meta';\n\ntype State = 'pending' | 'responding';\n\n/**\n * Request or response.\n */\ntype Message = { type: 'request' | 'response'; text?: string; data?: any; error?: Error };\n\nexport type TestPanelProps = ThemedClassName<{\n  functionUrl?: string;\n}>;\n\n// TODO(burdon): Need persistent history (currently lost when switching tabs)..\nexport const TestPanel = ({ classNames, functionUrl }: TestPanelProps) => {\n  const { t } = useTranslation(meta.id);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [input, setInput] = useState('');\n  const [result, setResult] = useState('');\n  const [state, setState] = useState<State | null>(null);\n\n  // TODO(burdon): Persistent history (thread).\n  const [history, setHistory] = useState<Message[]>([]);\n\n  const scrollerRef = useRef<HTMLDivElement>(null);\n  const handleScroll = () => {\n    if (scrollerRef.current) {\n      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;\n    }\n  };\n\n  const controller = useRef<AbortController>(null);\n  useEffect(() => {\n    return () => {\n      handleStop();\n    };\n  }, []);\n\n  const handleStop = () => {\n    controller.current?.abort('stop');\n    controller.current = null;\n  };\n\n  const handleClear = () => {\n    handleStop();\n    setInput('');\n    setResult('');\n    setHistory([]);\n    inputRef.current?.focus();\n  };\n\n  const handleResponse = ({ text, data, error }: { text?: string; data?: any; error?: Error } = {}) => {\n    controller.current = null;\n    setHistory((history) => [...history, { type: 'response', text, data, error } satisfies Message]);\n    setResult('');\n    setState(null);\n    handleScroll();\n  };\n\n  const handleRequest = async (input: string) => {\n    // Returns a promise that resolves when a value has been received.\n    try {\n      setState('pending');\n\n      let data = null;\n      // Detect JSON input.\n      if (input.charAt(0) === '{') {\n        try {\n          const validJsonString = input.replace(/'/g, '\"').replace(/([{,]\\s*)([a-zA-Z0-9_]+)(\\s*:)/g, '$1\"$2\"$3');\n          data = JSON.parse(validJsonString);\n          input = JSON.stringify(data, null, 2);\n        } catch (err) {\n          inputRef.current?.focus();\n          return;\n        }\n      }\n\n      setInput('');\n      setResult('');\n      setHistory((history) => [...history, { type: 'request', text: input }]);\n      setTimeout(() => {\n        handleScroll();\n      });\n\n      // Throws DOMException when aborted.\n      controller.current = new AbortController();\n      const response = await fetch(functionUrl!, {\n        signal: controller.current.signal,\n        method: 'POST',\n        body: input,\n        headers: {\n          'Content-Type': data ? 'application/json' : 'text/plain',\n        },\n      });\n\n      // Check for error.\n      if (!response.ok) {\n        const text = await response.text();\n        handleResponse({ error: new Error(text || response.statusText || String(response.status)) });\n        return;\n      }\n\n      // Check for JSON.\n      const contentType = response.headers.get('content-type');\n      if (contentType === 'application/json') {\n        const data = await response.json();\n        handleResponse({ data });\n        return;\n      }\n\n      // Text (including streaming).\n      setState('responding');\n      let text = '';\n      const reader = response.body!.getReader();\n      const pump = async ({ done, value }: ReadableStreamReadResult<Uint8Array>): Promise<void> => {\n        text = text + new TextDecoder().decode(value);\n        if (!controller.current || done) {\n          handleResponse({ text });\n          return;\n        }\n\n        setResult(text);\n        setTimeout(() => {\n          handleScroll();\n        });\n\n        return reader.read().then(pump);\n      };\n\n      void reader\n        .read()\n        .then(pump)\n        .catch((err) => {\n          if (err.name !== 'AbortError') {\n            log.catch(err);\n          }\n        });\n    } catch (err: any) {\n      if (err !== 'stop') {\n        const error = err instanceof Error ? err : new Error(err);\n        handleResponse({ error });\n        log.catch(err);\n      } else {\n        handleResponse();\n      }\n    }\n  };\n\n  return (\n    <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n      {/* TODO(burdon): Replace with Thread. */}\n      <MessageThread ref={scrollerRef} state={state} result={result} history={history} />\n      {/* TODO(burdon): Replace with Form based on the function's input schema. */}\n      <Toolbar.Root classNames='p-2'>\n        <Input.Root>\n          <Input.TextInput\n            ref={inputRef}\n            autoFocus\n            placeholder={t('function request placeholder')}\n            value={input}\n            onChange={(ev) => setInput(ev.target.value)}\n            onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n          />\n        </Input.Root>\n        <Toolbar.Button onClick={() => handleRequest(input)}>\n          <Icon icon='ph--play--regular' size={4} />\n        </Toolbar.Button>\n        <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n          <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n        </Toolbar.Button>\n      </Toolbar.Root>\n    </div>\n  );\n};\n\n// TODO(burdon): Replace with thread?\n// TODO(burdon): Button to edit/re-run question.\ntype MessageThreadProps = {\n  state: State | null;\n  history: Message[];\n  result: string;\n};\n\nconst MessageThread = forwardRef<HTMLDivElement, MessageThreadProps>(\n  ({ state, history, result }: MessageThreadProps, forwardedRef) => {\n    return (\n      <div ref={forwardedRef} className='flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto'>\n        {history.map((message, i) => (\n          <div key={i} className='grid grid-cols-[2rem_1fr_2rem]'>\n            <div className='p-1'>{message.type === 'response' && <RobotAvatar />}</div>\n            <div className='overflow-auto'>\n              <MessageItem message={message} />\n            </div>\n          </div>\n        ))}\n\n        {result?.length > 0 && (\n          <div className='grid grid-cols-[2rem_1fr_2rem]'>\n            <div className='p-1'>\n              {(state === 'pending' && <Icon icon='ph--spinner--regular' size={6} classNames='animate-spin' />) || (\n                <Icon icon='ph--robot--regular' size={6} classNames='animate-[pulse_1s_ease-in-out_infinite]' />\n              )}\n            </div>\n            <div className='overflow-auto'>\n              <MessageItem message={{ type: 'response', text: result }} />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n  const { type, text, data, error } = message;\n  const wrapper = 'p-1 px-2 rounded-md bg-hoverSurface overflow-auto';\n  return (\n    <div className={mx('flex', type === 'request' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>\n      {error && <div className={mx(wrapper, 'whitespace-pre', errorText)}>{String(error)}</div>}\n\n      {text !== undefined && (\n        <div className={mx(wrapper, type === 'request' && 'bg-primary-400 dark:bg-primary-600')}>\n          {text || '\\u00D8'}\n        </div>\n      )}\n\n      {data && (\n        <SyntaxHighlighter language='json' className={mx(wrapper, 'text-xs')}>\n          {JSON.stringify(data, null, 2)}\n        </SyntaxHighlighter>\n      )}\n    </div>\n  );\n};\n\nconst RobotAvatar = () => (\n  <Avatar.Root>\n    <Avatar.Content size={6} variant='circle' icon='ph--robot--regular' />\n  </Avatar.Root>\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { useDeployState, useToolbarState } from '../../hooks';\n\nimport { TestPanel } from './TestPanel';\n\nexport type TestContainerProps = {\n  role: string;\n  script: ScriptType;\n};\n\nexport const TestContainer = ({ script }: TestContainerProps) => {\n  const state = useToolbarState();\n  useDeployState({ state, script });\n  return (\n    <StackItem.Content>\n      <TestPanel functionUrl={state.functionUrl} />\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './NotebookStack';\nexport * from './Settings';\nexport * from './TestPanel';\n\nexport { DEPLOYMENT_DIALOG } from './DeploymentDialog';\n\nexport const ScriptContainer = lazy(() => import('./ScriptContainer'));\nexport const DeploymentDialog = lazy(() => import('./DeploymentDialog'));\nexport const NotebookContainer = lazy(() => import('./NotebookContainer'));\n"],
+  "mappings": "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",
+  "names": ["Octokit", "React", "useCallback", "useState", "ToolId", "SettingsAction", "createIntent", "useIntentDispatcher", "Blueprint", "Template", "FunctionType", "getInvocationUrl", "getUserFunctionIdInMetadata", "log", "useClient", "Filter", "Ref", "getMeta", "getSpace", "useQuery", "Button", "Clipboard", "Input", "useAsyncEffect", "useControlledState", "useTranslation", "DataType", "kebabize", "ScriptObjectSettings", "object", "Binding", "BlueprintEditor", "Publishing", "ScriptProperties", "t", "useTranslation", "meta", "id", "Input", "Root", "Label", "TextInput", "placeholder", "value", "description", "onChange", "event", "target", "space", "getSpace", "fn", "useQuery", "Filter", "type", "FunctionType", "source", "Ref", "make", "blueprints", "Blueprint", "creating", "setCreating", "useState", "instructions", "setInstructions", "name", "blueprintKey", "kebabize", "existingBlueprint", "find", "bp", "key", "useAsyncEffect", "load", "content", "handleSave", "useCallback", "text", "toolId", "ToolId", "tools", "includes", "db", "add", "Template", "flush", "div", "className", "h2", "default", "p", "role", "TextArea", "rows", "classNames", "Button", "disabled", "onClick", "client", "useClient", "functionId", "getUserFunctionIdInMetadata", "getMeta", "functionUrl", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "binding", "setBinding", "useControlledState", "handleBindingChange", "handleBindingBlur", "Clipboard", "IconButton", "onBlur", "dispatchPromise", "dispatch", "useIntentDispatcher", "githubToken", "DataType", "AccessToken", "gistKey", "keys", "gistUrl", "setGistUrl", "token", "gistId", "undefined", "octokit", "Octokit", "auth", "response", "request", "gist_id", "data", "html_url", "err", "log", "catch", "handleOpenTokenManager", "createIntent", "SettingsAction", "Open", "plugin", "publishing", "setPublishing", "handlePublish", "filename", "files", "githubKey", "public", "push", "span", "React", "useClient", "Button", "Select", "useTranslation", "EditorInputModes", "ControlGroup", "ControlItemInput", "ControlPage", "ControlSection", "ScriptPluginSettings", "settings", "t", "useTranslation", "meta", "id", "client", "useClient", "handleAuthenticate", "identityKey", "halo", "identity", "get", "writeCredentials", "getAccessCredential", "React", "ControlPage", "ControlSection", "title", "ns", "ControlGroup", "ControlItemInput", "Button", "onClick", "Select", "Root", "value", "editorInputMode", "onValueChange", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "EditorInputModes", "map", "mode", "Option", "key", "Arrow", "React", "forwardRef", "useEffect", "useRef", "useState", "log", "Avatar", "Icon", "Input", "Toolbar", "useTranslation", "SyntaxHighlighter", "errorText", "mx", "TestPanel", "classNames", "functionUrl", "t", "useTranslation", "meta", "id", "inputRef", "useRef", "input", "setInput", "useState", "result", "setResult", "state", "setState", "history", "setHistory", "scrollerRef", "handleScroll", "current", "scrollTop", "scrollHeight", "controller", "useEffect", "handleStop", "abort", "handleClear", "focus", "handleResponse", "text", "data", "error", "type", "handleRequest", "charAt", "validJsonString", "replace", "JSON", "parse", "stringify", "err", "setTimeout", "AbortController", "response", "fetch", "signal", "method", "body", "headers", "ok", "Error", "statusText", "String", "status", "contentType", "get", "json", "reader", "getReader", "pump", "done", "value", "TextDecoder", "decode", "read", "then", "catch", "name", "log", "React", "div", "className", "mx", "MessageThread", "ref", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "key", "Button", "onClick", "Icon", "icon", "size", "forwardRef", "forwardedRef", "map", "message", "i", "RobotAvatar", "MessageItem", "length", "wrapper", "errorText", "undefined", "SyntaxHighlighter", "language", "Avatar", "Content", "variant", "React", "StackItem", "TestContainer", "script", "state", "useToolbarState", "useDeployState", "React", "StackItem", "Content", "TestPanel", "functionUrl", "lazy", "ScriptContainer", "lazy", "DeploymentDialog", "NotebookContainer"]
+}

package/dist/lib/browser/{chunk-NXKU3BNX.mjs → chunk-JO2O7W6J.mjs}

@@ -1,6 +1,6 @@
 import {
   ScriptAction
-} from "./chunk-IS4OG2UW.mjs";
+} from "./chunk-5CYLWXRH.mjs";
 
 // src/util/functions.ts
 import { getInvocationUrl, getUserFunctionIdInMetadata } from "@dxos/functions";
@@ -27,7 +27,7 @@ var updateFunctionMetadata = (script, storedFunction, meta, functionId) => {
       functionId
     }, {
       F: __dxlog_file,
-      L: 39,
+      L: 45,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -39,7 +39,7 @@ var updateFunctionMetadata = (script, storedFunction, meta, functionId) => {
       functionId
     }, {
       F: __dxlog_file,
-      L: 45,
+      L: 51,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -51,12 +51,42 @@ var updateFunctionMetadata = (script, storedFunction, meta, functionId) => {
       functionId
     }, {
       F: __dxlog_file,
-      L: 51,
+      L: 57,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+  }
+  if (meta.key) {
+    storedFunction.key = meta.key;
+  } else {
+    log.verbose("no key in function metadata", {
+      functionId
+    }, {
+      F: __dxlog_file,
+      L: 63,
       S: void 0,
       C: (f, a) => f(...a)
     });
   }
 };
+var getAccessCredential = (identityKey) => {
+  return {
+    issuer: identityKey,
+    issuanceDate: /* @__PURE__ */ new Date(),
+    subject: {
+      id: identityKey,
+      assertion: {
+        "@type": "dxos.halo.credentials.ServiceAccess",
+        serverName: "hub.dxos.network",
+        serverKey: identityKey,
+        identityKey,
+        capabilities: [
+          "composer:beta"
+        ]
+      }
+    }
+  };
+};
 
 // src/util/deploy.ts
 import { Obj, Ref } from "@dxos/echo";
@@ -150,7 +180,7 @@ var createOrUpdateFunctionInSpace = (space, fn, script, functionId, version) =>
 };
 
 // src/hooks/useCreateAndDeployScriptTemplates.ts
-import { pipe } from "effect/Function";
+import * as Function from "effect/Function";
 import { useCallback, useState } from "react";
 import { chain, createIntent, useIntentDispatcher } from "@dxos/app-framework";
 import { Obj as Obj2 } from "@dxos/echo";
@@ -177,7 +207,7 @@ var useCreateAndDeployScriptTemplates = (space, scriptTemplates) => {
     setStatus("pending");
     setError(void 0);
     const deploymentResults = await Promise.all(scriptTemplates.map(async (template) => {
-      const result = await dispatch(pipe(createIntent(ScriptAction.Create, {
+      const result = await dispatch(Function.pipe(createIntent(ScriptAction.CreateScript, {
         space,
         initialTemplateId: template.id
       }), chain(SpaceAction.AddObject, {
@@ -215,8 +245,10 @@ var useCreateAndDeployScriptTemplates = (space, scriptTemplates) => {
 
 export {
   getFunctionUrl,
+  updateFunctionMetadata,
+  getAccessCredential,
   isScriptDeployed,
   deployScript,
   useCreateAndDeployScriptTemplates
 };
-//# sourceMappingURL=chunk-NXKU3BNX.mjs.map
+//# sourceMappingURL=chunk-JO2O7W6J.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/functions.ts", "../../../src/util/deploy.ts", "../../../src/hooks/useCreateAndDeployScriptTemplates.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type FunctionType, type ScriptType, getInvocationUrl, getUserFunctionIdInMetadata } from '@dxos/functions';\nimport { type PublicKey } from '@dxos/keys';\nimport { log } from '@dxos/log';\nimport { type Credential } from '@dxos/protocols/proto/dxos/halo/credentials';\nimport { getMeta, getSpace } from '@dxos/react-client/echo';\n/**\n * Get the function URL for a given script and client configuration\n */\nexport const getFunctionUrl = ({\n  script,\n  fn,\n  edgeUrl,\n}: {\n  script: ScriptType;\n  fn: any;\n  edgeUrl: string;\n}): string | undefined => {\n  const space = getSpace(script);\n  const existingFunctionId = fn && getUserFunctionIdInMetadata(getMeta(fn));\n\n  if (!existingFunctionId) {\n    return undefined;\n  }\n\n  return getInvocationUrl(existingFunctionId, edgeUrl, {\n    spaceId: space?.id,\n  });\n};\n\nexport const updateFunctionMetadata = (\n  script: ScriptType,\n  storedFunction: FunctionType,\n  meta: any,\n  functionId: string,\n) => {\n  if (script.description !== undefined && script.description.trim() !== '') {\n    storedFunction.description = script.description;\n  } else if (meta.description) {\n    storedFunction.description = meta.description;\n  } else {\n    log.verbose('no description in function metadata', { functionId });\n  }\n\n  if (meta.inputSchema) {\n    storedFunction.inputSchema = meta.inputSchema;\n  } else {\n    log.verbose('no input schema in function metadata', { functionId });\n  }\n\n  if (meta.outputSchema) {\n    storedFunction.outputSchema = meta.outputSchema;\n  } else {\n    log.verbose('no output schema in function metadata', { functionId });\n  }\n\n  if (meta.key) {\n    storedFunction.key = meta.key;\n  } else {\n    log.verbose('no key in function metadata', { functionId });\n  }\n};\n\nexport const getAccessCredential = (identityKey: PublicKey): Credential => {\n  return {\n    issuer: identityKey,\n    issuanceDate: new Date(),\n    subject: {\n      id: identityKey,\n      assertion: {\n        '@type': 'dxos.halo.credentials.ServiceAccess',\n        serverName: 'hub.dxos.network',\n        serverKey: identityKey,\n        identityKey,\n        capabilities: ['composer:beta'],\n      },\n    },\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Client } from '@dxos/client';\nimport { Obj, Ref } from '@dxos/echo';\nimport {\n  FunctionType,\n  type ScriptType,\n  getUserFunctionIdInMetadata,\n  setUserFunctionIdInMetadata,\n} from '@dxos/functions';\nimport { Bundler } from '@dxos/functions/bundler';\nimport { incrementSemverPatch, uploadWorkerFunction } from '@dxos/functions/edge';\nimport { log } from '@dxos/log';\nimport { type Space } from '@dxos/react-client/echo';\n\nimport { updateFunctionMetadata } from './functions';\n\nexport const isScriptDeployed = ({ script, fn }: { script: ScriptType; fn: any }): boolean => {\n  const existingFunctionId = fn && getUserFunctionIdInMetadata(Obj.getMeta(fn));\n  return Boolean(existingFunctionId) && !script.changed;\n};\n\ntype DeployScriptProps = {\n  script: ScriptType;\n  client: Client;\n  space: Space;\n  fn?: FunctionType;\n  existingFunctionId?: string;\n};\n\ntype DeployScriptResult = { success: boolean; error?: Error; functionId?: string };\n\n/**\n * Deploy a script to a space, handling bundling and uploading to the FaaS infrastructure.\n */\nexport const deployScript = async ({\n  script,\n  client,\n  space,\n  fn,\n  existingFunctionId,\n}: DeployScriptProps): Promise<DeployScriptResult> => {\n  const validationError = validateDeployInputs(script, space);\n  if (validationError) {\n    return { success: false, error: validationError };\n  }\n\n  try {\n    const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n    const buildResult = await bundler.bundle({ source: script.source!.target!.content });\n    if ('error' in buildResult) {\n      throw buildResult.error || new Error('Bundle creation failed');\n    }\n\n    const { functionId, version, meta } = await uploadWorkerFunction({\n      client,\n      ownerPublicKey: space.key,\n      version: fn ? incrementSemverPatch(fn.version) : '0.0.1',\n      functionId: existingFunctionId,\n      entryPoint: buildResult.entryPoint,\n      assets: { [buildResult.entryPoint]: buildResult.asset },\n    });\n\n    if (functionId === undefined || version === undefined) {\n      throw new Error(`Upload didn't return expected data: ${JSON.stringify({ functionId, version })}`);\n    }\n\n    const storedFunction = createOrUpdateFunctionInSpace(space, fn, script, functionId, version);\n    script.changed = false;\n    updateFunctionMetadata(script, storedFunction, meta, functionId);\n\n    setUserFunctionIdInMetadata(Obj.getMeta(storedFunction), functionId);\n\n    return { success: true, functionId };\n  } catch (err: any) {\n    log.catch(err);\n    return { success: false, error: err };\n  }\n};\n\n/**\n * Validate inputs for script deployment.\n */\nconst validateDeployInputs = (script: ScriptType, space: Space): Error | null => {\n  if (!script.source || !space) {\n    return new Error('Script source or space not available');\n  }\n  return null;\n};\n\nconst createOrUpdateFunctionInSpace = (\n  space: Space,\n  fn: FunctionType | undefined,\n  script: ScriptType,\n  functionId: string,\n  version: string,\n): FunctionType => {\n  if (fn) {\n    fn.name = script.name ?? 'New Function';\n    fn.version = version;\n    return fn;\n  } else {\n    const fn = Obj.make(FunctionType, { name: script.name ?? 'New Function', version, source: Ref.make(script) });\n    space.db.add(fn);\n    setUserFunctionIdInMetadata(Obj.getMeta(fn), functionId);\n    return fn;\n  }\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Function from 'effect/Function';\nimport { useCallback, useState } from 'react';\n\nimport { chain, createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { ScriptType } from '@dxos/functions';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { useClient } from '@dxos/react-client';\nimport { type Space } from '@dxos/react-client/echo';\n\nimport { type Template } from '../templates';\nimport { ScriptAction } from '../types';\nimport { deployScript } from '../util';\n\ntype DeploymentStatus = 'idle' | 'pending' | 'success' | 'error';\n\n/**\n * Hook for creating and deploying multiple script templates concurrently.\n *\n * Takes a space and an array of script template IDs, then provides a callback\n * function that creates each script from its template and deploys it to the space.\n * All creation / deployment operations run concurrently for improved performance.\n */\nexport const useCreateAndDeployScriptTemplates = (space: Space | undefined, scriptTemplates: Template[]) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const client = useClient();\n  const [status, setStatus] = useState<DeploymentStatus>('idle');\n  const [error, setError] = useState<Error | undefined>(undefined);\n\n  const handleCreateAndDeployScripts = useCallback(async () => {\n    invariant(space);\n    setStatus('pending');\n    setError(undefined);\n\n    const deploymentResults = await Promise.all(\n      scriptTemplates.map(async (template) => {\n        const result = await dispatch(\n          Function.pipe(\n            createIntent(ScriptAction.CreateScript, { space, initialTemplateId: template.id as any }),\n            chain(SpaceAction.AddObject, { target: space }),\n          ),\n        );\n        invariant(Obj.instanceOf(ScriptType, result.data?.object));\n\n        return deployScript({ space, client, script: result.data.object });\n      }),\n    );\n\n    const hasErrors = deploymentResults.some((result) => !result.success);\n    setStatus(hasErrors ? 'error' : 'success');\n  }, [space, dispatch, client, scriptTemplates]);\n\n  // TODO(burdon): Return onCreateAndDeployScripts.\n  return { handleCreateAndDeployScripts, status, error };\n};\n"],
+  "mappings": "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",
+  "names": ["getInvocationUrl", "getUserFunctionIdInMetadata", "log", "getMeta", "getSpace", "getFunctionUrl", "script", "fn", "edgeUrl", "space", "existingFunctionId", "undefined", "spaceId", "id", "updateFunctionMetadata", "storedFunction", "meta", "functionId", "description", "trim", "verbose", "inputSchema", "outputSchema", "key", "getAccessCredential", "identityKey", "issuer", "issuanceDate", "Date", "subject", "assertion", "serverName", "serverKey", "capabilities", "Obj", "Ref", "FunctionType", "getUserFunctionIdInMetadata", "setUserFunctionIdInMetadata", "Bundler", "incrementSemverPatch", "uploadWorkerFunction", "log", "isScriptDeployed", "script", "fn", "existingFunctionId", "getUserFunctionIdInMetadata", "Obj", "getMeta", "Boolean", "changed", "deployScript", "client", "space", "validationError", "validateDeployInputs", "success", "error", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "source", "target", "content", "Error", "functionId", "version", "meta", "uploadWorkerFunction", "ownerPublicKey", "key", "incrementSemverPatch", "entryPoint", "assets", "asset", "undefined", "JSON", "stringify", "storedFunction", "createOrUpdateFunctionInSpace", "updateFunctionMetadata", "setUserFunctionIdInMetadata", "err", "log", "catch", "name", "make", "FunctionType", "Ref", "db", "add", "Function", "useCallback", "useState", "chain", "createIntent", "useIntentDispatcher", "Obj", "ScriptType", "invariant", "SpaceAction", "useClient", "useCreateAndDeployScriptTemplates", "space", "scriptTemplates", "dispatchPromise", "dispatch", "useIntentDispatcher", "client", "useClient", "status", "setStatus", "useState", "error", "setError", "undefined", "handleCreateAndDeployScripts", "useCallback", "invariant", "deploymentResults", "Promise", "all", "map", "template", "result", "pipe", "createIntent", "ScriptAction", "CreateScript", "initialTemplateId", "id", "chain", "SpaceAction", "AddObject", "target", "Obj", "instanceOf", "ScriptType", "data", "object", "deployScript", "script", "hasErrors", "some", "success"]
+}

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

@@ -0,0 +1,112 @@
+// src/components/TypescriptEditor/TypescriptEditor.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
+import { javascript } from "@codemirror/lang-javascript";
+import { HighlightStyle } from "@codemirror/language";
+import { lintKeymap } from "@codemirror/lint";
+import { Prec } from "@codemirror/state";
+import { keymap } from "@codemirror/view";
+import { tags } from "@lezer/highlight";
+import { continueKeymap } from "@valtown/codemirror-continue";
+import { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";
+import React from "react";
+import { Domino, useThemeContext } from "@dxos/react-ui";
+import { InputModeExtensions, createBasicExtensions, createThemeExtensions, defaultStyles, useTextEditor } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+var TypescriptEditor = ({ classNames, id, role = "article", inputMode = "vscode", toolbar, env, options, initialValue, extensions, scrollTo, selection }) => {
+  var _effect = _useSignals();
+  try {
+    const { themeMode } = useThemeContext();
+    const { parentRef, focusAttributes } = useTextEditor(() => ({
+      id,
+      initialValue,
+      selection,
+      scrollTo,
+      extensions: [
+        extensions,
+        createBasicExtensions({
+          highlightActiveLine: true,
+          indentWithTab: true,
+          lineNumbers: true,
+          lineWrapping: false,
+          monospace: true,
+          scrollPastEnd: role !== "section",
+          search: true,
+          ...options
+        }),
+        createThemeExtensions({
+          themeMode,
+          syntaxHighlighting: true
+        }),
+        InputModeExtensions[inputMode],
+        javascript({
+          typescript: true
+        }),
+        autocompletion({
+          override: env ? [
+            tsAutocomplete()
+          ] : void 0
+        }),
+        // Continues block comments when pressing Enter.
+        Prec.high(keymap.of(continueKeymap)),
+        keymap.of(completionKeymap),
+        keymap.of(lintKeymap),
+        // https://github.com/val-town/codemirror-ts
+        env && [
+          tsFacet.of({
+            env,
+            path: `/src/${id}.ts`
+          }),
+          tsSync(),
+          tsLinter(),
+          tsHover({
+            renderTooltip: createTooltipRenderer(themeMode)
+          })
+        ]
+      ].filter(isNonNullable)
+    }), [
+      id,
+      extensions,
+      themeMode,
+      inputMode,
+      selection,
+      scrollTo
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      ref: parentRef,
+      "data-toolbar": toolbar ? "enabled" : "disabled",
+      className: mx(classNames),
+      ...focusAttributes
+    });
+  } finally {
+    _effect.f();
+  }
+};
+var createTooltipRenderer = (themeMode) => {
+  const theme = HighlightStyle.define(themeMode === "dark" ? defaultStyles.dark : defaultStyles.light);
+  const classFromKind = (_kind) => {
+    const kind = _kind.endsWith("Name") ? "name" : _kind;
+    const validTag = kind in tags;
+    if (!validTag) {
+      return "";
+    }
+    const tag = tags[kind];
+    if (typeof tag === "function") {
+      return "";
+    }
+    return theme.style([
+      tag
+    ]) ?? "";
+  };
+  return (info) => {
+    return {
+      dom: Domino.of("div").classNames("xs:max-is-80 max-is-lg p-1 bg-baseSurface rounded border border-separator").children(...info.quickInfo?.displayParts?.map(({ kind, text }) => Domino.of("span").classNames(classFromKind(kind)).text(text)) ?? []).build()
+    };
+  };
+};
+
+export {
+  TypescriptEditor
+};
+//# sourceMappingURL=chunk-N6M34EUC.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { HighlightStyle } from '@codemirror/language';\nimport { lintKeymap } from '@codemirror/lint';\nimport { Prec } from '@codemirror/state';\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 { Domino, type ThemeMode, type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n  type BasicExtensionsOptions,\n  type EditorInputMode,\n  InputModeExtensions,\n  type UseTextEditorProps,\n  createBasicExtensions,\n  createThemeExtensions,\n  defaultStyles,\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    role?: string;\n    inputMode?: EditorInputMode;\n    toolbar?: boolean;\n    env?: VirtualTypeScriptEnvironment;\n    options?: BasicExtensionsOptions;\n  } & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>\n>;\n\nexport const TypescriptEditor = ({\n  classNames,\n  id,\n  role = 'article',\n  inputMode = 'vscode',\n  toolbar,\n  env,\n  options,\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: role !== 'section',\n          search: true,\n          ...options,\n        }),\n        createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n        InputModeExtensions[inputMode],\n\n        javascript({ typescript: true }),\n        autocompletion({ override: env ? [tsAutocomplete()] : undefined }),\n\n        // Continues block comments when pressing Enter.\n        Prec.high(keymap.of(continueKeymap)),\n        keymap.of(completionKeymap),\n        keymap.of(lintKeymap),\n\n        // https://github.com/val-town/codemirror-ts\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  // TODO(brudon): Use react-ui-editor's Editor component.\n  return (\n    <div\n      ref={parentRef}\n      data-toolbar={toolbar ? 'enabled' : 'disabled'}\n      className={mx(classNames)}\n      {...focusAttributes}\n    />\n  );\n};\n\n// TODO(burdon): Factor out (react-ui-editor).\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n  const theme = HighlightStyle.define(themeMode === 'dark' ? defaultStyles.dark : defaultStyles.light);\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    return {\n      dom: Domino.of('div')\n        .classNames('xs:max-is-80 max-is-lg p-1 bg-baseSurface rounded border border-separator')\n        .children(\n          ...(info.quickInfo?.displayParts?.map(({ kind, text }) =>\n            Domino.of('span').classNames(classFromKind(kind)).text(text),\n          ) ?? []),\n        )\n        .build(),\n    };\n  };\n};\n\nexport default TypescriptEditor;\n"],
+  "mappings": ";;AAIA,SAASA,gBAAgBC,wBAAwB;AACjD,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AACrB,SAASC,cAAc;AACvB,SAASC,YAAY;AAErB,SAASC,sBAAsB;AAC/B,SAAyBC,gBAAgBC,SAASC,SAASC,UAAUC,cAAc;AACnF,OAAOC,WAAW;AAElB,SAASC,QAA8CC,uBAAuB;AAC9E,SAGEC,qBAEAC,uBACAC,uBACAC,eACAC,qBACK;AACP,SAASC,UAAU;AACnB,SAASC,qBAAqB;AAavB,IAAMC,mBAAmB,CAAC,EAC/BC,YACAC,IACAC,OAAO,WACPC,YAAY,UACZC,SACAC,KACAC,SACAC,cACAC,YACAC,UACAC,UAAS,MACa;;;AACtB,UAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,UAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;MACLd;MACAM;MACAG;MACAD;MACAD,YAAY;QACVA;QACAQ,sBAAsB;UACpBC,qBAAqB;UACrBC,eAAe;UACfC,aAAa;UACbC,cAAc;UACdC,WAAW;UACXC,eAAepB,SAAS;UACxBqB,QAAQ;UACR,GAAGjB;QACL,CAAA;QACAkB,sBAAsB;UAAEb;UAAWc,oBAAoB;QAAK,CAAA;QAC5DC,oBAAoBvB,SAAAA;QAEpBwB,WAAW;UAAEC,YAAY;QAAK,CAAA;QAC9BC,eAAe;UAAEC,UAAUzB,MAAM;YAAC0B,eAAAA;cAAoBC;QAAU,CAAA;;QAGhEC,KAAKC,KAAKC,OAAOC,GAAGC,cAAAA,CAAAA;QACpBF,OAAOC,GAAGE,gBAAAA;QACVH,OAAOC,GAAGG,UAAAA;;QAGVlC,OAAO;UACLmC,QAAQJ,GAAG;YAAE/B;YAAKoC,MAAM,QAAQxC,EAAAA;UAAQ,CAAA;UACxCyC,OAAAA;UACAC,SAAAA;UACAC,QAAQ;YAAEC,eAAeC,sBAAsBnC,SAAAA;UAAW,CAAA;;QAE5DoC,OAAOC,aAAAA;IACX,IACA;MAAC/C;MAAIO;MAAYG;MAAWR;MAAWO;MAAWD;KAAS;AAI7D,WACE,sBAAA,cAACwC,OAAAA;MACCC,KAAKrC;MACLsC,gBAAc/C,UAAU,YAAY;MACpCgD,WAAWC,GAAGrD,UAAAA;MACb,GAAGc;;;;;AAGV;AAGA,IAAMgC,wBAAwB,CAACnC,cAAAA;AAC7B,QAAM2C,QAAQC,eAAeC,OAAO7C,cAAc,SAAS8C,cAAcC,OAAOD,cAAcE,KAAK;AAEnG,QAAMC,gBAAgB,CAACC,UAAAA;AAErB,UAAMC,OAAOD,MAAME,SAAS,MAAA,IAAU,SAASF;AAC/C,UAAMG,WAAWF,QAAQG;AACzB,QAAI,CAACD,UAAU;AACb,aAAO;IACT;AAEA,UAAME,MAAMD,KAAKH,IAAAA;AACjB,QAAI,OAAOI,QAAQ,YAAY;AAC7B,aAAO;IACT;AAEA,WAAOZ,MAAMa,MAAM;MAACD;KAAI,KAAK;EAC/B;AAEA,SAAO,CAACE,SAAAA;AACN,WAAO;MACLC,KAAKC,OAAOlC,GAAG,KAAA,EACZpC,WAAW,2EAAA,EACXuE,SAAQ,GACHH,KAAKI,WAAWC,cAAcC,IAAI,CAAC,EAAEZ,MAAMa,KAAI,MACjDL,OAAOlC,GAAG,MAAA,EAAQpC,WAAW4D,cAAcE,IAAAA,CAAAA,EAAOa,KAAKA,IAAAA,CAAAA,KACpD,CAAA,CAAE,EAERC,MAAK;IACV;EACF;AACF;",
+  "names": ["autocompletion", "completionKeymap", "javascript", "HighlightStyle", "lintKeymap", "Prec", "keymap", "tags", "continueKeymap", "tsAutocomplete", "tsFacet", "tsHover", "tsLinter", "tsSync", "React", "Domino", "useThemeContext", "InputModeExtensions", "createBasicExtensions", "createThemeExtensions", "defaultStyles", "useTextEditor", "mx", "isNonNullable", "TypescriptEditor", "classNames", "id", "role", "inputMode", "toolbar", "env", "options", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "monospace", "scrollPastEnd", "search", "createThemeExtensions", "syntaxHighlighting", "InputModeExtensions", "javascript", "typescript", "autocompletion", "override", "tsAutocomplete", "undefined", "Prec", "high", "keymap", "of", "continueKeymap", "completionKeymap", "lintKeymap", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "div", "ref", "data-toolbar", "className", "mx", "theme", "HighlightStyle", "define", "defaultStyles", "dark", "light", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "dom", "Domino", "children", "quickInfo", "displayParts", "map", "text", "build"]
+}