@dxos/plugin-automation 0.8.4-main.fffef41 → 0.8.4-staging.60fe92afc8

package/src/components/TriggerEditor/SpecSelector.tsx

@@ -1,65 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useCallback, useMemo } from 'react';
-
-import { Filter, Query } from '@dxos/echo';
-import { Trigger } from '@dxos/functions';
-import { useTranslation } from '@dxos/react-ui';
-import { type InputProps, SelectInput, useInputProps } from '@dxos/react-ui-form';
-
-import { meta } from '../../meta';
-
-export type SpecSelectorProps = InputProps;
-
-export const SpecSelector = (props: SpecSelectorProps) => {
-  const { t } = useTranslation(meta.id);
-  const specProps = useInputProps(['spec' satisfies keyof Trigger.Trigger]);
-
-  const handleTypeChange = useCallback(
-    (_type: any, value: string): Trigger.Spec | undefined => {
-      const getDefaultTriggerSpec = (kind: string) => {
-        switch (kind) {
-          case 'timer':
-            return { kind: 'timer', cron: '' };
-          case 'subscription':
-            return {
-              kind: 'subscription',
-              query: {
-                ast: Query.select(Filter.nothing()).ast,
-              },
-            };
-          case 'queue':
-            return { kind: 'queue', queue: 'dxn:' };
-          case 'email':
-            return { kind: 'email' };
-          case 'webhook':
-            return { kind: 'webhook' };
-          default:
-            return undefined;
-        }
-      };
-
-      const defaultSpec = getDefaultTriggerSpec(value);
-      if (!defaultSpec) {
-        return;
-      }
-
-      // Update the entire spec object, not just the `spec.kind`.
-      specProps.onValueChange('object', defaultSpec);
-    },
-    [specProps],
-  );
-
-  const options = useMemo(
-    () =>
-      Trigger.Kinds.map((kind) => ({
-        value: kind,
-        label: t(`trigger type ${kind}`),
-      })),
-    [t],
-  );
-
-  return <SelectInput {...props} options={options} onValueChange={handleTypeChange} />;
-};

package/src/components/TriggerEditor/TriggerEditor.stories.tsx

@@ -1,121 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { useState } from 'react';
-
-import { Filter, Obj, Ref, Tag, Type } from '@dxos/echo';
-import { Function } from '@dxos/functions';
-import { Trigger } from '@dxos/functions';
-import { invariant } from '@dxos/invariant';
-import { faker } from '@dxos/random';
-import { useQuery } from '@dxos/react-client/echo';
-import { ContactType, useClientProvider, withClientProvider } from '@dxos/react-client/testing';
-import { useAsyncEffect } from '@dxos/react-ui';
-import { withLayout, withTheme } from '@dxos/react-ui/testing';
-import { Employer, Organization, Person, Project } from '@dxos/types';
-
-import { functions } from '../../testing';
-import { translations } from '../../translations';
-
-import { TriggerEditor, type TriggerEditorProps } from './TriggerEditor';
-
-const types = [
-  // TODO(burdon): Get label from annotation.
-  { value: Organization.Organization.typename, label: 'Organization' },
-  { value: Person.Person.typename, label: 'Person' },
-  { value: Type.getTypename(Project.Project), label: 'Project' },
-  { value: Employer.Employer.typename, label: 'Employer' },
-];
-
-const DefaultStory = (props: Partial<TriggerEditorProps>) => {
-  const { space } = useClientProvider();
-  const [trigger, setTrigger] = useState<Trigger.Trigger>();
-  const tags = useQuery(space, Filter.type(Tag.Tag));
-
-  useAsyncEffect(async () => {
-    if (!space) {
-      return;
-    }
-
-    const result = await space.db.query(Filter.type(Function.Function)).run();
-    const fn = result.objects.find((fn) => fn.name === 'example.com/function/forex');
-    invariant(fn);
-    const trigger = space.db.add(
-      Trigger.make({
-        function: Ref.make(fn),
-        spec: { kind: 'webhook' },
-        input: {
-          from: 'USD',
-          to: 'JPY',
-        },
-      }),
-    );
-    setTrigger(trigger);
-  }, [space]);
-
-  if (!space || !trigger) {
-    return <div />;
-  }
-
-  return (
-    <div role='none' className='is-[32rem] bs-fit border border-separator rounded-sm'>
-      <TriggerEditor
-        space={space}
-        trigger={trigger}
-        types={types}
-        tags={tags}
-        onSave={(values) => console.log('on save', values)}
-        {...props}
-      />
-    </div>
-  );
-};
-
-const meta = {
-  title: 'plugins/plugin-automation/TriggerEditor',
-  component: TriggerEditor as any,
-  render: DefaultStory,
-  decorators: [
-    withTheme,
-    withLayout({ container: 'column' }),
-    withClientProvider({
-      createIdentity: true,
-      createSpace: true,
-      types: [Tag.Tag, Function.Function, Trigger.Trigger, ContactType],
-      onCreateSpace: ({ space }) => {
-        space.db.add(Tag.make({ label: 'Important' }));
-        space.db.add(Tag.make({ label: 'Investor' }));
-        space.db.add(Tag.make({ label: 'New' }));
-
-        for (const fn of functions) {
-          space.db.add(Function.make(fn));
-        }
-        Array.from({ length: 10 }).map(() => {
-          return space.db.add(
-            Obj.make(ContactType, {
-              name: faker.person.fullName(),
-              identifiers: [],
-            }),
-          );
-        });
-      },
-    }),
-  ],
-  parameters: {
-    translations,
-  },
-} satisfies Meta<typeof DefaultStory>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const ReadonlySpec: Story = {
-  args: {
-    readonlySpec: true,
-  },
-};

