@dxos/plugin-script 0.7.4 → 0.7.5-main.9d26e3a

package/src/ScriptPlugin.tsx

@@ -6,13 +6,10 @@
 import wasmUrl from 'esbuild-wasm/esbuild.wasm?url';
 import React from 'react';
 
-import { NavigationAction, parseIntentPlugin, type PluginDefinition, resolvePlugin } from '@dxos/app-framework';
-import { create } from '@dxos/live-object';
-import { parseClientPlugin } from '@dxos/plugin-client';
-import { type ActionGroup, createExtension, isActionGroup } from '@dxos/plugin-graph';
+import { createIntent, createResolver, createSurface, type PluginDefinition } from '@dxos/app-framework';
+import { FunctionType, ScriptType } from '@dxos/functions';
+import { create, makeRef, RefArray } from '@dxos/live-object';
 import { TextType } from '@dxos/plugin-markdown/types';
-import { SpaceAction } from '@dxos/plugin-space';
-import { loadObjectReferences } from '@dxos/react-client/echo';
 
 import { initializeBundler } from './bundler';
 import { Compiler } from './compiler';
@@ -20,7 +17,7 @@ import { AutomationPanel, ScriptContainer, ScriptSettings, ScriptSettingsPanel }
 import meta, { SCRIPT_PLUGIN } from './meta';
 import { templates } from './templates';
 import translations from './translations';
