@dxos/plugin-automation 0.8.1 → 0.8.2-main.2f9c567

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.
Files changed (163) hide show
  1. package/dist/lib/browser/AutomationContainer-3MP23OGQ.mjs +34 -0
  2. package/dist/lib/browser/AutomationContainer-3MP23OGQ.mjs.map +7 -0
  3. package/dist/lib/browser/AutomationPanel-75HVBBNG.mjs +11 -0
  4. package/dist/lib/browser/AutomationPanel-75HVBBNG.mjs.map +7 -0
  5. package/dist/lib/browser/FunctionsContainer-HLISW5QI.mjs +33 -0
  6. package/dist/lib/browser/FunctionsContainer-HLISW5QI.mjs.map +7 -0
  7. package/dist/lib/browser/FunctionsPanel-OKFRBXLO.mjs +10 -0
  8. package/dist/lib/browser/FunctionsPanel-OKFRBXLO.mjs.map +7 -0
  9. package/dist/lib/browser/{app-graph-builder-K3BIQFWW.mjs → app-graph-builder-ND64CHOM.mjs} +42 -1
  10. package/dist/lib/browser/app-graph-builder-ND64CHOM.mjs.map +7 -0
  11. package/dist/lib/browser/chunk-ADYCSC6Y.mjs +39 -0
  12. package/dist/lib/browser/chunk-ADYCSC6Y.mjs.map +7 -0
  13. package/dist/lib/browser/{AutomationPanel-YAHFXQX6.mjs → chunk-HTVXRMNH.mjs} +19 -18
  14. package/dist/lib/browser/chunk-HTVXRMNH.mjs.map +7 -0
  15. package/dist/lib/browser/chunk-IDCVJ2JW.mjs +88 -0
  16. package/dist/lib/browser/chunk-IDCVJ2JW.mjs.map +7 -0
  17. package/dist/lib/browser/chunk-N4PTKEWO.mjs +14 -0
  18. package/dist/lib/browser/chunk-N4PTKEWO.mjs.map +7 -0
  19. package/dist/lib/browser/chunk-Q2ACSERA.mjs +211 -0
  20. package/dist/lib/browser/chunk-Q2ACSERA.mjs.map +7 -0
  21. package/dist/lib/browser/index.mjs +25 -19
  22. package/dist/lib/browser/index.mjs.map +3 -3
  23. package/dist/lib/browser/intent-resolver-YH4YPX52.mjs +77 -0
  24. package/dist/lib/browser/intent-resolver-YH4YPX52.mjs.map +7 -0
  25. package/dist/lib/browser/meta.json +1 -1
  26. package/dist/lib/browser/react-surface-GA67CQBV.mjs +68 -0
  27. package/dist/lib/browser/react-surface-GA67CQBV.mjs.map +7 -0
  28. package/dist/lib/browser/types.mjs +8 -0
  29. package/dist/lib/browser/types.mjs.map +7 -0
  30. package/dist/lib/node/AutomationContainer-RIDHNHPT.cjs +62 -0
  31. package/dist/lib/node/AutomationContainer-RIDHNHPT.cjs.map +7 -0
  32. package/dist/lib/node/AutomationPanel-6RLBWAGL.cjs +32 -0
  33. package/dist/lib/node/AutomationPanel-6RLBWAGL.cjs.map +7 -0
  34. package/dist/lib/node/FunctionsContainer-RNZTNQEU.cjs +61 -0
  35. package/dist/lib/node/FunctionsContainer-RNZTNQEU.cjs.map +7 -0
  36. package/dist/lib/node/FunctionsPanel-7I7YCHPJ.cjs +31 -0
  37. package/dist/lib/node/FunctionsPanel-7I7YCHPJ.cjs.map +7 -0
  38. package/dist/lib/node/{app-graph-builder-HO4FPGZ5.cjs → app-graph-builder-TVFR6RXO.cjs} +45 -4
  39. package/dist/lib/node/app-graph-builder-TVFR6RXO.cjs.map +7 -0
  40. package/dist/lib/node/{AutomationPanel-ZKAMIU6O.cjs → chunk-52JFIUOD.cjs} +31 -26
  41. package/dist/lib/node/chunk-52JFIUOD.cjs.map +7 -0
  42. package/dist/lib/node/chunk-ESVJ2X6U.cjs +234 -0
  43. package/dist/lib/node/chunk-ESVJ2X6U.cjs.map +7 -0
  44. package/dist/lib/node/chunk-GDCG2BML.cjs +58 -0
  45. package/dist/lib/node/chunk-GDCG2BML.cjs.map +7 -0
  46. package/dist/lib/node/chunk-GLXGAIZC.cjs +116 -0
  47. package/dist/lib/node/chunk-GLXGAIZC.cjs.map +7 -0
  48. package/dist/lib/node/{chunk-AGJ6XTDN.cjs → chunk-HZTVNN4S.cjs} +16 -7
  49. package/dist/lib/node/chunk-HZTVNN4S.cjs.map +7 -0
  50. package/dist/lib/node/index.cjs +28 -22
  51. package/dist/lib/node/index.cjs.map +3 -3
  52. package/dist/lib/node/intent-resolver-6FJ6PJJI.cjs +93 -0
  53. package/dist/lib/node/intent-resolver-6FJ6PJJI.cjs.map +7 -0
  54. package/dist/lib/node/meta.json +1 -1
  55. package/dist/lib/node/{react-surface-52M54VWV.cjs → react-surface-UJDYSHZ5.cjs} +39 -15
  56. package/dist/lib/node/react-surface-UJDYSHZ5.cjs.map +7 -0
  57. package/dist/lib/node/types.cjs +30 -0
  58. package/dist/lib/node/types.cjs.map +7 -0
  59. package/dist/lib/node-esm/AutomationContainer-MCUWF267.mjs +35 -0
  60. package/dist/lib/node-esm/AutomationContainer-MCUWF267.mjs.map +7 -0
  61. package/dist/lib/node-esm/AutomationPanel-U34H2Q7Z.mjs +12 -0
  62. package/dist/lib/node-esm/AutomationPanel-U34H2Q7Z.mjs.map +7 -0
  63. package/dist/lib/node-esm/FunctionsContainer-435FW56J.mjs +34 -0
  64. package/dist/lib/node-esm/FunctionsContainer-435FW56J.mjs.map +7 -0
  65. package/dist/lib/node-esm/FunctionsPanel-NXXT5ERU.mjs +11 -0
  66. package/dist/lib/node-esm/FunctionsPanel-NXXT5ERU.mjs.map +7 -0
  67. package/dist/lib/node-esm/{app-graph-builder-XCJR33VS.mjs → app-graph-builder-NYLOXWVV.mjs} +42 -1
  68. package/dist/lib/node-esm/app-graph-builder-NYLOXWVV.mjs.map +7 -0
  69. package/dist/lib/node-esm/chunk-5JC4JVYZ.mjs +212 -0
  70. package/dist/lib/node-esm/chunk-5JC4JVYZ.mjs.map +7 -0
  71. package/dist/lib/node-esm/chunk-EEA6CZ6B.mjs +40 -0
  72. package/dist/lib/node-esm/chunk-EEA6CZ6B.mjs.map +7 -0
  73. package/dist/lib/node-esm/chunk-RG3M42SO.mjs +16 -0
  74. package/dist/lib/node-esm/chunk-RG3M42SO.mjs.map +7 -0
  75. package/dist/lib/node-esm/chunk-VYSTWH6Q.mjs +89 -0
  76. package/dist/lib/node-esm/chunk-VYSTWH6Q.mjs.map +7 -0
  77. package/dist/lib/node-esm/{AutomationPanel-XF7YPSKM.mjs → chunk-WYXWQFPK.mjs} +19 -18
  78. package/dist/lib/node-esm/chunk-WYXWQFPK.mjs.map +7 -0
  79. package/dist/lib/node-esm/index.mjs +25 -19
  80. package/dist/lib/node-esm/index.mjs.map +3 -3
  81. package/dist/lib/node-esm/intent-resolver-PVY22PBL.mjs +78 -0
  82. package/dist/lib/node-esm/intent-resolver-PVY22PBL.mjs.map +7 -0
  83. package/dist/lib/node-esm/meta.json +1 -1
  84. package/dist/lib/node-esm/react-surface-R72A4EHM.mjs +69 -0
  85. package/dist/lib/node-esm/react-surface-R72A4EHM.mjs.map +7 -0
  86. package/dist/lib/node-esm/types.mjs +9 -0
  87. package/dist/lib/node-esm/types.mjs.map +7 -0
  88. package/dist/types/src/AutomationPlugin.d.ts.map +1 -1
  89. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
  90. package/dist/types/src/capabilities/index.d.ts +1 -0
  91. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  92. package/dist/types/src/capabilities/intent-resolver.d.ts +4 -0
  93. package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -0
  94. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  95. package/dist/types/src/components/AutomationContainer.d.ts +7 -0
  96. package/dist/types/src/components/AutomationContainer.d.ts.map +1 -0
  97. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts +6 -3
  98. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts.map +1 -1
  99. package/dist/types/src/components/AutomationPanel/index.d.ts +1 -0
  100. package/dist/types/src/components/AutomationPanel/index.d.ts.map +1 -1
  101. package/dist/types/src/components/FunctionsContainer.d.ts +7 -0
  102. package/dist/types/src/components/FunctionsContainer.d.ts.map +1 -0
  103. package/dist/types/src/components/FunctionsPanel/FunctionsPanel.d.ts +7 -0
  104. package/dist/types/src/components/FunctionsPanel/FunctionsPanel.d.ts.map +1 -0
  105. package/dist/types/src/components/FunctionsPanel/index.d.ts +4 -0
  106. package/dist/types/src/components/FunctionsPanel/index.d.ts.map +1 -0
  107. package/dist/types/src/components/TriggerEditor/FunctionPayloadEditor.d.ts +12 -0
  108. package/dist/types/src/components/TriggerEditor/FunctionPayloadEditor.d.ts.map +1 -0
  109. package/dist/types/src/components/TriggerEditor/SpecSelector.d.ts +5 -0
  110. package/dist/types/src/components/TriggerEditor/SpecSelector.d.ts.map +1 -0
  111. package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts +1 -1
  112. package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts.map +1 -1
  113. package/dist/types/src/components/TriggerEditor/TriggerEditor.stories.d.ts.map +1 -1
  114. package/dist/types/src/components/index.d.ts +8 -1
  115. package/dist/types/src/components/index.d.ts.map +1 -1
  116. package/dist/types/src/testing/test-functions.d.ts.map +1 -1
  117. package/dist/types/src/translations.d.ts +8 -0
  118. package/dist/types/src/translations.d.ts.map +1 -1
  119. package/dist/types/src/types.d.ts +25 -0
  120. package/dist/types/src/types.d.ts.map +1 -0
  121. package/package.json +33 -24
  122. package/src/AutomationPlugin.tsx +5 -10
  123. package/src/capabilities/app-graph-builder.ts +31 -0
  124. package/src/capabilities/index.ts +1 -0
  125. package/src/capabilities/intent-resolver.ts +73 -0
  126. package/src/capabilities/react-surface.tsx +32 -8
  127. package/src/components/AutomationContainer.tsx +31 -0
  128. package/src/components/AutomationPanel/AutomationPanel.stories.tsx +5 -5
  129. package/src/components/AutomationPanel/AutomationPanel.tsx +67 -67
  130. package/src/components/AutomationPanel/index.ts +2 -0
  131. package/src/components/FunctionsContainer.tsx +31 -0
  132. package/src/components/FunctionsPanel/FunctionsPanel.tsx +95 -0
  133. package/src/components/FunctionsPanel/index.ts +8 -0
  134. package/src/components/TriggerEditor/FunctionPayloadEditor.tsx +77 -0
  135. package/src/components/TriggerEditor/SpecSelector.tsx +59 -0
  136. package/src/components/TriggerEditor/TriggerEditor.stories.tsx +18 -9
  137. package/src/components/TriggerEditor/TriggerEditor.tsx +49 -89
  138. package/src/components/index.ts +3 -0
  139. package/src/testing/test-functions.ts +23 -9
  140. package/src/translations.ts +10 -1
  141. package/src/types.ts +33 -0
  142. package/dist/lib/browser/AutomationPanel-YAHFXQX6.mjs.map +0 -7
  143. package/dist/lib/browser/app-graph-builder-K3BIQFWW.mjs.map +0 -7
  144. package/dist/lib/browser/chunk-FALBBJNO.mjs +0 -138
  145. package/dist/lib/browser/chunk-FALBBJNO.mjs.map +0 -7
  146. package/dist/lib/browser/chunk-MT3FZH4V.mjs +0 -8
  147. package/dist/lib/browser/chunk-MT3FZH4V.mjs.map +0 -7
  148. package/dist/lib/browser/react-surface-4QQSJR4A.mjs +0 -42
  149. package/dist/lib/browser/react-surface-4QQSJR4A.mjs.map +0 -7
  150. package/dist/lib/node/AutomationPanel-ZKAMIU6O.cjs.map +0 -7
  151. package/dist/lib/node/app-graph-builder-HO4FPGZ5.cjs.map +0 -7
  152. package/dist/lib/node/chunk-AGJ6XTDN.cjs.map +0 -7
  153. package/dist/lib/node/chunk-FTEDH5Q6.cjs +0 -167
  154. package/dist/lib/node/chunk-FTEDH5Q6.cjs.map +0 -7
  155. package/dist/lib/node/react-surface-52M54VWV.cjs.map +0 -7
  156. package/dist/lib/node-esm/AutomationPanel-XF7YPSKM.mjs.map +0 -7
  157. package/dist/lib/node-esm/app-graph-builder-XCJR33VS.mjs.map +0 -7
  158. package/dist/lib/node-esm/chunk-M4QXMIIB.mjs +0 -139
  159. package/dist/lib/node-esm/chunk-M4QXMIIB.mjs.map +0 -7
  160. package/dist/lib/node-esm/chunk-OA75PSGH.mjs +0 -10
  161. package/dist/lib/node-esm/chunk-OA75PSGH.mjs.map +0 -7
  162. package/dist/lib/node-esm/react-surface-MGKM3OO3.mjs +0 -43
  163. package/dist/lib/node-esm/react-surface-MGKM3OO3.mjs.map +0 -7
