@dxos/plugin-script 0.8.3-staging.0fa589b → 0.8.4-main.1068cf700f

package/src/util/deploy.ts

@@ -4,34 +4,27 @@
 
 import { type Client } from '@dxos/client';
 import { Obj, Ref } from '@dxos/echo';
-import {
-  FunctionType,
-  type ScriptType,
-  getUserFunctionUrlInMetadata,
-  makeFunctionUrl,
-  setUserFunctionUrlInMetadata,
-} from '@dxos/functions';
-import { Bundler } from '@dxos/functions/bundler';
-import { incrementSemverPatch, uploadWorkerFunction } from '@dxos/functions/edge';
+import { Function, type Script, getUserFunctionIdInMetadata } from '@dxos/functions';
+import { bundleFunction } from '@dxos/functions-runtime/bundler';
+import { FunctionsServiceClient, incrementSemverPatch } from '@dxos/functions-runtime/edge';
 import { log } from '@dxos/log';
+import { FunctionRuntimeKind } from '@dxos/protocols';
 import { type Space } from '@dxos/react-client/echo';
 
-import { updateFunctionMetadata } from './functions';
-
-export const isScriptDeployed = ({ script, fn }: { script: ScriptType; fn: any }): boolean => {
-  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(Obj.getMeta(fn));
-  return Boolean(existingFunctionUrl) && !script.changed;
+export const isScriptDeployed = ({ script, fn }: { script: Script.Script; fn: any }): boolean => {
+  const existingFunctionId = fn && getUserFunctionIdInMetadata(Obj.getMeta(fn));
+  return Boolean(existingFunctionId) && !script.changed;
 };
 
 type DeployScriptProps = {
-  script: ScriptType;
+  script: Script.Script;
   client: Client;
   space: Space;
-  fn?: FunctionType;
-  existingFunctionUrl?: string;
+  fn?: Function.Function;
+  existingFunctionId?: string;
 };
 
-type DeployScriptResult = { success: boolean; error?: Error; functionUrl?: string };
+type DeployScriptResult = { success: boolean; error?: Error; functionId?: string };
 
 /**
  * Deploy a script to a space, handling bundling and uploading to the FaaS infrastructure.
@@ -41,7 +34,7 @@ export const deployScript = async ({
   client,
   space,
   fn,
-  existingFunctionUrl,
+  existingFunctionId,
 }: DeployScriptProps): Promise<DeployScriptResult> => {
   const validationError = validateDeployInputs(script, space);
   if (validationError) {
@@ -49,33 +42,30 @@ export const deployScript = async ({
   }
 
   try {
-    const existingFunctionId = extractFunctionId(existingFunctionUrl);
-
-    const { bundle, error } = await bundleScript(script.source!.target!.content);
-    if (error || !bundle) {
-      throw error || new Error('Bundle creation failed');
+    const buildResult = await bundleFunction({
+      source: script.source!.target!.content,
+    });
+    if ('error' in buildResult) {
+      throw buildResult.error || new Error('Bundle creation failed');
     }
 
-    const { functionId, version, meta } = await uploadWorkerFunction({
-      client,
+    const functionsServiceClient = FunctionsServiceClient.fromClient(client);
+    const newFunction = await functionsServiceClient.deploy({
+      // TODO(dmaretskyi): Space key or identity key.
       ownerPublicKey: space.key,
       version: fn ? incrementSemverPatch(fn.version) : '0.0.1',
       functionId: existingFunctionId,
-      source: bundle,
+      entryPoint: buildResult.entryPoint,
+      assets: buildResult.assets,
+      runtime: FunctionRuntimeKind.enums.WORKER_LOADER,
     });
 
-    if (functionId === undefined || version === undefined) {
-      throw new Error(`Upload didn't return expected data: ${JSON.stringify({ functionId, version })}`);
-    }
-
-    const storedFunction = createOrUpdateFunctionInSpace(space, fn, script, functionId, version);
-    script.changed = false;
-    updateFunctionMetadata(script, storedFunction, meta, functionId);
-
-    const functionUrl = makeFunctionUrl({ functionId });
-    setUserFunctionUrlInMetadata(Obj.getMeta(storedFunction), functionUrl);
+    const storedFunction = createOrUpdateFunctionInSpace(space, fn, script, newFunction);
+    Obj.change(script, (s) => {
+      s.changed = false;
+    });
 
-    return { success: true, functionUrl };
+    return { success: true, functionId: getUserFunctionIdInMetadata(Obj.getMeta(storedFunction)) };
   } catch (err: any) {
     log.catch(err);
     return { success: false, error: err };
@@ -85,39 +75,26 @@ export const deployScript = async ({
 /**
  * Validate inputs for script deployment.
  */
-const validateDeployInputs = (script: ScriptType, space: Space): Error | null => {
+const validateDeployInputs = (script: Script.Script, space: Space): Error | null => {
   if (!script.source || !space) {
     return new Error('Script source or space not available');
   }
   return null;
 };
 
-const extractFunctionId = (functionUrl?: string): string | undefined => {
-  return functionUrl?.split('/').at(-1);
-};
-
-const bundleScript = async (source: string): Promise<{ bundle?: string; error?: Error }> => {
-  const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });
-  const buildResult = await bundler.bundle({ source });
-
-  if (buildResult.error || !buildResult.bundle) {
-    return { error: buildResult.error || new Error('Bundle creation failed') };
-  }
-
-  return { bundle: buildResult.bundle };
-};
-
 const createOrUpdateFunctionInSpace = (
   space: Space,
-  fn: FunctionType | undefined,
-  script: ScriptType,
-  functionId: string,
-  version: string,
-): FunctionType => {
+  fn: Function.Function | undefined,
+  script: Script.Script,
+  newFunction: Function.Function,
+): Function.Function => {
   if (fn) {
-    fn.version = version;
+    Function.setFrom(fn, newFunction);
     return fn;
   } else {
-    return space.db.add(Obj.make(FunctionType, { name: functionId, version, source: Ref.make(script) }));
+    Obj.change(newFunction, (f) => {
+      f.source = Ref.make(script);
+    });
+    return space.db.add(newFunction);
   }
 };

