@dxos/plugin-automation 0.8.1-main.ae460ac → 0.8.1-staging.31c3ee1

package/src/capabilities/react-surface.tsx

@@ -5,18 +5,33 @@
 import React from 'react';
 
 import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
-import { getSpace, isEchoObject, type ReactiveEchoObject } from '@dxos/react-client/echo';
+import { isInstanceOf } from '@dxos/echo-schema';
+import { ScriptType } from '@dxos/functions/types';
+import { getSpace, isSpace, type Space } from '@dxos/react-client/echo';
+import { StackItem } from '@dxos/react-ui-stack';
 
 import { AutomationPanel } from '../components';
-import { AUTOMATION_PLUGIN } from '../meta';
+import { meta } from '../meta';
 
 export default () =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
-      id: `${AUTOMATION_PLUGIN}/automation`,
-      role: 'complementary--automation',
-      filter: (data): data is { subject: ReactiveEchoObject<any> } =>
-        isEchoObject(data.subject) && !!getSpace(data.subject),
-      component: ({ data }) => <AutomationPanel space={getSpace(data.subject)!} object={data.subject} />,
+      id: `${meta.id}/automation`,
+      role: 'space-settings--automation',
+      filter: (data): data is { subject: Space } => isSpace(data.subject),
+      component: ({ data }) => <AutomationPanel space={data.subject} />,
+    }),
+    createSurface({
+      id: `${meta.id}/companion/automation`,
+      role: 'article',
+      filter: (data): data is { companionTo: ScriptType; subject: 'automation' } =>
+        isInstanceOf(ScriptType, data.companionTo) && data.subject === 'automation',
+      component: ({ data, role }) => {
+        return (
+          <StackItem.Content role={role}>
+            <AutomationPanel space={getSpace(data.companionTo)!} object={data.companionTo} />
+          </StackItem.Content>
+        );
+      },
     }),
   ]);

package/src/components/AutomationPanel/AutomationPanel.stories.tsx

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import { type Meta } from '@storybook/react';
 import React from 'react';
 