package/src/components/TriggerEditor/TriggerEditor.tsx

@@ -1,127 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useCallback, useMemo } from 'react';
-
-import { ComputeGraph } from '@dxos/conductor';
-import { type Query, Type } from '@dxos/echo';
-import { Function, Script, Trigger } from '@dxos/functions';
-import { Filter, Ref, type Space, useQuery } from '@dxos/react-client/echo';
-import { Input } from '@dxos/react-ui';
-import { QueryForm, type QueryFormProps } from '@dxos/react-ui-components';
-import { type CustomInputMap, Form, InputHeader, SelectInput, useRefQueryLookupHandler } from '@dxos/react-ui-form';
-
-import { FunctionInputEditor, type FunctionInputEditorProps } from './FunctionInputEditor';
-import { SpecSelector } from './SpecSelector';
-
-export type TriggerEditorProps = {
-  space: Space;
-  trigger: Trigger.Trigger;
-  // TODO(wittjosiah): This needs to apply to whole spec but currently only applies to spec.kind & spec.query.
-  readonlySpec?: boolean;
-  onSave?: (trigger: Omit<Trigger.Trigger, 'id'>) => void;
-  onCancel?: () => void;
-} & Pick<QueryFormProps, 'types' | 'tags'>;
-
-export const TriggerEditor = ({ space, trigger, readonlySpec, types, tags, onSave, onCancel }: TriggerEditorProps) => {
-  const handleSave = ({ id: _, ...values }: Trigger.Trigger) => {
-    onSave?.(values);
-  };
-
-  const handleRefQueryLookup = useRefQueryLookupHandler({ space });
-  const Custom = useCustomInputs({ space, readonlySpec, types, tags, onQueryRefOptions: handleRefQueryLookup });
-
-  return (
-    <Form
-      outerSpacing={false}
-      Custom={Custom}
-      schema={Trigger.Trigger}
-      values={trigger}
-      onSave={handleSave}
-      onCancel={onCancel}
-      onQueryRefOptions={handleRefQueryLookup}
-    />
-  );
-};
-
-type UseCustomInputsProps = {
-  space: Space;
-  readonlySpec?: boolean;
-  onQueryRefOptions: FunctionInputEditorProps['onQueryRefOptions'];
-} & Pick<QueryFormProps, 'types' | 'tags'>;
-
-const useCustomInputs = ({ space, readonlySpec, types, tags, onQueryRefOptions }: UseCustomInputsProps) => {
-  const functions = useQuery(space, Filter.type(Function.Function));
-  const workflows = useQuery(space, Filter.type(ComputeGraph));
-  const scripts = useQuery(space, Filter.type(Script.Script));
-
-  return useMemo(
-    (): CustomInputMap => ({
-      // Function selector.
-      ['function' satisfies keyof Trigger.Trigger]: (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]: (props) => <SpecSelector {...props} readonly={readonlySpec ? 'disabled-input' : false} />,
-
-      // TODO(wittjosiah): Copied from ViewEditor.
-      // Query input editor.
-      ['spec.query' as const]: (props) => {
-        const handleChange = useCallback(
-          (query: Query.Any) => props.onValueChange('object', { ast: query.ast }),
-          [props.onValueChange],
-        );
-
-        return (
-          <Input.Root>
-            <InputHeader label={props.label} />
-            <QueryForm initialQuery={(props.getValue() as any).ast} types={types} tags={tags} onChange={handleChange} />
-          </Input.Root>
-        );
-      },
-
-      // Function input editor.
-      ['input' as const]: (props) => (
-        <FunctionInputEditor {...props} functions={functions} onQueryRefOptions={onQueryRefOptions} />
-      ),
-    }),
-    [workflows, scripts, functions, readonlySpec],
-  );
-};
-
-const getWorkflowOptions = (graphs: ComputeGraph[]) => {
-  return graphs.map((graph) => ({ label: `compute-${graph.id}`, value: `dxn:echo:@:${graph.id}` }));
-};
-
-const getFunctionOptions = (scripts: Script.Script[], functions: Function.Function[]) => {
-  const getLabel = (fn: Function.Function) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
-  return functions.map((fn) => ({ label: getLabel(fn), value: `dxn:echo:@:${fn.id}` }));
-};