package/src/util/functions.ts

@@ -2,10 +2,13 @@
 // Copyright 2025 DXOS.org
 //
 
-import { type ScriptType, getInvocationUrl, getUserFunctionUrlInMetadata } from '@dxos/functions';
+import { Obj } from '@dxos/echo';
+import { type Function, type Script, getUserFunctionIdInMetadata } from '@dxos/functions';
+import { getInvocationUrl } from '@dxos/functions-runtime';
+import { type PublicKey } from '@dxos/keys';
 import { log } from '@dxos/log';
-import { getMeta, getSpace } from '@dxos/react-client/echo';
-
+import { type Credential } from '@dxos/protocols/proto/dxos/halo/credentials';
+import { getSpace } from '@dxos/react-client/echo';
 /**
  * Get the function URL for a given script and client configuration
  */
@@ -14,40 +17,70 @@ export const getFunctionUrl = ({
   fn,
   edgeUrl,
 }: {
-  script: ScriptType;
+  script: Script.Script;
   fn: any;
   edgeUrl: string;
 }): string | undefined => {
   const space = getSpace(script);
-  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));
+  const existingFunctionId = fn && getUserFunctionIdInMetadata(Obj.getMeta(fn));
 
-  if (!existingFunctionUrl) {
+  if (!existingFunctionId) {
     return undefined;
   }
 
-  return getInvocationUrl(existingFunctionUrl, edgeUrl, {
+  return getInvocationUrl(existingFunctionId, edgeUrl, {
     spaceId: space?.id,
   });
 };
 
-export const updateFunctionMetadata = (script: ScriptType, storedFunction: any, meta: any, functionId: string) => {
-  if (script.description !== undefined && script.description.trim() !== '') {
-    storedFunction.description = script.description;
-  } else if (meta.description) {
-    storedFunction.description = meta.description;
-  } else {
-    log.verbose('no description in function metadata', { functionId });
-  }
+export const updateFunctionMetadata = (
+  script: Script.Script,
+  storedFunction: Function.Function,
+  meta: any,
+  functionId: string,
+) => {
+  Obj.change(storedFunction, (f) => {
+    if (script.description !== undefined && script.description.trim() !== '') {
+      f.description = script.description;
+    } else if (meta.description) {
+      f.description = meta.description;
+    } else {
+      log.verbose('no description in function metadata', { functionId });
+    }
 
-  if (meta.inputSchema) {
-    storedFunction.inputSchema = meta.inputSchema;
-  } else {
-    log.verbose('no input schema in function metadata', { functionId });
-  }
+    if (meta.inputSchema) {
+      f.inputSchema = meta.inputSchema;
+    } else {
+      log.verbose('no input schema in function metadata', { functionId });
+    }
 
-  if (meta.outputSchema) {
-    storedFunction.outputSchema = meta.outputSchema;
-  } else {
-    log.verbose('no output schema in function metadata', { functionId });
-  }
+    if (meta.outputSchema) {
+      f.outputSchema = meta.outputSchema;
+    } else {
+      log.verbose('no output schema in function metadata', { functionId });
+    }
+
+    if (meta.key) {
+      f.key = meta.key;
+    } else {
+      log.verbose('no key in function metadata', { functionId });
+    }
+  });
+};
+
+export const getAccessCredential = (identityKey: PublicKey): Credential => {
+  return {
+    issuer: identityKey,
+    issuanceDate: new Date(),
+    subject: {
+      id: identityKey,
+      assertion: {
+        '@type': 'dxos.halo.credentials.ServiceAccess',
+        serverName: 'hub.dxos.network',
+        serverKey: identityKey,
+        identityKey,
+        capabilities: ['composer:beta'],
+      },
+    },
+  };
 };

package/src/vite-env.d.ts

@@ -18,3 +18,5 @@ declare module '*?raw' {
   const content: string;
   export default content;
 }
+
+declare module 'https://*';

package/dist/lib/browser/DeploymentDialog-RPPPWEEL.mjs

@@ -1,12 +0,0 @@
-import {
-  DEPLOYMENT_DIALOG,
-  DeploymentDialog_default
-} from "./chunk-LA66DQGU.mjs";
-import "./chunk-QJH7I2UV.mjs";
-import "./chunk-WB3X5Z7Q.mjs";
-import "./chunk-6ZHHWU6S.mjs";
-export {
-  DEPLOYMENT_DIALOG,
-  DeploymentDialog_default as default
-};
-//# sourceMappingURL=DeploymentDialog-RPPPWEEL.mjs.map

package/dist/lib/browser/ScriptContainer-RSN52NH7.mjs

@@ -1,261 +0,0 @@
-import {
-  createDeploy,
-  createFormat,
-  createTemplateSelect,
-  useDeployDeps,
-  useDeployState,
-  useToolbarState
-} from "./chunk-3FU4QZVP.mjs";
-import "./chunk-QJH7I2UV.mjs";
-import "./chunk-WB3X5Z7Q.mjs";
-import {
-  SCRIPT_PLUGIN
-} from "./chunk-6ZHHWU6S.mjs";
-
-// packages/plugins/plugin-script/src/components/ScriptContainer.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { useMemo as useMemo2 } from "react";
-import { createDocAccessor, getSpace } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { createDataExtensions, listener, stackItemContentEditorClassNames } from "@dxos/react-ui-editor";
-import { StackItem } from "@dxos/react-ui-stack";
-
-// packages/plugins/plugin-script/src/components/ScriptToolbar/ScriptToolbar.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { Rx } from "@effect-rx/rx-react";
-import React, { useMemo } from "react";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
-import { ElevationProvider, useTranslation } from "@dxos/react-ui";
-import { createGapSeparator, MenuProvider, rxFromSignal, ToolbarMenu, useMenuActions } from "@dxos/react-ui-menu";
-var createToolbar = ({ state, script, ...options }) => Rx.make((get) => get(rxFromSignal(() => {
-  const templateSelect = createTemplateSelect(script);
-  const format = createFormat(script);
-  const gap = createGapSeparator();
-  const deploy = createDeploy({
-    state,
-    script,
-    ...options
-  });
-  return {
-    nodes: [
-      ...templateSelect.nodes,
-      ...format.nodes,
-      ...gap.nodes,
-      ...deploy.nodes
-    ],
-    edges: [
-      ...templateSelect.edges,
-      ...format.edges,
-      ...gap.edges,
-      ...deploy.edges
-    ]
-  };
-})));
-var ScriptToolbar = ({ script, role, state, classNames }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(SCRIPT_PLUGIN);
-    const options = useDeployDeps({
-      script
-    });
-    const toolbarCreator = useMemo(() => createToolbar({
-      state,
-      script,
-      t,
-      ...options
-    }), [
-      state,
-      script,
-      options,
-      t
-    ]);
-    const menu = useMenuActions(toolbarCreator);
-    return /* @__PURE__ */ React.createElement(ElevationProvider, {
-      elevation: role === "section" ? "positioned" : "base"
-    }, /* @__PURE__ */ React.createElement(MenuProvider, {
-      ...menu,
-      attendableId: fullyQualifiedId(script)
-    }, /* @__PURE__ */ React.createElement(ToolbarMenu, {
-      classNames
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-
-// packages/plugins/plugin-script/src/components/TypescriptEditor/TypescriptEditor.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { javascript } from "@codemirror/lang-javascript";
-import { defaultHighlightStyle } from "@codemirror/language";
-import { lintKeymap } from "@codemirror/lint";
-import { Prec } from "@codemirror/state";
-import { oneDarkHighlightStyle } from "@codemirror/theme-one-dark";
-import { keymap } from "@codemirror/view";
-import { tags } from "@lezer/highlight";
-import { continueKeymap } from "@valtown/codemirror-continue";
-import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
-import React2 from "react";
-import { useThemeContext } from "@dxos/react-ui";
-import { InputModeExtensions, autocomplete, createBasicExtensions, createThemeExtensions, folding, useTextEditor } from "@dxos/react-ui-editor";
-import { mx } from "@dxos/react-ui-theme";
-import { isNonNullable } from "@dxos/util";
-var TypescriptEditor = ({ classNames, id, inputMode = "vscode", toolbar, env, initialValue, extensions, scrollTo, selection }) => {
-  var _effect = _useSignals2();
-  try {
-    const { themeMode } = useThemeContext();
-    const { parentRef, focusAttributes } = useTextEditor(() => ({
-      id,
-      initialValue,
-      selection,
-      scrollTo,
-      extensions: [
-        extensions,
-        createBasicExtensions({
-          highlightActiveLine: true,
-          indentWithTab: true,
-          lineNumbers: true,
-          lineWrapping: false,
-          monospace: true,
-          scrollPastEnd: true
-        }),
-        createThemeExtensions({
-          themeMode,
-          syntaxHighlighting: true
-        }),
-        InputModeExtensions[inputMode],
-        folding(),
-        // Continues block comments when pressing Enter.
-        Prec.high(keymap.of(continueKeymap)),
-        // TODO(burdon): Factor out.
-        javascript({
-          typescript: true
-        }),
-        // https://github.com/val-town/codemirror-ts
-        autocomplete({
-          override: env ? [
-            tsAutocomplete()
-          ] : void 0
-        }),
-        keymap.of(lintKeymap),
-        env && [
-          tsFacet.of({
-            env,
-            path: `/src/${id}.ts`
-          }),
-          tsSync(),
-          tsLinter(),
-          tsHover({
-            renderTooltip: createTooltipRenderer(themeMode)
-          })
-        ]
-      ].filter(isNonNullable)
-    }), [
-      id,
-      extensions,
-      themeMode,
-      inputMode,
-      selection,
-      scrollTo
-    ]);
-    return /* @__PURE__ */ React2.createElement("div", {
-      ref: parentRef,
-      "data-toolbar": toolbar ? "enabled" : "disabled",
-      className: mx(classNames),
-      ...focusAttributes
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var createTooltipRenderer = (themeMode) => {
-  const theme = themeMode === "dark" ? oneDarkHighlightStyle : defaultHighlightStyle;
-  const classFromKind = (_kind) => {
-    const kind = _kind.endsWith("Name") ? "name" : _kind;
-    const validTag = kind in tags;
-    if (!validTag) {
-      return "";
-    }
-    const tag = tags[kind];
-    if (typeof tag === "function") {
-      return "";
-    }
-    return theme.style([
-      tag
-    ]) ?? "";
-  };
-  return (info) => {
-    const div = document.createElement("div");
-    div.className = "p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg";
-    if (info.quickInfo?.displayParts) {
-      for (const part of info.quickInfo.displayParts) {
-        const span = div.appendChild(document.createElement("span"));
-        span.className = classFromKind(part.kind);
-        span.innerText = part.text;
-      }
-    }
-    return {
-      dom: div
-    };
-  };
-};
-
-// packages/plugins/plugin-script/src/components/ScriptContainer.tsx
-var ScriptContainer = ({ role, script, settings = {
-  editorInputMode: "vscode"
-}, env }) => {
-  var _effect = _useSignals3();
-  try {
-    const identity = useIdentity();
-    const space = getSpace(script);
-    const state = useToolbarState();
-    useDeployState({
-      state,
-      script
-    });
-    const extensions = useMemo2(() => script.source.target ? [
-      listener({
-        onChange: (text) => {
-          if (script.source.target?.content !== text) {
-            script.changed = true;
-          }
-        }
-      }),
-      createDataExtensions({
-        id: script.id,
-        text: createDocAccessor(script.source.target, [
-          "content"
-        ]),
-        space,
-        identity
-      })
-    ] : [], [
-      identity,
-      space,
-      script,
-      script.source.target
-    ]);
-    return /* @__PURE__ */ React3.createElement(StackItem.Content, {
-      toolbar: true
-    }, /* @__PURE__ */ React3.createElement(ScriptToolbar, {
-      state,
-      role,
-      script
-    }), /* @__PURE__ */ React3.createElement(TypescriptEditor, {
-      id: script.id,
-      env,
-      initialValue: script.source?.target?.content,
-      extensions,
-      classNames: stackItemContentEditorClassNames(role),
-      inputMode: settings.editorInputMode,
-      toolbar: true
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var ScriptContainer_default = ScriptContainer;
-export {
-  ScriptContainer,
-  ScriptContainer_default as default
-};
-//# sourceMappingURL=ScriptContainer-RSN52NH7.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptToolbar/ScriptToolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { createDocAccessor, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem, type StackItemContentProps } from '@dxos/react-ui-stack';\n\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nexport type ScriptEditorProps = Pick<StackItemContentProps, 'role'> & {\n  script: ScriptType;\n  settings?: ScriptSettingsProps;\n} & Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptContainer = ({ role, script, settings = { editorInputMode: 'vscode' }, env }: ScriptEditorProps) => {\n  const identity = useIdentity();\n  const space = getSpace(script);\n  const state = useToolbarState();\n  useDeployState({ state, script });\n\n  const extensions = useMemo(\n    () =>\n      script.source.target\n        ? [\n            listener({\n              onChange: (text) => {\n                if (script.source.target?.content !== text) {\n                  script.changed = true;\n                }\n              },\n            }),\n            createDataExtensions({\n              id: script.id,\n              text: createDocAccessor(script.source.target, ['content']),\n              space,\n              identity,\n            }),\n          ]\n        : [],\n    [identity, space, script, script.source.target],\n  );\n\n  return (\n    <StackItem.Content toolbar>\n      <ScriptToolbar state={state} role={role} script={script} />\n      <TypescriptEditor\n        id={script.id}\n        env={env}\n        initialValue={script.source?.target?.content}\n        extensions={extensions}\n        classNames={stackItemContentEditorClassNames(role)}\n        inputMode={settings.editorInputMode}\n        toolbar\n      />\n    </StackItem.Content>\n  );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { createGapSeparator, MenuProvider, rxFromSignal, ToolbarMenu, useMenuActions } from '@dxos/react-ui-menu';\n\nimport {\n  type CreateDeployOptions,\n  type ScriptToolbarState,\n  createDeploy,\n  createFormat,\n  createTemplateSelect,\n  useDeployDeps,\n} from '../../hooks';\nimport { SCRIPT_PLUGIN } from '../../meta';\n\nconst createToolbar = ({ state, script, ...options }: CreateDeployOptions) =>\n  Rx.make((get) =>\n    get(\n      rxFromSignal(() => {\n        const templateSelect = createTemplateSelect(script);\n        const format = createFormat(script);\n        const gap = createGapSeparator();\n        const deploy = createDeploy({ state, script, ...options });\n        return {\n          nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes],\n          edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges],\n        };\n      }),\n    ),\n  );\n\nexport type ScriptToolbarProps = ThemedClassName<{\n  role?: string;\n  script: ScriptType;\n  state: ScriptToolbarState;\n}>;\n\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const options = useDeployDeps({ script });\n  const toolbarCreator = useMemo(() => createToolbar({ state, script, t, ...options }), [state, script, options, t]);\n  const menu = useMenuActions(toolbarCreator);\n\n  return (\n    <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n      <MenuProvider {...menu} attendableId={fullyQualifiedId(script)}>\n        <ToolbarMenu classNames={classNames} />\n      </MenuProvider>\n    </ElevationProvider>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\nimport { lintKeymap } from '@codemirror/lint';\nimport { Prec } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover, type HoverInfo } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemedClassName, type ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n  type EditorInputMode,\n  InputModeExtensions,\n  type UseTextEditorProps,\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  folding,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = ThemedClassName<\n  {\n    id: string;\n    inputMode?: EditorInputMode;\n    toolbar?: boolean;\n    env?: VirtualTypeScriptEnvironment;\n  } & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>\n>;\n\nexport const TypescriptEditor = ({\n  classNames,\n  id,\n  inputMode = 'vscode',\n  toolbar,\n  env,\n  initialValue,\n  extensions,\n  scrollTo,\n  selection,\n}: TypescriptEditorProps) => {\n  const { themeMode } = useThemeContext();\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      initialValue,\n      selection,\n      scrollTo,\n      extensions: [\n        extensions,\n        createBasicExtensions({\n          highlightActiveLine: true,\n          indentWithTab: true,\n          lineNumbers: true,\n          lineWrapping: false,\n          monospace: true,\n          scrollPastEnd: true,\n        }),\n        createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n        InputModeExtensions[inputMode],\n        folding(),\n        // Continues block comments when pressing Enter.\n        Prec.high(keymap.of(continueKeymap)),\n\n        // TODO(burdon): Factor out.\n        javascript({ typescript: true }),\n        // https://github.com/val-town/codemirror-ts\n        autocomplete({ override: env ? [tsAutocomplete()] : undefined }),\n        keymap.of(lintKeymap),\n        env && [\n          tsFacet.of({ env, path: `/src/${id}.ts` }),\n          tsSync(),\n          tsLinter(),\n          tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n        ],\n      ].filter(isNonNullable),\n    }),\n    [id, extensions, themeMode, inputMode, selection, scrollTo],\n  );\n\n  return (\n    <div\n      ref={parentRef}\n      data-toolbar={toolbar ? 'enabled' : 'disabled'}\n      className={mx(classNames)}\n      {...focusAttributes}\n    />\n  );\n};\n\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n  const theme = themeMode === 'dark' ? oneDarkHighlightStyle : defaultHighlightStyle;\n\n  const classFromKind = (_kind: string) => {\n    // E.g., localName, methodName, parameterName, etc.\n    const kind = _kind.endsWith('Name') ? 'name' : _kind;\n    const validTag = kind in tags;\n    if (!validTag) {\n      return '';\n    }\n\n    const tag = tags[kind as keyof typeof tags];\n    if (typeof tag === 'function') {\n      return '';\n    }\n\n    return theme.style([tag]) ?? '';\n  };\n\n  return (info: HoverInfo) => {\n    const div = document.createElement('div');\n    div.className = 'p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg';\n\n    if (info.quickInfo?.displayParts) {\n      for (const part of info.quickInfo.displayParts) {\n        const span = div.appendChild(document.createElement('span'));\n        span.className = classFromKind(part.kind);\n        span.innerText = part.text;\n      }\n    }\n\n    return { dom: div };\n  };\n};\n\nexport default TypescriptEditor;\n"],
-  "mappings": "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",
-  "names": ["React", "useMemo", "createDocAccessor", "getSpace", "useIdentity", "createDataExtensions", "listener", "stackItemContentEditorClassNames", "StackItem", "Rx", "React", "useMemo", "fullyQualifiedId", "ElevationProvider", "useTranslation", "createGapSeparator", "MenuProvider", "rxFromSignal", "ToolbarMenu", "useMenuActions", "createToolbar", "state", "script", "options", "Rx", "make", "get", "rxFromSignal", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "nodes", "edges", "ScriptToolbar", "role", "classNames", "t", "useTranslation", "SCRIPT_PLUGIN", "useDeployDeps", "toolbarCreator", "useMemo", "menu", "useMenuActions", "ElevationProvider", "elevation", "MenuProvider", "attendableId", "fullyQualifiedId", "ToolbarMenu", "javascript", "defaultHighlightStyle", "lintKeymap", "Prec", "oneDarkHighlightStyle", "keymap", "tags", "continueKeymap", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "InputModeExtensions", "autocomplete", "createBasicExtensions", "createThemeExtensions", "folding", "useTextEditor", "mx", "isNonNullable", "TypescriptEditor", "classNames", "id", "inputMode", "toolbar", "env", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "monospace", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "undefined", "lintKeymap", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "React", "div", "ref", "data-toolbar", "className", "mx", "theme", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "role", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "state", "useToolbarState", "useDeployState", "extensions", "useMemo", "source", "target", "listener", "onChange", "text", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "React", "StackItem", "Content", "toolbar", "ScriptToolbar", "TypescriptEditor", "initialValue", "classNames", "stackItemContentEditorClassNames", "inputMode"]
-}

package/dist/lib/browser/app-graph-builder-5Z3MUX4N.mjs

@@ -1,64 +0,0 @@
-import {
-  meta
-} from "./chunk-6ZHHWU6S.mjs";
-
-// packages/plugins/plugin-script/src/capabilities/app-graph-builder.ts
-import { Rx } from "@effect-rx/rx-react";
-import { Option, pipe } from "effect";
-import { Capabilities, contributes } from "@dxos/app-framework";
-import { Obj } from "@dxos/echo";
-import { ScriptType } from "@dxos/functions";
-import { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from "@dxos/plugin-deck/types";
-import { createExtension } from "@dxos/plugin-graph";
-var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, [
-  createExtension({
-    id: `${meta.id}/execute`,
-    connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(ScriptType, node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
-      {
-        id: [
-          node2.id,
-          "execute"
-        ].join(ATTENDABLE_PATH_SEPARATOR),
-        type: PLANK_COMPANION_TYPE,
-        data: "execute",
-        properties: {
-          label: [
-            "script test label",
-            {
-              ns: meta.id
-            }
-          ],
-          icon: "ph--terminal--regular",
-          disposition: "hidden"
-        }
-      }
-    ]), Option.getOrElse(() => [])))
-  }),
-  createExtension({
-    id: `${meta.id}/logs`,
-    connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(ScriptType, node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
-      {
-        id: [
-          node2.id,
-          "logs"
-        ].join(ATTENDABLE_PATH_SEPARATOR),
-        type: PLANK_COMPANION_TYPE,
-        data: "logs",
-        properties: {
-          label: [
-            "script logs label",
-            {
-              ns: meta.id
-            }
-          ],
-          icon: "ph--clock-countdown--regular",
-          disposition: "hidden"
-        }
-      }
-    ]), Option.getOrElse(() => [])))
-  })
-]);
-export {
-  app_graph_builder_default as default
-};
-//# sourceMappingURL=app-graph-builder-5Z3MUX4N.mjs.map

package/dist/lib/browser/app-graph-builder-5Z3MUX4N.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { ScriptType } from '@dxos/functions';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension } from '@dxos/plugin-graph';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/execute`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (Obj.instanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: [node.id, 'execute'].join(ATTENDABLE_PATH_SEPARATOR),\n                type: PLANK_COMPANION_TYPE,\n                data: 'execute',\n                properties: {\n                  label: ['script test label', { ns: meta.id }],\n                  icon: 'ph--terminal--regular',\n                  disposition: 'hidden',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n    createExtension({\n      id: `${meta.id}/logs`,\n      connector: (node) =>\n        Rx.make((get) =>\n          pipe(\n            get(node),\n            Option.flatMap((node) => (Obj.instanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),\n            Option.map((node) => [\n              {\n                id: [node.id, 'logs'].join(ATTENDABLE_PATH_SEPARATOR),\n                type: PLANK_COMPANION_TYPE,\n                data: 'logs',\n                properties: {\n                  label: ['script logs label', { ns: meta.id }],\n                  icon: 'ph--clock-countdown--regular',\n                  disposition: 'hidden',\n                },\n              },\n            ]),\n            Option.getOrElse(() => []),\n          ),\n        ),\n    }),\n  ]);\n"],
-  "mappings": ";;;;;AAIA,SAASA,UAAU;AACnB,SAASC,QAAQC,YAAY;AAE7B,SAASC,cAAcC,mBAAuC;AAC9D,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,sBAAsBC,iCAAiC;AAChE,SAASC,uBAAuB;AAIhC,IAAA,4BAAe,CAACC,YACdC,YAAYC,aAAaC,iBAAiB;EACxCC,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUO,IAAIC,WAAWC,YAAYT,MAAKU,IAAI,IAAIL,OAAOM,KAAKX,KAAAA,IAAQK,OAAOO,KAAI,CAAA,GACjGP,OAAOQ,IAAI,CAACb,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAWiB,KAAKC,yBAAAA;QAC9BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAItB,KAAKD;YAAG;;UAC3CwB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDjB,OAAOkB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;EACA3B,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUO,IAAIC,WAAWC,YAAYT,MAAKU,IAAI,IAAIL,OAAOM,KAAKX,KAAAA,IAAQK,OAAOO,KAAI,CAAA,GACjGP,OAAOQ,IAAI,CAACb,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAQiB,KAAKC,yBAAAA;QAC3BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAItB,KAAKD;YAAG;;UAC3CwB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDjB,OAAOkB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;CACD;",
-  "names": ["Rx", "Option", "pipe", "Capabilities", "contributes", "Obj", "ScriptType", "PLANK_COMPANION_TYPE", "ATTENDABLE_PATH_SEPARATOR", "createExtension", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "connector", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "Obj", "instanceOf", "ScriptType", "data", "some", "none", "map", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition", "getOrElse"]
-}