@dxos/plugin-automation 0.8.2-main.f11618f → 0.8.2-staging.42af850

package/src/components/TriggerEditor/TriggerEditor.tsx

@@ -1,23 +1,23 @@
 //
-// Copyright 2024 DXOS.org
+// Copyright 2025 DXOS.org
 //
 
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useMemo } from 'react';
 
 import { ComputeGraph } from '@dxos/conductor';
+import { Type } from '@dxos/echo';
 import {
   FunctionType,
   FunctionTriggerSchema,
   type FunctionTriggerType,
   type FunctionTrigger,
   ScriptType,
-  TriggerKind,
-} from '@dxos/functions/types';
-import { Filter, useQuery, type Space } from '@dxos/react-client/echo';
-import { IconButton, Input, useTranslation } from '@dxos/react-ui';
-import { type CustomInputMap, Form, type InputProps, SelectInput, TextInput, useInputProps } from '@dxos/react-ui-form';
+} from '@dxos/functions';
+import { Filter, Ref, useQuery, type Space } from '@dxos/react-client/echo';
+import { type CustomInputMap, Form, SelectInput, useRefQueryLookupHandler } from '@dxos/react-ui-form';
 
-import { AUTOMATION_PLUGIN } from '../../meta';
+import { FunctionInputEditor, type FunctionInputEditorProps } from './FunctionInputEditor';
+import { SpecSelector } from './SpecSelector';
 
 export type TriggerEditorProps = {
   space: Space;
@@ -26,119 +26,81 @@ export type TriggerEditorProps = {
   onCancel?: () => void;
 };
 
-const PayloadInput = (props: InputProps & { property: string }) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  // TODO(dmaretskyi): Prop name (`meta`) should be passed in.
-  const inputProps = useInputProps(['meta', props.property]);
-  return (
-    <div role='none' className='flex items-center mt-2 gap-1'>
-      <div role='none' className='flex-1'>
-        <TextInput {...inputProps} type='string' label={props.property} />
-      </div>
-      <IconButton
-        icon='ph--trash--regular'
-        iconOnly
-        classNames={'mt-6'}
-        label={t('trigger meta remove')}
-        onClick={() => {
-          const newValues: any = { ...props.getValue() };
-          delete newValues[props.property];
-          props.onValueChange('object', newValues);
-        }}
-      />
-    </div>
-  );
-};
-
 export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-
-  const functions = useQuery(space, Filter.schema(FunctionType));
-  const workflows = useQuery(space, Filter.schema(ComputeGraph));
-  const scripts = useQuery(space, Filter.schema(ScriptType));
-
   const handleSave = (values: FunctionTriggerType) => {
     onSave?.(values);
   };
 
-  const Custom = useMemo(
-    (): CustomInputMap => ({
-      ['function' satisfies keyof FunctionTriggerType]: (props) => (
-        <SelectInput
-          {...props}
-          options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
-        />
-      ),
-      ['spec.type' as const]: (props) => (
-        <SelectInput
-          {...props}
-          options={Object.values(TriggerKind).map((kind) => ({
-            value: kind,
-            label: t(`trigger type ${kind}`),
-          }))}
-        />
-      ),
-      // TODO(wittjosiah): Form should be able to handle arbitrary records by default.
-      ['meta' as const]: (props) => {
-        const payload = props.getValue() ?? {};
-        useEffect(() => props.onValueChange('object', { ...payload }), []);
-        const [newPayloadFieldName, setNewPayloadFieldName] = useState('');
-
-        const handleAddPayload = useCallback(() => {
-          if (newPayloadFieldName.length) {
-            const payload = props.getValue() ?? {};
-            const payloadWithNewProp = { ...payload, [newPayloadFieldName]: '' };
-            setNewPayloadFieldName('');
-            props.onValueChange('object', payloadWithNewProp);
-          }
-        }, [newPayloadFieldName, props.getValue, props.onValueChange]);
-
-        return (
-          <>
-            <div>{/* TODO(wittjosiah): props.label */ 'Payload'}</div>
-            {[...Object.keys(payload)].map((key) => (
-              <PayloadInput key={key} property={key} {...props} />
-            ))}
-            <div role='none' className='flex items-center mt-2 gap-1 plb-1'>
-              <div role='none' className='flex-1'>
-                <Input.Root>
-                  <Input.TextInput
-                    placeholder={t('trigger payload prop name placeholder')}
-                    value={newPayloadFieldName}
-                    onChange={(event) => setNewPayloadFieldName(event.target.value)}
-                  />
-                </Input.Root>
-              </div>
-              <IconButton
-                icon='ph--plus--regular'
-                iconOnly
-                label={t('trigger payload add')}
-                onClick={handleAddPayload}
-              />
-            </div>
-          </>
-        );
-      },
-    }),
-    [workflows, scripts, functions, t],
-  );
+  const handleRefQueryLookup = useRefQueryLookupHandler({ space });
+  const Custom = useCustomInputs(space, handleRefQueryLookup);
 
   return (
-    <Form<FunctionTriggerType>
+    <Form
+      Custom={Custom}
       schema={FunctionTriggerSchema}
       values={trigger}
       onSave={handleSave}
       onCancel={onCancel}
-      Custom={Custom}
+      onQueryRefOptions={handleRefQueryLookup}
     />
   );
 };
 
