@dxos/plugin-automation 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

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 (120) hide show
  1. package/dist/lib/browser/AutomationContainer-HQK7FTN6.mjs +40 -0
  2. package/dist/lib/{node-esm/AutomationContainer-OP43F4PD.mjs.map → browser/AutomationContainer-HQK7FTN6.mjs.map} +1 -1
  3. package/dist/lib/browser/AutomationPanel-GU37N5LO.mjs +11 -0
  4. package/dist/lib/browser/FunctionsContainer-B7RDWVMX.mjs +39 -0
  5. package/dist/lib/{node-esm/FunctionsContainer-5TVRDIX5.mjs.map → browser/FunctionsContainer-B7RDWVMX.mjs.map} +1 -1
  6. package/dist/lib/browser/{FunctionsPanel-NSI3P53X.mjs → FunctionsPanel-LCCPDIT6.mjs} +3 -3
  7. package/dist/lib/browser/{app-graph-builder-2OGPEVBA.mjs → app-graph-builder-BYECL42X.mjs} +4 -3
  8. package/dist/lib/browser/{app-graph-builder-2OGPEVBA.mjs.map → app-graph-builder-BYECL42X.mjs.map} +3 -3
  9. package/dist/lib/browser/{chunk-ADYCSC6Y.mjs → chunk-4E2KPMLB.mjs} +3 -3
  10. package/dist/lib/{node-esm/chunk-EEA6CZ6B.mjs.map → browser/chunk-4E2KPMLB.mjs.map} +1 -1
  11. package/dist/lib/browser/chunk-4QTXMPBC.mjs +229 -0
  12. package/dist/lib/browser/chunk-4QTXMPBC.mjs.map +7 -0
  13. package/dist/lib/browser/chunk-D2ESAYQD.mjs +149 -0
  14. package/dist/lib/browser/chunk-D2ESAYQD.mjs.map +7 -0
  15. package/dist/lib/browser/{chunk-SGT76SL2.mjs → chunk-ELQ2FX5G.mjs} +5 -5
  16. package/dist/lib/browser/{chunk-WKKQV4PC.mjs → chunk-IHAKPP5A.mjs} +2 -2
  17. package/dist/lib/browser/{chunk-WKKQV4PC.mjs.map → chunk-IHAKPP5A.mjs.map} +1 -1
  18. package/dist/lib/browser/chunk-ZTRYR6RJ.mjs +94 -0
  19. package/dist/lib/{node-esm/chunk-AD4C4IK2.mjs.map → browser/chunk-ZTRYR6RJ.mjs.map} +1 -1
  20. package/dist/lib/browser/index.mjs +6 -6
  21. package/dist/lib/browser/{intent-resolver-X3H6ZSP4.mjs → intent-resolver-ZRBBYZUX.mjs} +3 -3
  22. package/dist/lib/browser/meta.json +1 -1
  23. package/dist/lib/browser/{react-surface-MOXIHBMS.mjs → react-surface-VKO6PA2P.mjs} +4 -4
  24. package/dist/lib/browser/types.mjs +2 -2
  25. package/dist/lib/node/{AutomationContainer-FIFH4P5T.cjs → AutomationContainer-5J7LJK7L.cjs} +26 -20
  26. package/dist/lib/node/{AutomationContainer-FIFH4P5T.cjs.map → AutomationContainer-5J7LJK7L.cjs.map} +1 -1
  27. package/dist/lib/node/{AutomationPanel-HTNEWBGB.cjs → AutomationPanel-NPDBUQ7D.cjs} +9 -9
  28. package/dist/lib/node/{AutomationPanel-HTNEWBGB.cjs.map → AutomationPanel-NPDBUQ7D.cjs.map} +2 -2
  29. package/dist/lib/node/{FunctionsContainer-LF2F6CPE.cjs → FunctionsContainer-LNLDZUZ6.cjs} +25 -19
  30. package/dist/lib/node/{FunctionsContainer-LF2F6CPE.cjs.map → FunctionsContainer-LNLDZUZ6.cjs.map} +1 -1
  31. package/dist/lib/node/{FunctionsPanel-6HOAIMQ3.cjs → FunctionsPanel-7AOXIQMA.cjs} +8 -8
  32. package/dist/lib/node/FunctionsPanel-7AOXIQMA.cjs.map +7 -0
  33. package/dist/lib/node/{app-graph-builder-3XGDVWHR.cjs → app-graph-builder-DUKR2BRB.cjs} +17 -16
  34. package/dist/lib/node/{app-graph-builder-3XGDVWHR.cjs.map → app-graph-builder-DUKR2BRB.cjs.map} +3 -3
  35. package/dist/lib/node/{chunk-7GXNXMSM.cjs → chunk-3EF7MLFX.cjs} +5 -5
  36. package/dist/lib/node/{chunk-7GXNXMSM.cjs.map → chunk-3EF7MLFX.cjs.map} +1 -1
  37. package/dist/lib/node/chunk-4O627QZU.cjs +175 -0
  38. package/dist/lib/node/chunk-4O627QZU.cjs.map +7 -0
  39. package/dist/lib/node/{chunk-SV2CB3FT.cjs → chunk-DOLMQUQ5.cjs} +8 -8
  40. package/dist/lib/node/{chunk-GDCG2BML.cjs → chunk-GIIVTK4O.cjs} +7 -7
  41. package/dist/lib/node/{chunk-GDCG2BML.cjs.map → chunk-GIIVTK4O.cjs.map} +1 -1
  42. package/dist/lib/node/chunk-O42NQYQT.cjs +252 -0
  43. package/dist/lib/node/chunk-O42NQYQT.cjs.map +7 -0
  44. package/dist/lib/node/chunk-WXQAVUBJ.cjs +122 -0
  45. package/dist/lib/node/{chunk-CBHWMYKF.cjs.map → chunk-WXQAVUBJ.cjs.map} +1 -1
  46. package/dist/lib/node/index.cjs +20 -20
  47. package/dist/lib/node/{intent-resolver-Q7WJ4PZZ.cjs → intent-resolver-JC4Q4TYU.cjs} +7 -7
  48. package/dist/lib/node/meta.json +1 -1
  49. package/dist/lib/node/{react-surface-43VHU36V.cjs → react-surface-HB3MYTCK.cjs} +15 -15
  50. package/dist/lib/node/types.cjs +3 -3
  51. package/dist/lib/node/types.cjs.map +1 -1
  52. package/dist/lib/node-esm/AutomationContainer-OJGH76X2.mjs +41 -0
  53. package/dist/lib/{browser/AutomationContainer-DA6IW7O2.mjs.map → node-esm/AutomationContainer-OJGH76X2.mjs.map} +1 -1
  54. package/dist/lib/node-esm/{AutomationPanel-ZQKRBWP2.mjs → AutomationPanel-HIWEJUWL.mjs} +4 -4
  55. package/dist/lib/node-esm/FunctionsContainer-PPR6XNNR.mjs +40 -0
  56. package/dist/lib/{browser/FunctionsContainer-MPBMMOMS.mjs.map → node-esm/FunctionsContainer-PPR6XNNR.mjs.map} +1 -1
  57. package/dist/lib/node-esm/{FunctionsPanel-NMEW26KL.mjs → FunctionsPanel-SBXKWTHR.mjs} +3 -3
  58. package/dist/lib/node-esm/{app-graph-builder-UR2E5CQY.mjs → app-graph-builder-UAXHKKGW.mjs} +4 -3
  59. package/dist/lib/node-esm/{app-graph-builder-UR2E5CQY.mjs.map → app-graph-builder-UAXHKKGW.mjs.map} +3 -3
  60. package/dist/lib/node-esm/chunk-5IAHBEHR.mjs +95 -0
  61. package/dist/lib/{browser/chunk-TRC3J2I6.mjs.map → node-esm/chunk-5IAHBEHR.mjs.map} +1 -1
  62. package/dist/lib/node-esm/{chunk-EEA6CZ6B.mjs → chunk-6JOJ2NN4.mjs} +3 -3
  63. package/dist/lib/{browser/chunk-ADYCSC6Y.mjs.map → node-esm/chunk-6JOJ2NN4.mjs.map} +1 -1
  64. package/dist/lib/node-esm/chunk-D5HK4XLC.mjs +230 -0
  65. package/dist/lib/node-esm/chunk-D5HK4XLC.mjs.map +7 -0
  66. package/dist/lib/node-esm/{chunk-DZ44LGYT.mjs → chunk-HCCLRNMJ.mjs} +2 -2
  67. package/dist/lib/node-esm/{chunk-DZ44LGYT.mjs.map → chunk-HCCLRNMJ.mjs.map} +1 -1
  68. package/dist/lib/node-esm/chunk-P2FKMPRE.mjs +150 -0
  69. package/dist/lib/node-esm/chunk-P2FKMPRE.mjs.map +7 -0
  70. package/dist/lib/node-esm/{chunk-CUPEMOYK.mjs → chunk-Z7VAQDEE.mjs} +5 -5
  71. package/dist/lib/node-esm/index.mjs +6 -6
  72. package/dist/lib/node-esm/{intent-resolver-HEUGQ6SL.mjs → intent-resolver-KRCXJEDR.mjs} +3 -3
  73. package/dist/lib/node-esm/meta.json +1 -1
  74. package/dist/lib/node-esm/{react-surface-TER7JEF6.mjs → react-surface-TRKCIZAB.mjs} +4 -4
  75. package/dist/lib/node-esm/types.mjs +2 -2
  76. package/dist/types/src/capabilities/app-graph-builder.d.ts.map +1 -1
  77. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts.map +1 -1
  78. package/dist/types/src/components/AutomationPanel/AutomationPanel.stories.d.ts.map +1 -1
  79. package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts.map +1 -1
  80. package/package.json +27 -26
  81. package/src/capabilities/app-graph-builder.ts +1 -0
  82. package/src/components/AutomationPanel/AutomationPanel.stories.tsx +3 -2
  83. package/src/components/AutomationPanel/AutomationPanel.tsx +14 -10
  84. package/src/components/TriggerEditor/TriggerEditor.tsx +29 -27
  85. package/src/meta.ts +1 -1
  86. package/src/testing/test-functions.ts +5 -5
  87. package/dist/lib/browser/AutomationContainer-DA6IW7O2.mjs +0 -34
  88. package/dist/lib/browser/AutomationPanel-R42D3LDD.mjs +0 -11
  89. package/dist/lib/browser/FunctionsContainer-MPBMMOMS.mjs +0 -33
  90. package/dist/lib/browser/chunk-2QF27UJ2.mjs +0 -140
  91. package/dist/lib/browser/chunk-2QF27UJ2.mjs.map +0 -7
  92. package/dist/lib/browser/chunk-BNQNURZN.mjs +0 -211
  93. package/dist/lib/browser/chunk-BNQNURZN.mjs.map +0 -7
  94. package/dist/lib/browser/chunk-TRC3J2I6.mjs +0 -88
  95. package/dist/lib/node/FunctionsPanel-6HOAIMQ3.cjs.map +0 -7
  96. package/dist/lib/node/chunk-CBHWMYKF.cjs +0 -116
  97. package/dist/lib/node/chunk-S3Z4AP77.cjs +0 -234
  98. package/dist/lib/node/chunk-S3Z4AP77.cjs.map +0 -7
  99. package/dist/lib/node/chunk-TI3WBQIB.cjs +0 -166
  100. package/dist/lib/node/chunk-TI3WBQIB.cjs.map +0 -7
  101. package/dist/lib/node-esm/AutomationContainer-OP43F4PD.mjs +0 -35
  102. package/dist/lib/node-esm/FunctionsContainer-5TVRDIX5.mjs +0 -34
  103. package/dist/lib/node-esm/chunk-AD4C4IK2.mjs +0 -89
  104. package/dist/lib/node-esm/chunk-DIUPZXCQ.mjs +0 -141
  105. package/dist/lib/node-esm/chunk-DIUPZXCQ.mjs.map +0 -7
  106. package/dist/lib/node-esm/chunk-DZ7RKC52.mjs +0 -212
  107. package/dist/lib/node-esm/chunk-DZ7RKC52.mjs.map +0 -7
  108. /package/dist/lib/browser/{AutomationPanel-R42D3LDD.mjs.map → AutomationPanel-GU37N5LO.mjs.map} +0 -0
  109. /package/dist/lib/browser/{FunctionsPanel-NSI3P53X.mjs.map → FunctionsPanel-LCCPDIT6.mjs.map} +0 -0
  110. /package/dist/lib/browser/{chunk-SGT76SL2.mjs.map → chunk-ELQ2FX5G.mjs.map} +0 -0
  111. /package/dist/lib/browser/{intent-resolver-X3H6ZSP4.mjs.map → intent-resolver-ZRBBYZUX.mjs.map} +0 -0
  112. /package/dist/lib/browser/{react-surface-MOXIHBMS.mjs.map → react-surface-VKO6PA2P.mjs.map} +0 -0
  113. /package/dist/lib/node/{chunk-SV2CB3FT.cjs.map → chunk-DOLMQUQ5.cjs.map} +0 -0
  114. /package/dist/lib/node/{intent-resolver-Q7WJ4PZZ.cjs.map → intent-resolver-JC4Q4TYU.cjs.map} +0 -0
  115. /package/dist/lib/node/{react-surface-43VHU36V.cjs.map → react-surface-HB3MYTCK.cjs.map} +0 -0
  116. /package/dist/lib/node-esm/{AutomationPanel-ZQKRBWP2.mjs.map → AutomationPanel-HIWEJUWL.mjs.map} +0 -0
  117. /package/dist/lib/node-esm/{FunctionsPanel-NMEW26KL.mjs.map → FunctionsPanel-SBXKWTHR.mjs.map} +0 -0
  118. /package/dist/lib/node-esm/{chunk-CUPEMOYK.mjs.map → chunk-Z7VAQDEE.mjs.map} +0 -0
  119. /package/dist/lib/node-esm/{intent-resolver-HEUGQ6SL.mjs.map → intent-resolver-KRCXJEDR.mjs.map} +0 -0
  120. /package/dist/lib/node-esm/{react-surface-TER7JEF6.mjs.map → react-surface-TRKCIZAB.mjs.map} +0 -0