@@ -1,22 +1,24 @@
1
1
  //
2
- // Copyright 2024 DXOS.org
2
+ // Copyright 2025 DXOS.org
3
3
  //
4
4
 
5
- import React, { useCallback, useEffect, useMemo, useState } from 'react';
5
+ import React, { useCallback, useMemo } from 'react';
6
6
 
7
7
  import { ComputeGraph } from '@dxos/conductor';
8
+ import { DXN } from '@dxos/echo';
8
9
  import {
9
10
  FunctionType,
10
11
  FunctionTriggerSchema,
11
12
  type FunctionTriggerType,
12
13
  type FunctionTrigger,
13
14
  ScriptType,
14
- TriggerKind,
15
- } from '@dxos/functions/types';
16
- import { Filter, useQuery, type Space } from '@dxos/react-client/echo';
17
- import { IconButton, Input, useTranslation } from '@dxos/react-ui';
18
- import { type CustomInputMap, Form, type InputProps, SelectInput, TextInput, useInputProps } from '@dxos/react-ui-form';
15
+ } from '@dxos/functions';
16
+ import { Filter, Ref, useQuery, type Space } from '@dxos/react-client/echo';
17
+ import { useTranslation } from '@dxos/react-ui';
18
+ import { type CustomInputMap, Form, SelectInput, useRefQueryLookupHandler } from '@dxos/react-ui-form';
19
19
 