+const useCustomInputs = (space: Space, onQueryRefOptions: FunctionInputEditorProps['onQueryRefOptions']) => {
+  const functions = useQuery(space, Filter.type(FunctionType));
+  const workflows = useQuery(space, Filter.type(ComputeGraph));
+  const scripts = useQuery(space, Filter.type(ScriptType));
+
+  return useMemo(
+    (): CustomInputMap => ({
+      // Function selector.
+      ['function' satisfies keyof FunctionTriggerType]: (props) => {
+        const getValue = useCallback(() => {
+          const formValue = props.getValue();
+          if (Ref.isRef(formValue)) {
+            return formValue.dxn.toString() as string;
+          }
+          return undefined;
+        }, [props]);
+
+        const handleOnValueChange = useCallback(
+          (_type: any, dxnString: string) => {
+            const dxn = Type.DXN.parse(dxnString);
+            if (dxn) {
+              const ref = Ref.fromDXN(dxn);
+              props.onValueChange('object', ref);
+            }
+          },
+          [props.onValueChange],
+        );
+
+        return (
+          <SelectInput
+            {...props}
+            getValue={getValue as any}
+            onValueChange={handleOnValueChange}
+            options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
+          />
+        );
+      },
+
+      // Spec selector.
+      ['spec.kind' as const]: SpecSelector,
+
+      // Function input editor.
+      ['input' as const]: (props) => (
+        <FunctionInputEditor {...props} functions={functions} onQueryRefOptions={onQueryRefOptions} />
+      ),
+    }),
+    [workflows, scripts, functions],
+  );
+};
+
 const getWorkflowOptions = (graphs: ComputeGraph[]) => {
   return graphs.map((graph) => ({ label: `compute-${graph.id}`, value: `dxn:echo:@:${graph.id}` }));
 };
 
 const getFunctionOptions = (scripts: ScriptType[], functions: FunctionType[]) => {
   const getLabel = (fn: FunctionType) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
-  return functions.map((fn) => ({ label: getLabel(fn), value: `dxn:worker:${fn.name}` }));
+  return functions.map((fn) => ({ label: getLabel(fn), value: `dxn:echo:@:${fn.id}` }));
 };

package/src/meta.ts

@@ -12,5 +12,5 @@ export const meta: PluginMeta = {
   description:
     'The Automation tab allows you to trigger pre-defined workflows related to the element you are interacting with inside of Composer.',
   icon: 'ph--robot--regular',
-  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-automation',
+  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-automation',
 };

package/src/testing/test-functions.ts

@@ -2,16 +2,19 @@
 // Copyright 2024 DXOS.org
 //
 
