@dxos/plugin-automation 0.6.14-main.8b352a0 → 0.6.14-staging.3e2eaca

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

@@ -4,6 +4,8 @@ declare const _default: {
     name: string;
     description: string;
     icon: string;
+    source: string;
+    tags: string[];
 };
 export default _default;
 //# sourceMappingURL=meta.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;;;;;;;AAE9D,wBAKuB"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;;;;;;;;;AAE9D,wBAOuB"}

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

@@ -10,6 +10,20 @@ declare const _default: {
             'template placeholder': string;
             'value placeholder': string;
             'select preset template placeholder': string;
+            'open automation panel label': string;
+            'function select label': string;
+            'function select placeholder': string;
+            'function enabled': string;
+            'trigger select label': string;
+            'trigger select placeholder': string;
+            'trigger type subscription': string;
+            'trigger type timer': string;
+            'trigger type webhook': string;
+            'trigger type websocket': string;
+            'trigger filter': string;
+            'trigger cron': string;
+            'trigger method': string;
+            'trigger endpoint': string;
         };
     };
 }[];

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

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

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

@@ -1,7 +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;
+export type AutomationPluginProvides = SurfaceProvides & IntentResolverProvides & MetadataRecordsProvides & TranslationsProvides & GraphBuilderProvides & SchemaProvides & PanelProvides;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +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;AAM1D,oBAAY,gBAAgB;IAC1B,MAAM,6CAAgC;CACvC;AAED,MAAM,MAAM,wBAAwB,GAAG,eAAe,GACpD,sBAAsB,GACtB,uBAAuB,GACvB,oBAAoB,GACpB,oBAAoB,GACpB,cAAc,CAAC"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-automation",
-  "version": "0.6.14-main.8b352a0",
+  "version": "0.6.14-staging.3e2eaca",
   "description": "Prompt chain plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -47,29 +47,31 @@
     "@effect/schema": "^0.75.1",
     "@preact/signals-core": "^1.6.0",
     "lodash.get": "^4.4.2",
-    "@dxos/app-framework": "0.6.14-main.8b352a0",
-    "@dxos/async": "0.6.14-main.8b352a0",
-    "@dxos/chain": "0.6.14-main.8b352a0",
-    "@dxos/context": "0.6.14-main.8b352a0",
-    "@dxos/echo-db": "0.6.14-main.8b352a0",
-    "@dxos/echo-schema": "0.6.14-main.8b352a0",
-    "@dxos/functions": "0.6.14-main.8b352a0",
-    "@dxos/invariant": "0.6.14-main.8b352a0",
-    "@dxos/keys": "0.6.14-main.8b352a0",
-    "@dxos/log": "0.6.14-main.8b352a0",
-    "@dxos/plugin-client": "0.6.14-main.8b352a0",
-    "@dxos/plugin-chess": "0.6.14-main.8b352a0",
-    "@dxos/plugin-ipfs": "0.6.14-main.8b352a0",
-    "@dxos/plugin-graph": "0.6.14-main.8b352a0",
-    "@dxos/plugin-markdown": "0.6.14-main.8b352a0",
-    "@dxos/plugin-script": "0.6.14-main.8b352a0",
-    "@dxos/plugin-inbox": "0.6.14-main.8b352a0",
-    "@dxos/plugin-sketch": "0.6.14-main.8b352a0",
-    "@dxos/plugin-space": "0.6.14-main.8b352a0",
-    "@dxos/react-client": "0.6.14-main.8b352a0",
-    "@dxos/react-ui-editor": "0.6.14-main.8b352a0",
-    "@dxos/plugin-stack": "0.6.14-main.8b352a0",
-    "@dxos/util": "0.6.14-main.8b352a0"
+    "@dxos/async": "0.6.14-staging.3e2eaca",
+    "@dxos/app-framework": "0.6.14-staging.3e2eaca",
+    "@dxos/chain": "0.6.14-staging.3e2eaca",
+    "@dxos/context": "0.6.14-staging.3e2eaca",
+    "@dxos/functions": "0.6.14-staging.3e2eaca",
+    "@dxos/echo-schema": "0.6.14-staging.3e2eaca",
+    "@dxos/invariant": "0.6.14-staging.3e2eaca",
+    "@dxos/echo-db": "0.6.14-staging.3e2eaca",
+    "@dxos/keys": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-deck": "0.6.14-staging.3e2eaca",
+    "@dxos/log": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-chess": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-client": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-inbox": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-graph": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-ipfs": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-markdown": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-sketch": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-space": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-stack": "0.6.14-staging.3e2eaca",
+    "@dxos/plugin-script": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-data": "0.6.14-staging.3e2eaca",
+    "@dxos/react-client": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-editor": "0.6.14-staging.3e2eaca",
+    "@dxos/util": "0.6.14-staging.3e2eaca"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -79,18 +81,18 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.6.14-main.8b352a0",
-    "@dxos/echo-db": "0.6.14-main.8b352a0",
-    "@dxos/react-ui": "0.6.14-main.8b352a0",
-    "@dxos/storybook-utils": "0.6.14-main.8b352a0",
-    "@dxos/react-ui-theme": "0.6.14-main.8b352a0"
+    "@dxos/echo-db": "0.6.14-staging.3e2eaca",
+    "@dxos/random": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui-theme": "0.6.14-staging.3e2eaca",
+    "@dxos/storybook-utils": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui": "0.6.14-staging.3e2eaca"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.6.14-main.8b352a0",
-    "@dxos/react-ui": "0.6.14-main.8b352a0"
+    "@dxos/react-ui-theme": "0.6.14-staging.3e2eaca",
+    "@dxos/react-ui": "0.6.14-staging.3e2eaca"
   },
   "publishConfig": {
     "access": "public"

package/src/AutomationPlugin.tsx

@@ -37,6 +37,15 @@ export const AutomationPlugin = (): PluginDefinition<AutomationPluginProvides> =
       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);