-import { FunctionType, FunctionTrigger } from '@dxos/functions';
+import { FunctionType, FunctionTrigger } from '@dxos/functions/types';
 import { create, useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { withLayout, withTheme } from '@dxos/storybook-utils';

package/src/components/AutomationPanel/AutomationPanel.tsx

@@ -12,11 +12,13 @@ import {
   TriggerKind,
   type FunctionTriggerType,
   ScriptType,
-} from '@dxos/functions';
+} from '@dxos/functions/types';
 import { type Client, useClient } from '@dxos/react-client';
 import { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';
-import { Clipboard, IconButton, Input, useTranslation } from '@dxos/react-ui';
+import { Clipboard, IconButton, Input, Separator, useTranslation } from '@dxos/react-ui';
+import { ControlItem, controlItemClasses } from '@dxos/react-ui-form';
 import { List } from '@dxos/react-ui-list';
+import { StackItem } from '@dxos/react-ui-stack';
 import { ghostHover, mx } from '@dxos/react-ui-theme';
 
 import { AUTOMATION_PLUGIN } from '../../meta';
@@ -47,7 +49,7 @@ export const AutomationPanel = ({ space, object }: AutomationPanelProps) => {
   };
 
   const handleAdd = () => {
-    setTrigger(create(FunctionTriggerSchema, { meta: {} }));
+    setTrigger(create(FunctionTriggerSchema, {}));
     setSelected(undefined);
   };
 
@@ -74,60 +76,62 @@ export const AutomationPanel = ({ space, object }: AutomationPanelProps) => {
 
   return (
     <Clipboard.Provider>
-      <div className='flex flex-col w-full'>
-        {!trigger && (
-          <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>
-            {({ items: triggers }) => (
-              <div role='list' className='flex flex-col w-full'>
-                {triggers?.map((trigger) => {
-                  const copyAction = getCopyAction(client, trigger);
-                  return (
-                    <List.Item<FunctionTrigger>
-                      key={trigger.id}
-                      item={trigger}
-                      classNames={mx(grid, ghostHover, 'items-center', 'px-2')}
-                    >
-                      <Input.Root>
-                        <Input.Switch
-                          checked={trigger.enabled}
-                          onCheckedChange={(checked) => (trigger.enabled = checked)}
-                        />
-                      </Input.Root>
-
-                      <div className={'flex'}>
-                        <List.ItemTitle
-                          classNames='px-1 cursor-pointer w-0 shrink truncate'
-                          onClick={() => handleSelect(trigger)}
+      <StackItem.Content classNames='block overflow-y-auto'>
+        <div className='flex flex-col w-full'>
+          {trigger ? (
+            <ControlItem title={t('trigger editor title')}>
+              <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />
+            </ControlItem>
+          ) : (
+            <div role='none' className={controlItemClasses}>
+              <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>
+                {({ items: triggers }) => (
+                  <div role='list' className='flex flex-col w-full'>
+                    {triggers?.map((trigger) => {
+                      const copyAction = getCopyAction(client, trigger);
+                      return (
+                        <List.Item<FunctionTrigger>
+                          key={trigger.id}
+                          item={trigger}
+                          classNames={mx(grid, ghostHover, 'items-center', 'px-2')}
                         >
-                          {getFunctionName(scripts, functions, trigger) ?? '∅'}
-                        </List.ItemTitle>
-
-                        {/* TODO: a better way to expose copy action */}
-                        {copyAction && (
-                          <Clipboard.IconButton
-                            label={t(copyAction.translationKey)}
-                            value={copyAction.contentProvider()}
-                          />
-                        )}
-                      </div>
-
-                      <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />
-                    </List.Item>
-                  );
-                })}
-              </div>
-            )}
-          </List.Root>
-        )}
-
-        {trigger && <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />}
-
-        {!trigger && (
-          <div className='flex p-2 justify-center'>
-            <IconButton icon='ph--plus--regular' label={t('new trigger label')} onClick={handleAdd} />
-          </div>
-        )}
-      </div>
+                          <Input.Root>
+                            <Input.Switch
+                              checked={trigger.enabled}
+                              onCheckedChange={(checked) => (trigger.enabled = checked)}
+                            />
+                          </Input.Root>
+
+                          <div className={'flex'}>
+                            <List.ItemTitle
+                              classNames='px-1 cursor-pointer w-0 shrink truncate'
+                              onClick={() => handleSelect(trigger)}
+                            >
+                              {getFunctionName(scripts, functions, trigger) ?? '∅'}
+                            </List.ItemTitle>
+
+                            {/* TODO: a better way to expose copy action */}
+                            {copyAction && (
+                              <Clipboard.IconButton
+                                label={t(copyAction.translationKey)}
+                                value={copyAction.contentProvider()}
+                              />
+                            )}
+                          </div>
+
+                          <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />
+                        </List.Item>
+                      );
+                    })}
+                  </div>
+                )}
+              </List.Root>
+              {triggers.length > 0 && <Separator classNames='mlb-4' />}
+              <IconButton icon='ph--plus--regular' label={t('new trigger label')} onClick={handleAdd} />
+            </div>
+          )}
+        </div>
+      </StackItem.Content>
     </Clipboard.Provider>
   );
 };

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

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import { type Meta } from '@storybook/react';
 import React, { useEffect, useState } from 'react';
 
-import { FunctionType, FunctionTrigger, TriggerKind } from '@dxos/functions';
+import { FunctionType, FunctionTrigger, TriggerKind } from '@dxos/functions/types';
 import { create } from '@dxos/live-object';
 import { useSpaces } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';

package/src/components/TriggerEditor/TriggerEditor.tsx

@@ -2,7 +2,7 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 import { ComputeGraph } from '@dxos/conductor';
 import {
@@ -12,10 +12,10 @@ import {
   type FunctionTrigger,
   ScriptType,
   TriggerKind,
-} from '@dxos/functions';
+} from '@dxos/functions/types';
 import { Filter, useQuery, type Space } from '@dxos/react-client/echo';
 import { IconButton, Input, useTranslation } from '@dxos/react-ui';
-import { Form, SelectInput, TextInput } from '@dxos/react-ui-form';
+import { type CustomInputMap, Form, type InputProps, SelectInput, TextInput, useInputProps } from '@dxos/react-ui-form';
 
 import { AUTOMATION_PLUGIN } from '../../meta';
 
@@ -26,6 +26,30 @@ export type TriggerEditorProps = {
   onCancel?: () => void;
 };
 
+const PayloadInput = (props: InputProps & { property: string }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  // TODO(dmaretskyi): Prop name (`meta`) should be passed in.
+  const inputProps = useInputProps(['meta', props.property]);
+  return (
+    <div role='none' className='flex items-center mt-2 gap-1'>
+      <div role='none' className='flex-1'>
+        <TextInput {...inputProps} type='string' label={props.property} />
+      </div>
+      <IconButton
+        icon='ph--trash--regular'
+        iconOnly
+        classNames={'mt-6'}
+        label={t('trigger meta remove')}
+        onClick={() => {
+          const newValues: any = { ...props.getValue() };
+          delete newValues[props.property];
+          props.onValueChange('object', newValues);
+        }}
+      />
+    </div>
+  );
+};
+
 export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {
   const { t } = useTranslation(AUTOMATION_PLUGIN);
 
@@ -37,90 +61,75 @@ export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEdito
     onSave?.(values);
   };
 
+  const Custom = useMemo(
+    (): CustomInputMap => ({
+      ['function' satisfies keyof FunctionTriggerType]: (props) => (
+        <SelectInput
+          {...props}
+          options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
+        />
+      ),
+      ['spec.type' as const]: (props) => (
+        <SelectInput
+          {...props}
+          options={Object.values(TriggerKind).map((kind) => ({
+            value: kind,
+            label: t(`trigger type ${kind}`),
+          }))}
+        />
+      ),
+      // TODO(wittjosiah): Form should be able to handle arbitrary records by default.
+      ['meta' as const]: (props) => {
+        const payload = props.getValue() ?? {};
+        useEffect(() => props.onValueChange('object', { ...payload }), []);
+        const [newPayloadFieldName, setNewPayloadFieldName] = useState('');
+
+        const handleAddPayload = useCallback(() => {
+          if (newPayloadFieldName.length) {
+            const payload = props.getValue() ?? {};
+            const payloadWithNewProp = { ...payload, [newPayloadFieldName]: '' };
+            setNewPayloadFieldName('');
+            props.onValueChange('object', payloadWithNewProp);
+          }
+        }, [newPayloadFieldName, props.getValue, props.onValueChange]);
+
+        return (
+          <>
+            <div>{/* TODO(wittjosiah): props.label */ 'Payload'}</div>
+            {[...Object.keys(payload)].map((key) => (
+              <PayloadInput key={key} property={key} {...props} />
+            ))}
+            <div role='none' className='flex items-center mt-2 gap-1 plb-1'>
+              <div role='none' className='flex-1'>
+                <Input.Root>
+                  <Input.TextInput
+                    placeholder={t('trigger payload prop name placeholder')}
+                    value={newPayloadFieldName}
+                    onChange={(event) => setNewPayloadFieldName(event.target.value)}
+                  />
+                </Input.Root>
+              </div>
+              <IconButton
+                icon='ph--plus--regular'
+                iconOnly
+                label={t('trigger payload add')}
+                onClick={handleAddPayload}
+              />
+            </div>
+          </>
+        );
+      },
+    }),
+    [workflows, scripts, functions, t],
+  );
+
   return (
     <Form<FunctionTriggerType>
       schema={FunctionTriggerSchema}
       values={trigger}
       onSave={handleSave}
       onCancel={onCancel}
-      Custom={{
-        ['function' satisfies keyof FunctionTriggerType]: (props) => (
-          <SelectInput
-            {...props}
-            options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
-          />
-        ),
-        ['spec.type' as const]: (props) => (
-          <SelectInput
-            {...props}
-            options={Object.values(TriggerKind).map((kind) => ({
-              value: kind,
-              label: t(`trigger type ${kind}`),
-            }))}
-          />
-        ),
-        ['meta' as const]: (props) => {
-          const meta = props.getValue()!;
-          useEffect(() => props.onValueChange('object', { ...meta }), []);
-          const [newMetaFieldName, setNewMetaFieldName] = useState('');
-
-          return (
-            <>
-              <div>{props.label}</div>
-              {[...Object.keys(meta)].map((key) => {
-                const compositeKey: any = `meta.${key}`;
-                return (
-                  <div key={compositeKey} role='none' className='flex items-center mt-2 gap-1'>
-                    <div role='none' className='flex-1'>
-                      <TextInput
-                        {...props}
-                        getValue={() => (props.getValue() as any)[key]}
-                        type={'string'}
-                        label={key}
-                      />
-                    </div>
-                    <IconButton
-                      icon='ph--trash--regular'
-                      iconOnly
-                      classNames={'mt-6'}
-                      label={t('trigger meta remove')}
-                      onClick={() => {
-                        const newValues: any = { ...props.getValue() };
-                        delete newValues[key];
-                        props.onValueChange('object', newValues);
-                      }}
-                    />
-                  </div>
-                );
-              })}
-              <div role='none' className='flex items-center mt-2 gap-1 plb-1'>
-                <div role='none' className='flex-1'>
-                  <Input.Root>
-                    <Input.TextInput
-                      placeholder={t('trigger meta prop name placeholder')}
-                      value={newMetaFieldName}
-                      onChange={(event) => setNewMetaFieldName(event.target.value)}
-                    />
-                  </Input.Root>
-                </div>
-                <IconButton
-                  icon='ph--plus--regular'
-                  iconOnly
-                  label={t('trigger meta add')}
-                  onClick={() => {
-                    if (newMetaFieldName.length) {
-                      const meta = props.getValue() ?? {};
-                      const metaWithNewProp = { ...meta, [newMetaFieldName]: '' };
-                      setNewMetaFieldName('');
-                      props.onValueChange('object', metaWithNewProp);
-                    }
-                  }}
-                />
-              </div>
-            </>
-          );
-        },
-      }}
+      Custom={Custom}
     />
   );
 };

