@dxos/plugin-automation 0.8.1-main.ba2dec9 → 0.8.1-staging.31c3ee1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/{AutomationPanel-KNXI72FK.mjs → AutomationPanel-YAHFXQX6.mjs} +27 -20
- package/dist/lib/browser/AutomationPanel-YAHFXQX6.mjs.map +7 -0
- package/dist/lib/browser/app-graph-builder-K3BIQFWW.mjs +40 -0
- package/dist/lib/browser/app-graph-builder-K3BIQFWW.mjs.map +7 -0
- package/dist/lib/browser/chunk-FALBBJNO.mjs +138 -0
- package/dist/lib/browser/chunk-FALBBJNO.mjs.map +7 -0
- package/dist/lib/browser/chunk-MT3FZH4V.mjs +8 -0
- package/dist/lib/browser/{chunk-OFDNNRLE.mjs → chunk-WKKQV4PC.mjs} +2 -2
- package/dist/lib/browser/chunk-WKKQV4PC.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +32 -17
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react-surface-4QQSJR4A.mjs +42 -0
- package/dist/lib/browser/react-surface-4QQSJR4A.mjs.map +7 -0
- package/dist/lib/node/{AutomationPanel-SVNHL4NI.cjs → AutomationPanel-ZKAMIU6O.cjs} +28 -21
- package/dist/lib/node/AutomationPanel-ZKAMIU6O.cjs.map +7 -0
- package/dist/lib/node/app-graph-builder-HO4FPGZ5.cjs +56 -0
- package/dist/lib/node/app-graph-builder-HO4FPGZ5.cjs.map +7 -0
- package/dist/lib/node/{chunk-ORMEYEBE.cjs → chunk-7GXNXMSM.cjs} +4 -4
- package/dist/lib/node/chunk-7GXNXMSM.cjs.map +7 -0
- package/dist/lib/node/{chunk-Z7QSJQ4S.cjs → chunk-AGJ6XTDN.cjs} +5 -5
- package/dist/lib/node/chunk-FTEDH5Q6.cjs +167 -0
- package/dist/lib/node/chunk-FTEDH5Q6.cjs.map +7 -0
- package/dist/lib/node/index.cjs +37 -22
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/{react-surface-O6QXBWRG.cjs → react-surface-52M54VWV.cjs} +28 -13
- package/dist/lib/node/react-surface-52M54VWV.cjs.map +7 -0
- package/dist/lib/node-esm/{AutomationPanel-YP556U5O.mjs → AutomationPanel-XF7YPSKM.mjs} +27 -20
- package/dist/lib/node-esm/AutomationPanel-XF7YPSKM.mjs.map +7 -0
- package/dist/lib/node-esm/app-graph-builder-XCJR33VS.mjs +41 -0
- package/dist/lib/node-esm/app-graph-builder-XCJR33VS.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-6MUUH67V.mjs → chunk-DZ44LGYT.mjs} +2 -2
- package/dist/lib/node-esm/chunk-DZ44LGYT.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-M4QXMIIB.mjs +139 -0
- package/dist/lib/node-esm/chunk-M4QXMIIB.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-OA75PSGH.mjs +10 -0
- package/dist/lib/node-esm/index.mjs +32 -17
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/react-surface-MGKM3OO3.mjs +43 -0
- package/dist/lib/node-esm/react-surface-MGKM3OO3.mjs.map +7 -0
- package/dist/types/src/AutomationPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-builder.d.ts +181 -0
- package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -0
- package/dist/types/src/capabilities/index.d.ts +177 -1
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts.map +1 -1
- package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +2 -7
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +5 -3
- package/dist/types/src/translations.d.ts.map +1 -1
- package/package.json +24 -20
- package/src/AutomationPlugin.tsx +14 -5
- package/src/capabilities/app-graph-builder.ts +31 -0
- package/src/capabilities/index.ts +1 -1
- package/src/capabilities/react-surface.tsx +22 -7
- package/src/components/AutomationPanel/AutomationPanel.tsx +59 -55
- package/src/components/TriggerEditor/TriggerEditor.tsx +89 -80
- package/src/meta.ts +2 -2
- package/src/translations.ts +6 -4
- package/dist/lib/browser/AutomationPanel-KNXI72FK.mjs.map +0 -7
- package/dist/lib/browser/chunk-HRHRMTAE.mjs +0 -8
- package/dist/lib/browser/chunk-NZZED7GX.mjs +0 -119
- package/dist/lib/browser/chunk-NZZED7GX.mjs.map +0 -7
- package/dist/lib/browser/chunk-OFDNNRLE.mjs.map +0 -7
- package/dist/lib/browser/complementary-panel-4CPOJL4Y.mjs +0 -56
- package/dist/lib/browser/complementary-panel-4CPOJL4Y.mjs.map +0 -7
- package/dist/lib/browser/react-surface-KZ3CT4BI.mjs +0 -27
- package/dist/lib/browser/react-surface-KZ3CT4BI.mjs.map +0 -7
- package/dist/lib/node/AutomationPanel-SVNHL4NI.cjs.map +0 -7
- package/dist/lib/node/chunk-ORMEYEBE.cjs.map +0 -7
- package/dist/lib/node/chunk-TTISAT2O.cjs +0 -148
- package/dist/lib/node/chunk-TTISAT2O.cjs.map +0 -7
- package/dist/lib/node/complementary-panel-ZYJJ42ZU.cjs +0 -72
- package/dist/lib/node/complementary-panel-ZYJJ42ZU.cjs.map +0 -7
- package/dist/lib/node/react-surface-O6QXBWRG.cjs.map +0 -7
- package/dist/lib/node-esm/AutomationPanel-YP556U5O.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-5A5YUVH2.mjs +0 -10
- package/dist/lib/node-esm/chunk-6MUUH67V.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-I2V2NGYF.mjs +0 -120
- package/dist/lib/node-esm/chunk-I2V2NGYF.mjs.map +0 -7
- package/dist/lib/node-esm/complementary-panel-S42RIIAY.mjs +0 -57
- package/dist/lib/node-esm/complementary-panel-S42RIIAY.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-F4NLSDP6.mjs +0 -28
- package/dist/lib/node-esm/react-surface-F4NLSDP6.mjs.map +0 -7
- package/dist/types/src/capabilities/complementary-panel.d.ts +0 -4
- package/dist/types/src/capabilities/complementary-panel.d.ts.map +0 -1
- package/src/capabilities/complementary-panel.ts +0 -56
- /package/dist/lib/browser/{chunk-HRHRMTAE.mjs.map → chunk-MT3FZH4V.mjs.map} +0 -0
- /package/dist/lib/node/{chunk-Z7QSJQ4S.cjs.map → chunk-AGJ6XTDN.cjs.map} +0 -0
- /package/dist/lib/node-esm/{chunk-5A5YUVH2.mjs.map → chunk-OA75PSGH.mjs.map} +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// Copyright 2024 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import React, { useEffect, useState } from 'react';
|
|
5
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
6
6
|
|
|
7
7
|
import { ComputeGraph } from '@dxos/conductor';
|
|
8
8
|
import {
|
|
@@ -15,7 +15,7 @@ import {
|
|
|
15
15
|
} from '@dxos/functions/types';
|
|
16
16
|
import { Filter, useQuery, type Space } from '@dxos/react-client/echo';
|
|
17
17
|
import { IconButton, Input, useTranslation } from '@dxos/react-ui';
|
|
18
|
-
import { Form, SelectInput, TextInput } from '@dxos/react-ui-form';
|
|
18
|
+
import { type CustomInputMap, Form, type InputProps, SelectInput, TextInput, useInputProps } from '@dxos/react-ui-form';
|
|
19
19
|
|
|
20
20
|
import { AUTOMATION_PLUGIN } from '../../meta';
|
|
21
21
|
|
|
@@ -26,6 +26,30 @@ export type TriggerEditorProps = {
|
|
|
26
26
|
onCancel?: () => void;
|
|
27
27
|
};
|
|
28
28
|
|
|
29
|
+
const PayloadInput = (props: InputProps & { property: string }) => {
|
|
30
|
+
const { t } = useTranslation(AUTOMATION_PLUGIN);
|
|
31
|
+
// TODO(dmaretskyi): Prop name (`meta`) should be passed in.
|
|
32
|
+
const inputProps = useInputProps(['meta', props.property]);
|
|
33
|
+
return (
|
|
34
|
+
<div role='none' className='flex items-center mt-2 gap-1'>
|
|
35
|
+
<div role='none' className='flex-1'>
|
|
36
|
+
<TextInput {...inputProps} type='string' label={props.property} />
|
|
37
|
+
</div>
|
|
38
|
+
<IconButton
|
|
39
|
+
icon='ph--trash--regular'
|
|
40
|
+
iconOnly
|
|
41
|
+
classNames={'mt-6'}
|
|
42
|
+
label={t('trigger meta remove')}
|
|
43
|
+
onClick={() => {
|
|
44
|
+
const newValues: any = { ...props.getValue() };
|
|
45
|
+
delete newValues[props.property];
|
|
46
|
+
props.onValueChange('object', newValues);
|
|
47
|
+
}}
|
|
48
|
+
/>
|
|
49
|
+
</div>
|
|
50
|
+
);
|
|
51
|
+
};
|
|
52
|
+
|
|
29
53
|
export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {
|
|
30
54
|
const { t } = useTranslation(AUTOMATION_PLUGIN);
|
|
31
55
|
|
|
@@ -37,90 +61,75 @@ export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEdito
|
|
|
37
61
|
onSave?.(values);
|
|
38
62
|
};
|
|
39
63
|
|
|
64
|
+
const Custom = useMemo(
|
|
65
|
+
(): CustomInputMap => ({
|
|
66
|
+
['function' satisfies keyof FunctionTriggerType]: (props) => (
|
|
67
|
+
<SelectInput
|
|
68
|
+
{...props}
|
|
69
|
+
options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
|
|
70
|
+
/>
|
|
71
|
+
),
|
|
72
|
+
['spec.type' as const]: (props) => (
|
|
73
|
+
<SelectInput
|
|
74
|
+
{...props}
|
|
75
|
+
options={Object.values(TriggerKind).map((kind) => ({
|
|
76
|
+
value: kind,
|
|
77
|
+
label: t(`trigger type ${kind}`),
|
|
78
|
+
}))}
|
|
79
|
+
/>
|
|
80
|
+
),
|
|
81
|
+
// TODO(wittjosiah): Form should be able to handle arbitrary records by default.
|
|
82
|
+
['meta' as const]: (props) => {
|
|
83
|
+
const payload = props.getValue() ?? {};
|
|
84
|
+
useEffect(() => props.onValueChange('object', { ...payload }), []);
|
|
85
|
+
const [newPayloadFieldName, setNewPayloadFieldName] = useState('');
|
|
86
|
+
|
|
87
|
+
const handleAddPayload = useCallback(() => {
|
|
88
|
+
if (newPayloadFieldName.length) {
|
|
89
|
+
const payload = props.getValue() ?? {};
|
|
90
|
+
const payloadWithNewProp = { ...payload, [newPayloadFieldName]: '' };
|
|
91
|
+
setNewPayloadFieldName('');
|
|
92
|
+
props.onValueChange('object', payloadWithNewProp);
|
|
93
|
+
}
|
|
94
|
+
}, [newPayloadFieldName, props.getValue, props.onValueChange]);
|
|
95
|
+
|
|
96
|
+
return (
|
|
97
|
+
<>
|
|
98
|
+
<div>{/* TODO(wittjosiah): props.label */ 'Payload'}</div>
|
|
99
|
+
{[...Object.keys(payload)].map((key) => (
|
|
100
|
+
<PayloadInput key={key} property={key} {...props} />
|
|
101
|
+
))}
|
|
102
|
+
<div role='none' className='flex items-center mt-2 gap-1 plb-1'>
|
|
103
|
+
<div role='none' className='flex-1'>
|
|
104
|
+
<Input.Root>
|
|
105
|
+
<Input.TextInput
|
|
106
|
+
placeholder={t('trigger payload prop name placeholder')}
|
|
107
|
+
value={newPayloadFieldName}
|
|
108
|
+
onChange={(event) => setNewPayloadFieldName(event.target.value)}
|
|
109
|
+
/>
|
|
110
|
+
</Input.Root>
|
|
111
|
+
</div>
|
|
112
|
+
<IconButton
|
|
113
|
+
icon='ph--plus--regular'
|
|
114
|
+
iconOnly
|
|
115
|
+
label={t('trigger payload add')}
|
|
116
|
+
onClick={handleAddPayload}
|
|
117
|
+
/>
|
|
118
|
+
</div>
|
|
119
|
+
</>
|
|
120
|
+
);
|
|
121
|
+
},
|
|
122
|
+
}),
|
|
123
|
+
[workflows, scripts, functions, t],
|
|
124
|
+
);
|
|
125
|
+
|
|
40
126
|
return (
|
|
41
127
|
<Form<FunctionTriggerType>
|
|
42
128
|
schema={FunctionTriggerSchema}
|
|
43
129
|
values={trigger}
|
|
44
130
|
onSave={handleSave}
|
|
45
131
|
onCancel={onCancel}
|
|
46
|
-
Custom={
|
|
47
|
-
['function' satisfies keyof FunctionTriggerType]: (props) => (
|
|
48
|
-
<SelectInput
|
|
49
|
-
{...props}
|
|
50
|
-
options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
|
|
51
|
-
/>
|
|
52
|
-
),
|
|
53
|
-
['spec.type' as const]: (props) => (
|
|
54
|
-
<SelectInput
|
|
55
|
-
{...props}
|
|
56
|
-
options={Object.values(TriggerKind).map((kind) => ({
|
|
57
|
-
value: kind,
|
|
58
|
-
label: t(`trigger type ${kind}`),
|
|
59
|
-
}))}
|
|
60
|
-
/>
|
|
61
|
-
),
|
|
62
|
-
['meta' as const]: (props) => {
|
|
63
|
-
const meta = props.getValue()!;
|
|
64
|
-
useEffect(() => props.onValueChange('object', { ...meta }), []);
|
|
65
|
-
const [newMetaFieldName, setNewMetaFieldName] = useState('');
|
|
66
|
-
|
|
67
|
-
return (
|
|
68
|
-
<>
|
|
69
|
-
<div>{props.label}</div>
|
|
70
|
-
{[...Object.keys(meta)].map((key) => {
|
|
71
|
-
const compositeKey: any = `meta.${key}`;
|
|
72
|
-
return (
|
|
73
|
-
<div key={compositeKey} role='none' className='flex items-center mt-2 gap-1'>
|
|
74
|
-
<div role='none' className='flex-1'>
|
|
75
|
-
<TextInput
|
|
76
|
-
{...props}
|
|
77
|
-
getValue={() => (props.getValue() as any)[key]}
|
|
78
|
-
type={'string'}
|
|
79
|
-
label={key}
|
|
80
|
-
/>
|
|
81
|
-
</div>
|
|
82
|
-
<IconButton
|
|
83
|
-
icon='ph--trash--regular'
|
|
84
|
-
iconOnly
|
|
85
|
-
classNames={'mt-6'}
|
|
86
|
-
label={t('trigger meta remove')}
|
|
87
|
-
onClick={() => {
|
|
88
|
-
const newValues: any = { ...props.getValue() };
|
|
89
|
-
delete newValues[key];
|
|
90
|
-
props.onValueChange('object', newValues);
|
|
91
|
-
}}
|
|
92
|
-
/>
|
|
93
|
-
</div>
|
|
94
|
-
);
|
|
95
|
-
})}
|
|
96
|
-
<div role='none' className='flex items-center mt-2 gap-1 plb-1'>
|
|
97
|
-
<div role='none' className='flex-1'>
|
|
98
|
-
<Input.Root>
|
|
99
|
-
<Input.TextInput
|
|
100
|
-
placeholder={t('trigger meta prop name placeholder')}
|
|
101
|
-
value={newMetaFieldName}
|
|
102
|
-
onChange={(event) => setNewMetaFieldName(event.target.value)}
|
|
103
|
-
/>
|
|
104
|
-
</Input.Root>
|
|
105
|
-
</div>
|
|
106
|
-
<IconButton
|
|
107
|
-
icon='ph--plus--regular'
|
|
108
|
-
iconOnly
|
|
109
|
-
label={t('trigger meta add')}
|
|
110
|
-
onClick={() => {
|
|
111
|
-
if (newMetaFieldName.length) {
|
|
112
|
-
const meta = props.getValue() ?? {};
|
|
113
|
-
const metaWithNewProp = { ...meta, [newMetaFieldName]: '' };
|
|
114
|
-
setNewMetaFieldName('');
|
|
115
|
-
props.onValueChange('object', metaWithNewProp);
|
|
116
|
-
}
|
|
117
|
-
}}
|
|
118
|
-
/>
|
|
119
|
-
</div>
|
|
120
|
-
</>
|
|
121
|
-
);
|
|
122
|
-
},
|
|
123
|
-
}}
|
|
132
|
+
Custom={Custom}
|
|
124
133
|
/>
|
|
125
134
|
);
|
|
126
135
|
};
|
package/src/meta.ts
CHANGED
|
@@ -6,11 +6,11 @@ import { type PluginMeta } from '@dxos/app-framework';
|
|
|
6
6
|
|
|
7
7
|
export const AUTOMATION_PLUGIN = 'dxos.org/plugin/automation';
|
|
8
8
|
|
|
9
|
-
export const meta = {
|
|
9
|
+
export const meta: PluginMeta = {
|
|
10
10
|
id: AUTOMATION_PLUGIN,
|
|
11
11
|
name: 'Automation',
|
|
12
12
|
description:
|
|
13
13
|
'The Automation tab allows you to trigger pre-defined workflows related to the element you are interacting with inside of Composer.',
|
|
14
14
|
icon: 'ph--robot--regular',
|
|
15
15
|
source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-automation',
|
|
16
|
-
}
|
|
16
|
+
};
|
package/src/translations.ts
CHANGED
|
@@ -10,8 +10,10 @@ export default [
|
|
|
10
10
|
[AUTOMATION_PLUGIN]: {
|
|
11
11
|
'plugin name': 'Automation',
|
|
12
12
|
'automation panel label': 'Automations',
|
|
13
|
+
'script automation label': 'Automation',
|
|
13
14
|
|
|
14
|
-
'
|
|
15
|
+
'trigger editor title': 'New Trigger',
|
|
16
|
+
'new trigger label': 'Add Trigger',
|
|
15
17
|
'trigger type timer': 'Timer',
|
|
16
18
|
'trigger type webhook': 'Webhook',
|
|
17
19
|
'trigger type websocket': 'Websocket',
|
|
@@ -22,9 +24,9 @@ export default [
|
|
|
22
24
|
'trigger copy url': 'Copy URL',
|
|
23
25
|
'trigger copy email': 'Copy Email',
|
|
24
26
|
|
|
25
|
-
'trigger
|
|
26
|
-
'trigger
|
|
27
|
-
'trigger
|
|
27
|
+
'trigger payload add': 'Add',
|
|
28
|
+
'trigger payload remove': 'Remove',
|
|
29
|
+
'trigger payload prop name placeholder': 'New payload property name',
|
|
28
30
|
},
|
|
29
31
|
},
|
|
30
32
|
},
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/AutomationPanel/index.ts"],
|
|
4
|
-
"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/types';\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"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"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"]
|
|
7
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
// packages/plugins/experimental/plugin-automation/src/components/index.ts
|
|
2
|
-
import { lazy } from "react";
|
|
3
|
-
var AutomationPanel = lazy(() => import("./AutomationPanel-KNXI72FK.mjs"));
|
|
4
|
-
|
|
5
|
-
export {
|
|
6
|
-
AutomationPanel
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=chunk-HRHRMTAE.mjs.map
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AUTOMATION_PLUGIN
|
|
3
|
-
} from "./chunk-OFDNNRLE.mjs";
|
|
4
|
-
|
|
5
|
-
// packages/plugins/experimental/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
|
|
6
|
-
import React, { useEffect, useState } from "react";
|
|
7
|
-
import { ComputeGraph } from "@dxos/conductor";
|
|
8
|
-
import { FunctionType, FunctionTriggerSchema, ScriptType, TriggerKind } from "@dxos/functions/types";
|
|
9
|
-
import { Filter, useQuery } from "@dxos/react-client/echo";
|
|
10
|
-
import { IconButton, Input, useTranslation } from "@dxos/react-ui";
|
|
11
|
-
import { Form, SelectInput, TextInput } from "@dxos/react-ui-form";
|
|
12
|
-
var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
|
|
13
|
-
const { t } = useTranslation(AUTOMATION_PLUGIN);
|
|
14
|
-
const functions = useQuery(space, Filter.schema(FunctionType));
|
|
15
|
-
const workflows = useQuery(space, Filter.schema(ComputeGraph));
|
|
16
|
-
const scripts = useQuery(space, Filter.schema(ScriptType));
|
|
17
|
-
const handleSave = (values) => {
|
|
18
|
-
onSave?.(values);
|
|
19
|
-
};
|
|
20
|
-
return /* @__PURE__ */ React.createElement(Form, {
|
|
21
|
-
schema: FunctionTriggerSchema,
|
|
22
|
-
values: trigger,
|
|
23
|
-
onSave: handleSave,
|
|
24
|
-
onCancel,
|
|
25
|
-
Custom: {
|
|
26
|
-
["function"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
|
|
27
|
-
...props,
|
|
28
|
-
options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
|
|
29
|
-
}),
|
|
30
|
-
["spec.type"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
|
|
31
|
-
...props,
|
|
32
|
-
options: Object.values(TriggerKind).map((kind) => ({
|
|
33
|
-
value: kind,
|
|
34
|
-
label: t(`trigger type ${kind}`)
|
|
35
|
-
}))
|
|
36
|
-
}),
|
|
37
|
-
["meta"]: (props) => {
|
|
38
|
-
const meta = props.getValue();
|
|
39
|
-
useEffect(() => props.onValueChange("object", {
|
|
40
|
-
...meta
|
|
41
|
-
}), []);
|
|
42
|
-
const [newMetaFieldName, setNewMetaFieldName] = useState("");
|
|
43
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, props.label), [
|
|
44
|
-
...Object.keys(meta)
|
|
45
|
-
].map((key) => {
|
|
46
|
-
const compositeKey = `meta.${key}`;
|
|
47
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
48
|
-
key: compositeKey,
|
|
49
|
-
role: "none",
|
|
50
|
-
className: "flex items-center mt-2 gap-1"
|
|
51
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
52
|
-
role: "none",
|
|
53
|
-
className: "flex-1"
|
|
54
|
-
}, /* @__PURE__ */ React.createElement(TextInput, {
|
|
55
|
-
...props,
|
|
56
|
-
getValue: () => props.getValue()[key],
|
|
57
|
-
type: "string",
|
|
58
|
-
label: key
|
|
59
|
-
})), /* @__PURE__ */ React.createElement(IconButton, {
|
|
60
|
-
icon: "ph--trash--regular",
|
|
61
|
-
iconOnly: true,
|
|
62
|
-
classNames: "mt-6",
|
|
63
|
-
label: t("trigger meta remove"),
|
|
64
|
-
onClick: () => {
|
|
65
|
-
const newValues = {
|
|
66
|
-
...props.getValue()
|
|
67
|
-
};
|
|
68
|
-
delete newValues[key];
|
|
69
|
-
props.onValueChange("object", newValues);
|
|
70
|
-
}
|
|
71
|
-
}));
|
|
72
|
-
}), /* @__PURE__ */ React.createElement("div", {
|
|
73
|
-
role: "none",
|
|
74
|
-
className: "flex items-center mt-2 gap-1 plb-1"
|
|
75
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
76
|
-
role: "none",
|
|
77
|
-
className: "flex-1"
|
|
78
|
-
}, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
|
|
79
|
-
placeholder: t("trigger meta prop name placeholder"),
|
|
80
|
-
value: newMetaFieldName,
|
|
81
|
-
onChange: (event) => setNewMetaFieldName(event.target.value)
|
|
82
|
-
}))), /* @__PURE__ */ React.createElement(IconButton, {
|
|
83
|
-
icon: "ph--plus--regular",
|
|
84
|
-
iconOnly: true,
|
|
85
|
-
label: t("trigger meta add"),
|
|
86
|
-
onClick: () => {
|
|
87
|
-
if (newMetaFieldName.length) {
|
|
88
|
-
const meta2 = props.getValue() ?? {};
|
|
89
|
-
const metaWithNewProp = {
|
|
90
|
-
...meta2,
|
|
91
|
-
[newMetaFieldName]: ""
|
|
92
|
-
};
|
|
93
|
-
setNewMetaFieldName("");
|
|
94
|
-
props.onValueChange("object", metaWithNewProp);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
})));
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
};
|
|
102
|
-
var getWorkflowOptions = (graphs) => {
|
|
103
|
-
return graphs.map((graph) => ({
|
|
104
|
-
label: `compute-${graph.id}`,
|
|
105
|
-
value: `dxn:echo:@:${graph.id}`
|
|
106
|
-
}));
|
|
107
|
-
};
|
|
108
|
-
var getFunctionOptions = (scripts, functions) => {
|
|
109
|
-
const getLabel = (fn) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
|
|
110
|
-
return functions.map((fn) => ({
|
|
111
|
-
label: getLabel(fn),
|
|
112
|
-
value: `dxn:worker:${fn.name}`
|
|
113
|
-
}));
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
export {
|
|
117
|
-
TriggerEditor
|
|
118
|
-
};
|
|
119
|
-
//# sourceMappingURL=chunk-NZZED7GX.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/TriggerEditor/TriggerEditor.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { ComputeGraph } from '@dxos/conductor';\nimport {\n FunctionType,\n FunctionTriggerSchema,\n type FunctionTriggerType,\n type FunctionTrigger,\n ScriptType,\n TriggerKind,\n} from '@dxos/functions/types';\nimport { Filter, useQuery, type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { Form, SelectInput, TextInput } from '@dxos/react-ui-form';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nexport type TriggerEditorProps = {\n space: Space;\n trigger: FunctionTriggerType;\n onSave?: (trigger: Omit<FunctionTrigger, 'id'>) => void;\n onCancel?: () => void;\n};\n\nexport const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {\n const { t } = useTranslation(AUTOMATION_PLUGIN);\n\n const functions = useQuery(space, Filter.schema(FunctionType));\n const workflows = useQuery(space, Filter.schema(ComputeGraph));\n const scripts = useQuery(space, Filter.schema(ScriptType));\n\n const handleSave = (values: FunctionTriggerType) => {\n onSave?.(values);\n };\n\n return (\n <Form<FunctionTriggerType>\n schema={FunctionTriggerSchema}\n values={trigger}\n onSave={handleSave}\n onCancel={onCancel}\n Custom={{\n ['function' satisfies keyof FunctionTriggerType]: (props) => (\n <SelectInput\n {...props}\n options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}\n />\n ),\n ['spec.type' as const]: (props) => (\n <SelectInput\n {...props}\n options={Object.values(TriggerKind).map((kind) => ({\n value: kind,\n label: t(`trigger type ${kind}`),\n }))}\n />\n ),\n ['meta' as const]: (props) => {\n const meta = props.getValue()!;\n useEffect(() => props.onValueChange('object', { ...meta }), []);\n const [newMetaFieldName, setNewMetaFieldName] = useState('');\n\n return (\n <>\n <div>{props.label}</div>\n {[...Object.keys(meta)].map((key) => {\n const compositeKey: any = `meta.${key}`;\n return (\n <div key={compositeKey} role='none' className='flex items-center mt-2 gap-1'>\n <div role='none' className='flex-1'>\n <TextInput\n {...props}\n getValue={() => (props.getValue() as any)[key]}\n type={'string'}\n label={key}\n />\n </div>\n <IconButton\n icon='ph--trash--regular'\n iconOnly\n classNames={'mt-6'}\n label={t('trigger meta remove')}\n onClick={() => {\n const newValues: any = { ...props.getValue() };\n delete newValues[key];\n props.onValueChange('object', newValues);\n }}\n />\n </div>\n );\n })}\n <div role='none' className='flex items-center mt-2 gap-1 plb-1'>\n <div role='none' className='flex-1'>\n <Input.Root>\n <Input.TextInput\n placeholder={t('trigger meta prop name placeholder')}\n value={newMetaFieldName}\n onChange={(event) => setNewMetaFieldName(event.target.value)}\n />\n </Input.Root>\n </div>\n <IconButton\n icon='ph--plus--regular'\n iconOnly\n label={t('trigger meta add')}\n onClick={() => {\n if (newMetaFieldName.length) {\n const meta = props.getValue() ?? {};\n const metaWithNewProp = { ...meta, [newMetaFieldName]: '' };\n setNewMetaFieldName('');\n props.onValueChange('object', metaWithNewProp);\n }\n }}\n />\n </div>\n </>\n );\n },\n }}\n />\n );\n};\n\nconst getWorkflowOptions = (graphs: ComputeGraph[]) => {\n return graphs.map((graph) => ({ label: `compute-${graph.id}`, value: `dxn:echo:@:${graph.id}` }));\n};\n\nconst getFunctionOptions = (scripts: ScriptType[], functions: FunctionType[]) => {\n const getLabel = (fn: FunctionType) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;\n return functions.map((fn) => ({ label: getLabel(fn), value: `dxn:worker:${fn.name}` }));\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "useEffect", "useState", "ComputeGraph", "FunctionType", "FunctionTriggerSchema", "ScriptType", "TriggerKind", "Filter", "useQuery", "IconButton", "Input", "useTranslation", "Form", "SelectInput", "TextInput", "TriggerEditor", "space", "trigger", "onSave", "onCancel", "t", "useTranslation", "AUTOMATION_PLUGIN", "functions", "useQuery", "Filter", "schema", "FunctionType", "workflows", "ComputeGraph", "scripts", "ScriptType", "handleSave", "values", "Form", "FunctionTriggerSchema", "Custom", "props", "SelectInput", "options", "getWorkflowOptions", "concat", "getFunctionOptions", "Object", "TriggerKind", "map", "kind", "value", "label", "meta", "getValue", "useEffect", "onValueChange", "newMetaFieldName", "setNewMetaFieldName", "useState", "div", "keys", "key", "compositeKey", "role", "className", "TextInput", "type", "IconButton", "icon", "iconOnly", "classNames", "onClick", "newValues", "Input", "Root", "placeholder", "onChange", "event", "target", "length", "metaWithNewProp", "graphs", "graph", "id", "getLabel", "fn", "find", "s", "source", "name"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/meta.ts"],
|
|
4
|
-
"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"],
|
|
5
|
-
"mappings": ";AAMO,IAAMA,oBAAoB;AAE1B,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;AACV;",
|
|
6
|
-
"names": ["AUTOMATION_PLUGIN", "meta", "id", "name", "description", "icon", "source"]
|
|
7
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AUTOMATION_PLUGIN
|
|
3
|
-
} from "./chunk-OFDNNRLE.mjs";
|
|
4
|
-
|
|
5
|
-
// packages/plugins/experimental/plugin-automation/src/capabilities/complementary-panel.ts
|
|
6
|
-
import { effect, untracked } from "@preact/signals-core";
|
|
7
|
-
import { Capabilities, contributes } from "@dxos/app-framework";
|
|
8
|
-
import { FunctionType } from "@dxos/functions/types";
|
|
9
|
-
import { create } from "@dxos/live-object";
|
|
10
|
-
import { ClientCapabilities } from "@dxos/plugin-client";
|
|
11
|
-
import { DeckCapabilities } from "@dxos/plugin-deck";
|
|
12
|
-
import { Filter, parseId } from "@dxos/react-client/echo";
|
|
13
|
-
var complementary_panel_default = (context) => {
|
|
14
|
-
const state = create({
|
|
15
|
-
functionsAvailable: false
|
|
16
|
-
});
|
|
17
|
-
const setState = (next) => {
|
|
18
|
-
if (next !== state.functionsAvailable) {
|
|
19
|
-
state.functionsAvailable = next;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
const unsubscribe = effect(() => {
|
|
23
|
-
const client = context.requestCapabilities(ClientCapabilities.Client)[0];
|
|
24
|
-
const workspace = context.requestCapabilities(Capabilities.Layout)[0]?.workspace;
|
|
25
|
-
return untracked(() => {
|
|
26
|
-
const { spaceId } = parseId(workspace);
|
|
27
|
-
if (!spaceId || !client) {
|
|
28
|
-
setState(false);
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
const space = client.spaces.get(spaceId);
|
|
32
|
-
if (!space) {
|
|
33
|
-
setState(false);
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
return space.db.query(Filter.schema(FunctionType)).subscribe((query) => setState(query.objects.length > 0), {
|
|
37
|
-
fire: true
|
|
38
|
-
});
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
return contributes(DeckCapabilities.ComplementaryPanel, {
|
|
42
|
-
id: "automation",
|
|
43
|
-
label: [
|
|
44
|
-
"automation panel label",
|
|
45
|
-
{
|
|
46
|
-
ns: AUTOMATION_PLUGIN
|
|
47
|
-
}
|
|
48
|
-
],
|
|
49
|
-
icon: "ph--robot--regular",
|
|
50
|
-
filter: () => state.functionsAvailable
|
|
51
|
-
}, () => unsubscribe());
|
|
52
|
-
};
|
|
53
|
-
export {
|
|
54
|
-
complementary_panel_default as default
|
|
55
|
-
};
|
|
56
|
-
//# sourceMappingURL=complementary-panel-4CPOJL4Y.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/complementary-panel.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { effect, untracked } from '@preact/signals-core';\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { FunctionType } from '@dxos/functions/types';\nimport { create } from '@dxos/live-object';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { DeckCapabilities } from '@dxos/plugin-deck';\nimport { Filter, parseId } from '@dxos/react-client/echo';\n\nimport { AUTOMATION_PLUGIN } from '../meta';\n\nexport default (context: PluginsContext) => {\n const state = create({ functionsAvailable: false });\n const setState = (next: boolean) => {\n if (next !== state.functionsAvailable) {\n state.functionsAvailable = next;\n }\n };\n\n const unsubscribe = effect(() => {\n const client = context.requestCapabilities(ClientCapabilities.Client)[0];\n const workspace = context.requestCapabilities(Capabilities.Layout)[0]?.workspace;\n return untracked(() => {\n const { spaceId } = parseId(workspace);\n if (!spaceId || !client) {\n setState(false);\n return;\n }\n\n const space = client.spaces.get(spaceId);\n if (!space) {\n setState(false);\n return;\n }\n\n return space.db\n .query(Filter.schema(FunctionType))\n .subscribe((query) => setState(query.objects.length > 0), { fire: true });\n });\n });\n\n return contributes(\n DeckCapabilities.ComplementaryPanel,\n {\n id: 'automation',\n label: ['automation panel label', { ns: AUTOMATION_PLUGIN }],\n icon: 'ph--robot--regular',\n filter: () => state.functionsAvailable,\n },\n () => unsubscribe(),\n );\n};\n"],
|
|
5
|
-
"mappings": ";;;;;AAIA,SAASA,QAAQC,iBAAiB;AAElC,SAASC,cAAcC,mBAAwC;AAC/D,SAASC,oBAAoB;AAC7B,SAASC,cAAc;AACvB,SAASC,0BAA0B;AACnC,SAASC,wBAAwB;AACjC,SAASC,QAAQC,eAAe;AAIhC,IAAA,8BAAe,CAACC,YAAAA;AACd,QAAMC,QAAQC,OAAO;IAAEC,oBAAoB;EAAM,CAAA;AACjD,QAAMC,WAAW,CAACC,SAAAA;AAChB,QAAIA,SAASJ,MAAME,oBAAoB;AACrCF,YAAME,qBAAqBE;IAC7B;EACF;AAEA,QAAMC,cAAcC,OAAO,MAAA;AACzB,UAAMC,SAASR,QAAQS,oBAAoBC,mBAAmBC,MAAM,EAAE,CAAA;AACtE,UAAMC,YAAYZ,QAAQS,oBAAoBI,aAAaC,MAAM,EAAE,CAAA,GAAIF;AACvE,WAAOG,UAAU,MAAA;AACf,YAAM,EAAEC,QAAO,IAAKC,QAAQL,SAAAA;AAC5B,UAAI,CAACI,WAAW,CAACR,QAAQ;AACvBJ,iBAAS,KAAA;AACT;MACF;AAEA,YAAMc,QAAQV,OAAOW,OAAOC,IAAIJ,OAAAA;AAChC,UAAI,CAACE,OAAO;AACVd,iBAAS,KAAA;AACT;MACF;AAEA,aAAOc,MAAMG,GACVC,MAAMC,OAAOC,OAAOC,YAAAA,CAAAA,EACpBC,UAAU,CAACJ,UAAUlB,SAASkB,MAAMK,QAAQC,SAAS,CAAA,GAAI;QAAEC,MAAM;MAAK,CAAA;IAC3E,CAAA;EACF,CAAA;AAEA,SAAOC,YACLC,iBAAiBC,oBACjB;IACEC,IAAI;IACJC,OAAO;MAAC;MAA0B;QAAEC,IAAIC;MAAkB;;IAC1DC,MAAM;IACNC,QAAQ,MAAMrC,MAAME;EACtB,GACA,MAAMG,YAAAA,CAAAA;AAEV;",
|
|
6
|
-
"names": ["effect", "untracked", "Capabilities", "contributes", "FunctionType", "create", "ClientCapabilities", "DeckCapabilities", "Filter", "parseId", "context", "state", "create", "functionsAvailable", "setState", "next", "unsubscribe", "effect", "client", "requestCapabilities", "ClientCapabilities", "Client", "workspace", "Capabilities", "Layout", "untracked", "spaceId", "parseId", "space", "spaces", "get", "db", "query", "Filter", "schema", "FunctionType", "subscribe", "objects", "length", "fire", "contributes", "DeckCapabilities", "ComplementaryPanel", "id", "label", "ns", "AUTOMATION_PLUGIN", "icon", "filter"]
|
|
7
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AutomationPanel
|
|
3
|
-
} from "./chunk-HRHRMTAE.mjs";
|
|
4
|
-
import "./chunk-NZZED7GX.mjs";
|
|
5
|
-
import {
|
|
6
|
-
AUTOMATION_PLUGIN
|
|
7
|
-
} from "./chunk-OFDNNRLE.mjs";
|
|
8
|
-
|
|
9
|
-
// packages/plugins/experimental/plugin-automation/src/capabilities/react-surface.tsx
|
|
10
|
-
import React from "react";
|
|
11
|
-
import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
|
|
12
|
-
import { getSpace, isEchoObject } from "@dxos/react-client/echo";
|
|
13
|
-
var react_surface_default = () => contributes(Capabilities.ReactSurface, [
|
|
14
|
-
createSurface({
|
|
15
|
-
id: `${AUTOMATION_PLUGIN}/automation`,
|
|
16
|
-
role: "complementary--automation",
|
|
17
|
-
filter: (data) => isEchoObject(data.subject) && !!getSpace(data.subject),
|
|
18
|
-
component: ({ data }) => /* @__PURE__ */ React.createElement(AutomationPanel, {
|
|
19
|
-
space: getSpace(data.subject),
|
|
20
|
-
object: data.subject
|
|
21
|
-
})
|
|
22
|
-
})
|
|
23
|
-
]);
|
|
24
|
-
export {
|
|
25
|
-
react_surface_default as default
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=react-surface-KZ3CT4BI.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/capabilities/react-surface.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { getSpace, isEchoObject, type ReactiveEchoObject } from '@dxos/react-client/echo';\n\nimport { AutomationPanel } from '../components';\nimport { AUTOMATION_PLUGIN } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: `${AUTOMATION_PLUGIN}/automation`,\n role: 'complementary--automation',\n filter: (data): data is { subject: ReactiveEchoObject<any> } =>\n isEchoObject(data.subject) && !!getSpace(data.subject),\n component: ({ data }) => <AutomationPanel space={getSpace(data.subject)!} object={data.subject} />,\n }),\n ]);\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,UAAUC,oBAA6C;AAKhE,IAAA,wBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAI,GAAGC,iBAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SACPC,aAAaD,KAAKE,OAAO,KAAK,CAAC,CAACC,SAASH,KAAKE,OAAO;IACvDE,WAAW,CAAC,EAAEJ,KAAI,MAAO,sBAAA,cAACK,iBAAAA;MAAgBC,OAAOH,SAASH,KAAKE,OAAO;MAAIK,QAAQP,KAAKE;;EACzF,CAAA;CACD;",
|
|
6
|
-
"names": ["React", "Capabilities", "contributes", "createSurface", "getSpace", "isEchoObject", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "AUTOMATION_PLUGIN", "role", "filter", "data", "isEchoObject", "subject", "getSpace", "component", "AutomationPanel", "space", "object"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/AutomationPanel/index.ts"],
|
|
4
|
-
"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/types';\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"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["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", "React", "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"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/meta.ts"],
|
|
4
|
-
"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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,oBAAoB;AAE1B,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;AACV;",
|
|
6
|
-
"names": ["AUTOMATION_PLUGIN", "meta", "id", "name", "description", "icon", "source"]
|
|
7
|
-
}
|