20
+ import { FunctionPayloadEditor } from './FunctionPayloadEditor';
21
+ import { SpecSelector } from './SpecSelector';
20
22
  import { AUTOMATION_PLUGIN } from '../../meta';
21
23
 
22
24
  export type TriggerEditorProps = {
@@ -26,30 +28,6 @@ export type TriggerEditorProps = {
26
28
  onCancel?: () => void;
27
29
  };
28
30
 
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
-
53
31
  export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {
54
32
  const { t } = useTranslation(AUTOMATION_PLUGIN);
55
33
 
@@ -61,76 +39,58 @@ export const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEdito
61
39
  onSave?.(values);
62
40
  };
63
41
 
42
+ const handleRefQueryLookup = useRefQueryLookupHandler({ space });
43
+
64
44
  const Custom = useMemo(
65
45
  (): 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);
46
+ ['function' satisfies keyof FunctionTriggerType]: (props) => {
47
+ const getValue = useCallback(() => {
48
+ const formValue = props.getValue();
49
+ if (formValue instanceof DXN) {
50
+ return formValue.toString() as string;
93
51
  }
94
- }, [newPayloadFieldName, props.getValue, props.onValueChange]);
52
+ return undefined;
53
+ }, [props]);
54
+
55
+ const handleOnValueChange = useCallback(
56
+ (_type: any, dxnString: string) => {
57
+ const dxn = DXN.parse(dxnString);
58
+ if (dxn) {
59
+ const ref = Ref.fromDXN(dxn);
60
+ props.onValueChange('object', ref);
61
+ }
62
+ },
63
+ [props.onValueChange],
64
+ );
95
65
 
96
66
  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
- </>
67
+ <SelectInput
68
+ {...props}
69
+ getValue={getValue as any}
70
+ onValueChange={handleOnValueChange}
71
+ options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}
72
+ />
120
73
  );
121
74
  },
75
+ ['spec.type' as const]: SpecSelector,
76
+ ['payload' as const]: (props) => (
77
+ <FunctionPayloadEditor {...props} functions={functions} onQueryRefOptions={handleRefQueryLookup} />
78
+ ),
122
79
  }),
123
80
  [workflows, scripts, functions, t],
124
81
  );
125
82
 
126
83
  return (
127
- <Form<FunctionTriggerType>
128
- schema={FunctionTriggerSchema}
129
- values={trigger}
130
- onSave={handleSave}
131
- onCancel={onCancel}
132
- Custom={Custom}
133
- />
84
+ <div role='none' className='bs-full is-full'>
85
+ <Form
86
+ schema={FunctionTriggerSchema}
87
+ values={trigger}
88
+ onSave={handleSave}
89
+ onCancel={onCancel}
90
+ Custom={Custom}
91
+ onQueryRefOptions={handleRefQueryLookup}
92
+ />
93
+ </div>
134
94
  );
135
95
  };
136
96
 
@@ -6,4 +6,7 @@ import { lazy } from 'react';
6
6
 
7
7
  export * from './TriggerEditor';
8
8
 
9
+ export const AutomationContainer = lazy(() => import('./AutomationContainer'));
9
10
  export const AutomationPanel = lazy(() => import('./AutomationPanel'));
11
+ export const FunctionsContainer = lazy(() => import('./FunctionsContainer'));
12
+ export const FunctionsPanel = lazy(() => import('./FunctionsPanel'));
@@ -2,16 +2,19 @@
2
2
  // Copyright 2024 DXOS.org
3
3
  //
4
4
 
5
- import { AST, S, toJsonSchema } from '@dxos/echo-schema';
5
+ import { Schema, SchemaAST } from 'effect';
6
+
7
+ import { ContactType } from '@dxos/client/testing';
8
+ import { Ref, toJsonSchema } from '@dxos/echo-schema';
6
9
 
