@dxos/plugin-script 0.8.4-main.3eb6e50203 → 0.8.4-main.4a85c3132b

package/dist/lib/node-esm/ScriptContainer-PCNJFUWX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptToolbar/ScriptToolbar.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { createDocAccessor } from '@dxos/echo-db';\nimport { type Script } from '@dxos/functions';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { Layout } from '@dxos/react-ui';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/ui-editor';\n\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettings } from '../types';\n\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\n\nexport type ScriptEditorProps = SurfaceComponentProps<\n  Script.Script,\n  {\n    settings?: ScriptSettings;\n  } & Pick<TypescriptEditorProps, 'env'>\n>;\n\nexport const ScriptContainer = ({\n  role,\n  subject: script,\n  settings = { editorInputMode: 'vscode' },\n  env,\n}: ScriptEditorProps) => {\n  const identity = useIdentity();\n  const space = getSpace(script);\n  const state = useToolbarState();\n  useDeployState({ script, state });\n\n  const extensions = useMemo(() => {\n    if (!script.source.target) {\n      return [];\n    }\n\n    return [\n      createDataExtensions({\n        id: script.id,\n        text: createDocAccessor(script.source.target, ['content']),\n        messenger: space,\n        identity,\n      }),\n      listener({\n        onChange: ({ text }) => {\n          if (script.source.target?.content !== text) {\n            Obj.change(script, (s) => {\n              s.changed = true;\n            });\n          }\n        },\n      }),\n    ];\n  }, [identity, space, script, script.source.target]);\n\n  if (!extensions.length) {\n    return null;\n  }\n\n  return (\n    <Layout.Main role={role} toolbar>\n      <ScriptToolbar state={state} role={role} script={script} />\n      <TypescriptEditor\n        id={script.id}\n        env={env}\n        initialValue={script.source?.target?.content}\n        extensions={extensions}\n        classNames={stackItemContentEditorClassNames(role)}\n        inputMode={settings.editorInputMode}\n        toolbar\n      />\n    </Layout.Main>\n  );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport React, { useMemo } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { type Script } from '@dxos/functions';\nimport { ElevationProvider, useTranslation } from '@dxos/react-ui';\nimport {\n  type ActionGraphProps,\n  MenuProvider,\n  ToolbarMenu,\n  createGapSeparator,\n  useMenuActions,\n} from '@dxos/react-ui-menu';\n\nimport {\n  type CreateDeployOptions,\n  type ScriptToolbarStateStore,\n  createDeploy,\n  createFormat,\n  createTemplateSelect,\n  useDeployDeps,\n} from '../../hooks';\nimport { meta } from '../../meta';\n\nexport type ScriptToolbarProps = {\n  role?: string;\n  script: Script.Script;\n  state: ScriptToolbarStateStore;\n};\n\nexport const ScriptToolbar = ({ script, role, state }: ScriptToolbarProps) => {\n  const { t } = useTranslation(meta.id);\n  const options = useDeployDeps({ script });\n  const menu = useMemo(() => createToolbarActions({ state, script, t, ...options }), [state, script, options, t]);\n  const actions = useMenuActions(menu);\n\n  return (\n    <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n      <MenuProvider {...actions} attendableId={Obj.getDXN(script).toString()}>\n        <ToolbarMenu />\n      </MenuProvider>\n    </ElevationProvider>\n  );\n};\n\nconst createToolbarActions = ({ state, script, ...options }: CreateDeployOptions): Atom.Atom<ActionGraphProps> =>\n  Atom.make((get) => {\n    // Subscribe to state changes.\n    get(state.atom);\n    const templateSelect = createTemplateSelect(script);\n    const format = createFormat(script);\n    const gap = createGapSeparator();\n    const deploy = createDeploy({ state, script, ...options });\n    return {\n      nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes],\n      edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges],\n    };\n  });\n"],
-  "mappings": "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",
-  "names": ["React", "useMemo", "Obj", "createDocAccessor", "getSpace", "useIdentity", "Layout", "createDataExtensions", "listener", "stackItemContentEditorClassNames", "Atom", "React", "useMemo", "Obj", "ElevationProvider", "useTranslation", "MenuProvider", "ToolbarMenu", "createGapSeparator", "useMenuActions", "ScriptToolbar", "script", "role", "state", "t", "useTranslation", "meta", "id", "options", "useDeployDeps", "menu", "useMemo", "createToolbarActions", "actions", "useMenuActions", "ElevationProvider", "elevation", "MenuProvider", "attendableId", "Obj", "getDXN", "toString", "ToolbarMenu", "Atom", "make", "get", "atom", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "nodes", "edges", "ScriptContainer", "role", "subject", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "state", "useToolbarState", "useDeployState", "extensions", "useMemo", "source", "target", "createDataExtensions", "id", "text", "createDocAccessor", "messenger", "listener", "onChange", "content", "Obj", "change", "s", "changed", "length", "React", "Layout", "Main", "toolbar", "ScriptToolbar", "TypescriptEditor", "initialValue", "classNames", "stackItemContentEditorClassNames", "inputMode"]
-}

