@dxos/react-ui-canvas-compute 0.9.1-staging.ee54ba693a → 0.11.0

package/src/shapes/thread-def.ts

@@ -0,0 +1,45 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import * as Schema from 'effect/Schema';
+
+import { createInputSchema, createOutputSchema } from '@dxos/conductor';
+import { Type } from '@dxos/echo';
+import { type ShapeDef } from '@dxos/react-ui-canvas-editor';
+import { Message } from '@dxos/types';
+
+import { createFunctionAnchors } from './common';
+import { ComputeShape, type CreateShapeProps, createShape } from './defs';
+import { ThreadComponent } from './Thread';
+
+// Kept out of `Thread.tsx`: react-refresh only fast-refreshes a module whose
+// exports are all components, so values exported beside them force a full page reload on every edit.
+
+const InputSchema = createInputSchema(Type.getSchema(Message.Message));
+
+const OutputSchema = createOutputSchema(Schema.mutable(Schema.Array(Type.getSchema(Message.Message))));
+
+export const ThreadShape = Schema.extend(
+  ComputeShape,
+  Schema.Struct({
+    type: Schema.Literal('thread'),
+  }),
+);
+
+export type ThreadShape = Schema.Schema.Type<typeof ThreadShape>;
+
+export type CreateThreadProps = CreateShapeProps<ThreadShape>;
+
+export const createThread = (props: CreateThreadProps) =>
+  createShape<ThreadShape>({ type: 'thread', size: { width: 384, height: 384 }, ...props });
+
+export const threadShape: ShapeDef<ThreadShape> = {
+  type: 'thread',
+  name: 'Thread',
+  icon: 'ph--chats-circle--regular',
+  component: ThreadComponent,
+  createShape: createThread,
+  getAnchors: (shape) => createFunctionAnchors(shape, InputSchema, OutputSchema),
+  resizable: true,
+};

package/src/shapes/trigger-def.ts

@@ -0,0 +1,63 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import * as Schema from 'effect/Schema';
+
+import { Trigger, TriggerEvent } from '@dxos/compute';
+import { VoidInput } from '@dxos/conductor';
+import { Ref } from '@dxos/echo';
+import { type SpaceId } from '@dxos/keys';
+import { type ShapeDef } from '@dxos/react-ui-canvas-editor';
+
+import { createFunctionAnchors, getHeight } from './common';
+import { ComputeShape, type CreateShapeProps, createShape } from './defs';
+import { TriggerComponent } from './Trigger';
+import { createTriggerSpec, getOutputSchema } from './trigger-spec';
+
+// Kept out of `Trigger.tsx`: react-refresh only fast-refreshes a module whose
+// exports are all components, so values exported beside them force a full page reload on every edit.
+
+const TriggerShapeSchema = Schema.extend(
+  ComputeShape,
+  Schema.Struct({
+    type: Schema.Literal('trigger'),
+    functionTrigger: Schema.optional(Ref.Ref(Trigger.Trigger)),
+  }),
+);
+
+// TODO(wittjosiah): Try to clean up this type inference.
+export interface TriggerShape extends ComputeShape {
+  type: 'trigger';
+  functionTrigger?: Ref.Ref<Trigger.Trigger>;
+}
+
+export const TriggerShape: Schema.Schema<TriggerShape> = TriggerShapeSchema as any;
+
+export type CreateTriggerProps = CreateShapeProps<Omit<TriggerShape, 'functionTrigger'>> & {
+  spaceId?: SpaceId;
+  triggerKind?: Trigger.Kind;
+};
+
+export const createTrigger = (props: CreateTriggerProps): TriggerShape => {
+  const functionTrigger = Trigger.make({
+    enabled: true,
+    spec: createTriggerSpec(props),
+  });
+  return createShape<TriggerShape>({
+    type: 'trigger',
+    functionTrigger: Ref.make(functionTrigger),
+    size: { width: 192, height: getHeight(TriggerEvent.EmailEvent) },
+    ...props,
+  });
+};
+
+export const triggerShape: ShapeDef<TriggerShape> = {
+  type: 'trigger',
+  name: 'Trigger',
+  icon: 'ph--lightning--regular',
+  component: TriggerComponent,
+  createShape: createTrigger,
+  getAnchors: (shape) =>
+    createFunctionAnchors(shape, VoidInput, getOutputSchema(shape.functionTrigger?.target?.spec?.kind ?? 'email')),
+};

package/src/shapes/trigger-spec.ts

@@ -0,0 +1,44 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import * as Schema from 'effect/Schema';
+
+import { Trigger, TriggerEvent } from '@dxos/compute';
+import { Filter, Query } from '@dxos/echo';
+import { type SpaceId } from '@dxos/keys';
+
+// Kept out of `Trigger.tsx` and shared with `trigger-def.ts`: react-refresh only fast-refreshes a
+// module whose exports are all components, and a value import back from the def module would close
+// a runtime cycle.
+
+export const createTriggerSpec = (props: { triggerKind?: Trigger.Kind; spaceId?: SpaceId }): Trigger.Spec => {
+  const kind = props.triggerKind ?? 'email';
+  switch (kind) {
+    case 'timer':
+      return Trigger.specTimer('*/10 * * * * *');
+    case 'webhook':
+      return Trigger.specWebhook({ method: 'POST' });
+    case 'subscription':
+      return Trigger.specSubscription(Query.select(Filter.nothing()));
+    case 'email':
+      return Trigger.specEmail();
+    case 'feed': {
+      return { kind: 'feed' } satisfies Trigger.FeedSpec;
+    }
+    case 'direct':
+      return Trigger.specDirect();
+  }
+};
+
+export const getOutputSchema = (kind: Trigger.Kind) => {
+  const kindToSchema: Record<Trigger.Kind, Schema.Schema<any>> = {
+    ['email']: TriggerEvent.EmailEvent,
+    ['subscription']: TriggerEvent.SubscriptionEvent,
+    ['timer']: TriggerEvent.TimerEvent,
+    ['webhook']: TriggerEvent.WebhookEvent,
+    ['feed']: TriggerEvent.FeedEvent,
+    ['direct']: TriggerEvent.DirectEvent,
+  };
+  return kindToSchema[kind];
+};