@dxos/plugin-script 0.6.9 → 0.6.10-main.48c066e

package/src/components/ScriptEditor.tsx

@@ -3,6 +3,9 @@
 //
 
 import { type DID } from 'iso-did/types';
+import { format } from 'prettier';
+import prettierPluginEstree from 'prettier/plugins/estree';
+import prettierPluginTypescript from 'prettier/plugins/typescript';
 import React, { useCallback, useMemo, useState } from 'react';
 
 import { log } from '@dxos/log';
@@ -14,7 +17,8 @@ import { createDataExtensions, listener } from '@dxos/react-ui-editor';
 import { mx } from '@dxos/react-ui-theme';
 
 import { Toolbar } from './Toolbar';
-import { TypescriptEditor } from './TypescriptEditor';
+import { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';
+import { Bundler } from '../bundler';
 import {
   getUserFunctionUrlInMetadata,
   publicKeyToDid,
@@ -27,9 +31,9 @@ import { FunctionType, type ScriptType } from '../types';
 export type ScriptEditorProps = {
   script: ScriptType;
   role?: string;
-};
+} & Pick<TypescriptEditorProps, 'env'>;
 
-export const ScriptEditor = ({ script, role }: ScriptEditorProps) => {
+export const ScriptEditor = ({ env, script, role }: ScriptEditorProps) => {
   const { t } = useTranslation(SCRIPT_PLUGIN);
   const client = useClient();
   const identity = useIdentity();
@@ -67,6 +71,25 @@ export const ScriptEditor = ({ script, role }: ScriptEditorProps) => {
     [fn],
   );
 
+  const handleFormat = useCallback(async () => {
+    if (!script.source) {
+      return;
+    }
+
+    try {
+      const formatted = await format(script.source.content, {
+        parser: 'typescript',
+        plugins: [prettierPluginEstree, prettierPluginTypescript],
+        semi: true,
+        singleQuote: true,
+      });
+      script.source.content = formatted;
+    } catch (err: any) {
+      // TODO(wittjosiah): Show error in UI.
+      log.catch(err);
+    }
+  }, [script.source]);
+
   const handleDeploy = useCallback(async () => {
     if (!script.source || !identity || !space) {
       return;
@@ -78,12 +101,22 @@ export const ScriptEditor = ({ script, role }: ScriptEditorProps) => {
       const existingFunctionId = existingFunctionUrl?.split('/').at(-1);
       const ownerDid = (existingFunctionUrl?.split('/').at(-2) as DID) ?? publicKeyToDid(identity.identityKey);
 
+      const bundler = new Bundler({
+        platform: 'browser',
+        sandboxedModules: [],
+        remoteModules: {},
+      });
+      const buildResult = await bundler.bundle(script.source.content);
+      if (buildResult.error || !buildResult.bundle) {
+        throw buildResult.error;
+      }
+
       const { result, functionId, functionVersionNumber, errorMessage } = await uploadWorkerFunction({
         clientConfig: client.config,
         halo: client.halo,
         ownerDid,
         functionId: existingFunctionId,
-        source: script.source.content,
+        source: buildResult.bundle,
       });
       if (result !== 'success' || functionId === undefined || functionVersionNumber === undefined) {
         throw new Error(errorMessage);
@@ -103,6 +136,17 @@ export const ScriptEditor = ({ script, role }: ScriptEditorProps) => {
     }
   }, [fn, existingFunctionUrl, script, script.name, script.source]);
 
+  const functionUrl = useMemo(() => {
+    if (!existingFunctionUrl) {
+      return;
+    }
+
+    const url = new URL(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url);
+    space && url.searchParams.set('spaceId', space.id);
+    url.protocol = 'https';
+    return url.toString();
+  }, [existingFunctionUrl, space]);
+
   return (
     <div
       role='none'
@@ -111,13 +155,15 @@ export const ScriptEditor = ({ script, role }: ScriptEditorProps) => {
       <Toolbar
         binding={fn?.binding ?? ''}
         onBindingChange={handleBindingChange}
+        onFormat={handleFormat}
         deployed={Boolean(existingFunctionUrl) && !script.changed}
         onDeploy={handleDeploy}
-        functionUrl={existingFunctionUrl}
+        functionUrl={functionUrl}
         error={error}
       />
       <TypescriptEditor
         id={script.id}
+        env={env}
         initialValue={initialValue}
         extensions={extensions}
         className='flex is-full bs-full overflow-hidden'

package/src/components/Toolbar.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 // import React from 'react';
 

package/src/components/Toolbar.tsx

@@ -2,7 +2,17 @@
 // Copyright 2024 DXOS.org
 //
 
-import { Check, Checks, CircleNotch, Link, PencilSimple, UploadSimple, WarningCircle, X } from '@phosphor-icons/react';
+import {
+  Check,
+  Checks,
+  CircleNotch,
+  Link,
+  MagicWand,
+  PencilSimple,
+  UploadSimple,
+  WarningCircle,
+  X,
+} from '@phosphor-icons/react';
 import React, { useEffect, useRef, useState } from 'react';
 
 import {
@@ -21,6 +31,7 @@ import { SCRIPT_PLUGIN } from '../meta';
 export type ToolbarProps = {
   binding: string;
   onBindingChange: (binding: string) => void;
+  onFormat?: () => Promise<void>;
   deployed?: boolean;
   onDeploy?: () => Promise<void>;
   functionUrl?: string;
@@ -30,6 +41,7 @@ export type ToolbarProps = {
 export const Toolbar = ({
   binding: _binding,
   onBindingChange,
+  onFormat,
   deployed,
   onDeploy,
   functionUrl,
@@ -82,6 +94,21 @@ export const Toolbar = ({
           classNames='p-1 is-full shrink-0 overflow-x-auto overflow-y-hidden'
           style={{ contain: 'layout' }}
         >
+          {onFormat && (
+            <Tooltip.Root>
+              <Tooltip.Trigger asChild>
+                <NaturalToolbar.Button variant='ghost' onClick={onFormat}>
+                  <MagicWand className={getSize(4)} />
+                </NaturalToolbar.Button>
+              </Tooltip.Trigger>
+              <Tooltip.Portal>
+                <Tooltip.Content>
+                  <Tooltip.Arrow />
+                  {t('format label')}
+                </Tooltip.Content>
+              </Tooltip.Portal>
+            </Tooltip.Root>
+          )}
           {/* TODO(wittjosiah): Binding input shouldn't be in the toolbar. */}
           <Input.Root>
             <Input.Label>{t('binding label')}</Input.Label>

package/src/components/TypescriptEditor.stories.tsx

@@ -13,7 +13,7 @@
 // - virtual document image rendering
 // - mobile rendering error
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React, { useMemo } from 'react';
 

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/edge/functions.ts

@@ -37,10 +37,16 @@ export type UploadWorkerProps = {
   credentialLoadTimeout?: number; // ms to wait for credentials to load
 };
 
-const defaultUserFunctionsBaseUrl = 'https://functions-staging.dxos.workers.dev'; // 'http://localhost:8600';
+const defaultUserFunctionsBaseUrl = 'https://edge-main.dxos.workers.dev/functions'; // 'http://localhost:8600';
 
 const getBaseUrl = (config: Config) => {
-  return config.get('runtime.app.env.DX_USERFUNCTIONS_BASE_URL') || 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

@@ -19,6 +19,7 @@ export default [
         'deployed label': 'Current version of the script is deployed',
         'upload failed label': 'Upload failed',
         'copy link label': 'Copy function link',
+        'format label': 'Format',
       },
     },
   },

package/dist/lib/browser/ScriptEditor-7XICKICQ.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"]
-}

package/dist/lib/node/ScriptEditor-M7KZ2CRS.cjs.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": ["import_react", "import_react_ui", "import_react_ui_theme", "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", "React", "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", "client", "useClient", "identity", "useIdentity", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "extensions", "useMemo", "listener", "text", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "initialValue", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "setError", "handleBindingChange", "useCallback", "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", "Boolean", "TypescriptEditor"]
-}

package/dist/lib/node/chunk-ITLHJMWP.cjs.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,6BAA2B;AAC3B,sBAA0D;AAC1D,4BAAsC;AACtC,mBAAkB;AAElB,sBAAgC;AAChC,6BASO;AACP,kBAA4B;AAQrB,IAAMA,mBAAmB,CAAC,EAC/BC,IACAC,YACAC,cACAC,UACAC,WACAC,WACAC,cAAa,MACS;AACtB,QAAM,EAAEC,UAAS,QAAKC,iCAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,QAAKC,sCACrC,OAAO;IACLX;IACAE;IACAD,YAAY;MACVA;;UAEAW,8CAAsB;QAAEC,qBAAqB;QAAMC,eAAe;QAAMC,aAAa;QAAMT;MAAc,CAAA;;MAEzGC,cAAc,aAASS,oCAAmBC,2CAAAA,QAAyBD,oCAAmBE,qCAAAA;UACtFC,8CAAsB;QACpBZ;QACAa,OAAO;UACLC,SAAS;YAAEhB,WAAWiB;UAAc;QACtC;MACF,CAAA;MACAC;MACAC;UACAC,mCAAW;QAAEC,YAAY;MAAK,CAAA;UAC9BC,qCAAAA;MACAC,OAAOC,uBAAAA;IACTzB;IACAD;EACF,IACA;IAACH;IAAIE;IAAcD;IAAYM;IAAWH;IAAWD;GAAS;AAGhE,SAAO,6BAAA2B,QAAA,cAACC,OAAAA;IAAIC,KAAKvB;IAAWJ;IAAuB,GAAGK;;AACxD;AAEA,IAAA,2BAAeX;",
-  "names": ["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", "React", "div", "ref"]
-}

package/dist/types/src/compiler/compiler.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=compiler.test.d.ts.map

package/dist/types/src/compiler/compiler.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compiler.test.d.ts","sourceRoot":"","sources":["../../../../src/compiler/compiler.test.ts"],"names":[],"mappings":""}

package/src/compiler/compiler.test.ts

@@ -1,17 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import { expect } from 'chai';
-
-import { describe, test } from '@dxos/test';
-
-import { Compiler } from './compiler';
-
-describe('Compiler', () => {
-  test('Basic', async () => {
-    const compiler = new Compiler({ platform: 'node', providedModules: [] });
-    const result = await compiler.compile('const x = 100'); // TODO(burdon): Test import.
-    expect(result).to.exist;
-  });
-});