package/src/meta.ts

@@ -6,11 +6,11 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const AUTOMATION_PLUGIN = 'dxos.org/plugin/automation';
 
-export const meta = {
+export const meta: PluginMeta = {
   id: AUTOMATION_PLUGIN,
   name: 'Automation',
   description:
     'The Automation tab allows you to trigger pre-defined workflows related to the element you are interacting with inside of Composer.',
   icon: 'ph--robot--regular',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-automation',
-} satisfies PluginMeta;
+};

package/src/translations.ts

@@ -10,8 +10,10 @@ export default [
       [AUTOMATION_PLUGIN]: {
         'plugin name': 'Automation',
         'automation panel label': 'Automations',
+        'script automation label': 'Automation',
 
-        'new trigger label': 'New Trigger',
+        'trigger editor title': 'New Trigger',
+        'new trigger label': 'Add Trigger',
         'trigger type timer': 'Timer',
         'trigger type webhook': 'Webhook',
         'trigger type websocket': 'Websocket',
@@ -22,9 +24,9 @@ export default [
         'trigger copy url': 'Copy URL',
         'trigger copy email': 'Copy Email',
 
-        'trigger meta add': 'Add',
-        'trigger meta remove': 'Remove',
-        'trigger meta prop name placeholder': 'New meta property name',
+        'trigger payload add': 'Add',
+        'trigger payload remove': 'Remove',
+        'trigger payload prop name placeholder': 'New payload property name',
       },
     },
   },

