@dxos/plugin-automation 0.8.4-main.b97322e → 0.8.4-main.bc2380dfbc

package/dist/lib/neutral/chunk-JKVVCWSL.mjs

@@ -0,0 +1,307 @@
+import {
+  TriggerEditor
+} from "./chunk-K3C5ZTZA.mjs";
+
+// src/components/AutomationPanel/AutomationPanel.tsx
+import * as Array from "effect/Array";
+import * as Effect from "effect/Effect";
+import * as EFn from "effect/Function";
+import * as Match from "effect/Match";
+import * as Schema from "effect/Schema";
+import React, { useCallback, useMemo, useState } from "react";
+import { useTypeOptions } from "@dxos/app-toolkit/ui";
+import { Operation, Script, Trigger } from "@dxos/compute";
+import { Context } from "@dxos/context";
+import { Filter, Obj, Query, Tag } from "@dxos/echo";
+import { KEY_QUEUE_CURSOR, TriggerDispatcher } from "@dxos/functions-runtime";
+import { FunctionsServiceClient } from "@dxos/functions-runtime/edge";
+import { log } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { useObject, useQuery } from "@dxos/react-client/echo";
+import { Clipboard, IconButton, Input, Separator, useTranslation } from "@dxos/react-ui";
+import { Settings } from "@dxos/react-ui-form";
+import { List } from "@dxos/react-ui-list";
+import { Pipeline } from "@dxos/types";
+import { ghostHover, mx } from "@dxos/ui-theme";
+import { isNonNullable } from "@dxos/util";
+import { useComputeRuntime } from "#hooks";
+import { meta } from "#meta";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx";
+var grid = "grid grid-cols-[40px_1fr_32px_32px] min-h-[2.5rem]";
+var AutomationPanel = ({ space, object, initialTrigger, onDone }) => {
+  const { t } = useTranslation(meta.id);
+  const client = useClient();
+  const computeRuntime = useComputeRuntime(space.id);
+  const [properties] = useObject(space.properties);
+  const computeEnvironment = properties.computeEnvironment ?? "local";
+  const functionsServiceClient = useMemo(() => FunctionsServiceClient.fromClient(client), [
+    client
+  ]);
+  const functions = useQuery(space.db, Filter.type(Operation.PersistentOperation));
+  const triggers = useQuery(space.db, Query.select(Filter.type(Trigger.Trigger)).debugLabel("plugin-automation.AutomationPanel"));
+  const filteredTriggers = useMemo(() => {
+    return object ? triggers.filter(triggerMatch(object)) : triggers;
+  }, [
+    object,
+    triggers
+  ]);
+  const tags = useQuery(space.db, Filter.type(Tag.Tag));
+  const types = useTypeOptions({
+    db: space.db,
+    annotation: {
+      location: [
+        "database",
+        "runtime"
+      ],
+      kind: [
+        "user"
+      ]
+    }
+  });
+  const [trigger, setTrigger] = useState(initialTrigger);
+  const [selected, setSelected] = useState();
+  const handleSelect = (trigger2) => {
+    setTrigger(trigger2);
+    setSelected(trigger2);
+  };
+  const handleAdd = () => {
+    setTrigger(Trigger.make({}));
+    setSelected(void 0);
+  };
+  const handleDelete = (trigger2) => {
+    space.db.remove(trigger2);
+    setTrigger(void 0);
+    setSelected(void 0);
+  };
+  const handleSave = (trigger2) => {
+    if (selected) {
+      Obj.update(selected, (selected2) => {
+        Object.assign(selected2, trigger2);
+      });
+    } else {
+      space.db.add(Trigger.make(trigger2));
+    }
+    setTrigger(void 0);
+    setSelected(void 0);
+    onDone?.();
+  };
+  const handleCancel = () => {
+    setTrigger(void 0);
+    onDone?.();
+  };
+  const handleForceRunTrigger = async (trigger2) => {
+    if (computeEnvironment === "disabled") {
+      return;
+    }
+    if (computeEnvironment === "local") {
+      if (!computeRuntime) {
+        log.warn("force run trigger skipped: compute runtime not available", {
+          spaceId: space.id
+        }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 97, S: void 0 });
+        return;
+      }
+      try {
+        await computeRuntime.runPromise(Effect.gen(function* () {
+          const dispatcher = yield* TriggerDispatcher;
+          yield* dispatcher.invokeTrigger({
+            trigger: trigger2,
+            event: {
+              tick: Date.now()
+            }
+          });
+        }));
+      } catch (error) {
+        log.catch(error, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 113, S: void 0 });
+      }
+      return;
+    }
+    try {
+      await functionsServiceClient.forceRunCronTrigger(Context.default(void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 118 }), space.id, trigger2.id);
+    } catch (error) {
+      log.catch(error, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 120, S: void 0 });
+    }
+  };
+  const handleResetCursor = async (trigger2) => {
+    Obj.update(trigger2, (trigger3) => {
+      Obj.deleteKeys(trigger3, KEY_QUEUE_CURSOR);
+    });
+    await space.db.flush({
+      indexes: true
+    });
+  };
+  if (trigger) {
+    return /* @__PURE__ */ React.createElement(Settings.Item, {
+      title: t("trigger-editor.title"),
+      description: t("trigger-editor.description")
+    }, /* @__PURE__ */ React.createElement(TriggerEditor, {
+      db: space.db,
+      trigger,
+      readonlySpec: Boolean(object),
+      tags,
+      types,
+      onSave: handleSave,
+      onCancel: handleCancel
+    }));
+  }
+  return /* @__PURE__ */ React.createElement(Settings.Panel, null, /* @__PURE__ */ React.createElement(Clipboard.Provider, null, filteredTriggers.length > 0 && /* @__PURE__ */ React.createElement(List.Root, {
+    items: filteredTriggers,
+    isItem: Schema.is(Trigger.Trigger),
+    getId: (field) => field.id
+  }, ({ items: filteredTriggers2 }) => /* @__PURE__ */ React.createElement("div", {
+    role: "list",
+    className: "flex flex-col w-full"
+  }, filteredTriggers2?.map((trigger2) => /* @__PURE__ */ React.createElement(TriggerListItem, {
+    key: trigger2.id,
+    trigger: trigger2,
+    functions,
+    computeEnvironment,
+    onSelect: handleSelect,
+    onDelete: handleDelete,
+    onResetCursor: handleResetCursor,
+    onForceRun: handleForceRunTrigger
+  })))), filteredTriggers.length > 0 && /* @__PURE__ */ React.createElement(Separator, {
+    classNames: "my-4"
+  }), /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--plus--regular",
+    label: t("new-trigger.label"),
+    onClick: handleAdd
+  })));
+};
+var TriggerListItem = ({ trigger, functions, computeEnvironment, onSelect, onDelete, onResetCursor, onForceRun }) => {
+  const client = useClient();
+  const copyAction = getCopyAction(client, trigger);
+  const { t } = useTranslation(meta.id);
+  const cursor = Obj.getKeys(trigger, KEY_QUEUE_CURSOR).at(0)?.id;
+  const [snapshot, updateTrigger] = useObject(trigger);
+  const enabled = snapshot.enabled ?? false;
+  const onEnabledChange = (checked) => {
+    updateTrigger((trigger2) => {
+      trigger2.enabled = checked;
+    });
+  };
+  const handleSelect = useCallback(() => {
+    onSelect?.(trigger);
+  }, [
+    onSelect,
+    trigger
+  ]);
+  const handleDelete = useCallback(() => {
+    onDelete?.(trigger);
+  }, [
+    onDelete,
+    trigger
+  ]);
+  const handleResetCursor = useCallback(() => {
+    onResetCursor?.(trigger);
+  }, [
+    onResetCursor,
+    trigger
+  ]);
+  const handleForceRun = useCallback(() => {
+    onForceRun?.(trigger);
+  }, [
+    onForceRun,
+    trigger
+  ]);
+  const actionProps = useMemo(() => {
+    if (trigger.spec?.kind === "timer" && onForceRun) {
+      return {
+        disabled: !enabled || computeEnvironment === "disabled",
+        icon: "ph--play--regular",
+        label: "Force run",
+        onClick: handleForceRun
+      };
+    }
+    if (trigger.spec?.kind === "queue" && onResetCursor) {
+      return {
+        disabled: !cursor,
+        icon: "ph--arrow-clockwise--regular",
+        label: "Reset cursor",
+        onClick: handleResetCursor
+      };
+    }
+  }, [
+    computeEnvironment,
+    enabled,
+    trigger.spec?.kind,
+    handleForceRun,
+    onResetCursor
+  ]);
+  return /* @__PURE__ */ React.createElement(List.Item, {
+    key: trigger.id,
+    item: snapshot,
+    classNames: mx(grid, ghostHover, "items-center", "px-2")
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
+    checked: enabled,
+    onCheckedChange: onEnabledChange
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "flex"
+  }, /* @__PURE__ */ React.createElement(List.ItemTitle, {
+    classNames: "px-1 cursor-pointer w-0 shrink truncate",
+    onClick: handleSelect
+  }, getFunctionName(functions, trigger) ?? "\u2205", cursor && /* @__PURE__ */ React.createElement("div", {
+    className: "text-xs text-description truncate ml-4"
+  }, "Position: ", cursor)), copyAction && /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
+    label: t(copyAction.translationKey),
+    value: copyAction.contentProvider()
+  })), actionProps ? /* @__PURE__ */ React.createElement(List.ItemIconButton, {
+    ...actionProps,
+    autoHide: false
+  }) : /* @__PURE__ */ React.createElement("div", null), onDelete && /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
+    onClick: handleDelete
+  }));
+};
+var getCopyAction = (client, trigger) => {
+  if (trigger?.spec?.kind === "email") {
+    return {
+      translationKey: "trigger copy email",
+      contentProvider: () => `${Obj.getDatabase(trigger).spaceId}@dxos.network`
+    };
+  }
+  if (trigger?.spec?.kind === "webhook") {
+    return {
+      translationKey: "trigger copy url",
+      contentProvider: () => getWebhookUrl(client, trigger)
+    };
+  }
+  return void 0;
+};
+var getWebhookUrl = (client, trigger) => {
+  const spaceId = Obj.getDatabase(trigger).spaceId;
+  const edgeUrl = new URL(client.config.values.runtime.services.edge.url);
+  const isSecure = edgeUrl.protocol.startsWith("https") || edgeUrl.protocol.startsWith("wss");
+  edgeUrl.protocol = isSecure ? "https" : "http";
+  return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();
+};
+var getFunctionName = (functions, trigger) => {
+  const shortId = trigger.function && `${trigger.function.dxn.toString().slice(0, 16)}\u2026`;
+  const functionObject = functions.find((fn) => fn === trigger.function?.target);
+  return functionObject?.name ?? shortId;
+};
+var scriptMatch = (script) => (trigger) => {
+  const fn = trigger.function?.target;
+  if (!Obj.instanceOf(Operation.PersistentOperation, fn)) {
+    return false;
+  }
+  return fn.source?.target === script;
+};
+var projectMatch = (project) => {
+  const viewQueries = EFn.pipe(project.columns, Array.map((column) => column.view.target), Array.filter(isNonNullable), Array.map((view) => Obj.getSnapshot(view).query.ast), Array.map((ast) => JSON.stringify(ast)));
+  return (trigger) => {
+    const spec = Obj.getSnapshot(trigger).spec;
+    if (spec?.kind !== "subscription") {
+      return false;
+    }
+    return viewQueries.some((query) => JSON.stringify(spec.query) === query);
+  };
+};
+var triggerMatch = Match.type().pipe(Match.withReturnType(), Match.when((obj) => Obj.instanceOf(Script.Script, obj), (obj) => scriptMatch(obj)), Match.when((obj) => Obj.instanceOf(Pipeline.Pipeline, obj), (obj) => projectMatch(obj)), Match.orElse((_obj) => () => true));
+
+// src/components/AutomationPanel/index.ts
+var AutomationPanel_default = AutomationPanel;
+
+export {
+  AutomationPanel,
+  AutomationPanel_default
+};
+//# sourceMappingURL=chunk-JKVVCWSL.mjs.map