package/dist/lib/node-esm/blueprint-definition-EYL5GNDC.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/blueprint-definition/blueprint-definition.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\n\nimport { ScriptBlueprint } from '../../blueprints';\n\nexport type BlueprintCapabilities = [\n  Capability.Capability<typeof AppCapabilities.Functions>,\n  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>,\n];\n\nconst blueprintDefinition = Capability.makeModule<[], BlueprintCapabilities>(() =>\n  Effect.succeed([\n    Capability.contributes(AppCapabilities.Functions, ScriptBlueprint.functions),\n    Capability.contributes(AppCapabilities.BlueprintDefinition, ScriptBlueprint.make()),\n  ]),\n);\n\nexport default blueprintDefinition;\n"],
-  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAShC,IAAMC,sBAAsBC,WAAWC,WAAsC,MACpEC,eAAQ;EACbF,WAAWG,YAAYC,gBAAgBC,WAAWC,yBAAgBC,SAAS;EAC3EP,WAAWG,YAAYC,gBAAgBI,qBAAqBF,yBAAgBG,KAAI,CAAA;CACjF,CAAA;AAGH,IAAA,+BAAeV;",
-  "names": ["Effect", "Capability", "AppCapabilities", "blueprintDefinition", "Capability", "makeModule", "succeed", "contributes", "AppCapabilities", "Functions", "ScriptBlueprint", "functions", "BlueprintDefinition", "make"]
-}

package/dist/lib/node-esm/chunk-3CKQUF55.mjs