package/dist/lib/browser/AutomationPanel-ITYXSN5Z.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/AutomationPanel/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { S } from '@dxos/echo-schema';\nimport {\n  FunctionType,\n  FunctionTrigger,\n  FunctionTriggerSchema,\n  TriggerKind,\n  type FunctionTriggerType,\n  ScriptType,\n} from '@dxos/functions';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';\nimport { Clipboard, IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { TriggerEditor, type TriggerEditorProps } from '../TriggerEditor';\n\nconst grid = 'grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]';\n\nexport type AutomationPanelProps = {\n  space: Space;\n  object?: ReactiveObject<any>;\n};\n\n// TODO(burdon): Factor out common layout with ViewEditor.\nexport const AutomationPanel = ({ space, object }: AutomationPanelProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const client = useClient();\n  const triggers = useQuery(space, Filter.schema(FunctionTrigger));\n  const functions = useQuery(space, Filter.schema(FunctionType));\n  const scripts = useQuery(space, Filter.schema(ScriptType));\n\n  const [trigger, setTrigger] = useState<FunctionTriggerType>();\n  const [selected, setSelected] = useState<FunctionTrigger>();\n\n  const handleSelect = (trigger: FunctionTrigger) => {\n    const { id: _, ...values } = trigger;\n    setTrigger(values);\n    setSelected(trigger);\n  };\n\n  const handleAdd = () => {\n    setTrigger(create(FunctionTriggerSchema, { meta: {} }));\n    setSelected(undefined);\n  };\n\n  const handleDelete = (trigger: FunctionTrigger) => {\n    space.db.remove(trigger);\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleSave: TriggerEditorProps['onSave'] = (trigger) => {\n    if (selected) {\n      Object.assign(selected, trigger);\n    } else {\n      space.db.add(create(FunctionTrigger, trigger));\n    }\n\n    setTrigger(undefined);\n    setSelected(undefined);\n  };\n\n  const handleCancel: TriggerEditorProps['onCancel'] = () => {\n    setTrigger(undefined);\n  };\n\n  return (\n    <Clipboard.Provider>\n      <div className='flex flex-col w-full'>\n        {!trigger && (\n          <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>\n            {({ items: triggers }) => (\n              <div role='list' className='flex flex-col w-full'>\n                {triggers?.map((trigger) => {\n                  const copyAction = getCopyAction(client, trigger);\n                  return (\n                    <List.Item<FunctionTrigger>\n                      key={trigger.id}\n                      item={trigger}\n                      classNames={mx(grid, ghostHover, 'items-center', 'px-2')}\n                    >\n                      <Input.Root>\n                        <Input.Switch\n                          checked={trigger.enabled}\n                          onCheckedChange={(checked) => (trigger.enabled = checked)}\n                        />\n                      </Input.Root>\n\n                      <div className={'flex'}>\n                        <List.ItemTitle\n                          classNames='px-1 cursor-pointer w-0 shrink truncate'\n                          onClick={() => handleSelect(trigger)}\n                        >\n                          {getFunctionName(scripts, functions, trigger) ?? '∅'}\n                        </List.ItemTitle>\n\n                        {/* TODO: a better way to expose copy action */}\n                        {copyAction && (\n                          <Clipboard.IconButton\n                            label={t(copyAction.translationKey)}\n                            value={copyAction.contentProvider()}\n                          />\n                        )}\n                      </div>\n\n                      <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />\n                    </List.Item>\n                  );\n                })}\n              </div>\n            )}\n          </List.Root>\n        )}\n\n        {trigger && <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />}\n\n        {!trigger && (\n          <div className='flex p-2 justify-center'>\n            <IconButton icon='ph--plus--regular' label={t('new trigger label')} onClick={handleAdd} />\n          </div>\n        )}\n      </div>\n    </Clipboard.Provider>\n  );\n};\n\nconst getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {\n  if (trigger?.spec?.type === TriggerKind.Email) {\n    return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };\n  }\n\n  if (trigger?.spec?.type === TriggerKind.Webhook) {\n    return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };\n  }\n\n  return undefined;\n};\n\nconst getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {\n  const spaceId = getSpace(trigger)!.id;\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 = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTriggerType) => {\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?.slice(0, 16)}…`;\n  const functionObject = functions.find((fn) => `dxn:worker:${fn.name}` === trigger.function);\n  if (!functionObject) {\n    return shortId;\n  }\n  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
-  "mappings": "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",
-  "names": ["React", "useState", "S", "FunctionType", "FunctionTrigger", "FunctionTriggerSchema", "TriggerKind", "ScriptType", "useClient", "create", "Filter", "useQuery", "getSpace", "Clipboard", "IconButton", "Input", "useTranslation", "List", "ghostHover", "mx", "grid", "AutomationPanel", "space", "object", "t", "useTranslation", "AUTOMATION_PLUGIN", "client", "useClient", "triggers", "useQuery", "Filter", "schema", "FunctionTrigger", "functions", "FunctionType", "scripts", "ScriptType", "trigger", "setTrigger", "useState", "selected", "setSelected", "handleSelect", "id", "_", "values", "handleAdd", "create", "FunctionTriggerSchema", "meta", "undefined", "handleDelete", "db", "remove", "handleSave", "Object", "assign", "add", "handleCancel", "Clipboard", "Provider", "div", "className", "List", "Root", "items", "isItem", "S", "is", "getId", "field", "role", "map", "copyAction", "getCopyAction", "Item", "key", "item", "classNames", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "getFunctionName", "IconButton", "label", "translationKey", "value", "contentProvider", "ItemDeleteButton", "TriggerEditor", "onSave", "onCancel", "icon", "spec", "type", "TriggerKind", "Email", "getSpace", "Webhook", "getWebhookUrl", "spaceId", "edgeUrl", "URL", "config", "runtime", "services", "edge", "url", "isSecure", "protocol", "startsWith", "toString", "shortId", "function", "slice", "functionObject", "find", "fn", "name", "s", "source", "target", "AutomationPanel"]
-}

