@dxos/plugin-script 0.8.1-staging.9eaf14f → 0.8.2-main.10c050d

package/dist/lib/node/ScriptContainer-56SH6R24.cjs

@@ -0,0 +1,289 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ScriptContainer_56SH6R24_exports = {};
+__export(ScriptContainer_56SH6R24_exports, {
+  ScriptContainer: () => ScriptContainer,
+  default: () => ScriptContainer_default
+});
+module.exports = __toCommonJS(ScriptContainer_56SH6R24_exports);
+var import_chunk_NRZJV5SV = require("./chunk-NRZJV5SV.cjs");
+var import_chunk_BYLHJ26I = require("./chunk-BYLHJ26I.cjs");
+var import_chunk_V6L73D7S = require("./chunk-V6L73D7S.cjs");
+var import_chunk_HCRW6T3G = require("./chunk-HCRW6T3G.cjs");
+var import_chunk_QG2X6J74 = require("./chunk-QG2X6J74.cjs");
+var import_tracking = require("@preact-signals/safe-react/tracking");
+var import_react = __toESM(require("react"));
+var import_echo = require("@dxos/react-client/echo");
+var import_halo = require("@dxos/react-client/halo");
+var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_react_ui_stack = require("@dxos/react-ui-stack");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_tracking2 = require("@preact-signals/safe-react/tracking");
+var import_rx_react = require("@effect-rx/rx-react");
+var import_react2 = __toESM(require("react"));
+var import_echo2 = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_editor2 = require("@dxos/react-ui-editor");
+var import_react_ui_menu = require("@dxos/react-ui-menu");
+var import_tracking3 = require("@preact-signals/safe-react/tracking");
+var import_lang_javascript = require("@codemirror/lang-javascript");
+var import_language = require("@codemirror/language");
+var import_state = require("@codemirror/state");
+var import_theme_one_dark = require("@codemirror/theme-one-dark");
+var import_view = require("@codemirror/view");
+var import_highlight = require("@lezer/highlight");
+var import_codemirror_continue = require("@valtown/codemirror-continue");
+var import_codemirror_ts = require("@valtown/codemirror-ts");
+var import_react3 = __toESM(require("react"));
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_editor3 = require("@dxos/react-ui-editor");
+var import_util = require("@dxos/util");
+var createToolbar = ({ state, script, ...options }) => import_rx_react.Rx.make((get) => get((0, import_react_ui_menu.rxFromSignal)(() => {
+  const templateSelect = (0, import_chunk_NRZJV5SV.createTemplateSelect)(script);
+  const format = (0, import_chunk_NRZJV5SV.createFormat)(script);
+  const gap = (0, import_react_ui_menu.createGapSeparator)();
+  const deploy = (0, import_chunk_NRZJV5SV.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 = (0, import_tracking2.useSignals)();
+  try {
+    const { t } = (0, import_react_ui.useTranslation)(import_chunk_QG2X6J74.SCRIPT_PLUGIN);
+    const options = (0, import_chunk_NRZJV5SV.useDeployDeps)({
+      script
+    });
+    const toolbarCreator = (0, import_react2.useMemo)(() => createToolbar({
+      state,
+      script,
+      t,
+      ...options
+    }), [
+      state,
+      script,
+      options,
+      t
+    ]);
+    const menu = (0, import_react_ui_menu.useMenuActions)(toolbarCreator);
+    return /* @__PURE__ */ import_react2.default.createElement("div", {
+      role: "none",
+      className: (0, import_react_ui_editor2.stackItemContentToolbarClassNames)(role)
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.ElevationProvider, {
+      elevation: role === "section" ? "positioned" : "base"
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_menu.MenuProvider, {
+      ...menu,
+      attendableId: (0, import_echo2.fullyQualifiedId)(script)
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_menu.ToolbarMenu, {
+      classNames
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection, toolbar, inputMode = "vscode" }) => {
+  var _effect = (0, import_tracking3.useSignals)();
+  try {
+    const { themeMode } = (0, import_react_ui2.useThemeContext)();
+    const { parentRef, focusAttributes } = (0, import_react_ui_editor3.useTextEditor)(() => ({
+      id,
+      initialValue,
+      extensions: [
+        extensions,
+        (0, import_react_ui_editor3.createBasicExtensions)({
+          highlightActiveLine: true,
+          indentWithTab: true,
+          lineNumbers: true,
+          lineWrapping: false,
+          scrollPastEnd: true
+        }),
+        (0, import_react_ui_editor3.createThemeExtensions)({
+          themeMode,
+          syntaxHighlighting: true
+        }),
+        // NOTE: Not using default editor gutter because folding for code works best right beside text.
+        import_react_ui_editor3.EditorView.theme({
+          ".cm-gutters": {
+            background: "var(--dx-baseSurface)"
+          }
+        }),
+        import_react_ui_editor3.InputModeExtensions[inputMode],
+        (0, import_react_ui_editor3.folding)(),
+        // Continues block comments when you hit Enter.
+        import_state.Prec.high(import_view.keymap.of(import_codemirror_continue.continueKeymap)),
+        // TODO(burdon): Factor out.
+        [
+          import_react_ui_editor3.editorMonospace,
+          (0, import_lang_javascript.javascript)({
+            typescript: true
+          }),
+          // https://github.com/val-town/codemirror-ts
+          (0, import_react_ui_editor3.autocomplete)({
+            override: env ? [
+              (0, import_codemirror_ts.tsAutocomplete)()
+            ] : []
+          }),
+          env ? [
+            import_codemirror_ts.tsFacet.of({
+              env,
+              path: `/src/${id}.ts`
+            }),
+            (0, import_codemirror_ts.tsSync)(),
+            (0, import_codemirror_ts.tsLinter)(),
+            (0, import_codemirror_ts.tsHover)({
+              renderTooltip: createTooltipRenderer(themeMode)
+            })
+          ] : []
+        ]
+      ].filter(import_util.isNonNullable),
+      selection,
+      scrollTo
+    }), [
+      id,
+      extensions,
+      themeMode,
+      inputMode,
+      selection,
+      scrollTo
+    ]);
+    return /* @__PURE__ */ import_react3.default.createElement("div", {
+      ref: parentRef,
+      "data-toolbar": toolbar ? "enabled" : "disabled",
+      className,
+      ...focusAttributes
+    });
+  } finally {
+    _effect.f();
+  }
+};
+var createTooltipRenderer = (themeMode) => {
+  const theme = themeMode === "dark" ? import_theme_one_dark.oneDarkHighlightStyle : import_language.defaultHighlightStyle;
+  const classFromKind = (_kind) => {
+    const kind = _kind.endsWith("Name") ? "name" : _kind;
+    const validTag = kind in import_highlight.tags;
+    if (!validTag) {
+      return "";
+    }
+    const tag = import_highlight.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
+    };
+  };
+};
+var ScriptContainer = ({ classNames, role, script, settings = {
+  editorInputMode: "vscode"
+}, env }) => {
+  var _effect = (0, import_tracking.useSignals)();
+  try {
+    const identity = (0, import_halo.useIdentity)();
+    const space = (0, import_echo.getSpace)(script);
+    const state = (0, import_chunk_NRZJV5SV.useToolbarState)();
+    (0, import_chunk_NRZJV5SV.useDeployState)({
+      state,
+      script
+    });
+    const extensions = (0, import_react.useMemo)(() => [
+      (0, import_react_ui_editor.listener)({
+        onChange: (text) => {
+          if (script.source.target && script.source.target.content !== text) {
+            script.changed = true;
+          }
+        }
+      }),
+      (0, import_react_ui_editor.createDataExtensions)({
+        id: script.id,
+        text: script.source.target && (0, import_echo.createDocAccessor)(script.source.target, [
+          "content"
+        ]),
+        space,
+        identity
+      })
+    ], [
+      identity,
+      space,
+      script,
+      script.source.target
+    ]);
+    return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
+      toolbar: true
+    }, /* @__PURE__ */ import_react.default.createElement(ScriptToolbar, {
+      state,
+      role,
+      script
+    }), /* @__PURE__ */ import_react.default.createElement(TypescriptEditor, {
+      id: script.id,
+      env,
+      initialValue: script.source?.target?.content,
+      extensions,
+      className: (0, import_react_ui_theme.mx)((0, import_react_ui_editor.stackItemContentEditorClassNames)(role)),
+      inputMode: settings.editorInputMode,
+      toolbar: true
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var ScriptContainer_default = ScriptContainer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScriptContainer
+});
+//# sourceMappingURL=ScriptContainer-56SH6R24.cjs.map

package/dist/lib/node/ScriptContainer-56SH6R24.cjs.map

@@ -0,0 +1,7 @@
+{
+  "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 { type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\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 = ThemedClassName<\n  {\n    role?: string;\n    script: ScriptType;\n    settings?: ScriptSettingsProps;\n  } & Pick<TypescriptEditorProps, 'env'>\n>;\n\nexport const ScriptContainer = ({\n  classNames,\n  role,\n  script,\n  settings = { editorInputMode: 'vscode' },\n  env,\n}: 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      listener({\n        onChange: (text) => {\n          if (script.source.target && script.source.target.content !== text) {\n            script.changed = true;\n          }\n        },\n      }),\n      createDataExtensions({\n        id: script.id,\n        text: script.source.target && createDocAccessor(script.source.target, ['content']),\n        space,\n        identity,\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        className={mx(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 { stackItemContentToolbarClassNames } from '@dxos/react-ui-editor';\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\nexport type ScriptToolbarProps = ThemedClassName<{\n  role?: string;\n  script: ScriptType;\n  state: ScriptToolbarState;\n}>;\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 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    <div role='none' className={stackItemContentToolbarClassNames(role)}>\n      <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n        <MenuProvider {...menu} attendableId={fullyQualifiedId(script)}>\n          <ToolbarMenu classNames={classNames} />\n        </MenuProvider>\n      </ElevationProvider>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\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 ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  type EditorInputMode,\n  editorMonospace,\n  EditorView,\n  folding,\n  InputModeExtensions,\n  useTextEditor,\n  type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n  id: string;\n  inputMode?: EditorInputMode;\n  env?: VirtualTypeScriptEnvironment;\n  toolbar?: boolean;\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  toolbar,\n  inputMode = 'vscode',\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        }),\n        // NOTE: Not using default editor gutter because folding for code works best right beside text.\n        EditorView.theme({\n          '.cm-gutters': {\n            background: 'var(--dx-baseSurface)',\n          },\n        }),\n        InputModeExtensions[inputMode],\n        folding(),\n        // Continues block comments when you hit Enter.\n        Prec.high(keymap.of(continueKeymap)),\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\n            ? [\n                tsFacet.of({ env, path: `/src/${id}.ts` }),\n                tsSync(),\n                tsLinter(),\n                tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n              ]\n            : [],\n        ],\n      ].filter(isNonNullable),\n      selection,\n      scrollTo,\n    }),\n    [id, extensions, themeMode, inputMode, selection, scrollTo],\n  );\n\n  return (\n    <div ref={parentRef} data-toolbar={toolbar ? 'enabled' : 'disabled'} className={className} {...focusAttributes} />\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": ["import_react", "import_echo", "import_react_ui_editor", "import_react_ui", "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", "React", "div", "className", "stackItemContentToolbarClassNames", "ElevationProvider", "elevation", "MenuProvider", "attendableId", "fullyQualifiedId", "ToolbarMenu", "TypescriptEditor", "id", "env", "initialValue", "extensions", "scrollTo", "selection", "toolbar", "inputMode", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "EditorView", "theme", "background", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "ref", "data-toolbar", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "settings", "editorInputMode", "identity", "useIdentity", "space", "getSpace", "useToolbarState", "useDeployState", "listener", "onChange", "source", "target", "content", "changed", "createDataExtensions", "createDocAccessor", "StackItem", "Content", "mx", "stackItemContentEditorClassNames"]
+}

package/dist/lib/node/{app-graph-builder-6I2BWD46.cjs → app-graph-builder-YE4OM4OC.cjs}

@@ -16,12 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var app_graph_builder_6I2BWD46_exports = {};
-__export(app_graph_builder_6I2BWD46_exports, {
+var app_graph_builder_YE4OM4OC_exports = {};
+__export(app_graph_builder_YE4OM4OC_exports, {
   default: () => app_graph_builder_default
 });
-module.exports = __toCommonJS(app_graph_builder_6I2BWD46_exports);
-var import_chunk_YJQZHKKA = require("./chunk-YJQZHKKA.cjs");
+module.exports = __toCommonJS(app_graph_builder_YE4OM4OC_exports);
+var import_chunk_QG2X6J74 = require("./chunk-QG2X6J74.cjs");
+var import_rx_react = require("@effect-rx/rx-react");
+var import_effect = require("effect");
 var import_app_framework = require("@dxos/app-framework");
 var import_echo_schema = require("@dxos/echo-schema");
 var import_functions = require("@dxos/functions");
@@ -29,12 +31,11 @@ var import_types = require("@dxos/plugin-deck/types");
 var import_plugin_graph = require("@dxos/plugin-graph");
 var app_graph_builder_default = (context) => (0, import_app_framework.contributes)(import_app_framework.Capabilities.AppGraphBuilder, [
   (0, import_plugin_graph.createExtension)({
-    id: `${import_chunk_YJQZHKKA.meta.id}/execute`,
-    filter: (node) => (0, import_echo_schema.isInstanceOf)(import_functions.ScriptType, node.data),
-    connector: ({ node }) => [
+    id: `${import_chunk_QG2X6J74.meta.id}/execute`,
+    connector: (node) => import_rx_react.Rx.make((get) => (0, import_effect.pipe)(get(node), import_effect.Option.flatMap((node2) => (0, import_echo_schema.isInstanceOf)(import_functions.ScriptType, node2.data) ? import_effect.Option.some(node2) : import_effect.Option.none()), import_effect.Option.map((node2) => [
       {
         id: [
-          node.id,
+          node2.id,
           "execute"
         ].join(import_types.ATTENDABLE_PATH_SEPARATOR),
         type: import_types.PLANK_COMPANION_TYPE,
@@ -43,22 +44,21 @@ var app_graph_builder_default = (context) => (0, import_app_framework.contribute
           label: [
             "script test label",
             {
-              ns: import_chunk_YJQZHKKA.meta.id
+              ns: import_chunk_QG2X6J74.meta.id
             }
           ],
           icon: "ph--terminal--regular",
           disposition: "hidden"
         }
       }
-    ]
+    ]), import_effect.Option.getOrElse(() => [])))
   }),
   (0, import_plugin_graph.createExtension)({
-    id: `${import_chunk_YJQZHKKA.meta.id}/logs`,
-    filter: (node) => (0, import_echo_schema.isInstanceOf)(import_functions.ScriptType, node.data),
-    connector: ({ node }) => [
+    id: `${import_chunk_QG2X6J74.meta.id}/logs`,
+    connector: (node) => import_rx_react.Rx.make((get) => (0, import_effect.pipe)(get(node), import_effect.Option.flatMap((node2) => (0, import_echo_schema.isInstanceOf)(import_functions.ScriptType, node2.data) ? import_effect.Option.some(node2) : import_effect.Option.none()), import_effect.Option.map((node2) => [
       {
         id: [
-          node.id,
+          node2.id,
           "logs"
         ].join(import_types.ATTENDABLE_PATH_SEPARATOR),
         type: import_types.PLANK_COMPANION_TYPE,
@@ -67,14 +67,14 @@ var app_graph_builder_default = (context) => (0, import_app_framework.contribute
           label: [
             "script logs label",
             {
-              ns: import_chunk_YJQZHKKA.meta.id
+              ns: import_chunk_QG2X6J74.meta.id
             }
           ],
           icon: "ph--clock-countdown--regular",
           disposition: "hidden"
         }
       }
-    ]
+    ]), import_effect.Option.getOrElse(() => [])))
   })
 ]);
-//# sourceMappingURL=app-graph-builder-6I2BWD46.cjs.map
+//# sourceMappingURL=app-graph-builder-YE4OM4OC.cjs.map

package/dist/lib/node/app-graph-builder-YE4OM4OC.cjs.map

@@ -0,0 +1,7 @@
+{
+  "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 { isInstanceOf } from '@dxos/echo-schema';\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) => (isInstanceOf(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) => (isInstanceOf(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,sBAAmB;AACnB,oBAA6B;AAE7B,2BAA8D;AAC9D,yBAA6B;AAC7B,uBAA2B;AAC3B,mBAAgE;AAChE,0BAAgC;AAIhC,IAAA,4BAAe,CAACA,gBACdC,kCAAYC,kCAAaC,iBAAiB;MACxCC,qCAAgB;IACdC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,mBAAGC,KAAK,CAACC,YACPC,oBACED,IAAIH,IAAAA,GACJK,qBAAOC,QAAQ,CAACN,cAAUO,iCAAaC,6BAAYR,MAAKS,IAAI,IAAIJ,qBAAOK,KAAKV,KAAAA,IAAQK,qBAAOM,KAAI,CAAA,GAC/FN,qBAAOO,IAAI,CAACZ,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAWgB,KAAKC,sCAAAA;QAC9BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAIrB,2BAAKD;YAAG;;UAC3CuB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDhB,qBAAOiB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;MACA1B,qCAAgB;IACdC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,mBAAGC,KAAK,CAACC,YACPC,oBACED,IAAIH,IAAAA,GACJK,qBAAOC,QAAQ,CAACN,cAAUO,iCAAaC,6BAAYR,MAAKS,IAAI,IAAIJ,qBAAOK,KAAKV,KAAAA,IAAQK,qBAAOM,KAAI,CAAA,GAC/FN,qBAAOO,IAAI,CAACZ,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAQgB,KAAKC,sCAAAA;QAC3BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAIrB,2BAAKD;YAAG;;UAC3CuB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDhB,qBAAOiB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;CACD;",
+  "names": ["context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "connector", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "isInstanceOf", "ScriptType", "data", "some", "none", "map", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition", "getOrElse"]
+}