-import { FunctionType, ScriptAction, type ScriptPluginProvides, ScriptType } from './types';
+import { ScriptAction, type ScriptPluginProvides } from './types';
 
 export const ScriptPlugin = (): PluginDefinition<ScriptPluginProvides> => {
   const compiler = new Compiler();
@@ -48,11 +45,11 @@ export const ScriptPlugin = (): PluginDefinition<ScriptPluginProvides> => {
       metadata: {
         records: {
           [ScriptType.typename]: {
-            createObject: ScriptAction.CREATE,
+            createObject: (props: { name?: string }) => createIntent(ScriptAction.Create, props),
             placeholder: ['object title placeholder', { ns: SCRIPT_PLUGIN }],
             icon: 'ph--code--regular',
             // TODO(wittjosiah): Move out of metadata.
-            loadReferences: (script: ScriptType) => loadObjectReferences(script, (script) => [script.source]),
+            loadReferences: async (script: ScriptType) => await RefArray.loadAll([script.source]),
           },
         },
       },
@@ -61,97 +58,48 @@ export const ScriptPlugin = (): PluginDefinition<ScriptPluginProvides> => {
         schema: [ScriptType],
         system: [FunctionType],
       },
-      graph: {
-        builder: (plugins) => {
-          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
-          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;
-          if (!client || !dispatch) {
-            return [];
-          }
-
-          return createExtension({
-            id: ScriptAction.CREATE,
-            filter: (node): node is ActionGroup => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),
-            actions: ({ node }) => {
-              const id = node.id.split('/').at(-1);
-              const [spaceId, objectId] = id?.split(':') ?? [];
-              const space = client.spaces.get().find((space) => space.id === spaceId);
-              const object = objectId && space?.db.getObjectById(objectId);
-              const target = objectId ? object : space;
-              if (!target) {
-                return;
-              }
-
-              return [
-                {
-                  id: `${SCRIPT_PLUGIN}/create/${node.id}`,
-                  data: async () => {
-                    await dispatch([
-                      { plugin: SCRIPT_PLUGIN, action: ScriptAction.CREATE },
-                      { action: SpaceAction.ADD_OBJECT, data: { target } },
-                      { action: NavigationAction.OPEN },
-                    ]);
-                  },
-                  properties: {
-                    label: ['create object label', { ns: SCRIPT_PLUGIN }],
-                    icon: 'ph--code--regular',
-                    testId: 'scriptPlugin.createObject',
-                  },
-                },
-              ];
-            },
-          });
-        },
-      },
       surface: {
-        component: ({ data, role }) => {
-          switch (role) {
-            case 'settings': {
-              return data.plugin === meta.id ? <ScriptSettings settings={{}} /> : null;
-            }
-
-            case 'article': {
-              if (data.object instanceof ScriptType) {
-                return <ScriptContainer script={data.object} env={compiler.environment} />;
-              }
-              break;
-            }
-
-            case 'complementary--automation': {
-              if (data.subject instanceof ScriptType) {
-                return {
-                  node: <AutomationPanel subject={data.subject as any} />,
-                  disposition: 'hoist',
-                };
-              }
-              break;
-            }
-
-            case 'complementary--settings': {
-              if (data.subject instanceof ScriptType) {
-                return <ScriptSettingsPanel script={data.subject} />;
-              }
-              break;
-            }
-          }
-
-          return null;
-        },
+        definitions: () => [
+          createSurface({
+            id: `${SCRIPT_PLUGIN}/settings`,
+            role: 'settings',
+            filter: (data): data is any => data.subject === SCRIPT_PLUGIN,
+            component: () => <ScriptSettings settings={{}} />,
+          }),
+          createSurface({
+            id: `${SCRIPT_PLUGIN}/article`,
+            role: 'article',
+            filter: (data): data is { subject: ScriptType } => data.subject instanceof ScriptType,
+            component: ({ data }) => <ScriptContainer script={data.subject} env={compiler.environment} />,
+          }),
+          createSurface({
+            id: `${SCRIPT_PLUGIN}/automation`,
+            role: 'complementary--automation',
+            disposition: 'hoist',
+            filter: (data): data is { subject: ScriptType } => data.subject instanceof ScriptType,
+            component: ({ data }) => <AutomationPanel subject={data.subject} />,
+          }),
+          createSurface({
+            id: `${SCRIPT_PLUGIN}/settings-panel`,
+            role: 'complementary--settings',
+            filter: (data): data is { subject: ScriptType } => data.subject instanceof ScriptType,
+            component: ({ data }) => <ScriptSettingsPanel script={data.subject} />,
+          }),
+        ],
       },
       intent: {
-        resolver: (intent) => {
-          switch (intent.action) {
-            case ScriptAction.CREATE: {
-              return {
-                data: create(ScriptType, {
-                  source: create(TextType, {
+        resolvers: () =>
+          createResolver(ScriptAction.Create, ({ name }) => ({
+            data: {
+              object: create(ScriptType, {
+                source: makeRef(
+                  create(TextType, {
                     content: templates[0].source,
                   }),
-                }),
-              };
-            }
-          }
-        },
+                ),
+              }),
+            },
+          })),
       },
     },
   };

package/src/components/AutomationPanel/AutomationPanel.tsx

@@ -4,15 +4,13 @@
 
 import React, { useMemo, useState } from 'react';
 
-import { type ReactiveEchoObject } from '@dxos/client/echo';
 import { failUndefined } from '@dxos/debug';
+import { FunctionType, ScriptType, getInvocationUrl, getUserFunctionUrlInMetadata } from '@dxos/functions';
 import { useClient } from '@dxos/react-client';
-import { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';
+import { Filter, getMeta, getSpace, type ReactiveEchoObject, useQuery } from '@dxos/react-client/echo';
 import { Select, useTranslation } from '@dxos/react-ui';
 
-import { getInvocationUrl, getUserFunctionUrlInMetadata } from '../../edge';
 import { SCRIPT_PLUGIN } from '../../meta';
-import { FunctionType, ScriptType } from '../../types';
 import { DebugPanel } from '../DebugPanel';
 
 export interface AutomationPanelProps {

package/src/components/FrameContainer/FrameContainer.tsx

@@ -59,7 +59,7 @@ export const FrameContainer = ({ containerUrl, result, debug = true }: FrameCont
             className={mx(
               baseSurface,
               'flex absolute right-2 bottom-2 w-[400px] h-[200px] ring rounded',
-              'z-[100] overflow-x-hidden overflow-y-auto',
+              'z-20 overflow-x-hidden overflow-y-auto',
             )}
           >
             <pre className='text-xs whitespace-break-spaces break-all p-2'>

package/src/components/ScriptBlock/ScriptBlock.stories.tsx

@@ -7,13 +7,13 @@ import '@dxos-theme';
 import { type Meta } from '@storybook/react';
 import React, { useMemo } from 'react';
 
+import { ScriptType } from '@dxos/functions';
 import { TextType } from '@dxos/plugin-markdown/types';
-import { create, createObject } from '@dxos/react-client/echo';
+import { create, createObject, makeRef } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { ScriptBlock } from './ScriptBlock';
-import { ScriptType } from '../../types';
 // @ts-ignore
 import mainUrl from '../FrameContainer/frame?url';
 
@@ -33,7 +33,10 @@ const code = [
 
 const DefaultStory = () => {
   // TODO(burdon): Review what's the right way to create automerge-backed objects.
-  const object = useMemo(() => createObject(create(ScriptType, { source: create(TextType, { content: code }) })), []);
+  const object = useMemo(
+    () => createObject(create(ScriptType, { source: makeRef(create(TextType, { content: code })) })),
+    [],
+  );
 
   // TODO(dmaretskyi): Not sure how to provide `containerUrl` here since the html now lives in composer-app.
   // TODO(burdon): Normalize html/frame.tsx with composer-app to test locally.

package/src/components/ScriptBlock/ScriptBlock.tsx

@@ -6,11 +6,11 @@
 import wasmUrl from 'esbuild-wasm/esbuild.wasm?url';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
+import { type ScriptType } from '@dxos/functions';
 import { createDocAccessor, DocAccessor } from '@dxos/react-client/echo';
 import { Toolbar, Button, Icon } from '@dxos/react-ui';
 
 import { Bundler, type BundlerResult, initializeBundler } from '../../bundler';
-import { type ScriptType } from '../../types';
 import { FrameContainer } from '../FrameContainer';
 import { ScriptEditor } from '../ScriptEditor';
 
@@ -37,7 +37,7 @@ export type ScriptBlockProps = {
  */
 // TODO(burdon): Cache compiled results in context.
 export const ScriptBlock = ({ script, hideSelector, containerUrl }: ScriptBlockProps) => {
-  const source = useMemo(() => script.source && createDocAccessor(script.source, ['content']), [script.source]);
+  const source = useMemo(() => script.source && createDocAccessor(script.source.target!, ['content']), [script.source]);
   const [result, setResult] = useState<BundlerResult>();
   const bundler = useMemo(
     () => new Bundler({ platform: 'browser', sandboxedModules: PROVIDED_MODULES, remoteModules: {} }),

package/src/components/ScriptEditor.tsx

@@ -7,9 +7,19 @@ import prettierPluginEstree from 'prettier/plugins/estree';
 import prettierPluginTypescript from 'prettier/plugins/typescript';
 import React, { useCallback, useMemo, useState } from 'react';
 
+import {
+  FUNCTIONS_PRESET_META_KEY,
+  FunctionType,
+  type ScriptType,
+  getInvocationUrl,
+  getUserFunctionUrlInMetadata,
+  setUserFunctionUrlInMetadata,
+  uploadWorkerFunction,
+  incrementSemverPatch,
+} from '@dxos/functions';
 import { log } from '@dxos/log';
 import { useClient } from '@dxos/react-client';
-import { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';
+import { create, createDocAccessor, Filter, getMeta, getSpace, makeRef, useQuery } from '@dxos/react-client/echo';
 import { useIdentity } from '@dxos/react-client/halo';
 import { useTranslation, type ThemedClassName } from '@dxos/react-ui';
 import { createDataExtensions, listener } from '@dxos/react-ui-editor';
@@ -19,17 +29,8 @@ import { DebugPanel } from './DebugPanel';
 import { type TemplateSelectProps, Toolbar, type ViewType } from './Toolbar';
 import { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';
 import { Bundler } from '../bundler';
-import {
-  getInvocationUrl,
-  getUserFunctionUrlInMetadata,
-  setUserFunctionUrlInMetadata,
-  uploadWorkerFunction,
-  FUNCTIONS_PRESET_META_KEY,
-  incrementSemverPatch,
-} from '../edge';
 import { SCRIPT_PLUGIN } from '../meta';
 import { templates } from '../templates';
-import { FunctionType, type ScriptType } from '../types';
 
 export type ScriptEditorProps = ThemedClassName<{
   script: ScriptType;
@@ -47,19 +48,19 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
     () => [
       listener({
         onChange: (text) => {
-          if (script.source && script.source?.content !== text) {
+          if (script.source.target && script.source.target.content !== text) {
             script.changed = true;
           }
         },
       }),
       createDataExtensions({
         id: script.id,
-        text: script.source && createDocAccessor(script.source, ['content']),
+        text: script.source.target && createDocAccessor(script.source.target, ['content']),
         space,
         identity,
       }),
     ],
-    [script, script.source, space, identity],
+    [script, script.source.target, space, identity],
   );
 
   const [view, setView] = useState<ViewType>('editor');
@@ -72,7 +73,7 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
     }
 
     try {
-      script.source.content = await format(script.source.content, {
+      script.source.target!.content = await format(script.source.target!.content, {
         parser: 'typescript',
         plugins: [prettierPluginEstree, prettierPluginTypescript],
         semi: true,
@@ -88,7 +89,7 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
     const template = templates.find((template) => template.id === id);
     if (template) {
       script.name = template.name;
-      script.source!.content = template.source;
+      script.source!.target!.content = template.source;
       const metaKeys = getMeta(script).keys;
       const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);
       if (oldPresetIndex >= 0) {
@@ -111,7 +112,7 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
       const existingFunctionId = existingFunctionUrl?.split('/').at(-1);
 
       const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });
-      const buildResult = await bundler.bundle(script.source.content);
+      const buildResult = await bundler.bundle(script.source.target!.content);
       if (buildResult.error || !buildResult.bundle) {
         throw buildResult.error;
       }
@@ -132,7 +133,8 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
         fn.version = version;
       }
 
-      const deployedFunction = fn ?? space.db.add(create(FunctionType, { name: functionId, version, source: script }));
+      const deployedFunction =
+        fn ?? space.db.add(create(FunctionType, { name: functionId, version, source: makeRef(script) }));
 
       script.changed = false;
 
@@ -179,7 +181,7 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
         <TypescriptEditor
           id={script.id}
           env={env}
-          initialValue={script.source?.content}
+          initialValue={script.source?.target?.content}
           extensions={extensions}
           className='flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all'
         />

package/src/components/ScriptSettingsPanel.tsx

@@ -4,13 +4,12 @@
 
 import React, { type ChangeEvent, useCallback } from 'react';
 
+import { FunctionType, type ScriptType, getInvocationUrl, getUserFunctionUrlInMetadata } from '@dxos/functions';
 import { useClient } from '@dxos/react-client';
 import { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';
 import { Button, Icon, Input, useControlledValue, useTranslation } from '@dxos/react-ui';
 
-import { getInvocationUrl, getUserFunctionUrlInMetadata } from '../edge';
 import { SCRIPT_PLUGIN } from '../meta';
-import { FunctionType, type ScriptType } from '../types';
 
 export type ScriptSettingsPanelProps = {
   script: ScriptType;

package/src/components/Toolbar/Toolbar.tsx

@@ -64,7 +64,7 @@ export const Toolbar = ({
 
   // TODO(burdon): Factor out common toolbar components with sheet/editor?
   return (
-    <ElevationProvider elevation='chrome'>
+    <ElevationProvider elevation='positioned'>
       <NaturalToolbar.Root classNames={['p-1', classNames]} style={{ contain: 'layout' }}>
         {templates && <TemplateSelect templates={templates} onTemplateSelect={onTemplateSelect} />}
         {onFormat && <ToolbarIconButton icon='ph--magic-wand--regular' text={t('format label')} onClick={onFormat} />}

package/src/translations.ts

@@ -3,14 +3,10 @@
 //
 
 import { SCRIPT_PLUGIN } from './meta';
-import { ScriptType } from './types';
 
 export default [
   {
     'en-US': {
-      [ScriptType.typename]: {
-        'typename label': 'Script',
-      },
       [SCRIPT_PLUGIN]: {
         'plugin name': 'Scripts',
         'object title placeholder': 'New script',

package/src/types.ts

@@ -0,0 +1,38 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import type {
+  IntentResolverProvides,
+  MetadataRecordsProvides,
+  SettingsProvides,
+  SurfaceProvides,
+  TranslationsProvides,
+} from '@dxos/app-framework';
+import { S } from '@dxos/echo-schema';
+import { ScriptType } from '@dxos/functions';
+import { type SchemaProvides } from '@dxos/plugin-space';
+
+import { SCRIPT_PLUGIN } from './meta';
+
+export namespace ScriptAction {
+  const SCRIPT_ACTION = `${SCRIPT_PLUGIN}/action`;
+
+  export class Create extends S.TaggedClass<Create>()(`${SCRIPT_ACTION}/create`, {
+    input: S.Struct({
+      name: S.optional(S.String),
+    }),
+    output: S.Struct({
+      object: ScriptType,
+    }),
+  }) {}
+}
+
+export type ScriptSettingsProps = {};
+
+export type ScriptPluginProvides = IntentResolverProvides &
+  MetadataRecordsProvides &
+  SchemaProvides &
+  SettingsProvides<ScriptSettingsProps> &
+  SurfaceProvides &
+  TranslationsProvides;

package/dist/lib/browser/AutomationPanel-PMTZROAZ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/AutomationPanel/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useMemo, useState } from 'react';\n\nimport { type ReactiveEchoObject } from '@dxos/client/echo';\nimport { failUndefined } from '@dxos/debug';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Select, useTranslation } from '@dxos/react-ui';\n\nimport { getInvocationUrl, getUserFunctionUrlInMetadata } from '../../edge';\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { FunctionType, ScriptType } from '../../types';\nimport { DebugPanel } from '../DebugPanel';\n\nexport interface AutomationPanelProps {\n  subject: ReactiveEchoObject<any>;\n}\n\nexport const AutomationPanel = ({ subject }: AutomationPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const space = getSpace(subject);\n\n  // TODO(dmaretskyi): Parametric query.\n  const functions = useQuery(\n    space ?? undefined,\n    subject instanceof ScriptType\n      ? Filter.schema(FunctionType, { source: subject })\n      : Filter.schema(FunctionType, (fn) => fn.binding != null),\n    {},\n    [subject],\n  );\n\n  const [selectedFunction, setSelectedFunction] = useState<FunctionType | null>(null);\n  const chatFunction = subject instanceof ScriptType ? functions[0] : selectedFunction;\n\n  return (\n    <div className='h-full flex flex-col'>\n      {!(subject instanceof ScriptType) && (\n        <BindingSelect\n          selectedFunction={selectedFunction}\n          setSelectedFunction={setSelectedFunction}\n          functions={functions}\n        />\n      )}\n      {chatFunction && <ChatPanel fn={chatFunction} subject={subject} />}\n      {subject instanceof ScriptType && functions.length === 0 && <div className='p-1'>{t('not deployed')}</div>}\n    </div>\n  );\n};\n\nexport interface ChatPanelProps {\n  fn: FunctionType;\n  subject: ReactiveEchoObject<any>;\n}\n\nconst ChatPanel = ({ fn, subject }: ChatPanelProps) => {\n  const client = useClient();\n  const space = getSpace(fn);\n  const existingFunctionUrl = getUserFunctionUrlInMetadata(getMeta(fn));\n  const functionUrl = useMemo(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n      subjectId: subject?.id,\n    });\n  }, [existingFunctionUrl, space, subject]);\n\n  return <DebugPanel functionUrl={functionUrl} classNames='flex-1' />;\n};\n\nexport interface BindingSelectProps {\n  selectedFunction: FunctionType | null;\n  setSelectedFunction: (fn: FunctionType) => void;\n  functions: FunctionType[];\n}\n\nconst BindingSelect = ({ selectedFunction, setSelectedFunction, functions }: BindingSelectProps) => {\n  return (\n    <Select.Root\n      value={selectedFunction?.id}\n      onValueChange={(id) => setSelectedFunction(functions.find((fn) => fn.id === id) ?? failUndefined())}\n    >\n      <Select.TriggerButton placeholder='Select value' />\n      <Select.Portal>\n        <Select.Content>\n          <Select.ScrollUpButton />\n          <Select.Viewport>\n            {functions.map(({ id, binding }) => (\n              <Select.Option key={id} value={id}>\n                {binding}\n              </Select.Option>\n            ))}\n          </Select.Viewport>\n          <Select.ScrollDownButton />\n          <Select.Arrow />\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport * from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAIA,OAAOA,SAASC,SAASC,gBAAgB;AAGzC,SAASC,qBAAqB;AAC9B,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,SAASC,UAAUC,gBAAgB;AACpD,SAASC,QAAQC,sBAAsB;AAWhC,IAAMC,kBAAkB,CAAC,EAAEC,QAAO,MAAwB;AAC/D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,aAAAA;AAC7B,QAAMC,QAAQC,SAASL,OAAAA;AAGvB,QAAMM,YAAYC,SAChBH,SAASI,QACTR,mBAAmBS,aACfC,OAAOC,OAAOC,cAAc;IAAEC,QAAQb;EAAQ,CAAA,IAC9CU,OAAOC,OAAOC,cAAc,CAACE,OAAOA,GAAGC,WAAW,IAAA,GACtD,CAAC,GACD;IAACf;GAAQ;AAGX,QAAM,CAACgB,kBAAkBC,mBAAAA,IAAuBC,SAA8B,IAAA;AAC9E,QAAMC,eAAenB,mBAAmBS,aAAaH,UAAU,CAAA,IAAKU;AAEpE,SACE,sBAAA,cAACI,OAAAA;IAAIC,WAAU;KACZ,EAAErB,mBAAmBS,eACpB,sBAAA,cAACa,eAAAA;IACCN;IACAC;IACAX;MAGHa,gBAAgB,sBAAA,cAACI,WAAAA;IAAUT,IAAIK;IAAcnB;MAC7CA,mBAAmBS,cAAcH,UAAUkB,WAAW,KAAK,sBAAA,cAACJ,OAAAA;IAAIC,WAAU;KAAOpB,EAAE,cAAA,CAAA,CAAA;AAG1F;AAOA,IAAMsB,YAAY,CAAC,EAAET,IAAId,QAAO,MAAkB;AAChD,QAAMyB,SAASC,UAAAA;AACf,QAAMtB,QAAQC,SAASS,EAAAA;AACvB,QAAMa,sBAAsBC,6BAA6BC,QAAQf,EAAAA,CAAAA;AACjE,QAAMgB,cAAcC,QAAQ,MAAA;AAC1B,QAAI,CAACJ,qBAAqB;AACxB;IACF;AAEA,WAAOK,iBAAiBL,qBAAqBF,OAAOQ,OAAOC,OAAOC,SAASC,UAAUC,MAAMC,OAAO,IAAI;MACpGC,SAASnC,OAAOoC;MAChBC,WAAWzC,SAASwC;IACtB,CAAA;EACF,GAAG;IAACb;IAAqBvB;IAAOJ;GAAQ;AAExC,SAAO,sBAAA,cAAC0C,YAAAA;IAAWZ;IAA0Ba,YAAW;;AAC1D;AAQA,IAAMrB,gBAAgB,CAAC,EAAEN,kBAAkBC,qBAAqBX,UAAS,MAAsB;AAC7F,SACE,sBAAA,cAACsC,OAAOC,MAAI;IACVC,OAAO9B,kBAAkBwB;IACzBO,eAAe,CAACP,OAAOvB,oBAAoBX,UAAU0C,KAAK,CAAClC,OAAOA,GAAG0B,OAAOA,EAAAA,KAAOS,cAAAA,CAAAA;KAEnF,sBAAA,cAACL,OAAOM,eAAa;IAACC,aAAY;MAClC,sBAAA,cAACP,OAAOQ,QAAM,MACZ,sBAAA,cAACR,OAAOS,SAAO,MACb,sBAAA,cAACT,OAAOU,gBAAc,IAAA,GACtB,sBAAA,cAACV,OAAOW,UAAQ,MACbjD,UAAUkD,IAAI,CAAC,EAAEhB,IAAIzB,QAAO,MAC3B,sBAAA,cAAC6B,OAAOa,QAAM;IAACC,KAAKlB;IAAIM,OAAON;KAC5BzB,OAAAA,CAAAA,CAAAA,GAIP,sBAAA,cAAC6B,OAAOe,kBAAgB,IAAA,GACxB,sBAAA,cAACf,OAAOgB,OAAK,IAAA,CAAA,CAAA,CAAA;AAKvB;;;ACjGA,IAAA,0BAAeC;",
-  "names": ["React", "useMemo", "useState", "failUndefined", "useClient", "Filter", "getMeta", "getSpace", "useQuery", "Select", "useTranslation", "AutomationPanel", "subject", "t", "useTranslation", "SCRIPT_PLUGIN", "space", "getSpace", "functions", "useQuery", "undefined", "ScriptType", "Filter", "schema", "FunctionType", "source", "fn", "binding", "selectedFunction", "setSelectedFunction", "useState", "chatFunction", "div", "className", "BindingSelect", "ChatPanel", "length", "client", "useClient", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "functionUrl", "useMemo", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "id", "subjectId", "DebugPanel", "classNames", "Select", "Root", "value", "onValueChange", "find", "failUndefined", "TriggerButton", "placeholder", "Portal", "Content", "ScrollUpButton", "Viewport", "map", "Option", "key", "ScrollDownButton", "Arrow", "AutomationPanel"]
-}

package/dist/lib/browser/ScriptContainer-RYZFYCNK.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptEditor.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { ScriptEditor, type ScriptEditorProps } from './ScriptEditor';\n\nconst ScriptContainer = ({ script, ...props }: ScriptEditorProps) => {\n  const attendableAttrs = useAttendableAttributes(fullyQualifiedId(script));\n  return (\n    <div role='none' className={mx('flex row-span-2 w-full overflow-hidden attention-surface')} {...attendableAttrs}>\n      <ScriptEditor {...props} script={script} />\n    </div>\n  );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\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, type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { DebugPanel } from './DebugPanel';\nimport { type TemplateSelectProps, Toolbar, type ViewType } from './Toolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { Bundler } from '../bundler';\nimport {\n  getInvocationUrl,\n  getUserFunctionUrlInMetadata,\n  setUserFunctionUrlInMetadata,\n  uploadWorkerFunction,\n  FUNCTIONS_PRESET_META_KEY,\n  incrementSemverPatch,\n} from '../edge';\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\nimport { FunctionType, type ScriptType } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<{\n  script: ScriptType;\n}> &\n  Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const client = useClient();\n  const identity = useIdentity();\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Filter.schema(FunctionType, { 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\n  const [view, setView] = useState<ViewType>('editor');\n  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n  const [error, setError] = useState<string>();\n\n  const handleFormat = useCallback(async () => {\n    if (!script.source) {\n      return;\n    }\n\n    try {\n      script.source.content = await format(script.source.content, {\n        parser: 'typescript',\n        plugins: [prettierPluginEstree, prettierPluginTypescript],\n        semi: true,\n        singleQuote: true,\n      });\n    } catch (err: any) {\n      // TODO(wittjosiah): Show error in UI.\n      log.catch(err);\n    }\n  }, [script.source]);\n\n  const handleTemplateChange: TemplateSelectProps['onTemplateSelect'] = (id) => {\n    const template = templates.find((template) => template.id === id);\n    if (template) {\n      script.name = template.name;\n      script.source!.content = template.source;\n      const metaKeys = getMeta(script).keys;\n      const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);\n      if (oldPresetIndex >= 0) {\n        metaKeys.splice(oldPresetIndex, 1);\n      }\n      if (template.presetId) {\n        metaKeys.push({ source: FUNCTIONS_PRESET_META_KEY, id: template.presetId });\n      }\n    }\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\n      const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n      const buildResult = await bundler.bundle(script.source.content);\n      if (buildResult.error || !buildResult.bundle) {\n        throw buildResult.error;\n      }\n\n      const { functionId, version, meta } = await uploadWorkerFunction({\n        client,\n        spaceId: space.id,\n        version: fn ? incrementSemverPatch(fn.version) : '0.0.1',\n        functionId: existingFunctionId,\n        source: buildResult.bundle,\n      });\n      if (functionId === undefined || version === undefined) {\n        throw new Error(`Upload didn't return expected data: functionId=${functionId}, version=${version}`);\n      }\n\n      log.info('function uploaded', { functionId, version });\n      if (fn) {\n        fn.version = version;\n      }\n\n      const deployedFunction = fn ?? space.db.add(create(FunctionType, { name: functionId, version, source: script }));\n\n      script.changed = false;\n\n      if (meta.inputSchema) {\n        deployedFunction.inputSchema = meta.inputSchema;\n      } else {\n        log.verbose('no input schema in function metadata', { functionId });\n      }\n\n      setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${space.id}/${functionId}`);\n\n      setView('split');\n    } catch (err: any) {\n      log.catch(err);\n      setError(t('upload failed label'));\n    }\n  }, [fn, existingFunctionUrl, script, script.name, script.source, space?.id ?? null]);\n\n  const functionUrl = useMemo(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n  }, [existingFunctionUrl, space]);\n\n  return (\n    <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>\n      <Toolbar\n        deployed={Boolean(existingFunctionUrl) && !script.changed}\n        functionUrl={functionUrl}\n        error={error}\n        view={view}\n        templates={templates}\n        onDeploy={handleDeploy}\n        onFormat={handleFormat}\n        onViewChange={setView}\n        onTemplateSelect={handleTemplateChange}\n      />\n\n      {view !== 'preview' && (\n        <TypescriptEditor\n          id={script.id}\n          env={env}\n          initialValue={script.source?.content}\n          extensions={extensions}\n          className='flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all'\n        />\n      )}\n\n      {view !== 'editor' && <DebugPanel functionUrl={functionUrl} />}\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport {\n  ElevationProvider,\n  Icon,\n  Select,\n  type ThemedClassName,\n  ToggleGroup,\n  ToggleGroupItem,\n  type ToolbarButtonProps,\n  Toolbar as NaturalToolbar,\n  Tooltip,\n  useTranslation,\n} from '@dxos/react-ui';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport type ToolbarProps = ThemedClassName<\n  {\n    deployed?: boolean;\n    error?: string;\n    functionUrl?: string;\n    onDeploy?: () => Promise<void>;\n    onFormat?: () => Promise<void>;\n  } & TemplateSelectProps &\n    ViewSelectorProps\n>;\n\nexport const Toolbar = ({\n  classNames,\n  deployed,\n  error,\n  functionUrl,\n  view,\n  templates,\n  onDeploy,\n  onFormat,\n  onViewChange,\n  onTemplateSelect,\n}: ToolbarProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const [pending, setPending] = useState(false);\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    if (!pending) {\n      setPending(true);\n      await onDeploy?.();\n      setPending(false);\n    }\n  };\n\n  // TODO(burdon): Factor out common toolbar components with sheet/editor?\n  return (\n    <ElevationProvider elevation='chrome'>\n      <NaturalToolbar.Root classNames={['p-1', classNames]} style={{ contain: 'layout' }}>\n        {templates && <TemplateSelect templates={templates} onTemplateSelect={onTemplateSelect} />}\n        {onFormat && <ToolbarIconButton icon='ph--magic-wand--regular' text={t('format label')} onClick={onFormat} />}\n\n        <div role='separator' className='grow' />\n\n        {error ? (\n          <Tooltip.Root>\n            <Tooltip.Trigger>\n              <Icon icon='ph--warning-circle--regular' size={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        ) : null}\n\n        {functionUrl && deployed && (\n          <ToolbarIconButton icon='ph--link--regular' text={t('copy link label')} onClick={handleCopyLink} />\n        )}\n\n        {onDeploy && (\n          <ToolbarIconButton\n            icon={pending ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular'}\n            classNames={[pending && 'animate-spin']}\n            text={pending ? t('pending label') : t('deploy label')}\n            onClick={handleDeploy}\n          />\n        )}\n\n        <ViewSelector view={view} onViewChange={onViewChange} />\n      </NaturalToolbar.Root>\n    </ElevationProvider>\n  );\n};\n\nconst ToolbarIconButton = ({\n  icon,\n  text,\n  classNames,\n  disabled,\n  onClick,\n}: { icon: string; text: string } & Pick<ToolbarButtonProps, 'classNames' | 'disabled' | 'onClick'>) => {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <NaturalToolbar.Button variant='ghost' disabled={disabled} onClick={onClick}>\n          <Icon icon={icon} size={4} classNames={classNames} />\n        </NaturalToolbar.Button>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content>\n          <Tooltip.Arrow />\n          {text}\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\nexport type ViewType = 'editor' | 'split' | 'preview';\n\nexport type TemplateSelectProps = {\n  templates?: Template[];\n  onTemplateSelect?: (id: string) => void;\n};\n\nexport const TemplateSelect = ({ templates = [], onTemplateSelect }: TemplateSelectProps) => {\n  return (\n    <Select.Root value={''} onValueChange={onTemplateSelect}>\n      <Select.TriggerButton />\n      <Select.Portal>\n        <Select.Content>\n          <Select.Viewport>\n            <Select.Option value={''}>Template</Select.Option>\n            {templates.map(({ id, name }) => (\n              <Select.Option key={id} value={id}>\n                {name}\n              </Select.Option>\n            ))}\n          </Select.Viewport>\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n};\n\nexport type ViewSelectorProps = {\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n};\n\nexport const ViewSelector = ({ view, onViewChange }: ViewSelectorProps) => {\n  return (\n    <ToggleGroup type='single' value={view} onValueChange={(value) => onViewChange?.(value as ViewType)}>\n      <ToggleGroupItem value='editor' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--code--regular' size={4} />\n      </ToggleGroupItem>\n      <ToggleGroupItem value='split' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--square-split-vertical--regular' size={4} />\n      </ToggleGroupItem>\n      <ToggleGroupItem value='preview' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--eye--regular' size={4} />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { useThemeContext } from '@dxos/react-ui';\nimport {\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  editorFullWidth,\n  editorGutter,\n  editorMonospace,\n  InputModeExtensions,\n  useTextEditor,\n  type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { nonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n  id: string;\n  env?: VirtualTypeScriptEnvironment;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n  id,\n  env,\n  className,\n  initialValue,\n  extensions,\n  scrollTo,\n  selection,\n}: TypescriptEditorProps) => {\n  const { themeMode } = useThemeContext();\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      initialValue,\n      extensions: [\n        extensions,\n        createBasicExtensions({\n          highlightActiveLine: true,\n          indentWithTab: true,\n          lineNumbers: true,\n          lineWrapping: false,\n          scrollPastEnd: true,\n        }),\n        createThemeExtensions({\n          themeMode,\n          syntaxHighlighting: true,\n          slots: {\n            content: { className: editorFullWidth },\n          },\n        }),\n        editorGutter,\n        // TODO(burdon): Factor out.\n        [\n          editorMonospace,\n          javascript({ typescript: true }),\n          // https://github.com/val-town/codemirror-ts\n          autocomplete({ override: env ? [tsAutocomplete()] : [] }),\n          env ? [tsFacet.of({ env, path: `/src/${id}.ts` }), tsSync(), tsLinter(), tsHover()] : [],\n          InputModeExtensions.vscode,\n        ],\n      ].filter(nonNullable),\n      selection,\n      scrollTo,\n    }),\n    [id, extensions, themeMode, selection, scrollTo],\n  );\n\n  return <div ref={parentRef} className={className} {...focusAttributes} />;\n};\n\nexport default TypescriptEditor;\n"],
-  "mappings": "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",
-  "names": ["React", "fullyQualifiedId", "useAttendableAttributes", "mx", "format", "prettierPluginEstree", "prettierPluginTypescript", "React", "useCallback", "useMemo", "useState", "log", "useClient", "create", "createDocAccessor", "Filter", "getMeta", "getSpace", "useQuery", "useIdentity", "useTranslation", "createDataExtensions", "listener", "mx", "React", "useState", "ElevationProvider", "Icon", "Select", "ToggleGroup", "ToggleGroupItem", "Toolbar", "NaturalToolbar", "Tooltip", "useTranslation", "Toolbar", "classNames", "deployed", "error", "functionUrl", "view", "templates", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "t", "useTranslation", "SCRIPT_PLUGIN", "pending", "setPending", "useState", "handleCopyLink", "navigator", "clipboard", "writeText", "handleDeploy", "ElevationProvider", "elevation", "NaturalToolbar", "Root", "style", "contain", "TemplateSelect", "ToolbarIconButton", "icon", "text", "onClick", "div", "role", "className", "Tooltip", "Trigger", "Icon", "size", "Portal", "Content", "Arrow", "ViewSelector", "disabled", "asChild", "Button", "variant", "Select", "value", "onValueChange", "TriggerButton", "Viewport", "Option", "map", "id", "name", "key", "ToggleGroup", "type", "ToggleGroupItem", "javascript", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorGutter", "editorMonospace", "InputModeExtensions", "useTextEditor", "nonNullable", "TypescriptEditor", "id", "env", "className", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "editorGutter", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "of", "path", "tsSync", "tsLinter", "tsHover", "InputModeExtensions", "vscode", "filter", "nonNullable", "React", "div", "ref", "ScriptEditor", "classNames", "script", "env", "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", "view", "setView", "useState", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "error", "setError", "handleFormat", "useCallback", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "handleTemplateChange", "template", "templates", "find", "name", "metaKeys", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "handleDeploy", "undefined", "existingFunctionId", "split", "at", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "functionId", "version", "meta", "uploadWorkerFunction", "spaceId", "incrementSemverPatch", "Error", "info", "deployedFunction", "db", "add", "create", "inputSchema", "verbose", "setUserFunctionUrlInMetadata", "functionUrl", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "React", "div", "role", "className", "mx", "Toolbar", "deployed", "Boolean", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "TypescriptEditor", "initialValue", "DebugPanel", "ScriptContainer", "script", "props", "attendableAttrs", "useAttendableAttributes", "fullyQualifiedId", "React", "div", "role", "className", "mx", "ScriptEditor"]
-}

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

@@ -1,48 +0,0 @@
-import {
-  SCRIPT_PLUGIN
-} from "./chunk-C7VBULMK.mjs";
-
-// packages/plugins/experimental/plugin-script/src/types/schema.ts
-import { JsonSchemaType, ref, S, TypedObject } from "@dxos/echo-schema";
-import { TextType } from "@dxos/plugin-markdown/types";
-var ScriptType = class extends TypedObject({
-  typename: "dxos.org/type/Script",
-  version: "0.1.0"
-})({
-  // TODO(burdon): Change to URI?
-  name: S.optional(S.String),
-  description: S.optional(S.String),
-  // TODO(burdon): Change to hash of deployed content.
-  // Whether source has changed since last deploy.
-  changed: S.optional(S.Boolean),
-  source: ref(TextType)
-}) {
-};
-var FunctionType = class extends TypedObject({
-  typename: "dxos.org/type/Function",
-  version: "0.1.0"
-})({
-  // TODO(burdon): Rename to id/uri?
-  name: S.NonEmptyString,
-  version: S.String,
-  // Reference to a source script if it exists within ECHO.
-  // TODO(burdon): Don't ref ScriptType directly (core).
-  source: S.optional(ref(ScriptType)),
-  inputSchema: S.optional(JsonSchemaType),
-  // Local binding to a function name.
-  binding: S.optional(S.String)
-}) {
-};
-
-// packages/plugins/experimental/plugin-script/src/types/types.ts
-var ScriptAction;
-(function(ScriptAction2) {
-  ScriptAction2[ScriptAction2["CREATE"] = `${SCRIPT_PLUGIN}/create`] = "CREATE";
-})(ScriptAction || (ScriptAction = {}));
-
-export {
-  ScriptType,
-  FunctionType,
-  ScriptAction
-};
-//# sourceMappingURL=chunk-QFZUFT5G.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/schema.ts", "../../../src/types/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { JsonSchemaType, ref, S, TypedObject } from '@dxos/echo-schema';\nimport { TextType } from '@dxos/plugin-markdown/types';\n\n/**\n * Source script.\n */\nexport class ScriptType extends TypedObject({\n  typename: 'dxos.org/type/Script',\n  version: '0.1.0',\n})({\n  // TODO(burdon): Change to URI?\n  name: S.optional(S.String),\n  description: S.optional(S.String),\n  // TODO(burdon): Change to hash of deployed content.\n  // Whether source has changed since last deploy.\n  changed: S.optional(S.Boolean),\n  source: ref(TextType),\n}) {}\n\n/**\n * Function deployment.\n */\n// TODO(burdon): Move to core/functions.\nexport class FunctionType extends TypedObject({\n  typename: 'dxos.org/type/Function',\n  version: '0.1.0',\n})({\n  // TODO(burdon): Rename to id/uri?\n  name: S.NonEmptyString,\n  version: S.String,\n\n  // Reference to a source script if it exists within ECHO.\n  // TODO(burdon): Don't ref ScriptType directly (core).\n  source: S.optional(ref(ScriptType)),\n\n  inputSchema: S.optional(JsonSchemaType),\n\n  // Local binding to a function name.\n  binding: S.optional(S.String),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  IntentResolverProvides,\n  MetadataRecordsProvides,\n  SettingsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-space';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport enum ScriptAction {\n  CREATE = `${SCRIPT_PLUGIN}/create`,\n}\n\nexport type ScriptSettingsProps = {};\n\nexport type ScriptPluginProvides = GraphBuilderProvides &\n  IntentResolverProvides &\n  MetadataRecordsProvides &\n  SchemaProvides &\n  SettingsProvides<ScriptSettingsProps> &\n  SurfaceProvides &\n  TranslationsProvides;\n"],
-  "mappings": ";;;;;AAIA,SAASA,gBAAgBC,KAAKC,GAAGC,mBAAmB;AACpD,SAASC,gBAAgB;AAKlB,IAAMC,aAAN,cAAyBC,YAAY;EAC1CC,UAAU;EACVC,SAAS;AACX,CAAA,EAAG;;EAEDC,MAAMC,EAAEC,SAASD,EAAEE,MAAM;EACzBC,aAAaH,EAAEC,SAASD,EAAEE,MAAM;;;EAGhCE,SAASJ,EAAEC,SAASD,EAAEK,OAAO;EAC7BC,QAAQC,IAAIC,QAAAA;AACd,CAAA,EAAA;AAAI;AAMG,IAAMC,eAAN,cAA2Bb,YAAY;EAC5CC,UAAU;EACVC,SAAS;AACX,CAAA,EAAG;;EAEDC,MAAMC,EAAEU;EACRZ,SAASE,EAAEE;;;EAIXI,QAAQN,EAAEC,SAASM,IAAIZ,UAAAA,CAAAA;EAEvBgB,aAAaX,EAAEC,SAASW,cAAAA;;EAGxBC,SAASb,EAAEC,SAASD,EAAEE,MAAM;AAC9B,CAAA,EAAA;AAAI;;;;UC3BQY,eAAAA;0CACD,GAAGC,aAAAA,SAAsB,IAAA;GADxBD,iBAAAA,eAAAA,CAAAA,EAAAA;",
-  "names": ["JsonSchemaType", "ref", "S", "TypedObject", "TextType", "ScriptType", "TypedObject", "typename", "version", "name", "S", "optional", "String", "description", "changed", "Boolean", "source", "ref", "TextType", "FunctionType", "NonEmptyString", "inputSchema", "JsonSchemaType", "binding", "ScriptAction", "SCRIPT_PLUGIN"]
-}