@@ -56,7 +65,7 @@ export const AutomationPlugin = (): PluginDefinition<AutomationPluginProvides> =
                 }
 
                 const type = 'orphan-settings-for-subject';
-                const icon = 'ph--magic-wand--regular';
+                const icon = 'ph--flow-arrow--regular';
 
                 const [subjectId] = id.split('~');
                 const { spaceId, objectId } = parseId(subjectId);

package/src/components/AutomationPanel.tsx

@@ -6,6 +6,8 @@ import React from 'react';
 
 import { Button, Icon, Toolbar } from '@dxos/react-ui';
 
+// TODO(burdon): Form components.
+
 export const AutomationPanel = () => {
   const handleCreate = () => {};
 

package/src/components/TriggerEditor/TriggerEditor.tsx

@@ -20,22 +20,31 @@ import { log } from '@dxos/log';
 import { ScriptType } from '@dxos/plugin-script/types';
 import { useClient } from '@dxos/react-client';
 import { Filter, type Space, useQuery } from '@dxos/react-client/echo';
-import { Input, Select } from '@dxos/react-ui';
+import { Input, Select, useTranslation } from '@dxos/react-ui';
 import { distinctBy } from '@dxos/util';
 
 import { InputRow } from './Form';
 import { invokeFunction } from './invokation-handler';
 import { getFunctionMetaExtension, state } from './meta';
+import { AUTOMATION_PLUGIN } from '../../meta';
 
 const triggerTypes: FunctionTriggerType[] = ['subscription', 'timer', 'webhook', 'websocket'];
 
 const registerTriggersMutex = new Mutex();
 
 export const TriggerEditor = ({ space, trigger }: { space: Space; trigger: FunctionTrigger }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
   const client = useClient();
   const scripts = useQuery(space, Filter.schema(ScriptType));
   const script = useMemo(() => scripts.find((script) => script.id === trigger.function), [trigger.function, scripts]);
 
+  const triggerLabels: Record<FunctionTriggerType, string> = {
+    subscription: t('trigger type subscription'),
+    timer: t('trigger type timer'),
+    webhook: t('trigger type webhook'),
+    websocket: t('trigger type websocket'),
+  };
+
   // TODO(burdon): Factor out, creating context for plugin (runs outside of component).
   const [registry] = useState(new Map<string, Context>());
   const triggers = useQuery(space, Filter.schema(FunctionTrigger));
@@ -98,8 +107,8 @@ export const TriggerEditor = ({ space, trigger }: { space: Space; trigger: Funct
   }, []);
 
   useEffect(() => {
-    void space.db.schema
-      .list()
+    void space.db.schemaRegistry
+      .query()
       .then((schemas) => {
         // TODO(zan): We should solve double adding of stored schemas in the schema registry.
         state.schemas = distinctBy([...state.schemas, ...schemas], (schema) => schema.typename).sort((a, b) =>
@@ -166,15 +175,15 @@ export const TriggerEditor = ({ space, trigger }: { space: Space; trigger: Funct
     <div className='flex flex-col py-1'>
       <table className='is-full table-fixed'>
         <tbody>
-          <InputRow label='Function'>
+          <InputRow label={t('function select label')}>
             <Select.Root value={script?.id} onValueChange={handleSelectFunction}>
-              <Select.TriggerButton placeholder={'Select function'} />
+              <Select.TriggerButton classNames='w-full' placeholder={t('function select placeholder')} />
               <Select.Portal>
                 <Select.Content>
                   <Select.Viewport>
                     {scripts.map(({ id, name }) => (
                       <Select.Option key={id} value={id}>
-                        {name ?? 'Unnamed'}
+                        {name ?? id}
                       </Select.Option>
                     ))}
                   </Select.Viewport>
@@ -189,15 +198,15 @@ export const TriggerEditor = ({ space, trigger }: { space: Space; trigger: Funct
               </div>
             </InputRow>
           )}
-          <InputRow label='Type'>
+          <InputRow label={t('trigger select label')}>
             <Select.Root value={trigger.spec?.type} onValueChange={handleSelectTriggerType}>
-              <Select.TriggerButton placeholder={'Select trigger'} />
+              <Select.TriggerButton placeholder={t('trigger select placeholder')} />
               <Select.Portal>
                 <Select.Content>
                   <Select.Viewport>
                     {triggerTypes.map((trigger) => (
                       <Select.Option key={trigger} value={trigger}>
-                        {trigger}
+                        {triggerLabels[trigger]}
                       </Select.Option>
                     ))}
                   </Select.Viewport>
@@ -208,7 +217,7 @@ export const TriggerEditor = ({ space, trigger }: { space: Space; trigger: Funct
         </tbody>
         <tbody>
           {trigger.spec && <TriggerSpec space={space} spec={trigger.spec} />}
-          <InputRow label='Enabled'>
+          <InputRow label={t('function enabled')}>
             {/* TODO(burdon): Hack to make the switch the same height as other controls. */}
             <div className='flex items-center h-8'>
               <Input.Switch checked={trigger.enabled} onCheckedChange={(checked) => (trigger.enabled = !!checked)} />
@@ -236,21 +245,19 @@ export const TriggerEditor = ({ space, trigger }: { space: Space; trigger: Funct
 //
 
 const TriggerSpecSubscription = ({ spec }: TriggerSpecProps<SubscriptionTrigger>) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
   if (!spec.filter) {
     return null;
   }
 
-  const handleSelectSchema = (typename: string) => {
+  const handleValueChange = (typename: string) => {
     spec.filter = [{ type: typename }];
   };
 
   return (
     <>
-      <InputRow label='Filter'>
-        <Select.Root
-          value={spec.filter.length > 0 ? spec.filter[0].type : undefined}
-          onValueChange={handleSelectSchema}
-        >
+      <InputRow label={t('trigger filter')}>
+        <Select.Root value={spec.filter.length > 0 ? spec.filter[0].type : undefined} onValueChange={handleValueChange}>
           <Select.TriggerButton classNames='w-full' placeholder={'Select type'} />
           <Select.Portal>
             <Select.Content>
@@ -269,38 +276,46 @@ const TriggerSpecSubscription = ({ spec }: TriggerSpecProps<SubscriptionTrigger>
   );
 };
 
-const TriggerSpecTimer = ({ spec }: TriggerSpecProps<TimerTrigger>) => (
-  <>
-    <InputRow label='Cron'>
-      <Input.TextInput value={spec.cron} onChange={(event) => (spec.cron = event.target.value)} />
-    </InputRow>
-  </>
-);
+const TriggerSpecTimer = ({ spec }: TriggerSpecProps<TimerTrigger>) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  return (
+    <>
+      <InputRow label={t('trigger cron')}>
+        <Input.TextInput value={spec.cron} onChange={(event) => (spec.cron = event.target.value)} />
+      </InputRow>
+    </>
+  );
+};
 
 const methods = ['GET', 'POST'];
 
-const TriggerSpecWebhook = ({ spec }: TriggerSpecProps<WebhookTrigger>) => (
-  <>
-    <InputRow label='Method'>
-      <Select.Root value={spec.method} onValueChange={(value) => (spec.method = value)}>
-        <Select.TriggerButton placeholder={'type'} />
-        <Select.Portal>
-          <Select.Content>
-            <Select.Viewport>
-              {methods.map((method) => (
-                <Select.Option key={method} value={method}>
-                  {method}
-                </Select.Option>
-              ))}
-            </Select.Viewport>
-          </Select.Content>
-        </Select.Portal>
-      </Select.Root>
-    </InputRow>
-  </>
-);
+const TriggerSpecWebhook = ({ spec }: TriggerSpecProps<WebhookTrigger>) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  return (
+    <>
+      <InputRow label={t('trigger method')}>
+        <Select.Root value={spec.method} onValueChange={(value) => (spec.method = value)}>
+          <Select.TriggerButton placeholder={'type'} />
+          <Select.Portal>
+            <Select.Content>
+              <Select.Viewport>
+                {methods.map((method) => (
+                  <Select.Option key={method} value={method}>
+                    {method}
+                  </Select.Option>
+                ))}
+              </Select.Viewport>
+            </Select.Content>
+          </Select.Portal>
+        </Select.Root>
+      </InputRow>
+    </>
+  );
+};
 
 const TriggerSpecWebsocket = ({ spec }: TriggerSpecProps<WebsocketTrigger>) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+
   const handleChangeInit: ChangeEventHandler<HTMLInputElement> = (event) => {
     try {
       spec.init = JSON.parse(event.target.value);
@@ -311,7 +326,7 @@ const TriggerSpecWebsocket = ({ spec }: TriggerSpecProps<WebsocketTrigger>) => {
 
   return (
     <>
-      <InputRow label='Endpoint'>
+      <InputRow label={t('trigger method')}>
         <Input.TextInput
           value={spec.url}
           onChange={(event) => (spec.url = event.target.value)}

package/src/meta.ts

@@ -10,5 +10,7 @@ export default {
   id: AUTOMATION_PLUGIN,
   name: 'Automation',
   description: 'Automation workflows.',
-  icon: 'ph--magic-wand--regular',
+  icon: 'ph--flow-arrow--regular',
+  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-automation',
+  tags: ['experimental'],
 } satisfies PluginMeta;

package/src/translations.ts

@@ -17,13 +17,23 @@ export default [
         'template placeholder': 'Enter template...',
         'value placeholder': 'Enter value...',
         'select preset template placeholder': 'Select preset',
+        'open automation panel label': 'Show Automations',
 
-        // 'create object label': 'Create rule',
-        // 'create stack section label': 'Create rule',
-        // 'command placeholder': 'Enter command...',
-        // 'template placeholder': 'Enter template...',
-        // 'value placeholder': 'Enter value...',
-        // 'select preset template placeholder': 'Select preset',
+        'function select label': 'Function',
+        'function select placeholder': 'Select function',
+        'function enabled': 'Enabled',
+        'trigger select label': 'Trigger',
+        'trigger select placeholder': 'Trigger type',
+
+        'trigger type subscription': 'Subscription',
+        'trigger type timer': 'Timer',
+        'trigger type webhook': 'Webhook',
+        'trigger type websocket': 'Websocket',
+
+        'trigger filter': 'Filter',
+        'trigger cron': 'Cron',
+        'trigger method': 'Method',
+        'trigger endpoint': 'Endpoint',
       },
     },
   },

package/src/types/types.ts

@@ -10,6 +10,7 @@ import type {
   TranslationsProvides,
 } from '@dxos/app-framework';
 import { type SchemaProvides } from '@dxos/plugin-client';
+import { type PanelProvides } from '@dxos/plugin-deck/types';
 
 import { AUTOMATION_PLUGIN } from '../meta';
 
@@ -24,4 +25,5 @@ export type AutomationPluginProvides = SurfaceProvides &
   MetadataRecordsProvides &
   TranslationsProvides &
   GraphBuilderProvides &
-  SchemaProvides;
+  SchemaProvides &
+  PanelProvides;