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

package/dist/lib/node-esm/chunk-OG2SIKHE.mjs.map

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

package/dist/lib/node-esm/{chunk-HUHVIOL5.mjs → chunk-SMFPSKQT.mjs}

@@ -2,29 +2,36 @@ import { createRequire } from 'node:module';const require = createRequire(import
 import {
   useDeployState,
   useToolbarState
-} from "./chunk-2GBESIHU.mjs";
+} from "./chunk-VZAFGLD7.mjs";
+import {
+  getAccessCredential
+} from "./chunk-YW36TZ7K.mjs";
 import {
-  SCRIPT_PLUGIN,
   meta
-} from "./chunk-AHXJ6NQU.mjs";
+} from "./chunk-OG2SIKHE.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
     }));
@@ -35,7 +42,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 ?? "",
@@ -47,10 +54,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, {
@@ -108,7 +212,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, {
@@ -134,7 +238,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)
         });
@@ -208,7 +312,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";
@@ -225,22 +328,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, {
@@ -280,7 +368,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("");
@@ -292,7 +380,7 @@ var TestPanel = ({ classNames, functionUrl }) => {
         scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
       }
     };
-    const controller = useRef();
+    const controller = useRef(null);
     useEffect(() => {
       return () => {
         handleStop();
@@ -300,7 +388,7 @@ var TestPanel = ({ classNames, functionUrl }) => {
     }, []);
     const handleStop = () => {
       controller.current?.abort("stop");
-      controller.current = void 0;
+      controller.current = null;
     };
     const handleClear = () => {
       handleStop();
@@ -310,7 +398,7 @@ var TestPanel = ({ classNames, functionUrl }) => {
       inputRef.current?.focus();
     };
     const handleResponse = ({ text, data, error } = {}) => {
-      controller.current = void 0;
+      controller.current = null;
       setHistory((history2) => [
         ...history2,
         {
@@ -542,8 +630,9 @@ var TestContainer = ({ script }) => {
 
 // src/components/index.ts
 import { lazy } from "react";
-var ScriptContainer = lazy(() => import("./ScriptContainer-KPYZN2KY.mjs"));
-var DeploymentDialog = lazy(() => import("./DeploymentDialog-G6EHEPXN.mjs"));
+var ScriptContainer = lazy(() => import("./ScriptContainer-SVXCSLNH.mjs"));
+var DeploymentDialog = lazy(() => import("./DeploymentDialog-I63ZC2HH.mjs"));
+var NotebookContainer = lazy(() => import("./NotebookContainer-QY5NJGJI.mjs"));
 
 export {
   ScriptObjectSettings,
@@ -552,6 +641,7 @@ export {
   TestPanel,
   TestContainer,
   ScriptContainer,
-  DeploymentDialog
+  DeploymentDialog,
+  NotebookContainer
 };
-//# sourceMappingURL=chunk-HUHVIOL5.mjs.map
+//# sourceMappingURL=chunk-SMFPSKQT.mjs.map

package/dist/lib/node-esm/chunk-SMFPSKQT.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/node-esm/chunk-VRSDE4CI.mjs

@@ -0,0 +1,114 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// 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-VRSDE4CI.mjs.map

package/dist/lib/node-esm/chunk-VRSDE4CI.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"]
+}

package/dist/lib/node-esm/{chunk-2GBESIHU.mjs → chunk-VZAFGLD7.mjs}

@@ -1,15 +1,15 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  templates
-} from "./chunk-GWHLP5LM.mjs";
 import {
   deployScript,
   getFunctionUrl,
   isScriptDeployed
-} from "./chunk-M642JUOZ.mjs";
+} from "./chunk-YW36TZ7K.mjs";
 import {
-  SCRIPT_PLUGIN
-} from "./chunk-AHXJ6NQU.mjs";
+  templates
+} from "./chunk-2GVTWESW.mjs";
+import {
+  meta
+} from "./chunk-OG2SIKHE.mjs";
 
 // src/hooks/deploy.ts
 import { useEffect, useMemo } from "react";
@@ -26,7 +26,7 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
     label: state.error ?? [
       "no error label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--warning-circle--regular",
@@ -59,9 +59,9 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
   }, {
     type: "deploy",
     label: [
-      state.deploying ? "pending label" : "deploy label",
+      state.deploying ? "publishing label" : "deploy label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: state.deploying ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
@@ -69,16 +69,15 @@ var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t })
     classNames: state.deploying ? "[&_svg]:animate-spin" : ""
   });
   const copyAction = createMenuAction("copy", async () => {
-    if (!state.functionUrl) {
-      return;
+    if (state.functionUrl) {
+      await navigator.clipboard.writeText(state.functionUrl);
     }
-    await navigator.clipboard.writeText(state.functionUrl);
   }, {
     type: "copy",
     label: [
       "copy link label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--link--regular",
@@ -139,18 +138,18 @@ var useDeployState = ({ state, script }) => {
   ]);
 };
 var useDeployDeps = ({ script }) => {
+  const client = useClient();
   const space = getSpace(script);
   const [fn] = useQuery(space, Query.type(FunctionType, {
     source: Ref.make(script)
   }));
-  const client = useClient();
   const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [
     fn
   ]);
   return {
+    client,
     space,
     fn,
-    client,
     existingFunctionId
   };
 };
@@ -196,7 +195,7 @@ var createFormat = (script) => {
     label: [
       "format label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     icon: "ph--magic-wand--regular"
@@ -223,7 +222,7 @@ var createTemplateSelectGroup = () => {
     label: [
       "template select group label",
       {
-        ns: SCRIPT_PLUGIN
+        ns: meta.id
       }
     ],
     variant: "dropdownMenu"
@@ -239,7 +238,7 @@ var createTemplateSelectActions = (script) => {
       if (oldPresetIndex >= 0) {
         metaKeys.splice(oldPresetIndex, 1);
       }
-      if (template.presetId) {
+      if ("presetId" in template) {
         metaKeys.push({
           source: FUNCTIONS_PRESET_META_KEY,
           id: template.presetId
@@ -281,4 +280,4 @@ export {
   createTemplateSelect,
   useToolbarState
 };
-//# sourceMappingURL=chunk-2GBESIHU.mjs.map
+//# sourceMappingURL=chunk-VZAFGLD7.mjs.map