package/dist/lib/browser/chunk-OFDNNRLE.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const AUTOMATION_PLUGIN = 'dxos.org/plugin/automation';\n\nexport const meta = {\n  id: AUTOMATION_PLUGIN,\n  name: 'Automation',\n  description:\n    'The Automation tab allows you to trigger pre-defined workflows related to the element you are interacting with inside of Composer.',\n  icon: 'ph--robot--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-automation',\n} satisfies PluginMeta;\n"],
-  "mappings": ";AAMO,IAAMA,oBAAoB;AAE1B,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;AACV;",
-  "names": ["AUTOMATION_PLUGIN", "meta", "id", "name", "description", "icon", "source"]
-}

package/dist/lib/browser/chunk-U7QLNY2S.mjs

@@ -1,8 +0,0 @@
-// packages/plugins/experimental/plugin-automation/src/components/index.ts
-import { lazy } from "react";
-var AutomationPanel = lazy(() => import("./AutomationPanel-ITYXSN5Z.mjs"));
-
-export {
-  AutomationPanel
-};
-//# sourceMappingURL=chunk-U7QLNY2S.mjs.map

package/dist/lib/browser/chunk-WY2C7JY4.mjs

@@ -1,119 +0,0 @@
-import {
-  AUTOMATION_PLUGIN
-} from "./chunk-OFDNNRLE.mjs";
-
-// packages/plugins/experimental/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
-import React, { useEffect, useState } from "react";
-import { ComputeGraph } from "@dxos/conductor";
-import { FunctionType, FunctionTriggerSchema, ScriptType, TriggerKind } from "@dxos/functions";
-import { Filter, useQuery } from "@dxos/react-client/echo";
-import { IconButton, Input, useTranslation } from "@dxos/react-ui";
-import { Form, SelectInput, TextInput } from "@dxos/react-ui-form";
-var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
-  const { t } = useTranslation(AUTOMATION_PLUGIN);
-  const functions = useQuery(space, Filter.schema(FunctionType));
-  const workflows = useQuery(space, Filter.schema(ComputeGraph));
-  const scripts = useQuery(space, Filter.schema(ScriptType));
-  const handleSave = (values) => {
-    onSave?.(values);
-  };
-  return /* @__PURE__ */ React.createElement(Form, {
-    schema: FunctionTriggerSchema,
-    values: trigger,
-    onSave: handleSave,
-    onCancel,
-    Custom: {
-      ["function"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
-        ...props,
-        options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
-      }),
-      ["spec.type"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
-        ...props,
-        options: Object.values(TriggerKind).map((kind) => ({
-          value: kind,
-          label: t(`trigger type ${kind}`)
-        }))
-      }),
-      ["meta"]: (props) => {
-        const meta = props.getValue();
-        useEffect(() => props.onValueChange("object", {
-          ...meta
-        }), []);
-        const [newMetaFieldName, setNewMetaFieldName] = useState("");
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, props.label), [
-          ...Object.keys(meta)
-        ].map((key) => {
-          const compositeKey = `meta.${key}`;
-          return /* @__PURE__ */ React.createElement("div", {
-            key: compositeKey,
-            role: "none",
-            className: "flex items-center mt-2 gap-1"
-          }, /* @__PURE__ */ React.createElement("div", {
-            role: "none",
-            className: "flex-1"
-          }, /* @__PURE__ */ React.createElement(TextInput, {
-            ...props,
-            getValue: () => props.getValue()[key],
-            type: "string",
-            label: key
-          })), /* @__PURE__ */ React.createElement(IconButton, {
-            icon: "ph--trash--regular",
-            iconOnly: true,
-            classNames: "mt-6",
-            label: t("trigger meta remove"),
-            onClick: () => {
-              const newValues = {
-                ...props.getValue()
-              };
-              delete newValues[key];
-              props.onValueChange("object", newValues);
-            }
-          }));
-        }), /* @__PURE__ */ React.createElement("div", {
-          role: "none",
-          className: "flex items-center mt-2 gap-1 plb-1"
-        }, /* @__PURE__ */ React.createElement("div", {
-          role: "none",
-          className: "flex-1"
-        }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
-          placeholder: t("trigger meta prop name placeholder"),
-          value: newMetaFieldName,
-          onChange: (event) => setNewMetaFieldName(event.target.value)
-        }))), /* @__PURE__ */ React.createElement(IconButton, {
-          icon: "ph--plus--regular",
-          iconOnly: true,
-          label: t("trigger meta add"),
-          onClick: () => {
-            if (newMetaFieldName.length) {
-              const meta2 = props.getValue() ?? {};
-              const metaWithNewProp = {
-                ...meta2,
-                [newMetaFieldName]: ""
-              };
-              setNewMetaFieldName("");
-              props.onValueChange("object", metaWithNewProp);
-            }
-          }
-        })));
-      }
-    }
-  });
-};
-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:worker:${fn.name}`
-  }));
-};
-
-export {
-  TriggerEditor
-};
-//# sourceMappingURL=chunk-WY2C7JY4.mjs.map