@dxos/plugin-script 0.6.10-main.e92b5eb → 0.6.10-staging.014d6d3

package/src/components/TypescriptEditor.tsx

@@ -5,6 +5,8 @@
 import { javascript } from '@codemirror/lang-javascript';
 import { defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';
 import { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';
+import { type VirtualTypeScriptEnvironment } from '@typescript/vfs';
+import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from '@valtown/codemirror-ts';
 import React from 'react';
 
 import { useThemeContext } from '@dxos/react-ui';
@@ -12,9 +14,10 @@ import {
   autocomplete,
   createBasicExtensions,
   createThemeExtensions,
-  editorContent,
+  editorFullWidth,
   editorGutter,
   editorMonospace,
+  InputModeExtensions,
   useTextEditor,
   type UseTextEditorProps,
 } from '@dxos/react-ui-editor';
@@ -22,6 +25,7 @@ import { nonNullable } from '@dxos/util';
 
 export type TypescriptEditorProps = {
   id: string;
+  env?: VirtualTypeScriptEnvironment;
   className?: string;
   scrollPastEnd?: boolean;
 } & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;
@@ -29,6 +33,7 @@ export type TypescriptEditorProps = {
 export const TypescriptEditor = ({
   id,
   extensions,
+  env,
   initialValue,
   scrollTo,
   selection,
@@ -43,19 +48,28 @@ export const TypescriptEditor = ({
       extensions: [
         extensions,
         // TODO(wittjosiah): Highlight active line doesn't work.
-        createBasicExtensions({ highlightActiveLine: true, indentWithTab: true, lineNumbers: true, scrollPastEnd }),
+        createBasicExtensions({
+          highlightActiveLine: true,
+          indentWithTab: true,
+          lineNumbers: true,
+          lineWrapping: false,
+          scrollPastEnd,
+        }),
         // TODO(wittjosiah): Factor out syntax highlighting to theme extensions.
         themeMode === 'dark' ? syntaxHighlighting(oneDarkHighlightStyle) : syntaxHighlighting(defaultHighlightStyle),
         createThemeExtensions({
           themeMode,
           slots: {
-            content: { className: editorContent },
+            content: { className: editorFullWidth },
           },
         }),
         editorGutter,
         editorMonospace,
         javascript({ typescript: true }),
-        autocomplete(),
+        // https://github.com/val-town/codemirror-ts
+        env ? [tsFacet.of({ env, path: `/src/${id}.ts` }), tsSync(), tsLinter(), tsHover()] : [],
+        autocomplete({ override: env ? [tsAutocomplete()] : [] }),
+        InputModeExtensions.vscode,
       ].filter(nonNullable),
       selection,
       scrollTo,

package/src/data/templates.md.ts

@@ -0,0 +1,44 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+export default async ({
+  event: {
+    data: { request },
+  },
+  context: { space, ai },
+}: any) => {
+  const { objects: docs } = await space.crud.query({ __typename: 'dxos.org/type/Document' }).run();
+
+  let context = '';
+  for (const doc of docs) {
+    const { content } = await space.crud.query({ id: doc.content }).first();
+    context += content + '\n\n';
+  }
+
+  const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {
+    prompt: `
+     Using the context data only to answer the user's question. 
+     If you don't know the answer reply with "I don't know.".
+     
+     CONTEXT:
+     ${context}
+
+     QUESTION:
+     ${await request.text()}
+    `,
+    stream: true,
+  });
+
+  // TODO(burdon): Create wrapper for stream response.
+  // Transform event stream into raw text.
+  const { readable, writable } = new TransformStream({
+    transform: (chunk, controller) => {
+      controller.enqueue(
+        new TextEncoder().encode(JSON.parse(new TextDecoder().decode(chunk).slice('data: '.length)).response),
+      );
+    },
+  });
+  answer.pipeTo(writable);
+  return new Response(readable);
+};

package/src/edge/functions.ts

@@ -37,10 +37,17 @@ export type UploadWorkerProps = {
   credentialLoadTimeout?: number; // ms to wait for credentials to load
 };
 
-const defaultUserFunctionsBaseUrl = 'https://edge-main.dxos.workers.dev'; // 'http://localhost:8600';
+// TODO(burdon): Config.
+const defaultUserFunctionsBaseUrl = 'https://edge-main.dxos.workers.dev/functions'; // 'http://localhost:8600';
 
 const getBaseUrl = (config: Config) => {
-  return config.get('runtime.app.env.DX_FUNCTIONS_SERVICE_HOST') || defaultUserFunctionsBaseUrl;
+  if (config.values.runtime?.services?.edge?.url) {
+    const url = new URL('/functions', config.values.runtime?.services?.edge?.url);
+    url.protocol = 'https';
+    return url.toString();
+  } else {
+    return defaultUserFunctionsBaseUrl;
+  }
 };
 
 export const uploadWorkerFunction = async ({

package/src/index.ts

@@ -6,6 +6,7 @@ import { ScriptPlugin } from './ScriptPlugin';
 
 export default ScriptPlugin;
 
+export * from './bundler';
 export * from './compiler';
 export * from './components';
 export * from './types';

package/src/translations.ts

@@ -12,13 +12,14 @@ export default [
         'object title placeholder': 'New script',
         'create object label': 'Create script',
         'create stack section label': 'Create script',
-        'binding label': 'Binding',
-        'binding placeholder': 'Enter binding',
-        'edit binding label': 'Edit binding',
+        'binding placeholder': 'Function name',
+        'function request placeholder': 'Function request',
         'deploy label': 'Deploy',
         'deployed label': 'Current version of the script is deployed',
         'upload failed label': 'Upload failed',
         'copy link label': 'Copy function link',
+        'format label': 'Format',
+        'toggle details label': 'Toggle details panel',
       },
     },
   },

package/dist/lib/browser/ScriptEditor-MSQDR6D7.mjs

@@ -1,241 +0,0 @@
-import {
-  getUserFunctionUrlInMetadata,
-  publicKeyToDid,
-  setUserFunctionUrlInMetadata,
-  uploadWorkerFunction
-} from "./chunk-ISMNAD3P.mjs";
-import {
-  FunctionType
-} from "./chunk-ZGCETT2W.mjs";
-import {
-  SCRIPT_PLUGIN
-} from "./chunk-JBACGDOJ.mjs";
-import {
-  TypescriptEditor
-} from "./chunk-D4O723CR.mjs";
-
-// packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx
-import React2, { useCallback, useMemo, useState as useState2 } from "react";
-import { log } from "@dxos/log";
-import { useClient } from "@dxos/react-client";
-import { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { createDataExtensions, listener } from "@dxos/react-ui-editor";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-
-// packages/plugins/experimental/plugin-script/src/components/Toolbar.tsx
-import { Check, Checks, CircleNotch, Link, PencilSimple, UploadSimple, WarningCircle, X } from "@phosphor-icons/react";
-import React, { useEffect, useRef, useState } from "react";
-import { Button, DensityProvider, ElevationProvider, Input, Toolbar as NaturalToolbar, Tooltip, useTranslation } from "@dxos/react-ui";
-import { getSize, mx } from "@dxos/react-ui-theme";
-var Toolbar = ({ binding: _binding, onBindingChange, deployed, onDeploy, functionUrl, error }) => {
-  const { t } = useTranslation(SCRIPT_PLUGIN);
-  const [pending, setPending] = useState(false);
-  const [editing, setEditing] = useState(false);
-  const [binding, setBinding] = useState(_binding);
-  const inputRef = useRef(null);
-  useEffect(() => {
-    if (!editing && _binding !== binding) {
-      setBinding(_binding);
-    }
-  }, [
-    _binding
-  ]);
-  const handleEdit = () => {
-    setEditing(true);
-    inputRef.current?.focus();
-  };
-  const handleSave = () => {
-    setEditing(false);
-    onBindingChange(binding);
-  };
-  const handleCancel = () => {
-    setEditing(false);
-  };
-  const handleCopyLink = async () => {
-    if (!functionUrl) {
-      return;
-    }
-    await navigator.clipboard.writeText(functionUrl);
-  };
-  const handleDeploy = async () => {
-    setPending(true);
-    await onDeploy?.();
-    setPending(false);
-  };
-  return /* @__PURE__ */ React.createElement(DensityProvider, {
-    density: "fine"
-  }, /* @__PURE__ */ React.createElement(ElevationProvider, {
-    elevation: "chrome"
-  }, /* @__PURE__ */ React.createElement(NaturalToolbar.Root, {
-    classNames: "p-1 is-full shrink-0 overflow-x-auto overflow-y-hidden",
-    style: {
-      contain: "layout"
-    }
-  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("binding label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
-    ref: inputRef,
-    classNames: "!is-auto",
-    disabled: !editing,
-    value: binding,
-    onChange: (event) => setBinding(event.target.value.toUpperCase())
-  }), editing ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    onClick: handleCancel
-  }, /* @__PURE__ */ React.createElement(X, {
-    className: getSize(4)
-  })), /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    onClick: handleSave
-  }, /* @__PURE__ */ React.createElement(Check, {
-    className: getSize(4)
-  }))) : /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: "ghost",
-    onClick: handleEdit
-  }, /* @__PURE__ */ React.createElement(PencilSimple, {
-    className: getSize(4)
-  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), t("edit binding label"))))), /* @__PURE__ */ React.createElement("div", {
-    role: "separator",
-    className: "grow"
-  }), error ? /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(WarningCircle, {
-    className: getSize(4)
-  })), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), error))) : deployed ? /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(Checks, {
-    className: getSize(4)
-  })), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), t("deployed label")))) : null, functionUrl && /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(NaturalToolbar.Button, {
-    variant: "ghost",
-    onClick: handleCopyLink
-  }, /* @__PURE__ */ React.createElement(Link, {
-    className: getSize(4)
-  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), t("copy link label")))), /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(NaturalToolbar.Button, {
-    variant: "ghost",
-    onClick: handleDeploy,
-    disabled: pending
-  }, pending ? /* @__PURE__ */ React.createElement(CircleNotch, {
-    className: mx("spinner", getSize(4))
-  }) : /* @__PURE__ */ React.createElement(UploadSimple, {
-    className: getSize(4)
-  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), pending ? t("pending label") : t("deploy label")))))));
-};
-
-// packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx";
-var ScriptEditor = ({ script, role }) => {
-  const { t } = useTranslation2(SCRIPT_PLUGIN);
-  const client = useClient();
-  const identity = useIdentity();
-  const space = getSpace(script);
-  const [fn] = useQuery(space, Filter.schema(FunctionType, (fn2) => fn2.source === script));
-  const extensions = useMemo(() => [
-    listener({
-      onChange: (text) => {
-        if (script.source && script.source?.content !== text) {
-          script.changed = true;
-        }
-      }
-    }),
-    createDataExtensions({
-      id: script.id,
-      text: script.source && createDocAccessor(script.source, [
-        "content"
-      ]),
-      space,
-      identity
-    })
-  ], [
-    script,
-    script.source,
-    space,
-    identity
-  ]);
-  const initialValue = useMemo(() => script.source?.content, [
-    script.source
-  ]);
-  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));
-  const [error, setError] = useState2();
-  const handleBindingChange = useCallback((binding) => {
-    fn.binding = binding;
-  }, [
-    fn
-  ]);
-  const handleDeploy = useCallback(async () => {
-    if (!script.source || !identity || !space) {
-      return;
-    }
-    setError(void 0);
-    try {
-      const existingFunctionId = existingFunctionUrl?.split("/").at(-1);
-      const ownerDid = existingFunctionUrl?.split("/").at(-2) ?? publicKeyToDid(identity.identityKey);
-      const { result, functionId, functionVersionNumber, errorMessage } = await uploadWorkerFunction({
-        clientConfig: client.config,
-        halo: client.halo,
-        ownerDid,
-        functionId: existingFunctionId,
-        source: script.source.content
-      });
-      if (result !== "success" || functionId === void 0 || functionVersionNumber === void 0) {
-        throw new Error(errorMessage);
-      }
-      log.info("function uploaded", {
-        functionId,
-        functionVersionNumber
-      }, {
-        F: __dxlog_file,
-        L: 91,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      if (fn) {
-        fn.version = functionVersionNumber;
-      }
-      const deployedFunction = fn ?? space.db.add(create(FunctionType, {
-        version: functionVersionNumber,
-        source: script
-      }));
-      const meta = getMeta(deployedFunction);
-      setUserFunctionUrlInMetadata(meta, `/${ownerDid}/${functionId}`);
-      script.changed = false;
-    } catch (err) {
-      log.catch(err, void 0, {
-        F: __dxlog_file,
-        L: 101,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      setError(t("upload failed label"));
-    }
-  }, [
-    fn,
-    existingFunctionUrl,
-    script,
-    script.name,
-    script.source
-  ]);
-  return /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: mx2(role === "article" && "row-span-2", "flex flex-col is-full bs-full overflow-hidden")
-  }, /* @__PURE__ */ React2.createElement(Toolbar, {
-    binding: fn?.binding ?? "",
-    onBindingChange: handleBindingChange,
-    deployed: Boolean(existingFunctionUrl) && !script.changed,
-    onDeploy: handleDeploy,
-    functionUrl: existingFunctionUrl,
-    error
-  }), /* @__PURE__ */ React2.createElement(TypescriptEditor, {
-    id: script.id,
-    initialValue,
-    extensions,
-    className: "flex is-full bs-full overflow-hidden"
-  }));
-};
-var ScriptEditor_default = ScriptEditor;
-export {
-  ScriptEditor,
-  ScriptEditor_default as default
-};
-//# sourceMappingURL=ScriptEditor-MSQDR6D7.mjs.map

package/dist/lib/browser/ScriptEditor-MSQDR6D7.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ScriptEditor.tsx", "../../../src/components/Toolbar.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type DID } from 'iso-did/types';\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { createDataExtensions, listener } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { Toolbar } from './Toolbar';\nimport { TypescriptEditor } from './TypescriptEditor';\nimport {\n  getUserFunctionUrlInMetadata,\n  publicKeyToDid,\n  setUserFunctionUrlInMetadata,\n  uploadWorkerFunction,\n} from '../edge';\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { FunctionType, type ScriptType } from '../types';\n\nexport type ScriptEditorProps = {\n  script: ScriptType;\n  role?: string;\n};\n\nexport const ScriptEditor = ({ script, role }: ScriptEditorProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const client = useClient();\n  const identity = useIdentity();\n  const space = getSpace(script);\n  const [fn] = useQuery(\n    space,\n    Filter.schema(FunctionType, (fn) => fn.source === script),\n  );\n  const extensions = useMemo(\n    () => [\n      listener({\n        onChange: (text) => {\n          if (script.source && script.source?.content !== text) {\n            script.changed = true;\n          }\n        },\n      }),\n      createDataExtensions({\n        id: script.id,\n        text: script.source && createDocAccessor(script.source, ['content']),\n        space,\n        identity,\n      }),\n    ],\n    [script, script.source, space, identity],\n  );\n  const initialValue = useMemo(() => script.source?.content, [script.source]);\n  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n  const [error, setError] = useState<string>();\n\n  const handleBindingChange = useCallback(\n    (binding: string) => {\n      fn.binding = binding;\n    },\n    [fn],\n  );\n\n  const handleDeploy = useCallback(async () => {\n    if (!script.source || !identity || !space) {\n      return;\n    }\n\n    setError(undefined);\n\n    try {\n      const existingFunctionId = existingFunctionUrl?.split('/').at(-1);\n      const ownerDid = (existingFunctionUrl?.split('/').at(-2) as DID) ?? publicKeyToDid(identity.identityKey);\n\n      const { result, functionId, functionVersionNumber, errorMessage } = await uploadWorkerFunction({\n        clientConfig: client.config,\n        halo: client.halo,\n        ownerDid,\n        functionId: existingFunctionId,\n        source: script.source.content,\n      });\n      if (result !== 'success' || functionId === undefined || functionVersionNumber === undefined) {\n        throw new Error(errorMessage);\n      }\n      log.info('function uploaded', { functionId, functionVersionNumber });\n      if (fn) {\n        fn.version = functionVersionNumber;\n      }\n      const deployedFunction =\n        fn ?? space.db.add(create(FunctionType, { version: functionVersionNumber, source: script }));\n      const meta = getMeta(deployedFunction);\n      setUserFunctionUrlInMetadata(meta, `/${ownerDid}/${functionId}`);\n      script.changed = false;\n    } catch (err: any) {\n      log.catch(err);\n      setError(t('upload failed label'));\n    }\n  }, [fn, existingFunctionUrl, script, script.name, script.source]);\n\n  return (\n    <div\n      role='none'\n      className={mx(role === 'article' && 'row-span-2', 'flex flex-col is-full bs-full overflow-hidden')}\n    >\n      <Toolbar\n        binding={fn?.binding ?? ''}\n        onBindingChange={handleBindingChange}\n        deployed={Boolean(existingFunctionUrl) && !script.changed}\n        onDeploy={handleDeploy}\n        functionUrl={existingFunctionUrl}\n        error={error}\n      />\n      <TypescriptEditor\n        id={script.id}\n        initialValue={initialValue}\n        extensions={extensions}\n        className='flex is-full bs-full overflow-hidden'\n      />\n    </div>\n  );\n};\n\nexport default ScriptEditor;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Check, Checks, CircleNotch, Link, PencilSimple, UploadSimple, WarningCircle, X } from '@phosphor-icons/react';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport {\n  Button,\n  DensityProvider,\n  ElevationProvider,\n  Input,\n  Toolbar as NaturalToolbar,\n  Tooltip,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type ToolbarProps = {\n  binding: string;\n  onBindingChange: (binding: string) => void;\n  deployed?: boolean;\n  onDeploy?: () => Promise<void>;\n  functionUrl?: string;\n  error?: string;\n};\n\nexport const Toolbar = ({\n  binding: _binding,\n  onBindingChange,\n  deployed,\n  onDeploy,\n  functionUrl,\n  error,\n}: ToolbarProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const [pending, setPending] = useState(false);\n  const [editing, setEditing] = useState(false);\n  const [binding, setBinding] = useState(_binding);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (!editing && _binding !== binding) {\n      setBinding(_binding);\n    }\n  }, [_binding]);\n\n  const handleEdit = () => {\n    setEditing(true);\n    inputRef.current?.focus();\n  };\n\n  const handleSave = () => {\n    setEditing(false);\n    onBindingChange(binding);\n  };\n\n  const handleCancel = () => {\n    setEditing(false);\n  };\n\n  const handleCopyLink = async () => {\n    if (!functionUrl) {\n      return;\n    }\n\n    await navigator.clipboard.writeText(functionUrl);\n  };\n\n  const handleDeploy = async () => {\n    setPending(true);\n    await onDeploy?.();\n    setPending(false);\n  };\n\n  return (\n    <DensityProvider density='fine'>\n      <ElevationProvider elevation='chrome'>\n        <NaturalToolbar.Root\n          classNames='p-1 is-full shrink-0 overflow-x-auto overflow-y-hidden'\n          style={{ contain: 'layout' }}\n        >\n          {/* TODO(wittjosiah): Binding input shouldn't be in the toolbar. */}\n          <Input.Root>\n            <Input.Label>{t('binding label')}</Input.Label>\n            <Input.TextInput\n              ref={inputRef}\n              classNames='!is-auto'\n              disabled={!editing}\n              value={binding}\n              onChange={(event) => setBinding(event.target.value.toUpperCase())}\n            />\n            {editing ? (\n              <>\n                <Button variant='ghost' onClick={handleCancel}>\n                  <X className={getSize(4)} />\n                </Button>\n                <Button variant='ghost' onClick={handleSave}>\n                  <Check className={getSize(4)} />\n                </Button>\n              </>\n            ) : (\n              <Tooltip.Root>\n                <Tooltip.Trigger asChild>\n                  <Button variant='ghost' onClick={handleEdit}>\n                    <PencilSimple className={getSize(4)} />\n                  </Button>\n                </Tooltip.Trigger>\n                <Tooltip.Portal>\n                  <Tooltip.Content>\n                    <Tooltip.Arrow />\n                    {t('edit binding label')}\n                  </Tooltip.Content>\n                </Tooltip.Portal>\n              </Tooltip.Root>\n            )}\n          </Input.Root>\n          <div role='separator' className='grow' />\n          {/* TODO(wittjosiah): Better treatment for status indicators in toolbar? */}\n          {error ? (\n            <Tooltip.Root>\n              <Tooltip.Trigger>\n                <WarningCircle className={getSize(4)} />\n              </Tooltip.Trigger>\n              <Tooltip.Portal>\n                <Tooltip.Content>\n                  <Tooltip.Arrow />\n                  {error}\n                </Tooltip.Content>\n              </Tooltip.Portal>\n            </Tooltip.Root>\n          ) : deployed ? (\n            <Tooltip.Root>\n              <Tooltip.Trigger>\n                <Checks className={getSize(4)} />\n              </Tooltip.Trigger>\n              <Tooltip.Portal>\n                <Tooltip.Content>\n                  <Tooltip.Arrow />\n                  {t('deployed label')}\n                </Tooltip.Content>\n              </Tooltip.Portal>\n            </Tooltip.Root>\n          ) : null}\n          {functionUrl && (\n            <Tooltip.Root>\n              <Tooltip.Trigger asChild>\n                <NaturalToolbar.Button variant='ghost' onClick={handleCopyLink}>\n                  <Link className={getSize(4)} />\n                </NaturalToolbar.Button>\n              </Tooltip.Trigger>\n              <Tooltip.Portal>\n                <Tooltip.Content>\n                  <Tooltip.Arrow />\n                  {t('copy link label')}\n                </Tooltip.Content>\n              </Tooltip.Portal>\n            </Tooltip.Root>\n          )}\n          <Tooltip.Root>\n            <Tooltip.Trigger asChild>\n              <NaturalToolbar.Button variant='ghost' onClick={handleDeploy} disabled={pending}>\n                {pending ? (\n                  <CircleNotch className={mx('spinner', getSize(4))} />\n                ) : (\n                  <UploadSimple className={getSize(4)} />\n                )}\n              </NaturalToolbar.Button>\n            </Tooltip.Trigger>\n            <Tooltip.Portal>\n              <Tooltip.Content>\n                <Tooltip.Arrow />\n                {pending ? t('pending label') : t('deploy label')}\n              </Tooltip.Content>\n            </Tooltip.Portal>\n          </Tooltip.Root>\n        </NaturalToolbar.Root>\n      </ElevationProvider>\n    </DensityProvider>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "useMemo", "useState", "log", "useClient", "create", "createDocAccessor", "Filter", "getMeta", "getSpace", "useQuery", "useIdentity", "useTranslation", "createDataExtensions", "listener", "mx", "Check", "Checks", "CircleNotch", "Link", "PencilSimple", "UploadSimple", "WarningCircle", "X", "React", "useEffect", "useRef", "useState", "Button", "DensityProvider", "ElevationProvider", "Input", "Toolbar", "NaturalToolbar", "Tooltip", "useTranslation", "getSize", "mx", "Toolbar", "binding", "_binding", "onBindingChange", "deployed", "onDeploy", "functionUrl", "error", "t", "useTranslation", "SCRIPT_PLUGIN", "pending", "setPending", "useState", "editing", "setEditing", "setBinding", "inputRef", "useRef", "useEffect", "handleEdit", "current", "focus", "handleSave", "handleCancel", "handleCopyLink", "navigator", "clipboard", "writeText", "handleDeploy", "DensityProvider", "density", "ElevationProvider", "elevation", "NaturalToolbar", "Root", "classNames", "style", "contain", "Input", "Label", "TextInput", "ref", "disabled", "value", "onChange", "event", "target", "toUpperCase", "Button", "variant", "onClick", "X", "className", "getSize", "Check", "Tooltip", "Trigger", "asChild", "PencilSimple", "Portal", "Content", "Arrow", "div", "role", "WarningCircle", "Checks", "Link", "CircleNotch", "mx", "UploadSimple", "ScriptEditor", "script", "role", "t", "useTranslation", "SCRIPT_PLUGIN", "client", "useClient", "identity", "useIdentity", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "extensions", "useMemo", "listener", "onChange", "text", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "initialValue", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "error", "setError", "useState", "handleBindingChange", "useCallback", "binding", "handleDeploy", "undefined", "existingFunctionId", "split", "at", "ownerDid", "publicKeyToDid", "identityKey", "result", "functionId", "functionVersionNumber", "errorMessage", "uploadWorkerFunction", "clientConfig", "config", "halo", "Error", "log", "info", "version", "deployedFunction", "db", "add", "create", "meta", "setUserFunctionUrlInMetadata", "err", "catch", "name", "React", "div", "className", "mx", "Toolbar", "onBindingChange", "deployed", "Boolean", "onDeploy", "functionUrl", "TypescriptEditor"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TypescriptEditor.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport React from 'react';\n\nimport { useThemeContext } from '@dxos/react-ui';\nimport {\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  editorContent,\n  editorGutter,\n  editorMonospace,\n  useTextEditor,\n  type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { nonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n  id: string;\n  className?: string;\n  scrollPastEnd?: boolean;\n} & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n  id,\n  extensions,\n  initialValue,\n  scrollTo,\n  selection,\n  className,\n  scrollPastEnd,\n}: TypescriptEditorProps) => {\n  const { themeMode } = useThemeContext();\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      initialValue,\n      extensions: [\n        extensions,\n        // TODO(wittjosiah): Highlight active line doesn't work.\n        createBasicExtensions({ highlightActiveLine: true, indentWithTab: true, lineNumbers: true, scrollPastEnd }),\n        // TODO(wittjosiah): Factor out syntax highlighting to theme extensions.\n        themeMode === 'dark' ? syntaxHighlighting(oneDarkHighlightStyle) : syntaxHighlighting(defaultHighlightStyle),\n        createThemeExtensions({\n          themeMode,\n          slots: {\n            content: { className: editorContent },\n          },\n        }),\n        editorGutter,\n        editorMonospace,\n        javascript({ typescript: true }),\n        autocomplete(),\n      ].filter(nonNullable),\n      selection,\n      scrollTo,\n    }),\n    [id, initialValue, extensions, themeMode, selection, scrollTo],\n  );\n\n  return <div ref={parentRef} className={className} {...focusAttributes} />;\n};\n\nexport default TypescriptEditor;\n"],
-  "mappings": ";AAIA,SAASA,kBAAkB;AAC3B,SAASC,uBAAuBC,0BAA0B;AAC1D,SAASC,6BAA6B;AACtC,OAAOC,WAAW;AAElB,SAASC,uBAAuB;AAChC,SACEC,cACAC,uBACAC,uBACAC,eACAC,cACAC,iBACAC,qBAEK;AACP,SAASC,mBAAmB;AAQrB,IAAMC,mBAAmB,CAAC,EAC/BC,IACAC,YACAC,cACAC,UACAC,WACAC,WACAC,cAAa,MACS;AACtB,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLX;IACAE;IACAD,YAAY;MACVA;;MAEAW,sBAAsB;QAAEC,qBAAqB;QAAMC,eAAe;QAAMC,aAAa;QAAMT;MAAc,CAAA;;MAEzGC,cAAc,SAASS,mBAAmBC,qBAAAA,IAAyBD,mBAAmBE,qBAAAA;MACtFC,sBAAsB;QACpBZ;QACAa,OAAO;UACLC,SAAS;YAAEhB,WAAWiB;UAAc;QACtC;MACF,CAAA;MACAC;MACAC;MACAC,WAAW;QAAEC,YAAY;MAAK,CAAA;MAC9BC,aAAAA;MACAC,OAAOC,WAAAA;IACTzB;IACAD;EACF,IACA;IAACH;IAAIE;IAAcD;IAAYM;IAAWH;IAAWD;GAAS;AAGhE,SAAO,sBAAA,cAAC2B,OAAAA;IAAIC,KAAKtB;IAAWJ;IAAuB,GAAGK;;AACxD;AAEA,IAAA,2BAAeX;",
-  "names": ["javascript", "defaultHighlightStyle", "syntaxHighlighting", "oneDarkHighlightStyle", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorContent", "editorGutter", "editorMonospace", "useTextEditor", "nonNullable", "TypescriptEditor", "id", "extensions", "initialValue", "scrollTo", "selection", "className", "scrollPastEnd", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "syntaxHighlighting", "oneDarkHighlightStyle", "defaultHighlightStyle", "createThemeExtensions", "slots", "content", "editorContent", "editorGutter", "editorMonospace", "javascript", "typescript", "autocomplete", "filter", "nonNullable", "div", "ref"]
-}