@@ -1,89 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- AUTOMATION_PLUGIN
4
- } from "./chunk-DZ44LGYT.mjs";
5
-
6
- // packages/plugins/plugin-automation/src/components/FunctionsPanel/FunctionsPanel.tsx
7
- import { Schema } from "effect";
8
- import React, { useCallback, useMemo } from "react";
9
- import { createIntent, LayoutAction, useIntentDispatcher } from "@dxos/app-framework";
10
- import { FunctionType, ScriptType } from "@dxos/functions";
11
- import { Filter, fullyQualifiedId, useQuery } from "@dxos/react-client/echo";
12
- import { Button, useTranslation } from "@dxos/react-ui";
13
- import { controlItemClasses } from "@dxos/react-ui-form";
14
- import { List } from "@dxos/react-ui-list";
15
- import { ghostHover, mx } from "@dxos/react-ui-theme";
16
- var grid = "grid grid-cols-[1fr_auto] min-bs-[2.5rem]";
17
- var FunctionsPanel = ({ space }) => {
18
- const { t } = useTranslation(AUTOMATION_PLUGIN);
19
- const functions = useQuery(space, Filter.type(FunctionType));
20
- const scripts = useQuery(space, Filter.type(ScriptType));
21
- const { dispatchPromise: dispatch } = useIntentDispatcher();
22
- const functionToScriptMap = useMemo(() => functions.reduce((map, func) => {
23
- const scriptId = func.source?.target?.id;
24
- if (scriptId) {
25
- const script = scripts.find((s) => s.id === scriptId);
26
- if (script) {
27
- map[func.id] = script;
28
- }
29
- }
30
- return map;
31
- }, {}), [
32
- functions,
33
- scripts
34
- ]);
35
- const getScriptName = useCallback((func) => {
36
- const script = functionToScriptMap[func.id];
37
- return script?.name;
38
- }, [
39
- functionToScriptMap
40
- ]);
41
- const handleGoToScript = useCallback((func) => {
42
- const script = functionToScriptMap[func.id];
43
- if (script) {
44
- void dispatch(createIntent(LayoutAction.Open, {
45
- part: "main",
46
- subject: [
47
- fullyQualifiedId(script)
48
- ]
49
- }));
50
- }
51
- }, [
52
- functionToScriptMap,
53
- dispatch
54
- ]);
55
- return /* @__PURE__ */ React.createElement("div", {
56
- role: "none",
57
- className: mx(controlItemClasses)
58
- }, /* @__PURE__ */ React.createElement(List.Root, {
59
- items: functions,
60
- isItem: Schema.is(FunctionType),
61
- getId: (func) => func.id
62
- }, ({ items }) => /* @__PURE__ */ React.createElement("div", {
63
- role: "list",
64
- className: "flex flex-col w-full"
65
- }, items?.map((func) => /* @__PURE__ */ React.createElement(List.Item, {
66
- key: func.id,
67
- item: func,
68
- classNames: mx(grid, ghostHover, "items-center", "pli-2", "min-bs-[3rem]")
69
- }, /* @__PURE__ */ React.createElement("div", {
70
- className: "flex flex-col truncate"
71
- }, /* @__PURE__ */ React.createElement(List.ItemTitle, {
72
- classNames: "truncate"
73
- }, func.name), getScriptName(func) && /* @__PURE__ */ React.createElement("div", {
74
- className: "text-xs text-description truncate"
75
- }, getScriptName(func))), functionToScriptMap[func.id] && /* @__PURE__ */ React.createElement(Button, {
76
- onClick: () => handleGoToScript(func)
77
- }, t("go to function source button label")))))), functions.length === 0 && /* @__PURE__ */ React.createElement("div", {
78
- className: "text-center plb-4 text-gray-500"
79
- }, t("no functions found")));
80
- };
81
-
82
- // packages/plugins/plugin-automation/src/components/FunctionsPanel/index.ts
83
- var FunctionsPanel_default = FunctionsPanel;
84
-
85
- export {
86
- FunctionsPanel,
87
- FunctionsPanel_default
88
- };
89
- //# sourceMappingURL=chunk-AD4C4IK2.mjs.map
@@ -1,141 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- TriggerEditor
4
- } from "./chunk-DZ7RKC52.mjs";
5
- import {
6
- AUTOMATION_PLUGIN
7
- } from "./chunk-DZ44LGYT.mjs";
8
-
9
- // packages/plugins/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx
10
- import { Schema } from "effect";
11
- import React, { useState } from "react";
12
- import { FunctionType, FunctionTrigger, FunctionTriggerSchema, TriggerKind, ScriptType } from "@dxos/functions";
13
- import { useClient } from "@dxos/react-client";
14
- import { live, Filter, useQuery, getSpace } from "@dxos/react-client/echo";
15
- import { Clipboard, IconButton, Input, Separator, useTranslation } from "@dxos/react-ui";
16
- import { ControlItem, controlItemClasses } from "@dxos/react-ui-form";
17
- import { List } from "@dxos/react-ui-list";
18
- import { ghostHover, mx } from "@dxos/react-ui-theme";
19
- var grid = "grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]";
20
- var AutomationPanel = ({ space, object, initialTrigger, onDone }) => {
21
- const { t } = useTranslation(AUTOMATION_PLUGIN);
22
- const client = useClient();
23
- const triggers = useQuery(space, Filter.type(FunctionTrigger));
24
- const functions = useQuery(space, Filter.type(FunctionType));
25
- const scripts = useQuery(space, Filter.type(ScriptType));
26
- const [trigger, setTrigger] = useState(initialTrigger);
27
- const [selected, setSelected] = useState();
28
- const handleSelect = (trigger2) => {
29
- const { id: _, ...values } = trigger2;
30
- setTrigger(values);
31
- setSelected(trigger2);
32
- };
33
- const handleAdd = () => {
34
- setTrigger(live(FunctionTriggerSchema, {}));
35
- setSelected(void 0);
36
- };
37
- const handleDelete = (trigger2) => {
38
- space.db.remove(trigger2);
39
- setTrigger(void 0);
40
- setSelected(void 0);
41
- };
42
- const handleSave = (trigger2) => {
43
- if (selected) {
44
- Object.assign(selected, trigger2);
45
- } else {
46
- space.db.add(live(FunctionTrigger, trigger2));
47
- }
48
- setTrigger(void 0);
49
- setSelected(void 0);
50
- onDone?.();
51
- };
52
- const handleCancel = () => {
53
- setTrigger(void 0);
54
- onDone?.();
55
- };
56
- return /* @__PURE__ */ React.createElement("div", {
57
- className: "flex flex-col w-full"
58
- }, trigger ? /* @__PURE__ */ React.createElement(ControlItem, {
59
- title: t("trigger editor title")
60
- }, /* @__PURE__ */ React.createElement(TriggerEditor, {
61
- space,
62
- trigger,
63
- onSave: handleSave,
64
- onCancel: handleCancel
65
- })) : /* @__PURE__ */ React.createElement("div", {
66
- role: "none",
67
- className: controlItemClasses
68
- }, /* @__PURE__ */ React.createElement(List.Root, {
69
- items: triggers,
70
- isItem: Schema.is(FunctionTrigger),
71
- getId: (field) => field.id
72
- }, ({ items: triggers2 }) => /* @__PURE__ */ React.createElement("div", {
73
- role: "list",
74
- className: "flex flex-col w-full"
75
- }, triggers2?.map((trigger2) => {
76
- const copyAction = getCopyAction(client, trigger2);
77
- return /* @__PURE__ */ React.createElement(List.Item, {
78
- key: trigger2.id,
79
- item: trigger2,
80
- classNames: mx(grid, ghostHover, "items-center", "px-2")
81
- }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
82
- checked: trigger2.enabled,
83
- onCheckedChange: (checked) => trigger2.enabled = checked
84
- })), /* @__PURE__ */ React.createElement("div", {
85
- className: "flex"
86
- }, /* @__PURE__ */ React.createElement(List.ItemTitle, {
87
- classNames: "px-1 cursor-pointer w-0 shrink truncate",
88
- onClick: () => handleSelect(trigger2)
89
- }, getFunctionName(scripts, functions, trigger2) ?? "\u2205"), copyAction && /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
90
- label: t(copyAction.translationKey),
91
- value: copyAction.contentProvider()
92
- })), /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
93
- onClick: () => handleDelete(trigger2)
94
- }));
95
- }))), triggers.length > 0 && /* @__PURE__ */ React.createElement(Separator, {
96
- classNames: "mlb-4"
97
- }), /* @__PURE__ */ React.createElement(IconButton, {
98
- icon: "ph--plus--regular",
99
- label: t("new trigger label"),
100
- onClick: handleAdd
101
- })));
102
- };
103
- var getCopyAction = (client, trigger) => {
104
- if (trigger?.spec?.kind === TriggerKind.Email) {
105
- return {
106
- translationKey: "trigger copy email",
107
- contentProvider: () => `${getSpace(trigger).id}@dxos.network`
108
- };
109
- }
110
- if (trigger?.spec?.kind === TriggerKind.Webhook) {
111
- return {
112
- translationKey: "trigger copy url",
113
- contentProvider: () => getWebhookUrl(client, trigger)
114
- };
115
- }
116
- return void 0;
117
- };
118
- var getWebhookUrl = (client, trigger) => {
119
- const spaceId = getSpace(trigger).id;
120
- const edgeUrl = new URL(client.config.values.runtime.services.edge.url);
121
- const isSecure = edgeUrl.protocol.startsWith("https") || edgeUrl.protocol.startsWith("wss");
122
- edgeUrl.protocol = isSecure ? "https" : "http";
123
- return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();
124
- };
125
- var getFunctionName = (scripts, functions, trigger) => {
126
- const shortId = trigger.function && `${trigger.function.dxn.toString().slice(0, 16)}\u2026`;
127
- const functionObject = functions.find((fn) => fn === trigger.function?.target);
128
- if (!functionObject) {
129
- return shortId;
130
- }
131
- return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;
132
- };
133
-
134
- // packages/plugins/plugin-automation/src/components/AutomationPanel/index.ts
135
- var AutomationPanel_default = AutomationPanel;
136
-
137
- export {
138
- AutomationPanel,
139
- AutomationPanel_default
140
- };
141
- //# sourceMappingURL=chunk-DIUPZXCQ.mjs.map
@@ -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 { Schema } from 'effect';\nimport React, { useState } from 'react';\n\nimport {\n FunctionType,\n FunctionTrigger,\n FunctionTriggerSchema,\n TriggerKind,\n type FunctionTriggerType,\n ScriptType,\n} from '@dxos/functions';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { live, Filter, useQuery, type Space, type Live, 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 { 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?: Live<any>;\n initialTrigger?: FunctionTriggerType;\n onDone?: () => void;\n};\n\n// TODO(burdon): Factor out common layout with ViewEditor.\nexport const AutomationPanel = ({ space, object, initialTrigger, onDone }: AutomationPanelProps) => {\n const { t } = useTranslation(AUTOMATION_PLUGIN);\n const client = useClient();\n const triggers = useQuery(space, Filter.type(FunctionTrigger));\n const functions = useQuery(space, Filter.type(FunctionType));\n const scripts = useQuery(space, Filter.type(ScriptType));\n\n const [trigger, setTrigger] = useState<FunctionTriggerType | undefined>(initialTrigger);\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(live(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(live(FunctionTrigger, trigger));\n }\n\n setTrigger(undefined);\n setSelected(undefined);\n onDone?.();\n };\n\n const handleCancel: TriggerEditorProps['onCancel'] = () => {\n setTrigger(undefined);\n onDone?.();\n };\n\n return (\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={Schema.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 );\n};\n\nconst getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {\n if (trigger?.spec?.kind === TriggerKind.Email) {\n return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };\n }\n\n if (trigger?.spec?.kind === 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.dxn.toString().slice(0, 16)}…`;\n const functionObject = functions.find((fn) => fn === trigger.function?.target);\n if (!functionObject) {\n return shortId;\n }\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 * from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
5
- "mappings": ";;;;;;;;;AAIA,SAASA,cAAc;AACvB,OAAOC,SAASC,gBAAgB;AAEhC,SACEC,cACAC,iBACAC,uBACAC,aAEAC,kBACK;AACP,SAAsBC,iBAAiB;AACvC,SAASC,MAAMC,QAAQC,UAAiCC,gBAAgB;AACxE,SAASC,WAAWC,YAAYC,OAAOC,WAAWC,sBAAsB;AACxE,SAASC,aAAaC,0BAA0B;AAChD,SAASC,YAAY;AACrB,SAASC,YAAYC,UAAU;AAK/B,IAAMC,OAAO;AAUN,IAAMC,kBAAkB,CAAC,EAAEC,OAAOC,QAAQC,gBAAgBC,OAAM,MAAwB;AAC7F,QAAM,EAAEC,EAAC,IAAKC,eAAeC,iBAAAA;AAC7B,QAAMC,SAASC,UAAAA;AACf,QAAMC,WAAWC,SAASV,OAAOW,OAAOC,KAAKC,eAAAA,CAAAA;AAC7C,QAAMC,YAAYJ,SAASV,OAAOW,OAAOC,KAAKG,YAAAA,CAAAA;AAC9C,QAAMC,UAAUN,SAASV,OAAOW,OAAOC,KAAKK,UAAAA,CAAAA;AAE5C,QAAM,CAACC,SAASC,UAAAA,IAAcC,SAA0ClB,cAAAA;AACxE,QAAM,CAACmB,UAAUC,WAAAA,IAAeF,SAAAA;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,eAAWS,KAAKC,uBAAuB,CAAC,CAAA,CAAA;AACxCP,gBAAYQ,MAAAA;EACd;AAEA,QAAMC,eAAe,CAACb,aAAAA;AACpBlB,UAAMgC,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;AACLlB,YAAMgC,GAAGK,IAAIT,KAAKf,iBAAiBK,QAAAA,CAAAA;IACrC;AAEAC,eAAWW,MAAAA;AACXR,gBAAYQ,MAAAA;AACZ3B,aAAAA;EACF;AAEA,QAAMmC,eAA+C,MAAA;AACnDnB,eAAWW,MAAAA;AACX3B,aAAAA;EACF;AAEA,SACE,sBAAA,cAACoC,OAAAA;IAAIC,WAAU;KACZtB,UACC,sBAAA,cAACuB,aAAAA;IAAYC,OAAOtC,EAAE,sBAAA;KACpB,sBAAA,cAACuC,eAAAA;IAAc3C;IAAckB;IAAkB0B,QAAQV;IAAYW,UAAUP;QAG/E,sBAAA,cAACC,OAAAA;IAAIO,MAAK;IAAON,WAAWO;KAC1B,sBAAA,cAACC,KAAKC,MAAI;IAAkBC,OAAOzC;IAAU0C,QAAQC,OAAOC,GAAGxC,eAAAA;IAAkByC,OAAO,CAACC,UAAUA,MAAM/B;KACtG,CAAC,EAAE0B,OAAOzC,UAAQ,MACjB,sBAAA,cAAC8B,OAAAA;IAAIO,MAAK;IAAON,WAAU;KACxB/B,WAAU+C,IAAI,CAACtC,aAAAA;AACd,UAAMuC,aAAaC,cAAcnD,QAAQW,QAAAA;AACzC,WACE,sBAAA,cAAC8B,KAAKW,MAAI;MACRC,KAAK1C,SAAQM;MACbqC,MAAM3C;MACN4C,YAAYC,GAAGjE,MAAMkE,YAAY,gBAAgB,MAAA;OAEjD,sBAAA,cAACC,MAAMhB,MAAI,MACT,sBAAA,cAACgB,MAAMC,QAAM;MACXC,SAASjD,SAAQkD;MACjBC,iBAAiB,CAACF,YAAajD,SAAQkD,UAAUD;SAIrD,sBAAA,cAAC5B,OAAAA;MAAIC,WAAW;OACd,sBAAA,cAACQ,KAAKsB,WAAS;MACbR,YAAW;MACXS,SAAS,MAAMhD,aAAaL,QAAAA;OAE3BsD,gBAAgBxD,SAASF,WAAWI,QAAAA,KAAY,QAAA,GAIlDuC,cACC,sBAAA,cAACgB,UAAUC,YAAU;MACnBC,OAAOvE,EAAEqD,WAAWmB,cAAc;MAClCC,OAAOpB,WAAWqB,gBAAe;SAKvC,sBAAA,cAAC9B,KAAK+B,kBAAgB;MAACR,SAAS,MAAMxC,aAAab,QAAAA;;EAGzD,CAAA,CAAA,CAAA,GAILT,SAASuE,SAAS,KAAK,sBAAA,cAACC,WAAAA;IAAUnB,YAAW;MAC9C,sBAAA,cAACY,YAAAA;IAAWQ,MAAK;IAAoBP,OAAOvE,EAAE,mBAAA;IAAsBmE,SAAS5C;;AAKvF;AAEA,IAAM+B,gBAAgB,CAACnD,QAAgBW,YAAAA;AACrC,MAAIA,SAASiE,MAAMC,SAASC,YAAYC,OAAO;AAC7C,WAAO;MAAEV,gBAAgB;MAAsBE,iBAAiB,MAAM,GAAGS,SAASrE,OAAAA,EAAUM,EAAE;IAAgB;EAChH;AAEA,MAAIN,SAASiE,MAAMC,SAASC,YAAYG,SAAS;AAC/C,WAAO;MAAEZ,gBAAgB;MAAoBE,iBAAiB,MAAMW,cAAclF,QAAQW,OAAAA;IAAS;EACrG;AAEA,SAAOY;AACT;AAEA,IAAM2D,gBAAgB,CAAClF,QAAgBW,YAAAA;AACrC,QAAMwE,UAAUH,SAASrE,OAAAA,EAAUM;AACnC,QAAMmE,UAAU,IAAIC,IAAIrF,OAAOsF,OAAOnE,OAAOoE,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,IAAWxE,QAAQM,EAAE,IAAImE,OAAAA,EAASU,SAAQ;AACvE;AAEA,IAAM7B,kBAAkB,CAACxD,SAAuBF,WAA2BI,YAAAA;AAGzE,QAAMoF,UAAUpF,QAAQqF,YAAY,GAAGrF,QAAQqF,SAASC,IAAIH,SAAQ,EAAGI,MAAM,GAAG,EAAA,CAAA;AAChF,QAAMC,iBAAiB5F,UAAU6F,KAAK,CAACC,OAAOA,OAAO1F,QAAQqF,UAAUM,MAAAA;AACvE,MAAI,CAACH,gBAAgB;AACnB,WAAOJ;EACT;AAEA,SAAOtF,QAAQ2F,KAAK,CAACG,MAAMJ,eAAeK,QAAQF,QAAQrF,OAAOsF,EAAEtF,EAAE,GAAGwF,QAAQV;AAClF;;;AC/JA,IAAA,0BAAeW;",
6
- "names": ["Schema", "React", "useState", "FunctionType", "FunctionTrigger", "FunctionTriggerSchema", "TriggerKind", "ScriptType", "useClient", "live", "Filter", "useQuery", "getSpace", "Clipboard", "IconButton", "Input", "Separator", "useTranslation", "ControlItem", "controlItemClasses", "List", "ghostHover", "mx", "grid", "AutomationPanel", "space", "object", "initialTrigger", "onDone", "t", "useTranslation", "AUTOMATION_PLUGIN", "client", "useClient", "triggers", "useQuery", "Filter", "type", "FunctionTrigger", "functions", "FunctionType", "scripts", "ScriptType", "trigger", "setTrigger", "useState", "selected", "setSelected", "handleSelect", "id", "_", "values", "handleAdd", "live", "FunctionTriggerSchema", "undefined", "handleDelete", "db", "remove", "handleSave", "Object", "assign", "add", "handleCancel", "div", "className", "ControlItem", "title", "TriggerEditor", "onSave", "onCancel", "role", "controlItemClasses", "List", "Root", "items", "isItem", "Schema", "is", "getId", "field", "map", "copyAction", "getCopyAction", "Item", "key", "item", "classNames", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "getFunctionName", "Clipboard", "IconButton", "label", "translationKey", "value", "contentProvider", "ItemDeleteButton", "length", "Separator", "icon", "spec", "kind", "TriggerKind", "Email", "getSpace", "Webhook", "getWebhookUrl", "spaceId", "edgeUrl", "URL", "config", "runtime", "services", "edge", "url", "isSecure", "protocol", "startsWith", "toString", "shortId", "function", "dxn", "slice", "functionObject", "find", "fn", "target", "s", "source", "name", "AutomationPanel"]
7
- }
@@ -1,212 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- AUTOMATION_PLUGIN
4
- } from "./chunk-DZ44LGYT.mjs";
5
-
6
- // packages/plugins/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
7
- import React3, { useCallback as useCallback3, useMemo as useMemo3 } from "react";
8
- import { ComputeGraph } from "@dxos/conductor";
9
- import { DXN } from "@dxos/echo";
10
- import { FunctionType, FunctionTriggerSchema, ScriptType } from "@dxos/functions";
11
- import { Filter, Ref, useQuery } from "@dxos/react-client/echo";
12
- import { useTranslation as useTranslation2 } from "@dxos/react-ui";
13
- import { Form as Form2, SelectInput as SelectInput2, useRefQueryLookupHandler } from "@dxos/react-ui-form";
14
-
15
- // packages/plugins/plugin-automation/src/components/TriggerEditor/FunctionInputEditor.tsx
16
- import React, { useCallback, useMemo } from "react";
17
- import { RefImpl, toEffectSchema } from "@dxos/echo-schema";
18
- import { useOnTransition } from "@dxos/react-ui";
19
- import { Form, useFormValues } from "@dxos/react-ui-form";
20
- var FunctionInputEditor = ({ functions, getValue, onValueChange, onQueryRefOptions }) => {
21
- const selectedFunctionValue = useFormValues([
22
- "function"
23
- ]);
24
- const selectedFunctionId = useMemo(() => {
25
- if (selectedFunctionValue instanceof RefImpl) {
26
- return selectedFunctionValue.dxn.toString().split("dxn:echo:@:").at(1);
27
- }
28
- }, [
29
- selectedFunctionValue
30
- ]);
31
- const selectedFunction = useMemo(() => functions.find((f) => f.id === selectedFunctionId), [
32
- functions,
33
- selectedFunctionId
34
- ]);
35
- useOnTransition(
36
- // Clear function parameter input when the function changes.
37
- selectedFunctionValue,
38
- (prevValue) => prevValue !== void 0 && prevValue !== selectedFunctionValue,
39
- (currValue) => currValue !== void 0,
40
- () => onValueChange("object", {})
41
- );
42
- const inputSchema = useMemo(() => selectedFunction?.inputSchema, [
43
- selectedFunction
44
- ]);
45
- const effectSchema = useMemo(() => inputSchema ? toEffectSchema(inputSchema) : void 0, [
46
- inputSchema
47
- ]);
48
- const propertyCount = inputSchema?.properties ? Object.keys(inputSchema.properties).length : 0;
49
- const values = useMemo(() => getValue() ?? {}, [
50
- getValue
51
- ]);
52
- const handleValuesChanged = useCallback((values2) => {
53
- onValueChange("object", values2);
54
- }, [
55
- onValueChange
56
- ]);
57
- if (selectedFunction === void 0 || effectSchema === void 0 || propertyCount === 0) {
58
- return null;
59
- }
60
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", {
61
- className: "text-md"
62
- }, "Function parameters"), /* @__PURE__ */ React.createElement(Form, {
63
- schema: effectSchema,
64
- values,
65
- classNames: "p-0",
66
- onValuesChanged: handleValuesChanged,
67
- onQueryRefOptions
68
- }));
69
- };
70
-
71
- // packages/plugins/plugin-automation/src/components/TriggerEditor/SpecSelector.tsx
72
- import React2, { useCallback as useCallback2, useMemo as useMemo2 } from "react";
73
- import { TriggerKind } from "@dxos/functions";
74
- import { useTranslation } from "@dxos/react-ui";
75
- import { SelectInput, useInputProps } from "@dxos/react-ui-form";
76
- var SpecSelector = (props) => {
77
- const { t } = useTranslation(AUTOMATION_PLUGIN);
78
- const specProps = useInputProps([
79
- "spec"
80
- ]);
81
- const handleTypeChange = useCallback2((_type, value) => {
82
- const getDefaultTriggerSpec = (kind) => {
83
- switch (kind) {
84
- case TriggerKind.Timer:
85
- return {
86
- kind: TriggerKind.Timer,
87
- cron: ""
88
- };
89
- case TriggerKind.Subscription:
90
- return {
91
- kind: TriggerKind.Subscription,
92
- filter: {}
93
- };
94
- case TriggerKind.Queue:
95
- return {
96
- kind: TriggerKind.Queue,
97
- queue: ""
98
- };
99
- case TriggerKind.Email:
100
- return {
101
- kind: TriggerKind.Email
102
- };
103
- case TriggerKind.Webhook:
104
- return {
105
- kind: TriggerKind.Webhook
106
- };
107
- default:
108
- return void 0;
109
- }
110
- };
111
- const defaultSpec = getDefaultTriggerSpec(value);
112
- if (!defaultSpec) {
113
- return;
114
- }
115
- specProps.onValueChange("object", defaultSpec);
116
- }, [
117
- specProps
118
- ]);
119
- const options = useMemo2(() => Object.values(TriggerKind).map((kind) => ({
120
- value: kind,
121
- label: t(`trigger type ${kind}`)
122
- })), [
123
- t
124
- ]);
125
- return /* @__PURE__ */ React2.createElement(SelectInput, {
126
- ...props,
127
- options,
128
- onValueChange: handleTypeChange
129
- });
130
- };
131
-
132
- // packages/plugins/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
133
- var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
134
- const { t } = useTranslation2(AUTOMATION_PLUGIN);
135
- const functions = useQuery(space, Filter.type(FunctionType));
136
- const workflows = useQuery(space, Filter.type(ComputeGraph));
137
- const scripts = useQuery(space, Filter.type(ScriptType));
138
- const handleSave = (values) => {
139
- onSave?.(values);
140
- };
141
- const handleRefQueryLookup = useRefQueryLookupHandler({
142
- space
143
- });
144
- const Custom = useMemo3(() => ({
145
- ["function"]: (props) => {
146
- const getValue = useCallback3(() => {
147
- const formValue = props.getValue();
148
- if (Ref.isRef(formValue)) {
149
- return formValue.dxn.toString();
150
- }
151
- return void 0;
152
- }, [
153
- props
154
- ]);
155
- const handleOnValueChange = useCallback3((_type, dxnString) => {
156
- const dxn = DXN.parse(dxnString);
157
- if (dxn) {
158
- const ref = Ref.fromDXN(dxn);
159
- props.onValueChange("object", ref);
160
- }
161
- }, [
162
- props.onValueChange
163
- ]);
164
- return /* @__PURE__ */ React3.createElement(SelectInput2, {
165
- ...props,
166
- getValue,
167
- onValueChange: handleOnValueChange,
168
- options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
169
- });
170
- },
171
- ["spec.kind"]: SpecSelector,
172
- ["input"]: (props) => /* @__PURE__ */ React3.createElement(FunctionInputEditor, {
173
- ...props,
174
- functions,
175
- onQueryRefOptions: handleRefQueryLookup
176
- })
177
- }), [
178
- workflows,
179
- scripts,
180
- functions,
181
- t
182
- ]);
183
- return /* @__PURE__ */ React3.createElement("div", {
184
- role: "none",
185
- className: "bs-full is-full"
186
- }, /* @__PURE__ */ React3.createElement(Form2, {
187
- schema: FunctionTriggerSchema,
188
- values: trigger,
189
- onSave: handleSave,
190
- onCancel,
191
- Custom,
192
- onQueryRefOptions: handleRefQueryLookup
193
- }));
194
- };
195
- var getWorkflowOptions = (graphs) => {
196
- return graphs.map((graph) => ({
197
- label: `compute-${graph.id}`,
198
- value: `dxn:echo:@:${graph.id}`
199
- }));
200
- };
201
- var getFunctionOptions = (scripts, functions) => {
202
- const getLabel = (fn) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
203
- return functions.map((fn) => ({
204
- label: getLabel(fn),
205
- value: `dxn:echo:@:${fn.id}`
206
- }));
207
- };
208
-
209
- export {
210
- TriggerEditor
211
- };
212
- //# sourceMappingURL=chunk-DZ7RKC52.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/TriggerEditor/TriggerEditor.tsx", "../../../src/components/TriggerEditor/FunctionInputEditor.tsx", "../../../src/components/TriggerEditor/SpecSelector.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { ComputeGraph } from '@dxos/conductor';\nimport { DXN } from '@dxos/echo';\nimport {\n FunctionType,\n FunctionTriggerSchema,\n type FunctionTriggerType,\n type FunctionTrigger,\n ScriptType,\n} from '@dxos/functions';\nimport { Filter, Ref, useQuery, type Space } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { type CustomInputMap, Form, SelectInput, useRefQueryLookupHandler } from '@dxos/react-ui-form';\n\nimport { FunctionInputEditor } from './FunctionInputEditor';\nimport { SpecSelector } from './SpecSelector';\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.type(FunctionType));\n const workflows = useQuery(space, Filter.type(ComputeGraph));\n const scripts = useQuery(space, Filter.type(ScriptType));\n\n const handleSave = (values: FunctionTriggerType) => {\n onSave?.(values);\n };\n\n const handleRefQueryLookup = useRefQueryLookupHandler({ space });\n\n const Custom = useMemo(\n (): CustomInputMap => ({\n ['function' satisfies keyof FunctionTriggerType]: (props) => {\n const getValue = useCallback(() => {\n const formValue = props.getValue();\n if (Ref.isRef(formValue)) {\n return formValue.dxn.toString() as string;\n }\n return undefined;\n }, [props]);\n\n const handleOnValueChange = useCallback(\n (_type: any, dxnString: string) => {\n const dxn = DXN.parse(dxnString);\n if (dxn) {\n const ref = Ref.fromDXN(dxn);\n props.onValueChange('object', ref);\n }\n },\n [props.onValueChange],\n );\n\n return (\n <SelectInput\n {...props}\n getValue={getValue as any}\n onValueChange={handleOnValueChange}\n options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}\n />\n );\n },\n ['spec.kind' as const]: SpecSelector,\n ['input' as const]: (props) => (\n <FunctionInputEditor {...props} functions={functions} onQueryRefOptions={handleRefQueryLookup} />\n ),\n }),\n [workflows, scripts, functions, t],\n );\n\n return (\n <div role='none' className='bs-full is-full'>\n <Form\n schema={FunctionTriggerSchema}\n values={trigger}\n onSave={handleSave}\n onCancel={onCancel}\n Custom={Custom}\n onQueryRefOptions={handleRefQueryLookup}\n />\n </div>\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:echo:@:${fn.id}` }));\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { type JsonPath, RefImpl, toEffectSchema } from '@dxos/echo-schema';\nimport { type FunctionType } from '@dxos/functions';\nimport { useOnTransition } from '@dxos/react-ui';\nimport { Form, type FormInputStateProps, type QueryRefOptions, useFormValues } from '@dxos/react-ui-form';\n\nexport type FunctionInputEditorProps = {\n functions: FunctionType[];\n onQueryRefOptions: QueryRefOptions;\n} & FormInputStateProps;\n\n/**\n * Editor component for function input parameters.\n */\nexport const FunctionInputEditor = ({\n functions,\n getValue,\n onValueChange,\n onQueryRefOptions,\n}: FunctionInputEditorProps) => {\n const selectedFunctionValue = useFormValues(['function' as JsonPath]);\n const selectedFunctionId = useMemo(() => {\n if (selectedFunctionValue instanceof RefImpl) {\n return selectedFunctionValue.dxn.toString().split('dxn:echo:@:').at(1);\n }\n }, [selectedFunctionValue]);\n\n const selectedFunction = useMemo(\n () => functions.find((f) => f.id === selectedFunctionId),\n [functions, selectedFunctionId],\n );\n\n useOnTransition(\n // Clear function parameter input when the function changes.\n selectedFunctionValue,\n (prevValue) => prevValue !== undefined && prevValue !== selectedFunctionValue,\n (currValue) => currValue !== undefined,\n () => onValueChange('object', {}),\n );\n\n const inputSchema = useMemo(() => selectedFunction?.inputSchema, [selectedFunction]);\n const effectSchema = useMemo(() => (inputSchema ? toEffectSchema(inputSchema) : undefined), [inputSchema]);\n const propertyCount = inputSchema?.properties ? Object.keys(inputSchema.properties).length : 0;\n\n const values = useMemo(() => getValue() ?? {}, [getValue]);\n\n const handleValuesChanged = useCallback(\n (values: any) => {\n onValueChange('object', values);\n },\n [onValueChange],\n );\n\n if (selectedFunction === undefined || effectSchema === undefined || propertyCount === 0) {\n return null;\n }\n\n return (\n <>\n <h3 className='text-md'>Function parameters</h3>\n {/* TODO(ZaymonFC): Try using <FormFields /> internal component for this nesting.\n This would allow errors to flow up to the root context. */}\n <Form\n schema={effectSchema}\n values={values}\n classNames='p-0'\n onValuesChanged={handleValuesChanged}\n onQueryRefOptions={onQueryRefOptions}\n />\n </>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { type FunctionTriggerType, TriggerKind, type TriggerType } from '@dxos/functions';\nimport { useTranslation } from '@dxos/react-ui';\nimport { SelectInput, type InputProps, useInputProps } from '@dxos/react-ui-form';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nexport type SpecSelectorProps = InputProps;\n\nexport const SpecSelector = (props: SpecSelectorProps) => {\n const { t } = useTranslation(AUTOMATION_PLUGIN);\n const specProps = useInputProps(['spec' satisfies keyof FunctionTriggerType]);\n\n const handleTypeChange = useCallback(\n (_type: any, value: string): TriggerType | undefined => {\n const getDefaultTriggerSpec = (kind: string) => {\n switch (kind) {\n case TriggerKind.Timer:\n return { kind: TriggerKind.Timer, cron: '' };\n case TriggerKind.Subscription:\n return { kind: TriggerKind.Subscription, filter: {} };\n case TriggerKind.Queue:\n return { kind: TriggerKind.Queue, queue: '' };\n case TriggerKind.Email:\n return { kind: TriggerKind.Email };\n case TriggerKind.Webhook:\n return { kind: TriggerKind.Webhook };\n default:\n return undefined;\n }\n };\n\n const defaultSpec = getDefaultTriggerSpec(value);\n if (!defaultSpec) {\n return;\n }\n\n // Update the entire spec object, not just the `spec.kind`.\n specProps.onValueChange('object', defaultSpec);\n },\n [specProps],\n );\n\n const options = useMemo(\n () =>\n Object.values(TriggerKind).map((kind) => ({\n value: kind,\n label: t(`trigger type ${kind}`),\n })),\n [t],\n );\n\n return <SelectInput {...props} options={options} onValueChange={handleTypeChange} />;\n};\n"],
5
- "mappings": "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",
6
- "names": ["React", "useCallback", "useMemo", "ComputeGraph", "DXN", "FunctionType", "FunctionTriggerSchema", "ScriptType", "Filter", "Ref", "useQuery", "useTranslation", "Form", "SelectInput", "useRefQueryLookupHandler", "React", "useCallback", "useMemo", "RefImpl", "toEffectSchema", "useOnTransition", "Form", "useFormValues", "FunctionInputEditor", "functions", "getValue", "onValueChange", "onQueryRefOptions", "selectedFunctionValue", "useFormValues", "selectedFunctionId", "useMemo", "RefImpl", "dxn", "toString", "split", "at", "selectedFunction", "find", "f", "id", "useOnTransition", "prevValue", "undefined", "currValue", "inputSchema", "effectSchema", "toEffectSchema", "propertyCount", "properties", "Object", "keys", "length", "values", "handleValuesChanged", "useCallback", "h3", "className", "Form", "schema", "classNames", "onValuesChanged", "React", "useCallback", "useMemo", "TriggerKind", "useTranslation", "SelectInput", "useInputProps", "SpecSelector", "props", "t", "useTranslation", "AUTOMATION_PLUGIN", "specProps", "useInputProps", "handleTypeChange", "useCallback", "_type", "value", "getDefaultTriggerSpec", "kind", "TriggerKind", "Timer", "cron", "Subscription", "filter", "Queue", "queue", "Email", "Webhook", "undefined", "defaultSpec", "onValueChange", "options", "useMemo", "Object", "values", "map", "label", "React", "SelectInput", "TriggerEditor", "space", "trigger", "onSave", "onCancel", "t", "useTranslation", "AUTOMATION_PLUGIN", "functions", "useQuery", "Filter", "type", "FunctionType", "workflows", "ComputeGraph", "scripts", "ScriptType", "handleSave", "values", "handleRefQueryLookup", "useRefQueryLookupHandler", "Custom", "useMemo", "props", "getValue", "useCallback", "formValue", "Ref", "isRef", "dxn", "toString", "undefined", "handleOnValueChange", "_type", "dxnString", "DXN", "parse", "ref", "fromDXN", "onValueChange", "React", "SelectInput", "options", "getWorkflowOptions", "concat", "getFunctionOptions", "SpecSelector", "FunctionInputEditor", "onQueryRefOptions", "div", "role", "className", "Form", "schema", "FunctionTriggerSchema", "graphs", "map", "graph", "label", "id", "value", "getLabel", "fn", "find", "s", "source", "target", "name"]
7
- }