@dxos/plugin-automation 0.6.14-main.1366248

package/dist/types/src/translations.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    'en-US': {
+        "dxos.org/plugin/automation": {
+            'plugin name': string;
+            'object placeholder': string;
+            'create object label': string;
+            'create trigger label': string;
+            'create stack section label': string;
+            'command placeholder': string;
+            'template placeholder': string;
+            'value placeholder': string;
+            'select preset template placeholder': string;
+            'open automation panel label': string;
+        };
+    };
+}[];
+export default _default;
+//# sourceMappingURL=translations.d.ts.map

package/dist/types/src/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAMA,wBAwBE"}

package/dist/types/src/types/chain.d.ts

@@ -0,0 +1,71 @@
+import { ref, S } from '@dxos/echo-schema';
+export declare enum ChainInputType {
+    VALUE = 0,
+    PASS_THROUGH = 1,
+    RETRIEVER = 2,
+    FUNCTION = 3,
+    QUERY = 4,
+    RESOLVER = 5,
+    CONTEXT = 6,
+    SCHEMA = 7
+}
+export declare const ChainInputSchema: S.mutable<S.Struct<{
+    name: typeof S.String;
+    type: S.optional<S.Enums<typeof ChainInputType>>;
+    value: S.optional<typeof S.String>;
+}>>;
+export type ChainInput = S.Schema.Type<typeof ChainInputSchema>;
+declare const ChainPromptType_base: import("@dxos/echo-schema").AbstractTypedObject<{
+    template: string;
+    command?: string | undefined;
+    inputs?: {
+        name: string;
+        type?: ChainInputType | undefined;
+        value?: string | undefined;
+    }[] | undefined;
+} & {
+    id: string;
+}, S.Struct.Encoded<{
+    command: S.optional<typeof S.String>;
+    template: typeof S.String;
+    inputs: S.optional<S.mutable<S.Array$<S.mutable<S.Struct<{
+        name: typeof S.String;
+        type: S.optional<S.Enums<typeof ChainInputType>>;
+        value: S.optional<typeof S.String>;
+    }>>>>>;
+}>>;
+export declare class ChainPromptType extends ChainPromptType_base {
+}
+declare const ChainType_base: import("@dxos/echo-schema").AbstractTypedObject<{
+    name?: string | undefined;
+    prompts?: import("@dxos/echo-schema").Ref<{
+        template: string;
+        command?: string | undefined;
+        inputs?: {
+            name: string;
+            type?: ChainInputType | undefined;
+            value?: string | undefined;
+        }[] | undefined;
+    } & {
+        id: string;
+    }>[] | undefined;
+} & {
+    id: string;
+}, S.Struct.Encoded<{
+    name: S.optional<typeof S.String>;
+    prompts: S.optional<S.mutable<S.Array$<ref<{
+        template: string;
+        command?: string | undefined;
+        inputs?: {
+            name: string;
+            type?: ChainInputType | undefined;
+            value?: string | undefined;
+        }[] | undefined;
+    } & {
+        id: string;
+    }>>>>;
+}>>;
+export declare class ChainType extends ChainType_base {
+}
+export {};
+//# sourceMappingURL=chain.d.ts.map

package/dist/types/src/types/chain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain.d.ts","sourceRoot":"","sources":["../../../../src/types/chain.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;AAGxD,oBAAY,cAAc;IACxB,KAAK,IAAI;IACT,YAAY,IAAI;IAChB,SAAS,IAAI;IACb,QAAQ,IAAI;IACZ,KAAK,IAAI;IACT,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,MAAM,IAAI;CACX;AAED,eAAO,MAAM,gBAAgB;;;;GAM5B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;AAEhE,qBAAa,eAAgB,SAAQ,oBAInC;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEL,qBAAa,SAAU,SAAQ,cAG7B;CAAG"}

package/dist/types/src/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './chain';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/types/src/types/types.d.ts