@@ -1,610 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  getAccessCredential,
-  useDeployState,
-  useToolbarState
-} from "./chunk-ECRSTVR6.mjs";
-import {
-  meta
-} from "./chunk-5HSJPAK7.mjs";
-
-// src/components/Settings/ScriptObjectSettings.tsx
-import { Octokit } from "@octokit/core";
-import React, { useCallback, useState } from "react";
-import { ToolId } from "@dxos/ai";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { SettingsOperation } from "@dxos/app-toolkit";
-import { Blueprint, Template } from "@dxos/blueprints";
-import { Filter, Obj, Ref } from "@dxos/echo";
-import { Function, getUserFunctionIdInMetadata } from "@dxos/functions";
-import { getInvocationUrl } from "@dxos/functions-runtime";
-import { log } from "@dxos/log";
-import { useClient } from "@dxos/react-client";
-import { useQuery } from "@dxos/react-client/echo";
-import { Button, Clipboard, Input, useAsyncEffect, useControlledState, useTranslation } from "@dxos/react-ui";
-import { AccessToken } from "@dxos/types";
-import { kebabize } from "@dxos/util";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx";
-var ScriptObjectSettings = ({ object }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Binding, {
-    object
-  }), /* @__PURE__ */ React.createElement(BlueprintEditor, {
-    object
-  }), /* @__PURE__ */ React.createElement(Publishing, {
-    object
-  }));
-};
-var ScriptProperties = ({ object }) => {
-  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 ?? "",
-    onChange: (event) => {
-      Obj.change(object, (o) => {
-        o.description = event.target.value;
-      });
-    }
-  }));
-};
-var BlueprintEditor = ({ object }) => {
-  const { t } = useTranslation(meta.id);
-  const db = Obj.getDatabase(object);
-  const [fn] = useQuery(db, Filter.type(Function.Function, {
-    source: Ref.make(object)
-  }));
-  const blueprints = useQuery(db, 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 (!db) {
-      return;
-    }
-    setCreating(true);
-    try {
-      if (existingBlueprint) {
-        const text = await existingBlueprint.instructions.source.load();
-        Obj.change(text, (t2) => {
-          t2.content = instructions;
-        });
-        if (fn?.key) {
-          const toolId = ToolId.make(fn.key);
-          if (!existingBlueprint.tools?.includes(toolId)) {
-            Obj.change(existingBlueprint, (b) => {
-              b.tools = [
-                ...b.tools ?? [],
-                toolId
-              ];
-            });
-          }
-        }
-      } else if (fn?.key) {
-        db.add(Blueprint.make({
-          key: blueprintKey,
-          name: object.name ?? "Script",
-          instructions: Template.make({
-            source: instructions
-          }),
-          tools: [
-            ToolId.make(fn.key)
-          ]
-        }));
-      }
-      await db.flush();
-    } finally {
-      setCreating(false);
-    }
-  }, [
-    db,
-    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"
-  }))));
-};
-var Binding = ({ object }) => {
-  const { t } = useTranslation(meta.id);
-  const client = useClient();
-  const db = Obj.getDatabase(object);
-  const [fn] = useQuery(db, Filter.type(Function.Function, {
-    source: Ref.make(object)
-  }));
-  const functionId = fn && getUserFunctionIdInMetadata(Obj.getMeta(fn));
-  const functionUrl = functionId && getInvocationUrl(functionId, client.config.values.runtime?.services?.edge?.url ?? "", {
-    spaceId: db?.spaceId
-  });
-  const [binding, setBinding] = useControlledState(fn?.binding ?? "");
-  const handleBindingChange = useCallback((event) => {
-    setBinding(event.target.value);
-  }, [
-    setBinding
-  ]);
-  const handleBindingBlur = useCallback(() => {
-    Obj.change(fn, (f) => {
-      f.binding = binding;
-    });
-  }, [
-    fn,
-    binding
-  ]);
-  if (!fn || !functionUrl) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "form",
-    className: "flex flex-col gap-2 mlb-cardSpacingBlock"
-  }, /* @__PURE__ */ React.createElement("h2", null, t("remote function settings heading")), /* @__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("function url label")), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "flex gap-1"
-  }, /* @__PURE__ */ React.createElement(Input.TextInput, {
-    disabled: true,
-    value: functionUrl,
-    onChange: (event) => {
-      Obj.change(fn, (f) => {
-        f.name = event.target.value;
-      });
-    }
-  }), /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
-    value: functionUrl
-  })))), /* @__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("function binding label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
-    placeholder: t("function binding placeholder"),
-    value: binding,
-    onChange: handleBindingChange,
-    onBlur: handleBindingBlur
-  }))));
-};
-var Publishing = ({ object }) => {
-  const { t } = useTranslation(meta.id);
-  const { invokePromise } = useOperationInvoker();
-  const db = Obj.getDatabase(object);
-  const [githubToken] = useQuery(db, Filter.type(AccessToken.AccessToken, {
-    source: "github.com"
-  }));
-  const gistKey = Obj.getMeta(object).keys.find(({ source }) => source === "github.com");
-  const [gistUrl, setGistUrl] = useState();
-  useAsyncEffect(async () => {
-    const token = githubToken?.token;
-    const gistId = gistKey?.id;
-    if (!token || !gistId) {
-      setGistUrl(void 0);
-      return;
-    }
-    try {
-      const octokit = new Octokit({
-        auth: githubToken.token
-      });
-      const response = await octokit.request("GET /gists/{gist_id}", {
-        gist_id: gistId
-      });
-      setGistUrl(response.data.html_url);
-    } catch (err) {
-      log.catch(err, void 0, {
-        F: __dxlog_file,
-        L: 239,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      setGistUrl(void 0);
-    }
-  }, [
-    githubToken,
-    gistKey
-  ]);
-  const handleOpenTokenManager = useCallback(() => invokePromise(SettingsOperation.Open, {
-    plugin: "dxos.org/plugin/token-manager"
-  }), [
-    invokePromise
-  ]);
-  const [publishing, setPublishing] = useState(false);
-  const handlePublish = useCallback(async () => {
-    setPublishing(true);
-    const octokit = new Octokit({
-      auth: githubToken.token
-    });
-    const source = await object.source.load();
-    const filename = object.name ? kebabize(object.name) : "composer-script";
-    const files = {
-      [`${filename}.ts`]: {
-        content: source.content
-      }
-    };
-    try {
-      const meta2 = Obj.getMeta(object);
-      const githubKey = meta2.keys.find(({ source: source2 }) => source2 === "github.com");
-      const gistId = githubKey?.id;
-      if (gistId) {
-        await octokit.request("PATCH /gists/{gist_id}", {
-          gist_id: gistId,
-          files
-        });
-      } else {
-        const response = await octokit.request("POST /gists", {
-          public: true,
-          files
-        });
-        const gistId2 = response.data.id;
-        if (gistId2) {
-          Obj.change(object, (obj) => {
-            Obj.getMeta(obj).keys.push({
-              source: "github.com",
-              id: gistId2
-            });
-          });
-        }
-      }
-    } finally {
-      setPublishing(false);
-    }
-  }, [
-    object,
-    githubToken
-  ]);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col gap-4 mlb-cardSpacingBlock"
-  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ React.createElement("p", {
-    className: "text-description text-sm"
-  }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col gap-2"
-  }, /* @__PURE__ */ React.createElement("span", null, t("no github token label")), /* @__PURE__ */ React.createElement(Button, {
-    onClick: handleOpenTokenManager
-  }, t("open token manager label"))), githubToken && /* @__PURE__ */ React.createElement("div", {
-    className: "flex justify-end gap-2"
-  }, gistUrl && /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
-    value: gistUrl
-  }), /* @__PURE__ */ React.createElement(Button, {
-    disabled: publishing,
-    onClick: handlePublish
-  }, t(publishing ? "publishing label" : "publish label"))));
-};
-
-// src/components/Settings/ScriptPluginSettings.tsx
-import React2 from "react";
-import { useClient as useClient2 } from "@dxos/react-client";
-import { Button as Button2, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { Settings } from "@dxos/react-ui-form";
-import { EditorInputModes } from "@dxos/ui-editor";
-var ScriptPluginSettings = ({ settings, onSettingsChange }) => {
-  const { t } = useTranslation2(meta.id);
-  const client = useClient2();
-  const handleAuthenticate = async () => {
-    const { identityKey } = client.halo.identity.get();
-    await client.halo.writeCredentials([
-      getAccessCredential(identityKey)
-    ]);
-  };
-  return /* @__PURE__ */ React2.createElement(Settings.Root, null, /* @__PURE__ */ React2.createElement(Settings.Section, {
-    title: t("settings title", {
-      ns: meta.id
-    })
-  }, /* @__PURE__ */ React2.createElement(Settings.Group, null, /* @__PURE__ */ React2.createElement(Settings.ItemInput, {
-    title: t("authenticate action label")
-  }, /* @__PURE__ */ React2.createElement(Button2, {
-    onClick: handleAuthenticate
-  }, t("authenticate button label"))), /* @__PURE__ */ React2.createElement(Settings.ItemInput, {
-    title: t("editor input mode label")
-  }, /* @__PURE__ */ React2.createElement(Select.Root, {
-    value: settings.editorInputMode ?? "default",
-    onValueChange: (value) => {
-      onSettingsChange((s) => ({
-        ...s,
-        editorInputMode: value
-      }));
-    }
-  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
-    placeholder: t("select editor input mode placeholder")
-  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React2.createElement(Select.Option, {
-    key: mode,
-    value: mode
-  }, t(`settings editor input mode ${mode} label`)))), /* @__PURE__ */ React2.createElement(Select.Arrow, null))))))));
-};
-
-// src/components/TestPanel/TestPanel.tsx
-import React3, { forwardRef, useEffect, useRef, useState as useState2 } from "react";
-import { log as log2 } from "@dxos/log";
-import { Avatar, Icon, Input as Input2, ScrollArea, Toolbar, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
-import { errorText, mx } from "@dxos/ui-theme";
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
-var TestPanel = ({ classNames, functionUrl }) => {
-  const { t } = useTranslation3(meta.id);
-  const inputRef = useRef(null);
-  const [input, setInput] = useState2("");
-  const [result, setResult] = useState2("");
-  const [state, setState] = useState2(null);
-  const [history, setHistory] = useState2([]);
-  const scrollerRef = useRef(null);
-  const handleScroll = () => {
-    if (scrollerRef.current) {
-      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
-    }
-  };
-  const controller = useRef(null);
-  useEffect(() => {
-    return () => {
-      handleStop();
-    };
-  }, []);
-  const handleStop = () => {
-    controller.current?.abort("stop");
-    controller.current = null;
-  };
-  const handleClear = () => {
-    handleStop();
-    setInput("");
-    setResult("");
-    setHistory([]);
-    inputRef.current?.focus();
-  };
-  const handleResponse = ({ text, data, error } = {}) => {
-    controller.current = null;
-    setHistory((history2) => [
-      ...history2,
-      {
-        type: "response",
-        text,
-        data,
-        error
-      }
-    ]);
-    setResult("");
-    setState(null);
-    handleScroll();
-  };
-  const handleRequest = async (input2) => {
-    try {
-      setState("pending");
-      let data = null;
-      if (input2.charAt(0) === "{") {
-        try {
-          const validJsonString = input2.replace(/'/g, '"').replace(/([{,]\s*)([a-zA-Z0-9_]+)(\s*:)/g, '$1"$2"$3');
-          data = JSON.parse(validJsonString);
-          input2 = JSON.stringify(data, null, 2);
-        } catch (err) {
-          inputRef.current?.focus();
-          return;
-        }
-      }
-      setInput("");
-      setResult("");
-      setHistory((history2) => [
-        ...history2,
-        {
-          type: "request",
-          text: input2
-        }
-      ]);
-      setTimeout(() => {
-        handleScroll();
-      });
-      controller.current = new AbortController();
-      const response = await fetch(functionUrl, {
-        signal: controller.current.signal,
-        method: "POST",
-        body: input2,
-        headers: {
-          "Content-Type": data ? "application/json" : "text/plain"
-        }
-      });
-      if (!response.ok) {
-        const text2 = await response.text();
-        handleResponse({
-          error: new Error(text2 || response.statusText || String(response.status))
-        });
-        return;
-      }
-      const contentType = response.headers.get("content-type");
-      if (contentType === "application/json") {
-        const data2 = await response.json();
-        handleResponse({
-          data: data2
-        });
-        return;
-      }
-      setState("responding");
-      let text = "";
-      const reader = response.body.getReader();
-      const pump = async ({ done, value }) => {
-        text = text + new TextDecoder().decode(value);
-        if (!controller.current || done) {
-          handleResponse({
-            text
-          });
-          return;
-        }
-        setResult(text);
-        setTimeout(() => {
-          handleScroll();
-        });
-        return reader.read().then(pump);
-      };
-      void reader.read().then(pump).catch((err) => {
-        if (err.name !== "AbortError") {
-          log2.catch(err, void 0, {
-            F: __dxlog_file2,
-            L: 162,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-        }
-      });
-    } catch (err) {
-      if (err !== "stop") {
-        const error = err instanceof Error ? err : new Error(err);
-        handleResponse({
-          error
-        });
-        log2.catch(err, void 0, {
-          F: __dxlog_file2,
-          L: 169,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-      } else {
-        handleResponse();
-      }
-    }
-  };
-  return /* @__PURE__ */ React3.createElement("div", {
-    className: mx("flex flex-col bs-full overflow-hidden", classNames)
-  }, /* @__PURE__ */ React3.createElement(MessageThread, {
-    ref: scrollerRef,
-    state,
-    result,
-    history
-  }), /* @__PURE__ */ React3.createElement(Toolbar.Root, null, /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement(Input2.TextInput, {
-    ref: inputRef,
-    autoFocus: true,
-    placeholder: t("function request placeholder"),
-    value: input,
-    onChange: (ev) => setInput(ev.target.value),
-    onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
-  })), /* @__PURE__ */ React3.createElement(Toolbar.IconButton, {
-    icon: "ph--play--regular",
-    size: 4,
-    label: "Execute",
-    iconOnly: true,
-    onClick: () => handleRequest(input)
-  }), /* @__PURE__ */ React3.createElement(Toolbar.IconButton, {
-    icon: state ? "ph--stop--regular" : "ph--trash--regular",
-    size: 4,
-    label: state ? "Stop" : "Clear",
-    iconOnly: true,
-    onClick: () => state ? handleStop() : handleClear()
-  })));
-};
-var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forwardedRef) => {
-  return /* @__PURE__ */ React3.createElement(ScrollArea.Root, {
-    orientation: "vertical",
-    classNames: "bs-full",
-    ref: forwardedRef
-  }, /* @__PURE__ */ React3.createElement(ScrollArea.Viewport, {
-    classNames: "gap-6 p-2"
-  }, history.map((message, i) => /* @__PURE__ */ React3.createElement("div", {
-    key: i,
-    className: "grid grid-cols-[2rem_1fr_2rem]"
-  }, /* @__PURE__ */ React3.createElement("div", {
-    className: "p-1"
-  }, message.type === "response" && /* @__PURE__ */ React3.createElement(RobotAvatar, null)), /* @__PURE__ */ React3.createElement("div", {
-    className: "overflow-auto"
-  }, /* @__PURE__ */ React3.createElement(MessageItem, {
-    message
-  })))), result?.length > 0 && /* @__PURE__ */ React3.createElement("div", {
-    className: "grid grid-cols-[2rem_1fr_2rem]"
-  }, /* @__PURE__ */ React3.createElement("div", {
-    className: "p-1"
-  }, state === "pending" && /* @__PURE__ */ React3.createElement(Icon, {
-    icon: "ph--spinner--regular",
-    size: 6,
-    classNames: "animate-spin"
-  }) || /* @__PURE__ */ React3.createElement(Icon, {
-    icon: "ph--robot--regular",
-    size: 6,
-    classNames: "animate-[pulse_1s_ease-in-out_infinite]"
-  })), /* @__PURE__ */ React3.createElement("div", {
-    className: "overflow-auto"
-  }, /* @__PURE__ */ React3.createElement(MessageItem, {
-    message: {
-      type: "response",
-      text: result
-    }
-  })))));
-});
-var MessageItem = ({ classNames, message }) => {
-  const { type, text, data, error } = message;
-  const wrapper = "p-1 pli-2 rounded-md bg-hoverSurface overflow-auto";
-  return /* @__PURE__ */ React3.createElement("div", {
-    className: mx("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
-  }, error && /* @__PURE__ */ React3.createElement("div", {
-    className: mx(wrapper, "whitespace-pre", errorText)
-  }, String(error)), text !== void 0 && /* @__PURE__ */ React3.createElement("div", {
-    className: mx(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
-  }, text || "\xD8"), data && /* @__PURE__ */ React3.createElement(SyntaxHighlighter, {
-    language: "json",
-    className: mx(wrapper, "text-xs")
-  }, JSON.stringify(data, null, 2)));
-};
-var RobotAvatar = () => /* @__PURE__ */ React3.createElement(Avatar.Root, null, /* @__PURE__ */ React3.createElement(Avatar.Content, {
-  size: 6,
-  variant: "circle",
-  icon: "ph--robot--regular"
-}));
-
-// src/components/TestPanel/TestContainer.tsx
-import React4 from "react";
-import { Layout } from "@dxos/react-ui";
-var TestContainer = ({ role, script }) => {
-  const state = useToolbarState();
-  useDeployState({
-    state,
-    script
-  });
-  return /* @__PURE__ */ React4.createElement(Layout.Main, {
-    role
-  }, /* @__PURE__ */ React4.createElement(TestPanel, {
-    functionUrl: state.value.functionUrl
-  }));
-};
-
-// src/components/index.ts
-import { lazy } from "react";
-var ScriptContainer = lazy(() => import("./ScriptContainer-PCNJFUWX.mjs"));
-var DeploymentDialog = lazy(() => import("./DeploymentDialog-GGWDQMEB.mjs"));
-var NotebookContainer = lazy(() => import("./NotebookContainer-DQGZ6QHI.mjs"));
-
-export {
-  ScriptObjectSettings,
-  ScriptProperties,
-  ScriptPluginSettings,
-  TestPanel,
-  TestContainer,
-  ScriptContainer,
-  DeploymentDialog,
-  NotebookContainer
-};
-//# sourceMappingURL=chunk-3CKQUF55.mjs.map