7
10
  export const functions = [
8
11
  {
9
12
  name: 'example.com/function/chess',
10
13
  version: '0.1.0',
11
14
  inputSchema: toJsonSchema(
12
- S.Struct({
13
- level: S.Number.annotations({
14
- [AST.TitleAnnotationId]: 'Level',
15
+ Schema.Struct({
16
+ level: Schema.Number.annotations({
17
+ [SchemaAST.TitleAnnotationId]: 'Level',
15
18
  }),
16
19
  }),
17
20
  ),
@@ -21,12 +24,23 @@ export const functions = [
21
24
  version: '0.1.0',
22
25
  binding: 'FOREX',
23
26
  inputSchema: toJsonSchema(
24
- S.Struct({
25
- from: S.String.annotations({
26
- [AST.TitleAnnotationId]: 'Currency from',
27
+ Schema.Struct({
28
+ from: Schema.String.annotations({
29
+ [SchemaAST.TitleAnnotationId]: 'Currency from',
30
+ }),
31
+ to: Schema.String.annotations({
32
+ [SchemaAST.TitleAnnotationId]: 'Currency to',
27
33
  }),
28
- to: S.String.annotations({
29
- [AST.TitleAnnotationId]: 'Currency to',
34
+ }),
35
+ ),
36
+ },
37
+ {
38
+ name: 'example.com/function/ping-contact',
39
+ version: '0.0.1',
40
+ inputSchema: toJsonSchema(
41
+ Schema.Struct({
42
+ contact: Ref(ContactType).annotations({
43
+ [SchemaAST.TitleAnnotationId]: 'Contact',
30
44
  }),
31
45
  }),
32
46
  ),
@@ -11,8 +11,17 @@ export default [
11
11
  'plugin name': 'Automation',
12
12
  'automation panel label': 'Automations',
13
13
  'script automation label': 'Automation',
14
+ 'automation verbose label': 'Manage automations',
15
+ 'automation description': 'You can manage all the triggers which automate your space here.',
14
16
 
15
- 'trigger editor title': 'New Trigger',
17
+ 'functions panel label': 'Functions',
18
+ 'functions verbose label': 'Manage deployed functions',
19
+ 'functions description': 'You can manage all the functions deployed from your space on EDGE here.',
20
+ 'function copy id': 'Copy Function ID',
21
+ 'no functions found': 'No functions found',
22
+ 'go to function source button label': 'Show function source',
23
+
24
+ 'trigger editor title': 'Configure Trigger',
16
25
  'new trigger label': 'Add Trigger',
17
26
  'trigger type timer': 'Timer',
18
27
  'trigger type webhook': 'Webhook',
package/src/types.ts ADDED
@@ -0,0 +1,33 @@
1
+ //
2
+ // Copyright 2025 DXOS.org
3
+ //
4
+
5
+ import { Schema } from 'effect';
6
+
7
+ import { SpaceSchema } from '@dxos/react-client/echo';
8
+
9
+ import { AUTOMATION_PLUGIN } from './meta';
10
+
11
+ const TriggerTemplate = Schema.Union(
12
+ Schema.Struct({ type: Schema.Literal('timer'), cron: Schema.String }),
13
+ Schema.Struct({ type: Schema.Literal('queue'), queueDXN: Schema.Any }),
14
+ );
15
+
16
+ export namespace AutomationAction {
17
+ const AUTOMATION_ACTION = `${AUTOMATION_PLUGIN}/action`;
18
+
19
+ export class CreateTriggerFromTemplate extends Schema.TaggedClass<CreateTriggerFromTemplate>()(
20
+ `${AUTOMATION_ACTION}/create-trigger-from-template`,
21
+ {
22
+ input: Schema.Struct({
23
+ space: SpaceSchema,
24
+ template: TriggerTemplate,
25
+ enabled: Schema.optional(Schema.Boolean),
26
+ // TODO(wittjosiah): Improve how this lookup is done.
27
+ scriptName: Schema.optional(Schema.String),
28
+ input: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.Any })),
29
+ }),
30
+ output: Schema.Void,
31
+ },
32
+ ) {}
33
+ }
@@ -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, Separator, useTranslation } from '@dxos/react-ui';\nimport { ControlItem, controlItemClasses } from '@dxos/react-ui-form';\nimport { List } from '@dxos/react-ui-list';\nimport { StackItem } from '@dxos/react-ui-stack';\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, {}));\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 <StackItem.Content classNames='block overflow-y-auto'>\n <div className='flex flex-col w-full'>\n {trigger ? (\n <ControlItem title={t('trigger editor title')}>\n <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />\n </ControlItem>\n ) : (\n <div role='none' className={controlItemClasses}>\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 {triggers.length > 0 && <Separator classNames='mlb-4' />}\n <IconButton icon='ph--plus--regular' label={t('new trigger label')} onClick={handleAdd} />\n </div>\n )}\n </div>\n </StackItem.Content>\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", "Separator", "useTranslation", "ControlItem", "controlItemClasses", "List", "StackItem", "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", "undefined", "handleDelete", "db", "remove", "handleSave", "Object", "assign", "add", "handleCancel", "Clipboard", "Provider", "StackItem", "Content", "classNames", "div", "className", "ControlItem", "title", "TriggerEditor", "onSave", "onCancel", "role", "controlItemClasses", "List", "Root", "items", "isItem", "S", "is", "getId", "field", "map", "copyAction", "getCopyAction", "Item", "key", "item", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "getFunctionName", "IconButton", "label", "translationKey", "value", "contentProvider", "ItemDeleteButton", "length", "Separator", "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,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/app-graph-builder.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\nimport { SCRIPT_PLUGIN } from '@dxos/plugin-script/types';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginsContext) =>\n contributes(Capabilities.AppGraphBuilder, [\n createExtension({\n id: `${SCRIPT_PLUGIN}/script-companion`,\n filter: (node): node is Node<ScriptType> => isInstanceOf(ScriptType, node.data),\n connector: ({ node }) => [\n {\n id: [node.id, 'automation'].join(ATTENDABLE_PATH_SEPARATOR),\n type: PLANK_COMPANION_TYPE,\n data: 'automation',\n properties: {\n label: ['script automation label', { ns: meta.id }],\n icon: 'ph--lightning--regular',\n },\n },\n ],\n }),\n ]);\n"],
5
- "mappings": ";;;;;AAIA,SAASA,cAAcC,mBAAwC;AAC/D,SAASC,oBAAoB;AAC7B,SAASC,kBAAkB;AAC3B,SAASC,sBAAsBC,iCAAiC;AAChE,SAASC,uBAAkC;AAC3C,SAASC,qBAAqB;AAI9B,IAAA,4BAAe,CAACC,YACdC,YAAYC,aAAaC,iBAAiB;EACxCC,gBAAgB;IACdC,IAAI,GAAGC,aAAAA;IACPC,QAAQ,CAACC,SAAmCC,aAAaC,YAAYF,KAAKG,IAAI;IAC9EC,WAAW,CAAC,EAAEJ,KAAI,MAAO;MACvB;QACEH,IAAI;UAACG,KAAKH;UAAI;UAAcQ,KAAKC,yBAAAA;QACjCC,MAAMC;QACNL,MAAM;QACNM,YAAY;UACVC,OAAO;YAAC;YAA2B;cAAEC,IAAIC,KAAKf;YAAG;;UACjDgB,MAAM;QACR;MACF;;EAEJ,CAAA;CACD;",
6
- "names": ["Capabilities", "contributes", "isInstanceOf", "ScriptType", "PLANK_COMPANION_TYPE", "ATTENDABLE_PATH_SEPARATOR", "createExtension", "SCRIPT_PLUGIN", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "SCRIPT_PLUGIN", "filter", "node", "isInstanceOf", "ScriptType", "data", "connector", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "meta", "icon"]
7
- }
@@ -1,138 +0,0 @@
1
- import {
2
- AUTOMATION_PLUGIN
3
- } from "./chunk-WKKQV4PC.mjs";
4
-
5
- // packages/plugins/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
6
- import React, { useCallback, useEffect, useMemo, 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, useInputProps } from "@dxos/react-ui-form";
12
- var PayloadInput = (props) => {
13
- const { t } = useTranslation(AUTOMATION_PLUGIN);
14
- const inputProps = useInputProps([
15
- "meta",
16
- props.property
17
- ]);
18
- return /* @__PURE__ */ React.createElement("div", {
19
- role: "none",
20
- className: "flex items-center mt-2 gap-1"
21
- }, /* @__PURE__ */ React.createElement("div", {
22
- role: "none",
23
- className: "flex-1"
24
- }, /* @__PURE__ */ React.createElement(TextInput, {
25
- ...inputProps,
26
- type: "string",
27
- label: props.property
28
- })), /* @__PURE__ */ React.createElement(IconButton, {
29
- icon: "ph--trash--regular",
30
- iconOnly: true,
31
- classNames: "mt-6",
32
- label: t("trigger meta remove"),
33
- onClick: () => {
34
- const newValues = {
35
- ...props.getValue()
36
- };
37
- delete newValues[props.property];
38
- props.onValueChange("object", newValues);
39
- }
40
- }));
41
- };
42
- var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
43
- const { t } = useTranslation(AUTOMATION_PLUGIN);
44
- const functions = useQuery(space, Filter.schema(FunctionType));
45
- const workflows = useQuery(space, Filter.schema(ComputeGraph));
46
- const scripts = useQuery(space, Filter.schema(ScriptType));
47
- const handleSave = (values) => {
48
- onSave?.(values);
49
- };
50
- const Custom = useMemo(() => ({
51
- ["function"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
52
- ...props,
53
- options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
54
- }),
55
- ["spec.type"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
56
- ...props,
57
- options: Object.values(TriggerKind).map((kind) => ({
58
- value: kind,
59
- label: t(`trigger type ${kind}`)
60
- }))
61
- }),
62
- // TODO(wittjosiah): Form should be able to handle arbitrary records by default.
63
- ["meta"]: (props) => {
64
- const payload = props.getValue() ?? {};
65
- useEffect(() => props.onValueChange("object", {
66
- ...payload
67
- }), []);
68
- const [newPayloadFieldName, setNewPayloadFieldName] = useState("");
69
- const handleAddPayload = useCallback(() => {
70
- if (newPayloadFieldName.length) {
71
- const payload2 = props.getValue() ?? {};
72
- const payloadWithNewProp = {
73
- ...payload2,
74
- [newPayloadFieldName]: ""
75
- };
76
- setNewPayloadFieldName("");
77
- props.onValueChange("object", payloadWithNewProp);
78
- }
79
- }, [
80
- newPayloadFieldName,
81
- props.getValue,
82
- props.onValueChange
83
- ]);
84
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, "Payload"), [
85
- ...Object.keys(payload)
86
- ].map((key) => /* @__PURE__ */ React.createElement(PayloadInput, {
87
- key,
88
- property: key,
89
- ...props
90
- })), /* @__PURE__ */ React.createElement("div", {
91
- role: "none",
92
- className: "flex items-center mt-2 gap-1 plb-1"
93
- }, /* @__PURE__ */ React.createElement("div", {
94
- role: "none",
95
- className: "flex-1"
96
- }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
97
- placeholder: t("trigger payload prop name placeholder"),
98
- value: newPayloadFieldName,
99
- onChange: (event) => setNewPayloadFieldName(event.target.value)
100
- }))), /* @__PURE__ */ React.createElement(IconButton, {
101
- icon: "ph--plus--regular",
102
- iconOnly: true,
103
- label: t("trigger payload add"),
104
- onClick: handleAddPayload
105
- })));
106
- }
107
- }), [
108
- workflows,
109
- scripts,
110
- functions,
111
- t
112
- ]);
113
- return /* @__PURE__ */ React.createElement(Form, {
114
- schema: FunctionTriggerSchema,
115
- values: trigger,
116
- onSave: handleSave,
117
- onCancel,
118
- Custom
119
- });
120
- };
121
- var getWorkflowOptions = (graphs) => {
122
- return graphs.map((graph) => ({
123
- label: `compute-${graph.id}`,
124
- value: `dxn:echo:@:${graph.id}`
125
- }));
126
- };
127
- var getFunctionOptions = (scripts, functions) => {
128
- const getLabel = (fn) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
129
- return functions.map((fn) => ({
130
- label: getLabel(fn),
131
- value: `dxn:worker:${fn.name}`
132
- }));
133
- };
134
-
135
- export {
136
- TriggerEditor
137
- };
138
- //# sourceMappingURL=chunk-FALBBJNO.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, { useCallback, useEffect, useMemo, 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 { type CustomInputMap, Form, type InputProps, SelectInput, TextInput, useInputProps } 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\nconst PayloadInput = (props: InputProps & { property: string }) => {\n const { t } = useTranslation(AUTOMATION_PLUGIN);\n // TODO(dmaretskyi): Prop name (`meta`) should be passed in.\n const inputProps = useInputProps(['meta', props.property]);\n return (\n <div role='none' className='flex items-center mt-2 gap-1'>\n <div role='none' className='flex-1'>\n <TextInput {...inputProps} type='string' label={props.property} />\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[props.property];\n props.onValueChange('object', newValues);\n }}\n />\n </div>\n );\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 const Custom = useMemo(\n (): CustomInputMap => ({\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 // TODO(wittjosiah): Form should be able to handle arbitrary records by default.\n ['meta' as const]: (props) => {\n const payload = props.getValue() ?? {};\n useEffect(() => props.onValueChange('object', { ...payload }), []);\n const [newPayloadFieldName, setNewPayloadFieldName] = useState('');\n\n const handleAddPayload = useCallback(() => {\n if (newPayloadFieldName.length) {\n const payload = props.getValue() ?? {};\n const payloadWithNewProp = { ...payload, [newPayloadFieldName]: '' };\n setNewPayloadFieldName('');\n props.onValueChange('object', payloadWithNewProp);\n }\n }, [newPayloadFieldName, props.getValue, props.onValueChange]);\n\n return (\n <>\n <div>{/* TODO(wittjosiah): props.label */ 'Payload'}</div>\n {[...Object.keys(payload)].map((key) => (\n <PayloadInput key={key} property={key} {...props} />\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 payload prop name placeholder')}\n value={newPayloadFieldName}\n onChange={(event) => setNewPayloadFieldName(event.target.value)}\n />\n </Input.Root>\n </div>\n <IconButton\n icon='ph--plus--regular'\n iconOnly\n label={t('trigger payload add')}\n onClick={handleAddPayload}\n />\n </div>\n </>\n );\n },\n }),\n [workflows, scripts, functions, t],\n );\n\n return (\n <Form<FunctionTriggerType>\n schema={FunctionTriggerSchema}\n values={trigger}\n onSave={handleSave}\n onCancel={onCancel}\n Custom={Custom}\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", "useCallback", "useEffect", "useMemo", "useState", "ComputeGraph", "FunctionType", "FunctionTriggerSchema", "ScriptType", "TriggerKind", "Filter", "useQuery", "IconButton", "Input", "useTranslation", "Form", "SelectInput", "TextInput", "useInputProps", "PayloadInput", "props", "t", "useTranslation", "AUTOMATION_PLUGIN", "inputProps", "useInputProps", "property", "div", "role", "className", "TextInput", "type", "label", "IconButton", "icon", "iconOnly", "classNames", "onClick", "newValues", "getValue", "onValueChange", "TriggerEditor", "space", "trigger", "onSave", "onCancel", "functions", "useQuery", "Filter", "schema", "FunctionType", "workflows", "ComputeGraph", "scripts", "ScriptType", "handleSave", "values", "Custom", "useMemo", "SelectInput", "options", "getWorkflowOptions", "concat", "getFunctionOptions", "Object", "TriggerKind", "map", "kind", "value", "payload", "useEffect", "newPayloadFieldName", "setNewPayloadFieldName", "useState", "handleAddPayload", "useCallback", "length", "payloadWithNewProp", "keys", "key", "Input", "Root", "placeholder", "onChange", "event", "target", "Form", "FunctionTriggerSchema", "graphs", "graph", "id", "getLabel", "fn", "find", "s", "source", "name"]
7
- }
@@ -1,8 +0,0 @@
1
- // packages/plugins/plugin-automation/src/components/index.ts
2
- import { lazy } from "react";
3
- var AutomationPanel = lazy(() => import("./AutomationPanel-YAHFXQX6.mjs"));
4
-
5
- export {
6
- AutomationPanel
7
- };
8
- //# sourceMappingURL=chunk-MT3FZH4V.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/index.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './TriggerEditor';\n\nexport const AutomationPanel = lazy(() => import('./AutomationPanel'));\n"],
5
- "mappings": ";AAIA,SAASA,YAAY;AAId,IAAMC,kBAAkBC,KAAK,MAAM,OAAO,gCAAA,CAAA;",
6
- "names": ["lazy", "AutomationPanel", "lazy"]
7
- }
@@ -1,42 +0,0 @@
1
- import {
2
- AutomationPanel
3
- } from "./chunk-MT3FZH4V.mjs";
4
- import "./chunk-FALBBJNO.mjs";
5
- import {
6
- meta
7
- } from "./chunk-WKKQV4PC.mjs";
8
-
9
- // packages/plugins/plugin-automation/src/capabilities/react-surface.tsx
10
- import React from "react";
11
- import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
12
- import { isInstanceOf } from "@dxos/echo-schema";
13
- import { ScriptType } from "@dxos/functions/types";
14
- import { getSpace, isSpace } from "@dxos/react-client/echo";
15
- import { StackItem } from "@dxos/react-ui-stack";
16
- var react_surface_default = () => contributes(Capabilities.ReactSurface, [
17
- createSurface({
18
- id: `${meta.id}/automation`,
19
- role: "space-settings--automation",
20
- filter: (data) => isSpace(data.subject),
21
- component: ({ data }) => /* @__PURE__ */ React.createElement(AutomationPanel, {
22
- space: data.subject
23
- })
24
- }),
25
- createSurface({
26
- id: `${meta.id}/companion/automation`,
27
- role: "article",
28
- filter: (data) => isInstanceOf(ScriptType, data.companionTo) && data.subject === "automation",
29
- component: ({ data, role }) => {
30
- return /* @__PURE__ */ React.createElement(StackItem.Content, {
31
- role
32
- }, /* @__PURE__ */ React.createElement(AutomationPanel, {
33
- space: getSpace(data.companionTo),
34
- object: data.companionTo
35
- }));
36
- }
37
- })
38
- ]);
39
- export {
40
- react_surface_default as default
41
- };
42
- //# sourceMappingURL=react-surface-4QQSJR4A.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 { isInstanceOf } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions/types';\nimport { getSpace, isSpace, type Space } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { AutomationPanel } from '../components';\nimport { meta } from '../meta';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: `${meta.id}/automation`,\n role: 'space-settings--automation',\n filter: (data): data is { subject: Space } => isSpace(data.subject),\n component: ({ data }) => <AutomationPanel space={data.subject} />,\n }),\n createSurface({\n id: `${meta.id}/companion/automation`,\n role: 'article',\n filter: (data): data is { companionTo: ScriptType; subject: 'automation' } =>\n isInstanceOf(ScriptType, data.companionTo) && data.subject === 'automation',\n component: ({ data, role }) => {\n return (\n <StackItem.Content role={role}>\n <AutomationPanel space={getSpace(data.companionTo)!} object={data.companionTo} />\n </StackItem.Content>\n );\n },\n }),\n ]);\n"],
5
- "mappings": ";;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,oBAAoB;AAC7B,SAASC,kBAAkB;AAC3B,SAASC,UAAUC,eAA2B;AAC9C,SAASC,iBAAiB;AAK1B,IAAA,wBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,QAAQ,CAACC,SAAqCC,QAAQD,KAAKE,OAAO;IAClEC,WAAW,CAAC,EAAEH,KAAI,MAAO,sBAAA,cAACI,iBAAAA;MAAgBC,OAAOL,KAAKE;;EACxD,CAAA;EACAP,cAAc;IACZC,IAAI,GAAGC,KAAKD,EAAE;IACdE,MAAM;IACNC,QAAQ,CAACC,SACPM,aAAaC,YAAYP,KAAKQ,WAAW,KAAKR,KAAKE,YAAY;IACjEC,WAAW,CAAC,EAAEH,MAAMF,KAAI,MAAE;AACxB,aACE,sBAAA,cAACW,UAAUC,SAAO;QAACZ;SACjB,sBAAA,cAACM,iBAAAA;QAAgBC,OAAOM,SAASX,KAAKQ,WAAW;QAAII,QAAQZ,KAAKQ;;IAGxE;EACF,CAAA;CACD;",
6
- "names": ["React", "Capabilities", "contributes", "createSurface", "isInstanceOf", "ScriptType", "getSpace", "isSpace", "StackItem", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "isSpace", "subject", "component", "AutomationPanel", "space", "isInstanceOf", "ScriptType", "companionTo", "StackItem", "Content", "getSpace", "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, Separator, useTranslation } from '@dxos/react-ui';\nimport { ControlItem, controlItemClasses } from '@dxos/react-ui-form';\nimport { List } from '@dxos/react-ui-list';\nimport { StackItem } from '@dxos/react-ui-stack';\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, {}));\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 <StackItem.Content classNames='block overflow-y-auto'>\n <div className='flex flex-col w-full'>\n {trigger ? (\n <ControlItem title={t('trigger editor title')}>\n <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />\n </ControlItem>\n ) : (\n <div role='none' className={controlItemClasses}>\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 {triggers.length > 0 && <Separator classNames='mlb-4' />}\n <IconButton icon='ph--plus--regular' label={t('new trigger label')} onClick={handleAdd} />\n </div>\n )}\n </div>\n </StackItem.Content>\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAgC;AAEhC,yBAAkB;AAClB,mBAOO;AACP,0BAAuC;AACvC,kBAAoF;AACpF,sBAAwE;AACxE,2BAAgD;AAChD,2BAAqB;AACrB,4BAA0B;AAC1B,4BAA+B;AAK/B,IAAMA,OAAO;AAQN,IAAMC,kBAAkB,CAAC,EAAEC,OAAOC,OAAM,MAAwB;AACrE,QAAM,EAAEC,EAAC,QAAKC,gCAAeC,uCAAAA;AAC7B,QAAMC,aAASC,+BAAAA;AACf,QAAMC,eAAWC,sBAASR,OAAOS,mBAAOC,OAAOC,4BAAAA,CAAAA;AAC/C,QAAMC,gBAAYJ,sBAASR,OAAOS,mBAAOC,OAAOG,yBAAAA,CAAAA;AAChD,QAAMC,cAAUN,sBAASR,OAAOS,mBAAOC,OAAOK,uBAAAA,CAAAA;AAE9C,QAAM,CAACC,SAASC,UAAAA,QAAcC,uBAAAA;AAC9B,QAAM,CAACC,UAAUC,WAAAA,QAAeF,uBAAAA;AAEhC,QAAMG,eAAe,CAACL,aAAAA;AACpB,UAAM,EAAEM,IAAIC,GAAG,GAAGC,OAAAA,IAAWR;AAC7BC,eAAWO,MAAAA;AACXJ,gBAAYJ,QAAAA;EACd;AAEA,QAAMS,YAAY,MAAA;AAChBR,mBAAWS,oBAAOC,oCAAuB,CAAC,CAAA,CAAA;AAC1CP,gBAAYQ,MAAAA;EACd;AAEA,QAAMC,eAAe,CAACb,aAAAA;AACpBhB,UAAM8B,GAAGC,OAAOf,QAAAA;AAChBC,eAAWW,MAAAA;AACXR,gBAAYQ,MAAAA;EACd;AAEA,QAAMI,aAA2C,CAAChB,aAAAA;AAChD,QAAIG,UAAU;AACZc,aAAOC,OAAOf,UAAUH,QAAAA;IAC1B,OAAO;AACLhB,YAAM8B,GAAGK,QAAIT,oBAAOf,8BAAiBK,QAAAA,CAAAA;IACvC;AAEAC,eAAWW,MAAAA;AACXR,gBAAYQ,MAAAA;EACd;AAEA,QAAMQ,eAA+C,MAAA;AACnDnB,eAAWW,MAAAA;EACb;AAEA,SACE,6BAAAS,QAAA,cAACC,0BAAUC,UAAQ,MACjB,6BAAAF,QAAA,cAACG,gCAAUC,SAAO;IAACC,YAAW;KAC5B,6BAAAL,QAAA,cAACM,OAAAA;IAAIC,WAAU;KACZ5B,UACC,6BAAAqB,QAAA,cAACQ,kCAAAA;IAAYC,OAAO5C,EAAE,sBAAA;KACpB,6BAAAmC,QAAA,cAACU,qCAAAA;IAAc/C;IAAcgB;IAAkBgC,QAAQhB;IAAYiB,UAAUb;QAG/E,6BAAAC,QAAA,cAACM,OAAAA;IAAIO,MAAK;IAAON,WAAWO;KAC1B,6BAAAd,QAAA,cAACe,0BAAKC,MAAI;IAAkBC,OAAO/C;IAAUgD,QAAQC,qBAAEC,GAAG9C,4BAAAA;IAAkB+C,OAAO,CAACC,UAAUA,MAAMrC;KACjG,CAAC,EAAEgC,OAAO/C,UAAQ,MACjB,6BAAA8B,QAAA,cAACM,OAAAA;IAAIO,MAAK;IAAON,WAAU;KACxBrC,WAAUqD,IAAI,CAAC5C,aAAAA;AACd,UAAM6C,aAAaC,cAAczD,QAAQW,QAAAA;AACzC,WACE,6BAAAqB,QAAA,cAACe,0BAAKW,MAAI;MACRC,KAAKhD,SAAQM;MACb2C,MAAMjD;MACN0B,gBAAYwB,0BAAGpE,MAAMqE,kCAAY,gBAAgB,MAAA;OAEjD,6BAAA9B,QAAA,cAAC+B,sBAAMf,MAAI,MACT,6BAAAhB,QAAA,cAAC+B,sBAAMC,QAAM;MACXC,SAAStD,SAAQuD;MACjBC,iBAAiB,CAACF,YAAatD,SAAQuD,UAAUD;SAIrD,6BAAAjC,QAAA,cAACM,OAAAA;MAAIC,WAAW;OACd,6BAAAP,QAAA,cAACe,0BAAKqB,WAAS;MACb/B,YAAW;MACXgC,SAAS,MAAMrD,aAAaL,QAAAA;OAE3B2D,gBAAgB7D,SAASF,WAAWI,QAAAA,KAAY,QAAA,GAIlD6C,cACC,6BAAAxB,QAAA,cAACC,0BAAUsC,YAAU;MACnBC,OAAO3E,EAAE2D,WAAWiB,cAAc;MAClCC,OAAOlB,WAAWmB,gBAAe;SAKvC,6BAAA3C,QAAA,cAACe,0BAAK6B,kBAAgB;MAACP,SAAS,MAAM7C,aAAab,QAAAA;;EAGzD,CAAA,CAAA,CAAA,GAILT,SAAS2E,SAAS,KAAK,6BAAA7C,QAAA,cAAC8C,2BAAAA;IAAUzC,YAAW;MAC9C,6BAAAL,QAAA,cAACuC,4BAAAA;IAAWQ,MAAK;IAAoBP,OAAO3E,EAAE,mBAAA;IAAsBwE,SAASjD;;AAO3F;AAEA,IAAMqC,gBAAgB,CAACzD,QAAgBW,YAAAA;AACrC,MAAIA,SAASqE,MAAMC,SAASC,yBAAYC,OAAO;AAC7C,WAAO;MAAEV,gBAAgB;MAAsBE,iBAAiB,MAAM,OAAGS,sBAASzE,OAAAA,EAAUM,EAAE;IAAgB;EAChH;AAEA,MAAIN,SAASqE,MAAMC,SAASC,yBAAYG,SAAS;AAC/C,WAAO;MAAEZ,gBAAgB;MAAoBE,iBAAiB,MAAMW,cAActF,QAAQW,OAAAA;IAAS;EACrG;AAEA,SAAOY;AACT;AAEA,IAAM+D,gBAAgB,CAACtF,QAAgBW,YAAAA;AACrC,QAAM4E,cAAUH,sBAASzE,OAAAA,EAAUM;AACnC,QAAMuE,UAAU,IAAIC,IAAIzF,OAAO0F,OAAOvE,OAAOwE,QAASC,SAAUC,KAAMC,GAAG;AACzE,QAAMC,WAAWP,QAAQQ,SAASC,WAAW,OAAA,KAAYT,QAAQQ,SAASC,WAAW,KAAA;AACrFT,UAAQQ,WAAWD,WAAW,UAAU;AACxC,SAAO,IAAIN,IAAI,YAAYF,OAAAA,IAAW5E,QAAQM,EAAE,IAAIuE,OAAAA,EAASU,SAAQ;AACvE;AAEA,IAAM5B,kBAAkB,CAAC7D,SAAuBF,WAA2BI,YAAAA;AAGzE,QAAMwF,UAAUxF,QAAQyF,YAAY,GAAGzF,QAAQyF,UAAUC,MAAM,GAAG,EAAA,CAAA;AAClE,QAAMC,iBAAiB/F,UAAUgG,KAAK,CAACC,OAAO,cAAcA,GAAGC,IAAI,OAAO9F,QAAQyF,QAAQ;AAC1F,MAAI,CAACE,gBAAgB;AACnB,WAAOH;EACT;AACA,SAAO1F,QAAQ8F,KAAK,CAACG,MAAMJ,eAAeK,QAAQC,QAAQ3F,OAAOyF,EAAEzF,EAAE,GAAGwF,QAAQN;AAClF;ACjKA,IAAA,0BAAezG;",
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", "undefined", "handleDelete", "db", "remove", "handleSave", "Object", "assign", "add", "handleCancel", "React", "Clipboard", "Provider", "StackItem", "Content", "classNames", "div", "className", "ControlItem", "title", "TriggerEditor", "onSave", "onCancel", "role", "controlItemClasses", "List", "Root", "items", "isItem", "S", "is", "getId", "field", "map", "copyAction", "getCopyAction", "Item", "key", "item", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "getFunctionName", "IconButton", "label", "translationKey", "value", "contentProvider", "ItemDeleteButton", "length", "Separator", "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/capabilities/app-graph-builder.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\nimport { SCRIPT_PLUGIN } from '@dxos/plugin-script/types';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginsContext) =>\n contributes(Capabilities.AppGraphBuilder, [\n createExtension({\n id: `${SCRIPT_PLUGIN}/script-companion`,\n filter: (node): node is Node<ScriptType> => isInstanceOf(ScriptType, node.data),\n connector: ({ node }) => [\n {\n id: [node.id, 'automation'].join(ATTENDABLE_PATH_SEPARATOR),\n type: PLANK_COMPANION_TYPE,\n data: 'automation',\n properties: {\n label: ['script automation label', { ns: meta.id }],\n icon: 'ph--lightning--regular',\n },\n },\n ],\n }),\n ]);\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA+D;AAC/D,yBAA6B;AAC7B,uBAA2B;AAC3B,mBAAgE;AAChE,0BAA2C;AAC3C,IAAAA,gBAA8B;AAI9B,IAAA,4BAAe,CAACC,gBACdC,kCAAYC,kCAAaC,iBAAiB;MACxCC,qCAAgB;IACdC,IAAI,GAAGC,2BAAAA;IACPC,QAAQ,CAACC,aAAmCC,iCAAaC,6BAAYF,KAAKG,IAAI;IAC9EC,WAAW,CAAC,EAAEJ,KAAI,MAAO;MACvB;QACEH,IAAI;UAACG,KAAKH;UAAI;UAAcQ,KAAKC,sCAAAA;QACjCC,MAAMC;QACNL,MAAM;QACNM,YAAY;UACVC,OAAO;YAAC;YAA2B;cAAEC,IAAIC,2BAAKf;YAAG;;UACjDgB,MAAM;QACR;MACF;;EAEJ,CAAA;CACD;",
6
- "names": ["import_types", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "SCRIPT_PLUGIN", "filter", "node", "isInstanceOf", "ScriptType", "data", "connector", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "meta", "icon"]
7
- }