@@ -0,0 +1,8 @@
+import type { GraphBuilderProvides, IntentResolverProvides, MetadataRecordsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';
+import { type SchemaProvides } from '@dxos/plugin-client';
+import { type PanelProvides } from '@dxos/plugin-deck/types';
+export declare enum AutomationAction {
+    CREATE = "dxos.org/plugin/automation/action/create"
+}
+export type AutomationPluginProvides = SurfaceProvides & IntentResolverProvides & MetadataRecordsProvides & TranslationsProvides & GraphBuilderProvides & SchemaProvides & PanelProvides;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/src/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAM7D,oBAAY,gBAAgB;IAC1B,MAAM,6CAAgC;CACvC;AAED,MAAM,MAAM,wBAAwB,GAAG,eAAe,GACpD,sBAAsB,GACtB,uBAAuB,GACvB,oBAAoB,GACpB,oBAAoB,GACpB,cAAc,GACd,aAAa,CAAC"}

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@dxos/plugin-automation",
+  "version": "0.6.14-main.1366248",
+  "description": "Prompt chain plugin",
+  "homepage": "https://dxos.org",
+  "bugs": "https://github.com/dxos/dxos/issues",
+  "license": "MIT",
+  "author": "DXOS.org",
+  "sideEffects": true,
+  "exports": {
+    ".": {
+      "types": "./dist/types/src/index.d.ts",
+      "browser": "./dist/lib/browser/index.mjs",
+      "node": "./dist/lib/node-esm/index.mjs"
+    },
+    "./meta": {
+      "types": "./dist/types/src/meta.d.ts",
+      "browser": "./dist/lib/browser/meta.mjs",
+      "node": "./dist/lib/node-esm/meta.mjs"
+    },
+    "./types": {
+      "types": "./dist/types/src/types/index.d.ts",
+      "browser": "./dist/lib/browser/types/index.mjs",
+      "node": "./dist/lib/node-esm/types/index.mjs"
+    }
+  },
+  "types": "dist/types/src/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "meta": [
+        "dist/types/src/meta.d.ts"
+      ],
+      "types": [
+        "dist/types/src/types/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@codemirror/language": "^6.10.3",
+    "@codemirror/search": "^6.5.6",
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.34.1",
+    "@effect/schema": "^0.75.1",
+    "@preact/signals-core": "^1.6.0",
+    "lodash.get": "^4.4.2",
+    "@dxos/app-framework": "0.6.14-main.1366248",
+    "@dxos/async": "0.6.14-main.1366248",
+    "@dxos/context": "0.6.14-main.1366248",
+    "@dxos/chain": "0.6.14-main.1366248",
+    "@dxos/echo-db": "0.6.14-main.1366248",
+    "@dxos/echo-schema": "0.6.14-main.1366248",
+    "@dxos/functions": "0.6.14-main.1366248",
+    "@dxos/invariant": "0.6.14-main.1366248",
+    "@dxos/keys": "0.6.14-main.1366248",
+    "@dxos/plugin-chess": "0.6.14-main.1366248",
+    "@dxos/plugin-client": "0.6.14-main.1366248",
+    "@dxos/plugin-graph": "0.6.14-main.1366248",
+    "@dxos/plugin-deck": "0.6.14-main.1366248",
+    "@dxos/log": "0.6.14-main.1366248",
+    "@dxos/plugin-inbox": "0.6.14-main.1366248",
+    "@dxos/plugin-ipfs": "0.6.14-main.1366248",
+    "@dxos/plugin-markdown": "0.6.14-main.1366248",
+    "@dxos/plugin-script": "0.6.14-main.1366248",
+    "@dxos/plugin-sketch": "0.6.14-main.1366248",
+    "@dxos/plugin-stack": "0.6.14-main.1366248",
+    "@dxos/plugin-space": "0.6.14-main.1366248",
+    "@dxos/react-ui-editor": "0.6.14-main.1366248",
+    "@dxos/react-client": "0.6.14-main.1366248",
+    "@dxos/util": "0.6.14-main.1366248"
+  },
+  "devDependencies": {
+    "@phosphor-icons/react": "^2.1.5",
+    "@types/lodash.get": "^4.4.7",
+    "@types/react": "~18.2.0",
+    "@types/react-dom": "~18.2.0",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "vite": "5.4.7",
+    "@dxos/echo-db": "0.6.14-main.1366248",
+    "@dxos/random": "0.6.14-main.1366248",
+    "@dxos/react-ui": "0.6.14-main.1366248",
+    "@dxos/storybook-utils": "0.6.14-main.1366248",
+    "@dxos/react-ui-theme": "0.6.14-main.1366248"
+  },
+  "peerDependencies": {
+    "@phosphor-icons/react": "^2.1.5",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "@dxos/react-ui": "0.6.14-main.1366248",
+    "@dxos/react-ui-theme": "0.6.14-main.1366248"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/AutomationPlugin.tsx

@@ -0,0 +1,158 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React from 'react';
+
+import { type PluginDefinition, parseMetadataResolverPlugin, resolvePlugin } from '@dxos/app-framework';
+import { FunctionDef, FunctionTrigger } from '@dxos/functions/types';
+import { invariant } from '@dxos/invariant';
+import { parseClientPlugin } from '@dxos/plugin-client';
+import { createExtension, toSignal } from '@dxos/plugin-graph';
+import { getTypename, loadObjectReferences, parseId } from '@dxos/react-client/echo';
+
+import { AutomationPanel } from './components';
+import meta, { AUTOMATION_PLUGIN } from './meta';
+import translations from './translations';
+import { AutomationAction, type AutomationPluginProvides, ChainPromptType, ChainType } from './types';
+
+// TODO(burdon): Prompt article.
+// TODO(burdon): Trigger panel.
+
+export const AutomationPlugin = (): PluginDefinition<AutomationPluginProvides> => {
+  return {
+    meta,
+    provides: {
+      metadata: {
+        records: {
+          [ChainType.typename]: {
+            placeholder: ['object placeholder', { ns: AUTOMATION_PLUGIN }],
+            icon: 'ph--magic-wand--regular',
+            // TODO(wittjosiah): Move out of metadata.
+            loadReferences: (chain: ChainType) => loadObjectReferences(chain, (chain) => chain.prompts),
+          },
+        },
+      },
+      translations,
+      echo: {
+        schema: [ChainType, ChainPromptType, FunctionDef, FunctionTrigger],
+      },
+      complementary: {
+        panels: [
+          {
+            id: 'automation',
+            label: ['open automation panel label', { ns: AUTOMATION_PLUGIN }],
+            icon: 'ph--flow-arrow--regular',
+          },
+        ],
+      },
+      graph: {
+        builder: (plugins) => {
+          const clientPlugin = resolvePlugin(plugins, parseClientPlugin);
+          const metadataPlugin = resolvePlugin(plugins, parseMetadataResolverPlugin);
+          const resolve = metadataPlugin?.provides.metadata.resolver;
+          const client = clientPlugin?.provides.client;
+          invariant(resolve);
+          invariant(client);
+
+          return [
+            // Create nodes for object settings.
+            createExtension({
+              id: `${AUTOMATION_PLUGIN}/automation-for-subject`,
+              resolver: ({ id }) => {
+                if (!id.endsWith('~automation')) {
+                  return;
+                }
+
+                const type = 'orphan-settings-for-subject';
+                const icon = 'ph--flow-arrow--regular';
+
+                const [subjectId] = id.split('~');
+                const { spaceId, objectId } = parseId(subjectId);
+                const space = client.spaces.get().find((space) => space.id === spaceId);
+                if (!objectId) {
+                  // TODO(burdon): Ref SPACE_PLUGIN ns.
+                  const label = space
+                    ? space.properties.name || ['unnamed space label', { ns: AUTOMATION_PLUGIN }]
+                    : ['unnamed object settings label', { ns: AUTOMATION_PLUGIN }];
+
+                  // TODO(wittjosiah): Support comments for arbitrary subjects.
+                  //   This is to ensure that the comments panel is not stuck on an old object.
+                  return {
+                    id,
+                    type,
+                    data: null,
+                    properties: {
+                      icon,
+                      label,
+                      showResolvedThreads: false,
+                      object: null,
+                      space,
+                    },
+                  };
+                }
+
+                const object = toSignal(
+                  (onChange) => {
+                    const timeout = setTimeout(async () => {
+                      await space?.db.loadObjectById(objectId);
+                      onChange();
+                    });
+
+                    return () => clearTimeout(timeout);
+                  },
+                  () => space?.db.getObjectById(objectId),
+                  subjectId,
+                );
+                if (!object || !subjectId) {
+                  return;
+                }
+
+                const meta = resolve(getTypename(object) ?? '');
+                const label = meta.label?.(object) ||
+                  object.name ||
+                  meta.placeholder || ['unnamed object settings label', { ns: AUTOMATION_PLUGIN }];
+
+                return {
+                  id,
+                  type,
+                  data: null,
+                  properties: {
+                    icon,
+                    label,
+                    object,
+                  },
+                };
+              },
+            }),
+          ];
+        },
+      },
+      surface: {
+        component: ({ data, role }) => {
+          switch (role) {
+            // case 'article':
+            // return data.object instanceof ChainType ? <ChainArticle chain={data.object} /> : null;
+
+            case 'complementary--automation':
+              return <AutomationPanel />;
+          }
+
+          return null;
+        },
+      },
+      intent: {
+        resolver: (intent) => {
+          switch (intent.action) {
+            case AutomationAction.CREATE: {
+              return {
+                // data: create(ChainType, { prompts: [] }),
+                // data: create(FunctionTrigger, { function: '', spec: { type: 'timer', cron: '' } }),
+              };
+            }
+          }
+        },
+      },
+    },
+  };
+};

package/src/components/AutomationPanel.tsx

@@ -0,0 +1,21 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React from 'react';
+
+import { Button, Icon, Toolbar } from '@dxos/react-ui';
+
+export const AutomationPanel = () => {
+  const handleCreate = () => {};
+
+  return (
+    <div className='flex flex-col'>
+      <Toolbar.Root classNames='p-2'>
+        <Button onClick={handleCreate}>
+          <Icon icon='ph--plus--regular' />
+        </Button>
+      </Toolbar.Root>
+    </div>
+  );
+};

package/src/components/Chain.tsx

@@ -0,0 +1,66 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React, { type FC } from 'react';
+
+import { getSpace } from '@dxos/react-client/echo';
+import { Select, useTranslation } from '@dxos/react-ui';
+import { nonNullable } from '@dxos/util';
+
+import { PromptEditor } from './PromptEditor';
+import { AUTOMATION_PLUGIN } from '../meta';
+import { chainPresets, type Preset } from '../presets';
+import { type ChainType } from '../types';
+
+export type ChainProps = {
+  chain: ChainType;
+};
+
+export const Chain = ({ chain }: ChainProps) => {
+  const space = getSpace(chain);
+  if (!space) {
+    return null;
+  }
+
+  const handleSelectPreset = (preset: Preset) => {
+    chain.name = preset.title;
+    // TODO(burdon): API issue.
+    chain.prompts?.filter(nonNullable).forEach((prompt) => space.db.remove(prompt));
+    chain.prompts = [preset.createPrompt()];
+  };
+
+  return (
+    <div className='flex flex-col my-2 gap-4'>
+      {chain.prompts?.filter(nonNullable).map((prompt, i) => <PromptEditor key={i} prompt={prompt} />)}
+      <div className='p-2'>
+        <ChainPresets presets={chainPresets} onSelect={handleSelectPreset} />
+      </div>
+    </div>
+  );
+};
+
+export const ChainPresets: FC<{ presets: Preset[]; onSelect: (preset: Preset) => void }> = ({ presets, onSelect }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+
+  return (
+    <Select.Root
+      onValueChange={(value) => {
+        onSelect(presets.find(({ id }) => id === value)!);
+      }}
+    >
+      <Select.TriggerButton classNames='w-full' placeholder={t('select preset template placeholder')} />
+      <Select.Portal>
+        <Select.Content>
+          <Select.Viewport>
+            {presets.map(({ id, title }) => (
+              <Select.Option key={id} value={id}>
+                {title}
+              </Select.Option>
+            ))}
+          </Select.Viewport>
+        </Select.Content>
+      </Select.Portal>
+    </Select.Root>
+  );
+};

package/src/components/PromptContainer.tsx

@@ -0,0 +1,19 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React from 'react';
+
+import { PromptEditor, type PromptEditorProps } from './PromptEditor';
+
+type PromptContainerProps = PromptEditorProps;
+
+const PromptContainer = (props: PromptContainerProps) => {
+  return (
+    <div role='none' className='row-span-2 pli-2'>
+      <PromptEditor {...props} />
+    </div>
+  );
+};
+
+export default PromptContainer;

package/src/components/PromptEditor/PromptEditor.stories.tsx

@@ -0,0 +1,64 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import '@dxos-theme';
+
+import { type Meta } from '@storybook/react';
+import React, { useState } from 'react';
+
+import { create } from '@dxos/echo-schema';
+import { useClient } from '@dxos/react-client';
+import { withClientProvider } from '@dxos/react-client/testing';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
+
+import { PromptEditor } from './PromptEditor';
+import translations from '../../translations';
+import { ChainPromptType, ChainType } from '../../types';
+
+const template = [
+  '# Comment',
+  '',
+  'You are a machine that is an expert chess player.',
+  'The move history of the current game is: {history}',
+  'If asked to suggest a move explain why it is a good move.',
+  '',
+  '---',
+  '',
+  '{input}',
+].join('\n');
+
+const DefaultStory = () => {
+  const client = useClient();
+  const [chain] = useState(() => {
+    const space = client.spaces.default;
+    return space.db.add(
+      create(ChainType, {
+        prompts: [create(ChainPromptType, { command: 'test', template, inputs: [] })],
+      }),
+    );
+  });
+
+  return (
+    <div role='none' className='flex w-[350px] border border-separator overflow-hidden'>
+      <PromptEditor prompt={chain.prompts![0]!} />
+    </div>
+  );
+};
+
+export const Default = {};
+
+const meta: Meta = {
+  title: 'plugins/plugin-automation/PromptTemplate',
+  render: DefaultStory,
+  decorators: [
+    withClientProvider({ createIdentity: true, createSpace: true, types: [ChainType, ChainPromptType] }),
+    withLayout({ fullscreen: true, classNames: 'flex justify-center m-2' }),
+    withTheme,
+  ],
+  parameters: {
+    translations,
+  },
+};
+
+export default meta;