@dxos/plugin-script 0.8.4-main.e098934 → 0.8.4-main.e8ec1fe

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

@@ -1,265 +0,0 @@
-import {
-  createDeploy,
-  createFormat,
-  createTemplateSelect,
-  useDeployDeps,
-  useDeployState,
-  useToolbarState
-} from "./chunk-6CAH7VIE.mjs";
-import "./chunk-RNGIQIEJ.mjs";
-import "./chunk-NXKU3BNX.mjs";
-import "./chunk-IS4OG2UW.mjs";
-import {
-  SCRIPT_PLUGIN
-} from "./chunk-QYAREHGH.mjs";
-
-// 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";
-
-// 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 { MenuProvider, ToolbarMenu, createGapSeparator, rxFromSignal, useMenuActions } from "@dxos/react-ui-menu";
-var createToolbarActions = ({ 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(() => createToolbarActions({
-      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();
-  }
-};
-
-// src/components/TypescriptEditor/TypescriptEditor.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
-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 { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";
-import React2 from "react";
-import { useThemeContext } from "@dxos/react-ui";
-import { InputModeExtensions, 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,
-          search: 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
-        keymap.of(completionKeymap),
-        autocompletion({
-          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
-    };
-  };
-};
-
-// 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-DNNA6XC6.mjs.map

package/dist/lib/browser/ScriptContainer-DNNA6XC6.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 } from '@dxos/react-ui-stack';\n\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\n\nexport type ScriptEditorProps = {\n  role: string;\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, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport {\n  type ActionGraphProps,\n  MenuProvider,\n  ToolbarMenu,\n  createGapSeparator,\n  rxFromSignal,\n  useMenuActions,\n} 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 createToolbarActions = ({ state, script, ...options }: CreateDeployOptions): Rx.Rx<ActionGraphProps> =>\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(\n    () => createToolbarActions({ state, script, t, ...options }),\n    [state, script, options, t],\n  );\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 { autocompletion, completionKeymap } from '@codemirror/autocomplete';\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 { type HoverInfo, tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemeMode, type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n  type EditorInputMode,\n  InputModeExtensions,\n  type UseTextEditorProps,\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          search: 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        keymap.of(completionKeymap),\n        autocompletion({ 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", "MenuProvider", "ToolbarMenu", "createGapSeparator", "rxFromSignal", "useMenuActions", "createToolbarActions", "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", "autocompletion", "completionKeymap", "javascript", "defaultHighlightStyle", "lintKeymap", "Prec", "oneDarkHighlightStyle", "keymap", "tags", "continueKeymap", "tsAutocomplete", "tsFacet", "tsHover", "tsLinter", "tsSync", "React", "useThemeContext", "InputModeExtensions", "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", "search", "createThemeExtensions", "syntaxHighlighting", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "javascript", "typescript", "completionKeymap", "autocompletion", "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-IABOSTBK.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, type PluginContext, contributes } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { ScriptType } from '@dxos/functions';\nimport { ATTENDABLE_PATH_SEPARATOR, PLANK_COMPANION_TYPE } 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,cAAkCC,mBAAmB;AAC9D,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,2BAA2BC,4BAA4B;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", "ATTENDABLE_PATH_SEPARATOR", "PLANK_COMPANION_TYPE", "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"]
-}

package/dist/lib/browser/chunk-6CAH7VIE.mjs

@@ -1,283 +0,0 @@
-import {
-  templates
-} from "./chunk-RNGIQIEJ.mjs";
-import {
-  deployScript,
-  getFunctionUrl,
-  isScriptDeployed
-} from "./chunk-NXKU3BNX.mjs";
-import {
-  SCRIPT_PLUGIN
-} from "./chunk-QYAREHGH.mjs";
-
-// src/hooks/deploy.ts
-import { useEffect, useMemo } from "react";
-import { FunctionType, getUserFunctionIdInMetadata } from "@dxos/functions";
-import { log } from "@dxos/log";
-import { useClient } from "@dxos/react-client";
-import { Query, Ref, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
-import { createMenuAction } from "@dxos/react-ui-menu";
-import { errorMessageColors } from "@dxos/react-ui-theme";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/hooks/deploy.ts";
-var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t }) => {
-  const errorItem = createMenuAction("error", () => {
-  }, {
-    label: state.error ?? [
-      "no error label",
-      {
-        ns: SCRIPT_PLUGIN
-      }
-    ],
-    icon: "ph--warning-circle--regular",
-    hidden: !state.error,
-    classNames: state.error && errorMessageColors
-  });
-  const deployAction = createMenuAction("deploy", async () => {
-    if (!script.source || !space) {
-      return;
-    }
-    state.error = void 0;
-    state.deploying = true;
-    const result = await deployScript({
-      script,
-      client,
-      space,
-      fn,
-      existingFunctionId
-    });
-    if (!result.success) {
-      log.catch(result.error, void 0, {
-        F: __dxlog_file,
-        L: 59,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      state.error = t("upload failed label");
-    }
-    state.deploying = false;
-  }, {
-    type: "deploy",
-    label: [
-      state.deploying ? "pending label" : "deploy label",
-      {
-        ns: SCRIPT_PLUGIN
-      }
-    ],
-    icon: state.deploying ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
-    disabled: state.deploying,
-    classNames: state.deploying ? "[&_svg]:animate-spin" : ""
-  });
-  const copyAction = createMenuAction("copy", async () => {
-    if (!state.functionUrl) {
-      return;
-    }
-    await navigator.clipboard.writeText(state.functionUrl);
-  }, {
-    type: "copy",
-    label: [
-      "copy link label",
-      {
-        ns: SCRIPT_PLUGIN
-      }
-    ],
-    icon: "ph--link--regular",
-    disabled: !state.functionUrl
-  });
-  return {
-    nodes: [
-      errorItem,
-      deployAction,
-      copyAction
-    ],
-    edges: [
-      {
-        source: "root",
-        target: "error"
-      },
-      {
-        source: "root",
-        target: "deploy"
-      },
-      {
-        source: "root",
-        target: "copy"
-      }
-    ]
-  };
-};
-var useDeployState = ({ state, script }) => {
-  const { space, client, fn, existingFunctionId } = useDeployDeps({
-    script
-  });
-  useEffect(() => {
-    if (!existingFunctionId) {
-      return;
-    }
-    state.functionUrl = getFunctionUrl({
-      script,
-      fn,
-      edgeUrl: client.config.values.runtime?.services?.edge?.url ?? ""
-    });
-  }, [
-    existingFunctionId,
-    space,
-    fn,
-    script,
-    client.config.values.runtime?.services?.edge?.url
-  ]);
-  useEffect(() => {
-    state.deployed = isScriptDeployed({
-      script,
-      fn
-    });
-  }, [
-    script.changed,
-    existingFunctionId,
-    fn,
-    script
-  ]);
-};
-var useDeployDeps = ({ script }) => {
-  const space = getSpace(script);
-  const [fn] = useQuery(space, Query.type(FunctionType, {
-    source: Ref.make(script)
-  }));
-  const client = useClient();
-  const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [
-    fn
-  ]);
-  return {
-    space,
-    fn,
-    client,
-    existingFunctionId
-  };
-};
-
-// src/hooks/useToolbarState.ts
-import { useMemo as useMemo2 } from "react";
-import { live } from "@dxos/live-object";
-var useToolbarState = (initialState = {}) => {
-  return useMemo2(() => live(initialState), []);
-};
-
-// src/hooks/format.ts
-import { format } from "prettier";
-import prettierPluginEstree from "prettier/plugins/estree";
-import prettierPluginTypescript from "prettier/plugins/typescript";
-import { log as log2 } from "@dxos/log";
-import { createMenuAction as createMenuAction2 } from "@dxos/react-ui-menu";
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/hooks/format.ts";
-var createFormat = (script) => {
-  const formatAction = createMenuAction2("format", async () => {
-    if (!script.source) {
-      return;
-    }
-    try {
-      script.source.target.content = await format(script.source.target.content, {
-        parser: "typescript",
-        plugins: [
-          prettierPluginEstree,
-          prettierPluginTypescript
-        ],
-        semi: true,
-        singleQuote: true
-      });
-    } catch (err) {
-      log2.catch(err, void 0, {
-        F: __dxlog_file2,
-        L: 34,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-    }
-  }, {
-    label: [
-      "format label",
-      {
-        ns: SCRIPT_PLUGIN
-      }
-    ],
-    icon: "ph--magic-wand--regular"
-  });
-  return {
-    nodes: [
-      formatAction
-    ],
-    edges: [
-      {
-        source: "root",
-        target: "format"
-      }
-    ]
-  };
-};
-
-// src/hooks/template.ts
-import { Obj } from "@dxos/echo";
-import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions";
-import { createMenuAction as createMenuAction3, createMenuItemGroup } from "@dxos/react-ui-menu";
-var createTemplateSelectGroup = () => {
-  return createMenuItemGroup("template-select", {
-    label: [
-      "template select group label",
-      {
-        ns: SCRIPT_PLUGIN
-      }
-    ],
-    variant: "dropdownMenu"
-  });
-};
-var createTemplateSelectActions = (script) => {
-  return templates.map((template) => {
-    return createMenuAction3(`template--${template.id}`, () => {
-      script.name = template.name;
-      script.source.target.content = template.source;
-      const metaKeys = Obj.getMeta(script).keys;
-      const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);
-      if (oldPresetIndex >= 0) {
-        metaKeys.splice(oldPresetIndex, 1);
-      }
-      if (template.presetId) {
-        metaKeys.push({
-          source: FUNCTIONS_PRESET_META_KEY,
-          id: template.presetId
-        });
-      }
-    }, {
-      label: template.name,
-      value: template.id,
-      type: "template"
-    });
-  });
-};
-var createTemplateSelect = (script) => {
-  const templateSelectGroup = createTemplateSelectGroup();
-  const templateSelectActions = createTemplateSelectActions(script);
-  return {
-    nodes: [
-      templateSelectGroup,
-      ...templateSelectActions
-    ],
-    edges: [
-      {
-        source: "root",
-        target: "template-select"
-      },
-      ...templateSelectActions.map((action) => ({
-        source: "template-select",
-        target: action.id
-      }))
-    ]
-  };
-};
-
-export {
-  createDeploy,
-  useDeployState,
-  useDeployDeps,
-  createFormat,
-  createTemplateSelect,
-  useToolbarState
-};
-//# sourceMappingURL=chunk-6CAH7VIE.mjs.map

package/dist/lib/browser/chunk-6CAH7VIE.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/deploy.ts", "../../../src/hooks/useToolbarState.ts", "../../../src/hooks/format.ts", "../../../src/hooks/template.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useMemo } from 'react';\n\nimport { FunctionType, type ScriptType, getUserFunctionIdInMetadata } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { Query, Ref, type Space, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { type TFunction } from '@dxos/react-ui';\nimport { createMenuAction } from '@dxos/react-ui-menu';\nimport { errorMessageColors } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { deployScript, getFunctionUrl, isScriptDeployed } from '../util';\n\nexport type DeployActionProperties = { type: 'deploy' } | { type: 'copy' };\n\nexport type DeployState = {\n  deploying: boolean;\n  deployed: boolean;\n  functionUrl: string;\n  error: string;\n};\n\nexport type CreateDeployOptions = {\n  state: Partial<DeployState>;\n  script: ScriptType;\n  fn: FunctionType;\n  space?: Space;\n  existingFunctionId?: string;\n  client: Client;\n  t: TFunction;\n};\n\nexport const createDeploy = ({ state, script, space, fn, client, existingFunctionId, t }: CreateDeployOptions) => {\n  // TODO(wittjosiah): Should this be an action?\n  const errorItem = createMenuAction('error', () => {}, {\n    label: state.error ?? ['no error label', { ns: SCRIPT_PLUGIN }],\n    icon: 'ph--warning-circle--regular',\n    hidden: !state.error,\n    classNames: state.error && errorMessageColors,\n  });\n\n  const deployAction = createMenuAction<DeployActionProperties>(\n    'deploy',\n    async () => {\n      if (!script.source || !space) {\n        return;\n      }\n\n      state.error = undefined;\n      state.deploying = true;\n\n      const result = await deployScript({ script, client, space, fn, existingFunctionId });\n\n      if (!result.success) {\n        log.catch(result.error);\n        state.error = t('upload failed label');\n      }\n\n      state.deploying = false;\n    },\n    {\n      type: 'deploy',\n      label: [state.deploying ? 'pending label' : 'deploy label', { ns: SCRIPT_PLUGIN }],\n      icon: state.deploying ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular',\n      disabled: state.deploying,\n      classNames: state.deploying ? '[&_svg]:animate-spin' : '',\n    },\n  );\n\n  const copyAction = createMenuAction<DeployActionProperties>(\n    'copy',\n    async () => {\n      if (!state.functionUrl) {\n        return;\n      }\n      await navigator.clipboard.writeText(state.functionUrl);\n    },\n    {\n      type: 'copy',\n      label: ['copy link label', { ns: SCRIPT_PLUGIN }],\n      icon: 'ph--link--regular',\n      disabled: !state.functionUrl,\n    },\n  );\n\n  return {\n    nodes: [errorItem, deployAction, copyAction],\n    edges: [\n      { source: 'root', target: 'error' },\n      { source: 'root', target: 'deploy' },\n      { source: 'root', target: 'copy' },\n    ],\n  };\n};\n\nexport const useDeployState = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n  const { space, client, fn, existingFunctionId } = useDeployDeps({ script });\n  useEffect(() => {\n    if (!existingFunctionId) {\n      return;\n    }\n\n    state.functionUrl = getFunctionUrl({\n      script,\n      fn,\n      edgeUrl: client.config.values.runtime?.services?.edge?.url ?? '',\n    });\n  }, [existingFunctionId, space, fn, script, client.config.values.runtime?.services?.edge?.url]);\n\n  useEffect(() => {\n    state.deployed = isScriptDeployed({ script, fn });\n  }, [script.changed, existingFunctionId, fn, script]);\n};\n\nexport const useDeployDeps = ({ script }: { script: ScriptType }) => {\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Query.type(FunctionType, { source: Ref.make(script) }));\n  const client = useClient();\n  const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [fn]);\n  return { space, fn, client, existingFunctionId };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { live } from '@dxos/live-object';\n\nimport { type DeployState } from './deploy';\n\nexport type ScriptToolbarState = Partial<DeployState>;\n\n// TODO(burdon): Replace with context provider?\nexport const useToolbarState = (initialState: ScriptToolbarState = {}) => {\n  return useMemo(() => live<ScriptToolbarState>(initialState), []);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type FormatActionProperties = { type: 'format' };\n\nexport const createFormat = (script: ScriptType) => {\n  const formatAction = createMenuAction(\n    'format',\n    async () => {\n      if (!script.source) {\n        return;\n      }\n\n      try {\n        script.source.target!.content = await format(script.source.target!.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    },\n    {\n      label: ['format label', { ns: SCRIPT_PLUGIN }],\n      icon: 'ph--magic-wand--regular',\n    },\n  );\n\n  return {\n    nodes: [formatAction],\n    edges: [\n      {\n        source: 'root',\n        target: 'format',\n      },\n    ],\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Obj } from '@dxos/echo';\nimport { FUNCTIONS_PRESET_META_KEY, type ScriptType } from '@dxos/functions';\nimport { createMenuAction, createMenuItemGroup } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\n\nexport type TemplateActionProperties = { type: 'template'; value: string };\n\nconst createTemplateSelectGroup = () => {\n  return createMenuItemGroup('template-select', {\n    label: ['template select group label', { ns: SCRIPT_PLUGIN }],\n    variant: 'dropdownMenu',\n  });\n};\n\nconst createTemplateSelectActions = (script: ScriptType) => {\n  return templates.map((template) => {\n    return createMenuAction<TemplateActionProperties>(\n      `template--${template.id}`,\n      () => {\n        script.name = template.name;\n        script.source!.target!.content = template.source;\n        const metaKeys = Obj.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        label: template.name,\n        value: template.id,\n        type: 'template',\n      },\n    );\n  });\n};\n\nexport const createTemplateSelect = (script: ScriptType) => {\n  const templateSelectGroup = createTemplateSelectGroup();\n  const templateSelectActions = createTemplateSelectActions(script);\n  return {\n    nodes: [templateSelectGroup, ...templateSelectActions],\n    edges: [\n      { source: 'root', target: 'template-select' },\n      ...templateSelectActions.map((action) => ({ source: 'template-select', target: action.id })),\n    ],\n  };\n};\n"],
-  "mappings": "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",
-  "names": ["useEffect", "useMemo", "FunctionType", "getUserFunctionIdInMetadata", "log", "useClient", "Query", "Ref", "getMeta", "getSpace", "useQuery", "createMenuAction", "errorMessageColors", "createDeploy", "state", "script", "space", "fn", "client", "existingFunctionId", "t", "errorItem", "createMenuAction", "label", "error", "ns", "SCRIPT_PLUGIN", "icon", "hidden", "classNames", "errorMessageColors", "deployAction", "source", "undefined", "deploying", "result", "deployScript", "success", "log", "catch", "type", "disabled", "copyAction", "functionUrl", "navigator", "clipboard", "writeText", "nodes", "edges", "target", "useDeployState", "useDeployDeps", "useEffect", "getFunctionUrl", "edgeUrl", "config", "values", "runtime", "services", "edge", "url", "deployed", "isScriptDeployed", "changed", "getSpace", "useQuery", "Query", "FunctionType", "Ref", "make", "useClient", "useMemo", "getUserFunctionIdInMetadata", "getMeta", "useMemo", "live", "useToolbarState", "initialState", "useMemo", "live", "format", "prettierPluginEstree", "prettierPluginTypescript", "log", "createMenuAction", "createFormat", "script", "formatAction", "createMenuAction", "source", "target", "content", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "label", "ns", "SCRIPT_PLUGIN", "icon", "nodes", "edges", "Obj", "FUNCTIONS_PRESET_META_KEY", "createMenuAction", "createMenuItemGroup", "createTemplateSelectGroup", "createMenuItemGroup", "label", "ns", "SCRIPT_PLUGIN", "variant", "createTemplateSelectActions", "script", "templates", "map", "template", "createMenuAction", "id", "name", "source", "target", "content", "metaKeys", "Obj", "getMeta", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "value", "type", "createTemplateSelect", "templateSelectGroup", "templateSelectActions", "nodes", "edges", "action"]
-}