-import { AST, S, toJsonSchema } from '@dxos/echo-schema';
+import { Schema } from 'effect';
+
+import { ContactType } from '@dxos/client/testing';
+import { Ref, toJsonSchema } from '@dxos/echo-schema';
 
 export const functions = [
   {
     name: 'example.com/function/chess',
     version: '0.1.0',
     inputSchema: toJsonSchema(
-      S.Struct({
-        level: S.Number.annotations({
-          [AST.TitleAnnotationId]: 'Level',
+      Schema.Struct({
+        level: Schema.Number.annotations({
+          title: 'Level',
         }),
       }),
     ),
@@ -21,12 +24,23 @@ export const functions = [
     version: '0.1.0',
     binding: 'FOREX',
     inputSchema: toJsonSchema(
-      S.Struct({
-        from: S.String.annotations({
-          [AST.TitleAnnotationId]: 'Currency from',
+      Schema.Struct({
+        from: Schema.String.annotations({
+          title: 'Currency from',
+        }),
+        to: Schema.String.annotations({
+          title: 'Currency to',
         }),
-        to: S.String.annotations({
-          [AST.TitleAnnotationId]: 'Currency to',
+      }),
+    ),
+  },
+  {
+    name: 'example.com/function/ping-contact',
+    version: '0.0.1',
+    inputSchema: toJsonSchema(
+      Schema.Struct({
+        contact: Ref(ContactType).annotations({
+          title: 'Contact',
         }),
       }),
     ),

package/src/types.ts

@@ -2,31 +2,32 @@
 // Copyright 2025 DXOS.org
 //
 
-import { S } from '@dxos/echo-schema';
+import { Schema } from 'effect';
+
 import { SpaceSchema } from '@dxos/react-client/echo';
 
 import { AUTOMATION_PLUGIN } from './meta';
 
-const TriggerTemplate = S.Union(
-  S.Struct({ type: S.Literal('timer'), cron: S.String }),
-  S.Struct({ type: S.Literal('queue'), queueDXN: S.Any }),
+const TriggerTemplate = Schema.Union(
+  Schema.Struct({ type: Schema.Literal('timer'), cron: Schema.String }),
+  Schema.Struct({ type: Schema.Literal('queue'), queueDXN: Schema.Any }),
 );
 
 export namespace AutomationAction {
   const AUTOMATION_ACTION = `${AUTOMATION_PLUGIN}/action`;
 
-  export class CreateTriggerFromTemplate extends S.TaggedClass<CreateTriggerFromTemplate>()(
+  export class CreateTriggerFromTemplate extends Schema.TaggedClass<CreateTriggerFromTemplate>()(
     `${AUTOMATION_ACTION}/create-trigger-from-template`,
     {
-      input: S.Struct({
+      input: Schema.Struct({
         space: SpaceSchema,
         template: TriggerTemplate,
-        enabled: S.optional(S.Boolean),
+        enabled: Schema.optional(Schema.Boolean),
         // TODO(wittjosiah): Improve how this lookup is done.
-        scriptName: S.optional(S.String),
-        payload: S.optional(S.Record({ key: S.String, value: S.Any })),
+        scriptName: Schema.optional(Schema.String),
+        input: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.Any })),
       }),
-      output: S.Void,
+      output: Schema.Void,
     },
   ) {}
 }

package/dist/lib/browser/AutomationContainer-KEQ5RNIW.mjs

@@ -1,34 +0,0 @@
-import {
-  AutomationPanel
-} from "./chunk-NGG4ICAQ.mjs";
-import "./chunk-FALBBJNO.mjs";
-import {
-  AUTOMATION_PLUGIN
-} from "./chunk-WKKQV4PC.mjs";
-
-// packages/plugins/plugin-automation/src/components/AutomationContainer.tsx
-import React from "react";
-import { useTranslation } from "@dxos/react-ui";
-import { ControlSection, ControlPage } from "@dxos/react-ui-form";
-import { StackItem } from "@dxos/react-ui-stack";
-var AutomationContainer = ({ space }) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  return /* @__PURE__ */ React.createElement(StackItem.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React.createElement(ControlPage, null, /* @__PURE__ */ React.createElement(ControlSection, {
-    title: t("automation verbose label", {
-      ns: AUTOMATION_PLUGIN
-    }),
-    description: t("automation description", {
-      ns: AUTOMATION_PLUGIN
-    })
-  }, /* @__PURE__ */ React.createElement(AutomationPanel, {
-    space
-  }))));
-};
-var AutomationContainer_default = AutomationContainer;
-export {
-  AutomationContainer,
-  AutomationContainer_default as default
-};
-//# sourceMappingURL=AutomationContainer-KEQ5RNIW.mjs.map

package/dist/lib/browser/AutomationPanel-G3OB6ELR.mjs

@@ -1,11 +0,0 @@
-import {
-  AutomationPanel,
-  AutomationPanel_default
-} from "./chunk-NGG4ICAQ.mjs";
-import "./chunk-FALBBJNO.mjs";
-import "./chunk-WKKQV4PC.mjs";
-export {
-  AutomationPanel,
-  AutomationPanel_default as default
-};
-//# sourceMappingURL=AutomationPanel-G3OB6ELR.mjs.map

package/dist/lib/browser/FunctionsContainer-STXBW4CX.mjs

@@ -1,33 +0,0 @@
-import {
-  FunctionsPanel
-} from "./chunk-65VL4EYS.mjs";
-import {
-  AUTOMATION_PLUGIN
-} from "./chunk-WKKQV4PC.mjs";
-
-// packages/plugins/plugin-automation/src/components/FunctionsContainer.tsx
-import React from "react";
-import { useTranslation } from "@dxos/react-ui";
-import { ControlPage, ControlSection } from "@dxos/react-ui-form";
-import { StackItem } from "@dxos/react-ui-stack";
-var FunctionsContainer = ({ space }) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  return /* @__PURE__ */ React.createElement(StackItem.Content, {
-    classNames: "block overflow-y-auto"
-  }, /* @__PURE__ */ React.createElement(ControlPage, null, /* @__PURE__ */ React.createElement(ControlSection, {
-    title: t("functions verbose label", {
-      ns: AUTOMATION_PLUGIN
-    }),
-    description: t("functions description", {
-      ns: AUTOMATION_PLUGIN
-    })
-  }, /* @__PURE__ */ React.createElement(FunctionsPanel, {
-    space
-  }))));
-};
-var FunctionsContainer_default = FunctionsContainer;
-export {
-  FunctionsContainer,
-  FunctionsContainer_default as default
-};
-//# sourceMappingURL=FunctionsContainer-STXBW4CX.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginsContext } 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, type Node } from '@dxos/plugin-graph';\nimport { SCRIPT_PLUGIN } from '@dxos/plugin-script/types';\nimport { SPACE_PLUGIN } from '@dxos/plugin-space';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginsContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/space-settings-automation`,\n      filter: (node): node is Node<null> => node.type === `${SPACE_PLUGIN}/settings`,\n      connector: ({ node }) => [\n        {\n          id: `automation-${node.id}`,\n          type: `${meta.id}/space-settings-automation`,\n          data: `${meta.id}/space-settings-automation`,\n          properties: {\n            label: ['automation panel label', { ns: meta.id }],\n            icon: 'ph--lightning--regular',\n          },\n        },\n      ],\n    }),\n    createExtension({\n      id: `${meta.id}/space-settings-functions`,\n      filter: (node): node is Node<null> => node.type === `${SPACE_PLUGIN}/settings`,\n      connector: ({ node }) => [\n        {\n          id: `functions-${node.id}`,\n          type: `${meta.id}/space-settings-functions`,\n          data: `${meta.id}/space-settings-functions`,\n          properties: {\n            label: ['functions panel label', { ns: meta.id }],\n            icon: 'ph--function--regular',\n          },\n        },\n      ],\n    }),\n    createExtension({\n      id: `${SCRIPT_PLUGIN}/script-companion`,\n      filter: (node): node is Node<ScriptType> => isInstanceOf(ScriptType, node.data),\n      connector: ({ node }) => [\n        {\n          id: [node.id, 'automation'].join(ATTENDABLE_PATH_SEPARATOR),\n          type: PLANK_COMPANION_TYPE,\n          data: 'automation',\n          properties: {\n            label: ['script automation label', { ns: meta.id }],\n            icon: 'ph--lightning--regular',\n          },\n        },\n      ],\n    }),\n  ]);\n"],
-  "mappings": ";;;;;AAIA,SAASA,cAAcC,mBAAwC;AAC/D,SAASC,oBAAoB;AAC7B,SAASC,kBAAkB;AAC3B,SAASC,sBAAsBC,iCAAiC;AAChE,SAASC,uBAAkC;AAC3C,SAASC,qBAAqB;AAC9B,SAASC,oBAAoB;AAI7B,IAAA,4BAAe,CAACC,YACdC,YAAYC,aAAaC,iBAAiB;EACxCC,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,QAAQ,CAACC,SAA6BA,KAAKC,SAAS,GAAGC,YAAAA;IACvDC,WAAW,CAAC,EAAEH,KAAI,MAAO;MACvB;QACEH,IAAI,cAAcG,KAAKH,EAAE;QACzBI,MAAM,GAAGH,KAAKD,EAAE;QAChBO,MAAM,GAAGN,KAAKD,EAAE;QAChBQ,YAAY;UACVC,OAAO;YAAC;YAA0B;cAAEC,IAAIT,KAAKD;YAAG;;UAChDW,MAAM;QACR;MACF;;EAEJ,CAAA;EACAZ,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,QAAQ,CAACC,SAA6BA,KAAKC,SAAS,GAAGC,YAAAA;IACvDC,WAAW,CAAC,EAAEH,KAAI,MAAO;MACvB;QACEH,IAAI,aAAaG,KAAKH,EAAE;QACxBI,MAAM,GAAGH,KAAKD,EAAE;QAChBO,MAAM,GAAGN,KAAKD,EAAE;QAChBQ,YAAY;UACVC,OAAO;YAAC;YAAyB;cAAEC,IAAIT,KAAKD;YAAG;;UAC/CW,MAAM;QACR;MACF;;EAEJ,CAAA;EACAZ,gBAAgB;IACdC,IAAI,GAAGY,aAAAA;IACPV,QAAQ,CAACC,SAAmCU,aAAaC,YAAYX,KAAKI,IAAI;IAC9ED,WAAW,CAAC,EAAEH,KAAI,MAAO;MACvB;QACEH,IAAI;UAACG,KAAKH;UAAI;UAAce,KAAKC,yBAAAA;QACjCZ,MAAMa;QACNV,MAAM;QACNC,YAAY;UACVC,OAAO;YAAC;YAA2B;cAAEC,IAAIT,KAAKD;YAAG;;UACjDW,MAAM;QACR;MACF;;EAEJ,CAAA;CACD;",
-  "names": ["Capabilities", "contributes", "isInstanceOf", "ScriptType", "PLANK_COMPANION_TYPE", "ATTENDABLE_PATH_SEPARATOR", "createExtension", "SCRIPT_PLUGIN", "SPACE_PLUGIN", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "filter", "node", "type", "SPACE_PLUGIN", "connector", "data", "properties", "label", "ns", "icon", "SCRIPT_PLUGIN", "isInstanceOf", "ScriptType", "join", "ATTENDABLE_PATH_SEPARATOR", "PLANK_COMPANION_TYPE"]
-}

package/dist/lib/browser/chunk-65VL4EYS.mjs

@@ -1,88 +0,0 @@
-import {
-  AUTOMATION_PLUGIN
-} from "./chunk-WKKQV4PC.mjs";
-
-// packages/plugins/plugin-automation/src/components/FunctionsPanel/FunctionsPanel.tsx
-import React, { useCallback, useMemo } from "react";
-import { createIntent, LayoutAction, useIntentDispatcher } from "@dxos/app-framework";
-import { S } from "@dxos/echo-schema";
-import { FunctionType, ScriptType } from "@dxos/functions/types";
-import { Filter, fullyQualifiedId, useQuery } from "@dxos/react-client/echo";
-import { Button, useTranslation } from "@dxos/react-ui";
-import { controlItemClasses } from "@dxos/react-ui-form";
-import { List } from "@dxos/react-ui-list";
-import { ghostHover, mx } from "@dxos/react-ui-theme";
-var grid = "grid grid-cols-[1fr_auto] min-bs-[2.5rem]";
-var FunctionsPanel = ({ space }) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  const functions = useQuery(space, Filter.schema(FunctionType));
-  const scripts = useQuery(space, Filter.schema(ScriptType));
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const functionToScriptMap = useMemo(() => functions.reduce((map, func) => {
-    const scriptId = func.source?.target?.id;
-    if (scriptId) {
-      const script = scripts.find((s) => s.id === scriptId);
-      if (script) {
-        map[func.id] = script;
-      }
-    }
-    return map;
-  }, {}), [
-    functions,
-    scripts
-  ]);
-  const getScriptName = useCallback((func) => {
-    const script = functionToScriptMap[func.id];
-    return script?.name;
-  }, [
-    functionToScriptMap
-  ]);
-  const handleGoToScript = useCallback((func) => {
-    const script = functionToScriptMap[func.id];
-    if (script) {
-      void dispatch(createIntent(LayoutAction.Open, {
-        part: "main",
-        subject: [
-          fullyQualifiedId(script)
-        ]
-      }));
-    }
-  }, [
-    functionToScriptMap,
-    dispatch
-  ]);
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: mx(controlItemClasses)
-  }, /* @__PURE__ */ React.createElement(List.Root, {
-    items: functions,
-    isItem: S.is(FunctionType),
-    getId: (func) => func.id
-  }, ({ items }) => /* @__PURE__ */ React.createElement("div", {
-    role: "list",
-    className: "flex flex-col w-full"
-  }, items?.map((func) => /* @__PURE__ */ React.createElement(List.Item, {
-    key: func.id,
-    item: func,
-    classNames: mx(grid, ghostHover, "items-center", "pli-2", "min-bs-[3rem]")
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col truncate"
-  }, /* @__PURE__ */ React.createElement(List.ItemTitle, {
-    classNames: "truncate"
-  }, func.name), getScriptName(func) && /* @__PURE__ */ React.createElement("div", {
-    className: "text-xs text-description truncate"
-  }, getScriptName(func))), functionToScriptMap[func.id] && /* @__PURE__ */ React.createElement(Button, {
-    onClick: () => handleGoToScript(func)
-  }, t("go to function source button label")))))), functions.length === 0 && /* @__PURE__ */ React.createElement("div", {
-    className: "text-center plb-4 text-gray-500"
-  }, t("no functions found")));
-};
-
-// packages/plugins/plugin-automation/src/components/FunctionsPanel/index.ts
-var FunctionsPanel_default = FunctionsPanel;
-
-export {
-  FunctionsPanel,
-  FunctionsPanel_default
-};
-//# sourceMappingURL=chunk-65VL4EYS.mjs.map

package/dist/lib/browser/chunk-65VL4EYS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/FunctionsPanel/FunctionsPanel.tsx", "../../../src/components/FunctionsPanel/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { FunctionType, ScriptType } from '@dxos/functions/types';\nimport { Filter, fullyQualifiedId, useQuery, type Space } from '@dxos/react-client/echo';\nimport { Button, useTranslation } from '@dxos/react-ui';\nimport { controlItemClasses } from '@dxos/react-ui-form';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nconst grid = 'grid grid-cols-[1fr_auto] min-bs-[2.5rem]';\n\nexport type FunctionsPanelProps = {\n  space: Space;\n};\n\nexport const FunctionsPanel = ({ space }: FunctionsPanelProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const functions = useQuery(space, Filter.schema(FunctionType));\n  const scripts = useQuery(space, Filter.schema(ScriptType));\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const functionToScriptMap = useMemo(\n    () =>\n      functions.reduce(\n        (map, func) => {\n          const scriptId = func.source?.target?.id;\n          if (scriptId) {\n            const script = scripts.find((s) => s.id === scriptId);\n            if (script) {\n              map[func.id] = script;\n            }\n          }\n          return map;\n        },\n        {} as Record<string, ScriptType>,\n      ),\n    [functions, scripts],\n  );\n\n  const getScriptName = useCallback(\n    (func: FunctionType) => {\n      const script = functionToScriptMap[func.id];\n      return script?.name;\n    },\n    [functionToScriptMap],\n  );\n\n  const handleGoToScript = useCallback(\n    (func: FunctionType) => {\n      const script = functionToScriptMap[func.id];\n      if (script) {\n        void dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [fullyQualifiedId(script)] }));\n      }\n    },\n    [functionToScriptMap, dispatch],\n  );\n\n  return (\n    <div role='none' className={mx(controlItemClasses)}>\n      <List.Root<FunctionType> items={functions} isItem={S.is(FunctionType)} getId={(func) => func.id}>\n        {({ items }) => (\n          <div role='list' className='flex flex-col w-full'>\n            {items?.map((func) => (\n              <List.Item<FunctionType>\n                key={func.id}\n                item={func}\n                classNames={mx(grid, ghostHover, 'items-center', 'pli-2', 'min-bs-[3rem]')}\n              >\n                <div className='flex flex-col truncate'>\n                  <List.ItemTitle classNames='truncate'>{func.name}</List.ItemTitle>\n                  {getScriptName(func) && (\n                    <div className='text-xs text-description truncate'>{getScriptName(func)}</div>\n                  )}\n                </div>\n                {functionToScriptMap[func.id] && (\n                  <Button onClick={() => handleGoToScript(func)}>{t('go to function source button label')}</Button>\n                )}\n              </List.Item>\n            ))}\n          </div>\n        )}\n      </List.Root>\n\n      {functions.length === 0 && <div className='text-center plb-4 text-gray-500'>{t('no functions found')}</div>}\n    </div>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { FunctionsPanel } from './FunctionsPanel';\n\nexport * from './FunctionsPanel';\nexport default FunctionsPanel;\n"],
-  "mappings": ";;;;;AAIA,OAAOA,SAASC,aAAaC,eAAe;AAE5C,SAASC,cAAcC,cAAcC,2BAA2B;AAChE,SAASC,SAAS;AAClB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,QAAQC,kBAAkBC,gBAA4B;AAC/D,SAASC,QAAQC,sBAAsB;AACvC,SAASC,0BAA0B;AACnC,SAASC,YAAY;AACrB,SAASC,YAAYC,UAAU;AAI/B,IAAMC,OAAO;AAMN,IAAMC,iBAAiB,CAAC,EAAEC,MAAK,MAAuB;AAC3D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,iBAAAA;AAC7B,QAAMC,YAAYC,SAASL,OAAOM,OAAOC,OAAOC,YAAAA,CAAAA;AAChD,QAAMC,UAAUJ,SAASL,OAAOM,OAAOC,OAAOG,UAAAA,CAAAA;AAC9C,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKC,oBAAAA;AAEtC,QAAMC,sBAAsBC,QAC1B,MACEX,UAAUY,OACR,CAACC,KAAKC,SAAAA;AACJ,UAAMC,WAAWD,KAAKE,QAAQC,QAAQC;AACtC,QAAIH,UAAU;AACZ,YAAMI,SAASd,QAAQe,KAAK,CAACC,MAAMA,EAAEH,OAAOH,QAAAA;AAC5C,UAAII,QAAQ;AACVN,YAAIC,KAAKI,EAAE,IAAIC;MACjB;IACF;AACA,WAAON;EACT,GACA,CAAC,CAAA,GAEL;IAACb;IAAWK;GAAQ;AAGtB,QAAMiB,gBAAgBC,YACpB,CAACT,SAAAA;AACC,UAAMK,SAAST,oBAAoBI,KAAKI,EAAE;AAC1C,WAAOC,QAAQK;EACjB,GACA;IAACd;GAAoB;AAGvB,QAAMe,mBAAmBF,YACvB,CAACT,SAAAA;AACC,UAAMK,SAAST,oBAAoBI,KAAKI,EAAE;AAC1C,QAAIC,QAAQ;AACV,WAAKX,SAASkB,aAAaC,aAAaC,MAAM;QAAEC,MAAM;QAAQC,SAAS;UAACC,iBAAiBZ,MAAAA;;MAAS,CAAA,CAAA;IACpG;EACF,GACA;IAACT;IAAqBF;GAAS;AAGjC,SACE,sBAAA,cAACwB,OAAAA;IAAIC,MAAK;IAAOC,WAAWC,GAAGC,kBAAAA;KAC7B,sBAAA,cAACC,KAAKC,MAAI;IAAeC,OAAOvC;IAAWwC,QAAQC,EAAEC,GAAGtC,YAAAA;IAAeuC,OAAO,CAAC7B,SAASA,KAAKI;KAC1F,CAAC,EAAEqB,MAAK,MACP,sBAAA,cAACP,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACxBK,OAAO1B,IAAI,CAACC,SACX,sBAAA,cAACuB,KAAKO,MAAI;IACRC,KAAK/B,KAAKI;IACV4B,MAAMhC;IACNiC,YAAYZ,GAAGzC,MAAMsD,YAAY,gBAAgB,SAAS,eAAA;KAE1D,sBAAA,cAAChB,OAAAA;IAAIE,WAAU;KACb,sBAAA,cAACG,KAAKY,WAAS;IAACF,YAAW;KAAYjC,KAAKU,IAAI,GAC/CF,cAAcR,IAAAA,KACb,sBAAA,cAACkB,OAAAA;IAAIE,WAAU;KAAqCZ,cAAcR,IAAAA,CAAAA,CAAAA,GAGrEJ,oBAAoBI,KAAKI,EAAE,KAC1B,sBAAA,cAACgC,QAAAA;IAAOC,SAAS,MAAM1B,iBAAiBX,IAAAA;KAAQjB,EAAE,oCAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAQ7DG,UAAUoD,WAAW,KAAK,sBAAA,cAACpB,OAAAA;IAAIE,WAAU;KAAmCrC,EAAE,oBAAA,CAAA,CAAA;AAGrF;;;ACvFA,IAAA,yBAAewD;",
-  "names": ["React", "useCallback", "useMemo", "createIntent", "LayoutAction", "useIntentDispatcher", "S", "FunctionType", "ScriptType", "Filter", "fullyQualifiedId", "useQuery", "Button", "useTranslation", "controlItemClasses", "List", "ghostHover", "mx", "grid", "FunctionsPanel", "space", "t", "useTranslation", "AUTOMATION_PLUGIN", "functions", "useQuery", "Filter", "schema", "FunctionType", "scripts", "ScriptType", "dispatchPromise", "dispatch", "useIntentDispatcher", "functionToScriptMap", "useMemo", "reduce", "map", "func", "scriptId", "source", "target", "id", "script", "find", "s", "getScriptName", "useCallback", "name", "handleGoToScript", "createIntent", "LayoutAction", "Open", "part", "subject", "fullyQualifiedId", "div", "role", "className", "mx", "controlItemClasses", "List", "Root", "items", "isItem", "S", "is", "getId", "Item", "key", "item", "classNames", "ghostHover", "ItemTitle", "Button", "onClick", "length", "FunctionsPanel"]
-}

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

@@ -1,138 +0,0 @@
-import {
-  AUTOMATION_PLUGIN
-} from "./chunk-WKKQV4PC.mjs";
-
-// packages/plugins/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { ComputeGraph } from "@dxos/conductor";
-import { FunctionType, FunctionTriggerSchema, ScriptType, TriggerKind } from "@dxos/functions/types";
-import { Filter, useQuery } from "@dxos/react-client/echo";
-import { IconButton, Input, useTranslation } from "@dxos/react-ui";
-import { Form, SelectInput, TextInput, useInputProps } from "@dxos/react-ui-form";
-var PayloadInput = (props) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  const inputProps = useInputProps([
-    "meta",
-    props.property
-  ]);
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "flex items-center mt-2 gap-1"
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "flex-1"
-  }, /* @__PURE__ */ React.createElement(TextInput, {
-    ...inputProps,
-    type: "string",
-    label: props.property
-  })), /* @__PURE__ */ React.createElement(IconButton, {
-    icon: "ph--trash--regular",
-    iconOnly: true,
-    classNames: "mt-6",
-    label: t("trigger meta remove"),
-    onClick: () => {
-      const newValues = {
-        ...props.getValue()
-      };
-      delete newValues[props.property];
-      props.onValueChange("object", newValues);
-    }
-  }));
-};
-var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  const functions = useQuery(space, Filter.schema(FunctionType));
-  const workflows = useQuery(space, Filter.schema(ComputeGraph));
-  const scripts = useQuery(space, Filter.schema(ScriptType));
-  const handleSave = (values) => {
-    onSave?.(values);
-  };
-  const Custom = useMemo(() => ({
-    ["function"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
-      ...props,
-      options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
-    }),
-    ["spec.type"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
-      ...props,
-      options: Object.values(TriggerKind).map((kind) => ({
-        value: kind,
-        label: t(`trigger type ${kind}`)
-      }))
-    }),
-    // TODO(wittjosiah): Form should be able to handle arbitrary records by default.
-    ["meta"]: (props) => {
-      const payload = props.getValue() ?? {};
-      useEffect(() => props.onValueChange("object", {
-        ...payload
-      }), []);
-      const [newPayloadFieldName, setNewPayloadFieldName] = useState("");
-      const handleAddPayload = useCallback(() => {
-        if (newPayloadFieldName.length) {
-          const payload2 = props.getValue() ?? {};
-          const payloadWithNewProp = {
-            ...payload2,
-            [newPayloadFieldName]: ""
-          };
-          setNewPayloadFieldName("");
-          props.onValueChange("object", payloadWithNewProp);
-        }
-      }, [
-        newPayloadFieldName,
-        props.getValue,
-        props.onValueChange
-      ]);
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, "Payload"), [
-        ...Object.keys(payload)
-      ].map((key) => /* @__PURE__ */ React.createElement(PayloadInput, {
-        key,
-        property: key,
-        ...props
-      })), /* @__PURE__ */ React.createElement("div", {
-        role: "none",
-        className: "flex items-center mt-2 gap-1 plb-1"
-      }, /* @__PURE__ */ React.createElement("div", {
-        role: "none",
-        className: "flex-1"
-      }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
-        placeholder: t("trigger payload prop name placeholder"),
-        value: newPayloadFieldName,
-        onChange: (event) => setNewPayloadFieldName(event.target.value)
-      }))), /* @__PURE__ */ React.createElement(IconButton, {
-        icon: "ph--plus--regular",
-        iconOnly: true,
-        label: t("trigger payload add"),
-        onClick: handleAddPayload
-      })));
-    }
-  }), [
-    workflows,
-    scripts,
-    functions,
-    t
-  ]);
-  return /* @__PURE__ */ React.createElement(Form, {
-    schema: FunctionTriggerSchema,
-    values: trigger,
-    onSave: handleSave,
-    onCancel,
-    Custom
-  });
-};
-var getWorkflowOptions = (graphs) => {
-  return graphs.map((graph) => ({
-    label: `compute-${graph.id}`,
-    value: `dxn:echo:@:${graph.id}`
-  }));
-};
-var getFunctionOptions = (scripts, functions) => {
-  const getLabel = (fn) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
-  return functions.map((fn) => ({
-    label: getLabel(fn),
-    value: `dxn:worker:${fn.name}`
-  }));
-};
-
-export {
-  TriggerEditor
-};
-//# sourceMappingURL=chunk-FALBBJNO.mjs.map