package/src/components/TriggerEditor/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './TriggerEditor';

package/src/components/TriggerSettings.tsx

@@ -1,25 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React from 'react';
-
-import { type Space } from '@dxos/react-client/echo';
-import { Input, useTranslation } from '@dxos/react-ui';
-import { ControlItemInput } from '@dxos/react-ui-form';
-
-import { useTriggerRuntimeControls } from '../hooks';
-import { meta } from '../meta';
-
-export const TriggersSettings = ({ space }: { space: Space }) => {
-  const { triggers, isRunning, start, stop } = useTriggerRuntimeControls(space);
-  const { t } = useTranslation(meta.id);
-
-  return (
-    <div className='container-max-width grid grid-cols-1 md:grid-cols-[1fr_min-content]'>
-      <ControlItemInput title={t('runtime label')} description={t('runtime description')}>
-        <Input.Switch classNames='justify-self-end' checked={isRunning} onCheckedChange={isRunning ? stop : start} />
-      </ControlItemInput>
-    </div>
-  );
-};

package/src/events.ts

@@ -1,11 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { defineEvent } from '@dxos/app-framework';
-
-import { meta } from './meta';
-
-export namespace AutomationEvents {
-  export const ComputeRuntimeReady = defineEvent(`${meta.id}/event/compute-runtime-ready`);
-}

package/src/hooks/useComputeRuntimeCallback.ts

@@ -1,68 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Cause from 'effect/Cause';
-import * as Effect from 'effect/Effect';
-import * as Exit from 'effect/Exit';
-import { useCallback } from 'react';
-
-import { useCapability } from '@dxos/app-framework/react';
-import { type FunctionDefinition, FunctionInvocationService } from '@dxos/functions';
-import { InvocationTracer, TracingServiceExt } from '@dxos/functions-runtime';
-import { log } from '@dxos/log';
-import type { Space } from '@dxos/react-client/echo';
-
-import { AutomationCapabilities } from '../capabilities';
-
-/**
- * Create an effectful function that has access to compute services
- */
-// TODO(burdon): Factor out (figure out cross-plugin capabilities dependencies).
-export const useComputeRuntimeCallback = <T>(
-  space: Space | undefined,
-  fn: () => Effect.Effect<T, any, AutomationCapabilities.ComputeServices>,
-  deps?: React.DependencyList,
-): (() => Promise<T>) => {
-  const computeRuntime = useCapability(AutomationCapabilities.ComputeRuntime);
-  const runtime = space !== undefined ? computeRuntime.getRuntime(space.id) : undefined;
-
-  return useCallback(() => {
-    if (!runtime) {
-      throw new TypeError('Space not provided to useComputeRuntimeCallback');
-    }
-
-    return runtime.runPromise(fn());
-  }, [runtime, ...(deps ?? [])]);
-};
-
-// TODO(wittjosiah): Function invoking should automatically be traced (DX-647).
-export const invokeFunctionWithTracing = <I, O>(functionDef: FunctionDefinition<I, O>, inputData: I) =>
-  Effect.gen(function* () {
-    const tracer = yield* InvocationTracer;
-    const trace = yield* tracer.traceInvocationStart({
-      target: undefined,
-      payload: {
-        data: {},
-      },
-    });
-
-    // Invoke the function.
-    const result = yield* FunctionInvocationService.invokeFunction(functionDef, inputData).pipe(
-      Effect.provide(TracingServiceExt.layerQueue(trace.invocationTraceQueue)),
-      Effect.exit,
-    );
-
-    if (Exit.isFailure(result)) {
-      const error = Cause.prettyErrors(result.cause)[0];
-      log.error(error.message, error.cause ?? error.stack);
-    }
-
-    yield* tracer.traceInvocationEnd({
-      trace,
-      // TODO(dmaretskyi): Might miss errors.
-      exception: Exit.isFailure(result) ? Cause.prettyErrors(result.cause)[0] : undefined,
-    });
-
-    return result;
-  });