package/dist/lib/neutral/chunk-JKVVCWSL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/AutomationPanel/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Array from 'effect/Array';\nimport * as Effect from 'effect/Effect';\nimport * as EFn from 'effect/Function';\nimport * as Match from 'effect/Match';\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { useTypeOptions } from '@dxos/app-toolkit/ui';\nimport { type ComputeEnvironment } from '@dxos/client-protocol';\nimport { Operation, Script, Trigger, TriggerEvent } from '@dxos/compute';\nimport { Context } from '@dxos/context';\nimport { Filter, Obj, Query, Tag } from '@dxos/echo';\nimport { KEY_QUEUE_CURSOR, TriggerDispatcher } from '@dxos/functions-runtime';\nimport { FunctionsServiceClient } from '@dxos/functions-runtime/edge';\nimport { log } from '@dxos/log';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { type Space, useObject, useQuery } from '@dxos/react-client/echo';\nimport { Clipboard, IconButton, type IconButtonProps, Input, Separator, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\nimport { List } from '@dxos/react-ui-list';\nimport { Pipeline } from '@dxos/types';\nimport { ghostHover, mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { useComputeRuntime } from '#hooks';\nimport { meta } from '#meta';\n\nimport { TriggerEditor, type TriggerEditorProps } from '../TriggerEditor';\n\nconst grid = 'grid grid-cols-[40px_1fr_32px_32px] min-h-[2.5rem]';\n\nexport type AutomationPanelProps = {\n  space: Space;\n  object?: Obj.Unknown;\n  initialTrigger?: Trigger.Trigger;\n  onDone?: () => void;\n};\n\n// TODO(burdon): Factor out common layout with ViewEditor.\nexport const AutomationPanel = ({ space, object, initialTrigger, onDone }: AutomationPanelProps) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const computeRuntime = useComputeRuntime(space.id);\n  const [properties] = useObject(space.properties);\n  const computeEnvironment = properties.computeEnvironment ?? 'local';\n  const functionsServiceClient = useMemo(() => FunctionsServiceClient.fromClient(client), [client]);\n  const functions = useQuery(space.db, Filter.type(Operation.PersistentOperation));\n  const triggers = useQuery(\n    space.db,\n    Query.select(Filter.type(Trigger.Trigger)).debugLabel('plugin-automation.AutomationPanel'),\n  );\n  const filteredTriggers = useMemo(() => {\n    return object ? triggers.filter(triggerMatch(object)) : triggers;\n  }, [object, triggers]);\n  const tags = useQuery(space.db, Filter.type(Tag.Tag));\n  const types = useTypeOptions({\n    db: space.db,\n    annotation: {\n      location: ['database', 'runtime'],\n      kind: ['user'],\n    },\n  });\n\n  const [trigger, setTrigger] = useState<Trigger.Trigger | undefined>(initialTrigger);\n  const [selected, setSelected] = useState<Trigger.Trigger>();\n\n  const handleSelect = (trigger: Trigger.Trigger) => {\n    setTrigger(trigger);\n    setSelected(trigger);\n  };\n\n  const handleAdd = () => {\n    setTrigger(Trigger.make({}));\n    setSelected(undefined);\n  };\n\n  const handleDelete = (trigger: Trigger.Trigger) => {\n    space.db.remove(trigger);\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleSave: TriggerEditorProps['onSave'] = (trigger) => {\n    if (selected) {\n      Obj.update(selected, (selected) => {\n        Object.assign(selected, trigger);\n      });\n    } else {\n      space.db.add(Trigger.make(trigger));\n    }\n\n    setTrigger(undefined);\n    setSelected(undefined);\n    onDone?.();\n  };\n\n  const handleCancel: TriggerEditorProps['onCancel'] = () => {\n    setTrigger(undefined);\n    onDone?.();\n  };\n\n  const handleForceRunTrigger = async (trigger: Trigger.Trigger) => {\n    if (computeEnvironment === 'disabled') {\n      return;\n    }\n\n    if (computeEnvironment === 'local') {\n      if (!computeRuntime) {\n        log.warn('force run trigger skipped: compute runtime not available', { spaceId: space.id });\n        return;\n      }\n\n      try {\n        await computeRuntime.runPromise(\n          Effect.gen(function* () {\n            const dispatcher = yield* TriggerDispatcher;\n            yield* dispatcher.invokeTrigger({\n              trigger,\n              event: { tick: Date.now() } satisfies TriggerEvent.TimerEvent,\n            });\n          }),\n        );\n      } catch (error) {\n        log.catch(error);\n      }\n      return;\n    }\n\n    try {\n      await functionsServiceClient.forceRunCronTrigger(Context.default(), space.id, trigger.id);\n    } catch (error) {\n      log.catch(error);\n    }\n  };\n\n  const handleResetCursor = async (trigger: Trigger.Trigger) => {\n    Obj.update(trigger, (trigger) => {\n      Obj.deleteKeys(trigger, KEY_QUEUE_CURSOR);\n    });\n    await space.db.flush({ indexes: true });\n  };\n\n  if (trigger) {\n    return (\n      <Settings.Item title={t('trigger-editor.title')} description={t('trigger-editor.description')}>\n        <TriggerEditor\n          db={space.db}\n          trigger={trigger}\n          readonlySpec={Boolean(object)}\n          tags={tags}\n          types={types}\n          onSave={handleSave}\n          onCancel={handleCancel}\n        />\n      </Settings.Item>\n    );\n  }\n\n  return (\n    <Settings.Panel>\n      <Clipboard.Provider>\n        {filteredTriggers.length > 0 && (\n          <List.Root<Trigger.Trigger>\n            items={filteredTriggers}\n            isItem={Schema.is(Trigger.Trigger)}\n            getId={(field) => field.id}\n          >\n            {({ items: filteredTriggers }) => (\n              <div role='list' className='flex flex-col w-full'>\n                {filteredTriggers?.map((trigger) => (\n                  <TriggerListItem\n                    key={trigger.id}\n                    trigger={trigger}\n                    functions={functions}\n                    computeEnvironment={computeEnvironment}\n                    onSelect={handleSelect}\n                    onDelete={handleDelete}\n                    onResetCursor={handleResetCursor}\n                    onForceRun={handleForceRunTrigger}\n                  />\n                ))}\n              </div>\n            )}\n          </List.Root>\n        )}\n\n        {filteredTriggers.length > 0 && <Separator classNames='my-4' />}\n        <IconButton icon='ph--plus--regular' label={t('new-trigger.label')} onClick={handleAdd} />\n      </Clipboard.Provider>\n    </Settings.Panel>\n  );\n};\n\nconst TriggerListItem = ({\n  trigger,\n  functions,\n  computeEnvironment,\n  onSelect,\n  onDelete,\n  onResetCursor,\n  onForceRun,\n}: {\n  trigger: Trigger.Trigger;\n  functions: Operation.PersistentOperation[];\n  computeEnvironment: ComputeEnvironment;\n  onSelect?: (trigger: Trigger.Trigger) => void;\n  onDelete?: (trigger: Trigger.Trigger) => void;\n  onResetCursor?: (trigger: Trigger.Trigger) => void;\n  onForceRun?: (trigger: Trigger.Trigger) => void;\n}) => {\n  const client = useClient();\n  const copyAction = getCopyAction(client, trigger);\n  const { t } = useTranslation(meta.id);\n  const cursor = Obj.getKeys(trigger, KEY_QUEUE_CURSOR).at(0)?.id;\n  const [snapshot, updateTrigger] = useObject(trigger);\n\n  const enabled = snapshot.enabled ?? false;\n  const onEnabledChange = (checked: boolean) => {\n    updateTrigger((trigger) => {\n      trigger.enabled = checked;\n    });\n  };\n\n  const handleSelect = useCallback(() => {\n    onSelect?.(trigger);\n  }, [onSelect, trigger]);\n\n  const handleDelete = useCallback(() => {\n    onDelete?.(trigger);\n  }, [onDelete, trigger]);\n\n  const handleResetCursor = useCallback(() => {\n    onResetCursor?.(trigger);\n  }, [onResetCursor, trigger]);\n\n  const handleForceRun = useCallback(() => {\n    onForceRun?.(trigger);\n  }, [onForceRun, trigger]);\n\n  const actionProps = useMemo<IconButtonProps | undefined>(() => {\n    if (trigger.spec?.kind === 'timer' && onForceRun) {\n      return {\n        disabled: !enabled || computeEnvironment === 'disabled',\n        icon: 'ph--play--regular',\n        label: 'Force run',\n        onClick: handleForceRun,\n      };\n    }\n\n    if (trigger.spec?.kind === 'queue' && onResetCursor) {\n      return {\n        disabled: !cursor,\n        icon: 'ph--arrow-clockwise--regular',\n        label: 'Reset cursor',\n        onClick: handleResetCursor,\n      };\n    }\n  }, [computeEnvironment, enabled, trigger.spec?.kind, handleForceRun, onResetCursor]);\n\n  return (\n    <List.Item<Obj.Snapshot<Trigger.Trigger>>\n      key={trigger.id}\n      item={snapshot}\n      classNames={mx(grid, ghostHover, 'items-center', 'px-2')}\n    >\n      <Input.Root>\n        <Input.Switch checked={enabled} onCheckedChange={onEnabledChange} />\n      </Input.Root>\n\n      <div className={'flex'}>\n        <List.ItemTitle classNames='px-1 cursor-pointer w-0 shrink truncate' onClick={handleSelect}>\n          {getFunctionName(functions, trigger) ?? '∅'}\n          {cursor && <div className='text-xs text-description truncate ml-4'>Position: {cursor}</div>}\n        </List.ItemTitle>\n\n        {copyAction && (\n          <Clipboard.IconButton label={t(copyAction.translationKey)} value={copyAction.contentProvider()} />\n        )}\n      </div>\n\n      {actionProps ? <List.ItemIconButton {...actionProps} autoHide={false} /> : <div />}\n\n      {onDelete && <List.ItemDeleteButton onClick={handleDelete} />}\n    </List.Item>\n  );\n};\n\nconst getCopyAction = (client: Client, trigger: Trigger.Trigger | undefined) => {\n  if (trigger?.spec?.kind === 'email') {\n    return {\n      translationKey: 'trigger copy email' as const,\n      contentProvider: () => `${Obj.getDatabase(trigger)!.spaceId}@dxos.network`,\n    };\n  }\n\n  if (trigger?.spec?.kind === 'webhook') {\n    return {\n      translationKey: 'trigger copy url' as const,\n      contentProvider: () => getWebhookUrl(client, trigger!),\n    };\n  }\n\n  return undefined;\n};\n\nconst getWebhookUrl = (client: Client, trigger: Trigger.Trigger) => {\n  const spaceId = Obj.getDatabase(trigger)!.spaceId;\n  const edgeUrl = new URL(client.config.values.runtime!.services!.edge!.url!);\n  const isSecure = edgeUrl.protocol.startsWith('https') || edgeUrl.protocol.startsWith('wss');\n  edgeUrl.protocol = isSecure ? 'https' : 'http';\n  return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();\n};\n\nconst getFunctionName = (functions: Operation.PersistentOperation[], trigger: Trigger.Trigger) => {\n  // TODO(wittjosiah): Truncation should be done in the UI.\n  //   Warning that the List component is currently a can of worms.\n  const shortId = trigger.function && `${trigger.function.dxn.toString().slice(0, 16)}…`;\n  const functionObject = functions.find((fn) => fn === trigger.function?.target);\n  return functionObject?.name ?? shortId;\n};\n\nconst scriptMatch = (script: Script.Script) => (trigger: Trigger.Trigger) => {\n  const fn = trigger.function?.target;\n  if (!Obj.instanceOf(Operation.PersistentOperation, fn)) {\n    return false;\n  }\n\n  return fn.source?.target === script;\n};\n\nconst projectMatch = (project: Pipeline.Pipeline) => {\n  const viewQueries = EFn.pipe(\n    project.columns,\n    Array.map((column) => column.view.target),\n    Array.filter(isNonNullable),\n    Array.map((view) => Obj.getSnapshot(view).query.ast),\n    Array.map((ast) => JSON.stringify(ast)),\n  );\n\n  return (trigger: Trigger.Trigger) => {\n    const spec = Obj.getSnapshot(trigger).spec;\n    if (spec?.kind !== 'subscription') {\n      return false;\n    }\n\n    // TODO(wittjosiah): Implement better way of comparing query ASTs.\n    return viewQueries.some((query) => JSON.stringify(spec.query) === query);\n  };\n};\n\nconst triggerMatch = Match.type<Obj.Unknown>().pipe(\n  Match.withReturnType<(trigger: Trigger.Trigger) => boolean>(),\n  Match.when(\n    (obj) => Obj.instanceOf(Script.Script, obj),\n    (obj) => scriptMatch(obj),\n  ),\n  Match.when(\n    (obj) => Obj.instanceOf(Pipeline.Pipeline, obj),\n    (obj) => projectMatch(obj),\n  ),\n  Match.orElse((_obj) => () => true),\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport * from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
+  "mappings": "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",
+  "names": ["Array", "Effect", "EFn", "Match", "Schema", "React", "useCallback", "useMemo", "useState", "useTypeOptions", "Operation", "Script", "Trigger", "Context", "Filter", "Obj", "Query", "Tag", "KEY_QUEUE_CURSOR", "TriggerDispatcher", "FunctionsServiceClient", "log", "useClient", "useObject", "useQuery", "Clipboard", "IconButton", "Input", "Separator", "useTranslation", "Settings", "List", "Pipeline", "ghostHover", "mx", "isNonNullable", "useComputeRuntime", "meta", "AutomationPanel", "client", "useClient", "computeRuntime", "useComputeRuntime", "properties", "useObject", "computeEnvironment", "functionsServiceClient", "useMemo", "FunctionsServiceClient", "filteredTriggers", "object", "triggers", "filter", "triggerMatch", "db", "space", "annotation", "location", "kind", "handleSelect", "trigger", "setTrigger", "setSelected", "handleAdd", "undefined", "handleDelete", "handleSave", "selected", "Object", "onDone", "handleCancel", "handleForceRunTrigger", "dispatcher", "event", "error", "log", "catch", "KEY_QUEUE_CURSOR", "flush", "title", "readonlySpec", "tags", "types", "onSave", "onCancel", "Trigger", "getId", "role", "className", "functions", "onSelect", "onDelete", "onResetCursor", "onForceRun", "classNames", "IconButton", "icon", "onClick", "TriggerListItem", "getCopyAction", "useTranslation", "cursor", "getKeys", "snapshot", "updateTrigger", "enabled", "onEnabledChange", "checked", "disabled", "label", "handleForceRun", "mx", "onCheckedChange", "List", "ItemTitle", "getFunctionName", "copyAction", "Clipboard", "contentProvider", "actionProps", "autoHide", "translationKey", "getWebhookUrl", "isSecure", "edgeUrl", "protocol", "startsWith", "spaceId", "toString", "functionObject", "name", "shortId", "scriptMatch", "script", "instanceOf", "Operation", "PersistentOperation", "source", "projectMatch", "project", "getSnapshot", "spec", "AutomationPanel"]
+}

package/dist/lib/neutral/chunk-K3C5ZTZA.mjs

@@ -0,0 +1,285 @@
+// src/components/TriggerEditor/TriggerEditor.tsx
+import React3, { useCallback as useCallback3, useMemo as useMemo3 } from "react";
+import { Operation, Script, Trigger as Trigger2 } from "@dxos/compute";
+import { ComputeGraph } from "@dxos/conductor";
+import { DXN, Entity, Feed, Filter as Filter2, Obj as Obj2, Ref as Ref2 } from "@dxos/echo";
+import { useQuery } from "@dxos/react-client/echo";
+import { Input } from "@dxos/react-ui";
+import { QueryForm } from "@dxos/react-ui-components";
+import { Form as Form2, FormFieldLabel, SelectField as SelectField2, omitId } from "@dxos/react-ui-form";
+
+// src/components/TriggerEditor/FunctionInputEditor.tsx
+import React, { useCallback, useMemo } from "react";
+import { JsonSchema, Obj, Ref } from "@dxos/echo";
+import { useOnTransition, useTranslation } from "@dxos/react-ui";
+import { Form, useFormValues } from "@dxos/react-ui-form";
+import { meta } from "#meta";
+var FunctionInputEditor = ({ type, functions, db, getValue, onValueChange }) => {
+  const { t } = useTranslation(meta.id);
+  const selectedFunctionValue = useFormValues(FunctionInputEditor.displayName, [
+    "function"
+  ]);
+  const selectedFunctionId = useMemo(() => {
+    if (Ref.isRef(selectedFunctionValue)) {
+      return selectedFunctionValue.dxn.toString().split("dxn:echo:@:").at(1);
+    }
+  }, [
+    selectedFunctionValue
+  ]);
+  const selectedFunction = useMemo(() => functions.find((fn) => fn.id === selectedFunctionId), [
+    functions,
+    selectedFunctionId
+  ]);
+  useOnTransition(
+    // Clear function parameter input when the function changes.
+    selectedFunctionValue,
+    (prevValue) => {
+      if (!Ref.isRef(prevValue) || !Ref.isRef(selectedFunctionValue)) {
+        return false;
+      }
+      return prevValue.dxn.toString() !== selectedFunctionValue.dxn.toString();
+    },
+    (currValue) => currValue !== void 0,
+    () => onValueChange(type, {})
+  );
+  const inputSchema = useMemo(() => selectedFunction?.inputSchema, [
+    selectedFunction
+  ]);
+  const effectSchema = useMemo(() => inputSchema ? JsonSchema.toEffectSchema(inputSchema) : void 0, [
+    inputSchema
+  ]);
+  const propertyCount = inputSchema?.properties ? Object.keys(inputSchema.properties).length : 0;
+  const defaultValues = useMemo(() => {
+    const raw = getValue() ?? {};
+    return Obj.isObject(raw) ? {
+      ...Obj.getSnapshot(raw)
+    } : {
+      ...raw
+    };
+  }, [
+    getValue
+  ]);
+  const handleValuesChanged = useCallback((values) => {
+    onValueChange(type, values);
+  }, [
+    type,
+    onValueChange
+  ]);
+  if (selectedFunction === void 0 || effectSchema === void 0 || propertyCount === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form.Label, {
+    label: t("function-parameters.label"),
+    asChild: true
+  }), /* @__PURE__ */ React.createElement(Form.Root, {
+    key: selectedFunction.id,
+    schema: effectSchema,
+    defaultValues,
+    db,
+    onValuesChanged: handleValuesChanged
+  }, /* @__PURE__ */ React.createElement(Form.FieldSet, null)));
+};
+FunctionInputEditor.displayName = "AutomationTrigger.FunctionInputEditor";
+
+// src/components/TriggerEditor/SpecSelector.tsx
+import React2, { useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import { Trigger } from "@dxos/compute";
+import { Filter, Query } from "@dxos/echo";
+import { useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { SelectField, useFormFieldState } from "@dxos/react-ui-form";
+import { meta as meta2 } from "#meta";
+var SpecSelector = (props) => {
+  const { t } = useTranslation2(meta2.id);
+  const specProps = useFormFieldState(SpecSelector.displayName, [
+    "spec"
+  ]);
+  const handleTypeChange = useCallback2((_type, value) => {
+    const getDefaultTriggerSpec = (kind) => {
+      switch (kind) {
+        case "timer":
+          return Trigger.specTimer("");
+        case "subscription":
+          return Trigger.specSubscription(Query.select(Filter.nothing()));
+        case "queue":
+          return Trigger.specQueue("dxn:queue:default");
+        case "email":
+          return Trigger.specEmail();
+        case "webhook":
+          return Trigger.specWebhook();
+        default:
+          return void 0;
+      }
+    };
+    const defaultSpec = getDefaultTriggerSpec(value);
+    if (!defaultSpec) {
+      return;
+    }
+    specProps.onValueChange(props.type, defaultSpec);
+  }, [
+    props.type,
+    specProps
+  ]);
+  const kindLabels = {
+    timer: t("trigger-type.timer.label"),
+    webhook: t("trigger-type.webhook.label"),
+    websocket: t("trigger-type.websocket.label"),
+    subscription: t("trigger-type.subscription.label"),
+    email: t("trigger-type.email.label"),
+    queue: t("trigger-type.queue.label")
+  };
+  const options = useMemo2(() => Trigger.Kinds.map((kind) => ({
+    value: kind,
+    label: kindLabels[kind]
+  })), [
+    t
+  ]);
+  return /* @__PURE__ */ React2.createElement(SelectField, {
+    ...props,
+    options,
+    onValueChange: handleTypeChange
+  });
+};
+SpecSelector.displayName = "Form.SpecSelector";
+
+// src/components/TriggerEditor/TriggerEditor.tsx
+var TriggerEditor = ({ db, types, tags, readonlySpec, trigger, ...formProps }) => {
+  const fieldMap = useCustomInputs({
+    db,
+    types,
+    tags,
+    readonlySpec
+  });
+  const handleValuesChanged = useCallback3((newValues) => {
+    Obj2.update(trigger, (trigger2) => {
+      Object.assign(trigger2, newValues);
+    });
+  }, [
+    trigger
+  ]);
+  const triggerSchema = useMemo3(() => omitId(Trigger2.Trigger), []);
+  const defaultValues = useMemo3(() => {
+    const { id: _, ...values } = trigger;
+    return values;
+  }, [
+    trigger
+  ]);
+  return /* @__PURE__ */ React3.createElement(Form2.Root, {
+    ...formProps,
+    db,
+    schema: triggerSchema,
+    defaultValues,
+    fieldMap,
+    onValuesChanged: handleValuesChanged
+  }, /* @__PURE__ */ React3.createElement(Form2.Viewport, null, /* @__PURE__ */ React3.createElement(Form2.Content, null, /* @__PURE__ */ React3.createElement(Form2.FieldSet, null), /* @__PURE__ */ React3.createElement(Form2.Actions, null))));
+};
+var useCustomInputs = ({ db, readonlySpec, types, tags }) => {
+  const functions = useQuery(db, Filter2.type(Operation.PersistentOperation));
+  const workflows = useQuery(db, Filter2.type(ComputeGraph));
+  const scripts = useQuery(db, Filter2.type(Script.Script));
+  const feeds = useQuery(db, Filter2.type(Feed.Feed));
+  return useMemo3(() => ({
+    // Function selector.
+    ["function"]: (props) => {
+      const getValue = useCallback3(() => {
+        const formValue = props.getValue();
+        if (Ref2.isRef(formValue)) {
+          return formValue.dxn.toString();
+        }
+        return void 0;
+      }, [
+        props
+      ]);
+      const handleOnValueChange = useCallback3((_type, dxnString) => {
+        const dxn = DXN.parse(dxnString);
+        if (dxn) {
+          const ref = Ref2.fromDXN(dxn);
+          props.onValueChange(props.type, ref);
+        }
+      }, [
+        props.type,
+        props.onValueChange
+      ]);
+      return /* @__PURE__ */ React3.createElement(SelectField2, {
+        ...props,
+        getValue,
+        onValueChange: handleOnValueChange,
+        options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
+      });
+    },
+    // Spec selector.
+    "spec.kind": (props) => /* @__PURE__ */ React3.createElement(SpecSelector, {
+      ...props,
+      readonly: readonlySpec
+    }),
+    // Queue feed selector with parent labels.
+    "spec.queue": (props) => /* @__PURE__ */ React3.createElement(SelectField2, {
+      ...props,
+      options: getFeedQueueOptions(feeds)
+    }),
+    // TODO(wittjosiah): Copied from ViewEditor.
+    // Query input editor.
+    "spec.query": (props) => {
+      const handleChange = useCallback3((query) => props.onValueChange(props.type, {
+        ast: query.ast
+      }), [
+        props.type,
+        props.onValueChange
+      ]);
+      return /* @__PURE__ */ React3.createElement(Input.Root, null, /* @__PURE__ */ React3.createElement(FormFieldLabel, {
+        label: props.label,
+        asChild: true
+      }), /* @__PURE__ */ React3.createElement(QueryForm, {
+        initialQuery: props.getValue().ast,
+        types,
+        tags,
+        onChange: handleChange
+      }));
+    },
+    // Function input editor.
+    input: (props) => /* @__PURE__ */ React3.createElement(FunctionInputEditor, {
+      ...props,
+      functions,
+      db
+    })
+  }), [
+    workflows,
+    scripts,
+    functions,
+    feeds,
+    readonlySpec
+  ]);
+};
+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:echo:@:${fn.id}`
+  }));
+};
+var getFeedQueueOptions = (feeds) => {
+  return feeds.flatMap((feed) => {
+    const queueDXN = Feed.getQueueDxn(feed);
+    if (!queueDXN) {
+      return [];
+    }
+    const parent = Obj2.getParent(feed);
+    const label = parent ? Entity.getLabel(parent) : Entity.getLabel(feed);
+    return [
+      {
+        label: label ?? feed.id,
+        value: queueDXN.toString()
+      }
+    ];
+  });
+};
+
+export {
+  TriggerEditor
+};
+//# sourceMappingURL=chunk-K3C5ZTZA.mjs.map