@dxos/plugin-automation 0.8.2-main.fbd8ed0 → 0.8.2-staging.4d6ad0f

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,33 +0,0 @@
1
- import {
2
- FunctionsPanel
3
- } from "./chunk-TRC3J2I6.mjs";
4
- import {
5
- AUTOMATION_PLUGIN
6
- } from "./chunk-WKKQV4PC.mjs";
7
-
8
- // packages/plugins/plugin-automation/src/components/FunctionsContainer.tsx
9
- import React from "react";
10
- import { useTranslation } from "@dxos/react-ui";
11
- import { ControlPage, ControlSection } from "@dxos/react-ui-form";
12
- import { StackItem } from "@dxos/react-ui-stack";
13
- var FunctionsContainer = ({ space }) => {
14
- const { t } = useTranslation(AUTOMATION_PLUGIN);
15
- return /* @__PURE__ */ React.createElement(StackItem.Content, {
16
- classNames: "block overflow-y-auto"
17
- }, /* @__PURE__ */ React.createElement(ControlPage, null, /* @__PURE__ */ React.createElement(ControlSection, {
18
- title: t("functions verbose label", {
19
- ns: AUTOMATION_PLUGIN
20
- }),
21
- description: t("functions description", {
22
- ns: AUTOMATION_PLUGIN
23
- })
24
- }, /* @__PURE__ */ React.createElement(FunctionsPanel, {
25
- space
26
- }))));
27
- };
28
- var FunctionsContainer_default = FunctionsContainer;
29
- export {
30
- FunctionsContainer,
31
- FunctionsContainer_default as default
32
- };
33
- //# sourceMappingURL=FunctionsContainer-MPBMMOMS.mjs.map
@@ -1,140 +0,0 @@
1
- import {
2
- TriggerEditor
3
- } from "./chunk-BNQNURZN.mjs";
4
- import {
5
- AUTOMATION_PLUGIN
6
- } from "./chunk-WKKQV4PC.mjs";
7
-
8
- // packages/plugins/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx
9
- import { Schema } from "effect";
10
- import React, { useState } from "react";
11
- import { FunctionType, FunctionTrigger, FunctionTriggerSchema, TriggerKind, ScriptType } from "@dxos/functions";
12
- import { useClient } from "@dxos/react-client";
13
- import { live, Filter, useQuery, getSpace } from "@dxos/react-client/echo";
14
- import { Clipboard, IconButton, Input, Separator, useTranslation } from "@dxos/react-ui";
15
- import { ControlItem, controlItemClasses } from "@dxos/react-ui-form";
16
- import { List } from "@dxos/react-ui-list";
17
- import { ghostHover, mx } from "@dxos/react-ui-theme";
18
- var grid = "grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]";
19
- var AutomationPanel = ({ space, object, initialTrigger, onDone }) => {
20
- const { t } = useTranslation(AUTOMATION_PLUGIN);
21
- const client = useClient();
22
- const triggers = useQuery(space, Filter.type(FunctionTrigger));
23
- const functions = useQuery(space, Filter.type(FunctionType));
24
- const scripts = useQuery(space, Filter.type(ScriptType));
25
- const [trigger, setTrigger] = useState(initialTrigger);
26
- const [selected, setSelected] = useState();
27
- const handleSelect = (trigger2) => {
28
- const { id: _, ...values } = trigger2;
29
- setTrigger(values);
30
- setSelected(trigger2);
31
- };
32
- const handleAdd = () => {
33
- setTrigger(live(FunctionTriggerSchema, {}));
34
- setSelected(void 0);
35
- };
36
- const handleDelete = (trigger2) => {
37
- space.db.remove(trigger2);
38
- setTrigger(void 0);
39
- setSelected(void 0);
40
- };
41
- const handleSave = (trigger2) => {
42
- if (selected) {
43
- Object.assign(selected, trigger2);
44
- } else {
45
- space.db.add(live(FunctionTrigger, trigger2));
46
- }
47
- setTrigger(void 0);
48
- setSelected(void 0);
49
- onDone?.();
50
- };
51
- const handleCancel = () => {
52
- setTrigger(void 0);
53
- onDone?.();
54
- };
55
- return /* @__PURE__ */ React.createElement("div", {
56
- className: "flex flex-col w-full"
57
- }, trigger ? /* @__PURE__ */ React.createElement(ControlItem, {
58
- title: t("trigger editor title")
59
- }, /* @__PURE__ */ React.createElement(TriggerEditor, {
60
- space,
61
- trigger,
62
- onSave: handleSave,
63
- onCancel: handleCancel
64
- })) : /* @__PURE__ */ React.createElement("div", {
65
- role: "none",
66
- className: controlItemClasses
67
- }, /* @__PURE__ */ React.createElement(List.Root, {
68
- items: triggers,
69
- isItem: Schema.is(FunctionTrigger),
70
- getId: (field) => field.id
71
- }, ({ items: triggers2 }) => /* @__PURE__ */ React.createElement("div", {
72
- role: "list",
73
- className: "flex flex-col w-full"
74
- }, triggers2?.map((trigger2) => {
75
- const copyAction = getCopyAction(client, trigger2);
76
- return /* @__PURE__ */ React.createElement(List.Item, {
77
- key: trigger2.id,
78
- item: trigger2,
79
- classNames: mx(grid, ghostHover, "items-center", "px-2")
80
- }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
81
- checked: trigger2.enabled,
82
- onCheckedChange: (checked) => trigger2.enabled = checked
83
- })), /* @__PURE__ */ React.createElement("div", {
84
- className: "flex"
85
- }, /* @__PURE__ */ React.createElement(List.ItemTitle, {
86
- classNames: "px-1 cursor-pointer w-0 shrink truncate",
87
- onClick: () => handleSelect(trigger2)
88
- }, getFunctionName(scripts, functions, trigger2) ?? "\u2205"), copyAction && /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
89
- label: t(copyAction.translationKey),
90
- value: copyAction.contentProvider()
91
- })), /* @__PURE__ */ React.createElement(List.ItemDeleteButton, {
92
- onClick: () => handleDelete(trigger2)
93
- }));
94
- }))), triggers.length > 0 && /* @__PURE__ */ React.createElement(Separator, {
95
- classNames: "mlb-4"
96
- }), /* @__PURE__ */ React.createElement(IconButton, {
97
- icon: "ph--plus--regular",
98
- label: t("new trigger label"),
99
- onClick: handleAdd
100
- })));
101
- };
102
- var getCopyAction = (client, trigger) => {
103
- if (trigger?.spec?.kind === TriggerKind.Email) {
104
- return {
105
- translationKey: "trigger copy email",
106
- contentProvider: () => `${getSpace(trigger).id}@dxos.network`
107
- };
108
- }
109
- if (trigger?.spec?.kind === TriggerKind.Webhook) {
110
- return {
111
- translationKey: "trigger copy url",
112
- contentProvider: () => getWebhookUrl(client, trigger)
113
- };
114
- }
115
- return void 0;
116
- };
117
- var getWebhookUrl = (client, trigger) => {
118
- const spaceId = getSpace(trigger).id;
119
- const edgeUrl = new URL(client.config.values.runtime.services.edge.url);
120
- const isSecure = edgeUrl.protocol.startsWith("https") || edgeUrl.protocol.startsWith("wss");
121
- edgeUrl.protocol = isSecure ? "https" : "http";
122
- return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();
123
- };
124
- var getFunctionName = (scripts, functions, trigger) => {
125
- const shortId = trigger.function && `${trigger.function.dxn.toString().slice(0, 16)}\u2026`;
126
- const functionObject = functions.find((fn) => fn === trigger.function?.target);
127
- if (!functionObject) {
128
- return shortId;
129
- }
130
- return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;
131
- };
132
-
133
- // packages/plugins/plugin-automation/src/components/AutomationPanel/index.ts
134
- var AutomationPanel_default = AutomationPanel;
135
-
136
- export {
137
- AutomationPanel,
138
- AutomationPanel_default
139
- };
140
- //# sourceMappingURL=chunk-2QF27UJ2.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": "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",
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,211 +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 React3, { useCallback as useCallback3, useMemo as useMemo3 } from "react";
7
- import { ComputeGraph } from "@dxos/conductor";
8
- import { DXN } from "@dxos/echo";
9
- import { FunctionType, FunctionTriggerSchema, ScriptType } from "@dxos/functions";
10
- import { Filter, Ref, useQuery } from "@dxos/react-client/echo";
11
- import { useTranslation as useTranslation2 } from "@dxos/react-ui";
12
- import { Form as Form2, SelectInput as SelectInput2, useRefQueryLookupHandler } from "@dxos/react-ui-form";
13
-
14
- // packages/plugins/plugin-automation/src/components/TriggerEditor/FunctionInputEditor.tsx
15
- import React, { useCallback, useMemo } from "react";
16
- import { RefImpl, toEffectSchema } from "@dxos/echo-schema";
17
- import { useOnTransition } from "@dxos/react-ui";
18
- import { Form, useFormValues } from "@dxos/react-ui-form";
19
- var FunctionInputEditor = ({ functions, getValue, onValueChange, onQueryRefOptions }) => {
20
- const selectedFunctionValue = useFormValues([
21
- "function"
22
- ]);
23
- const selectedFunctionId = useMemo(() => {
24
- if (selectedFunctionValue instanceof RefImpl) {
25
- return selectedFunctionValue.dxn.toString().split("dxn:echo:@:").at(1);
26
- }
27
- }, [
28
- selectedFunctionValue
29
- ]);
30
- const selectedFunction = useMemo(() => functions.find((f) => f.id === selectedFunctionId), [
31
- functions,
32
- selectedFunctionId
33
- ]);
34
- useOnTransition(
35
- // Clear function parameter input when the function changes.
36
- selectedFunctionValue,
37
- (prevValue) => prevValue !== void 0 && prevValue !== selectedFunctionValue,
38
- (currValue) => currValue !== void 0,
39
- () => onValueChange("object", {})
40
- );
41
- const inputSchema = useMemo(() => selectedFunction?.inputSchema, [
42
- selectedFunction
43
- ]);
44
- const effectSchema = useMemo(() => inputSchema ? toEffectSchema(inputSchema) : void 0, [
45
- inputSchema
46
- ]);
47
- const propertyCount = inputSchema?.properties ? Object.keys(inputSchema.properties).length : 0;
48
- const values = useMemo(() => getValue() ?? {}, [
49
- getValue
50
- ]);
51
- const handleValuesChanged = useCallback((values2) => {
52
- onValueChange("object", values2);
53
- }, [
54
- onValueChange
55
- ]);
56
- if (selectedFunction === void 0 || effectSchema === void 0 || propertyCount === 0) {
57
- return null;
58
- }
59
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h3", {
60
- className: "text-md"
61
- }, "Function parameters"), /* @__PURE__ */ React.createElement(Form, {
62
- schema: effectSchema,
63
- values,
64
- classNames: "p-0",
65
- onValuesChanged: handleValuesChanged,
66
- onQueryRefOptions
67
- }));
68
- };
69
-
70
- // packages/plugins/plugin-automation/src/components/TriggerEditor/SpecSelector.tsx
71
- import React2, { useCallback as useCallback2, useMemo as useMemo2 } from "react";
72
- import { TriggerKind } from "@dxos/functions";
73
- import { useTranslation } from "@dxos/react-ui";
74
- import { SelectInput, useInputProps } from "@dxos/react-ui-form";
75
- var SpecSelector = (props) => {
76
- const { t } = useTranslation(AUTOMATION_PLUGIN);
77
- const specProps = useInputProps([
78
- "spec"
79
- ]);
80
- const handleTypeChange = useCallback2((_type, value) => {
81
- const getDefaultTriggerSpec = (kind) => {
82
- switch (kind) {
83
- case TriggerKind.Timer:
84
- return {
85
- kind: TriggerKind.Timer,
86
- cron: ""
87
- };
88
- case TriggerKind.Subscription:
89
- return {
90
- kind: TriggerKind.Subscription,
91
- filter: {}
92
- };
93
- case TriggerKind.Queue:
94
- return {
95
- kind: TriggerKind.Queue,
96
- queue: ""
97
- };
98
- case TriggerKind.Email:
99
- return {
100
- kind: TriggerKind.Email
101
- };
102
- case TriggerKind.Webhook:
103
- return {
104
- kind: TriggerKind.Webhook
105
- };
106
- default:
107
- return void 0;
108
- }
109
- };
110
- const defaultSpec = getDefaultTriggerSpec(value);
111
- if (!defaultSpec) {
112
- return;
113
- }
114
- specProps.onValueChange("object", defaultSpec);
115
- }, [
116
- specProps
117
- ]);
118
- const options = useMemo2(() => Object.values(TriggerKind).map((kind) => ({
119
- value: kind,
120
- label: t(`trigger type ${kind}`)
121
- })), [
122
- t
123
- ]);
124
- return /* @__PURE__ */ React2.createElement(SelectInput, {
125
- ...props,
126
- options,
127
- onValueChange: handleTypeChange
128
- });
129
- };
130
-
131
- // packages/plugins/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
132
- var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
133
- const { t } = useTranslation2(AUTOMATION_PLUGIN);
134
- const functions = useQuery(space, Filter.type(FunctionType));
135
- const workflows = useQuery(space, Filter.type(ComputeGraph));
136
- const scripts = useQuery(space, Filter.type(ScriptType));
137
- const handleSave = (values) => {
138
- onSave?.(values);
139
- };
140
- const handleRefQueryLookup = useRefQueryLookupHandler({
141
- space
142
- });
143
- const Custom = useMemo3(() => ({
144
- ["function"]: (props) => {
145
- const getValue = useCallback3(() => {
146
- const formValue = props.getValue();
147
- if (Ref.isRef(formValue)) {
148
- return formValue.dxn.toString();
149
- }
150
- return void 0;
151
- }, [
152
- props
153
- ]);
154
- const handleOnValueChange = useCallback3((_type, dxnString) => {
155
- const dxn = DXN.parse(dxnString);
156
- if (dxn) {
157
- const ref = Ref.fromDXN(dxn);
158
- props.onValueChange("object", ref);
159
- }
160
- }, [
161
- props.onValueChange
162
- ]);
163
- return /* @__PURE__ */ React3.createElement(SelectInput2, {
164
- ...props,
165
- getValue,
166
- onValueChange: handleOnValueChange,
167
- options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
168
- });
169
- },
170
- ["spec.kind"]: SpecSelector,
171
- ["input"]: (props) => /* @__PURE__ */ React3.createElement(FunctionInputEditor, {
172
- ...props,
173
- functions,
174
- onQueryRefOptions: handleRefQueryLookup
175
- })
176
- }), [
177
- workflows,
178
- scripts,
179
- functions,
180
- t
181
- ]);
182
- return /* @__PURE__ */ React3.createElement("div", {
183
- role: "none",
184
- className: "bs-full is-full"
185
- }, /* @__PURE__ */ React3.createElement(Form2, {
186
- schema: FunctionTriggerSchema,
187
- values: trigger,
188
- onSave: handleSave,
189
- onCancel,
190
- Custom,
191
- onQueryRefOptions: handleRefQueryLookup
192
- }));
193
- };
194
- var getWorkflowOptions = (graphs) => {
195
- return graphs.map((graph) => ({
196
- label: `compute-${graph.id}`,
197
- value: `dxn:echo:@:${graph.id}`
198
- }));
199
- };
200
- var getFunctionOptions = (scripts, functions) => {
201
- const getLabel = (fn) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
202
- return functions.map((fn) => ({
203
- label: getLabel(fn),
204
- value: `dxn:echo:@:${fn.id}`
205
- }));
206
- };
207
-
208
- export {
209
- TriggerEditor
210
- };
211
- //# sourceMappingURL=chunk-BNQNURZN.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
- }
@@ -1,88 +0,0 @@
1
- import {
2
- AUTOMATION_PLUGIN
3
- } from "./chunk-WKKQV4PC.mjs";
4
-
5
- // packages/plugins/plugin-automation/src/components/FunctionsPanel/FunctionsPanel.tsx
6
- import { Schema } from "effect";
7
- import React, { useCallback, useMemo } from "react";
8
- import { createIntent, LayoutAction, useIntentDispatcher } from "@dxos/app-framework";
9
- import { FunctionType, ScriptType } from "@dxos/functions";
10
- import { Filter, fullyQualifiedId, useQuery } from "@dxos/react-client/echo";
11
- import { Button, useTranslation } from "@dxos/react-ui";
12
- import { controlItemClasses } from "@dxos/react-ui-form";
13
- import { List } from "@dxos/react-ui-list";
14
- import { ghostHover, mx } from "@dxos/react-ui-theme";
15
- var grid = "grid grid-cols-[1fr_auto] min-bs-[2.5rem]";
16
- var FunctionsPanel = ({ space }) => {
17
- const { t } = useTranslation(AUTOMATION_PLUGIN);
18
- const functions = useQuery(space, Filter.type(FunctionType));
19
- const scripts = useQuery(space, Filter.type(ScriptType));
20
- const { dispatchPromise: dispatch } = useIntentDispatcher();
21
- const functionToScriptMap = useMemo(() => functions.reduce((map, func) => {
22
- const scriptId = func.source?.target?.id;
23
- if (scriptId) {
24
- const script = scripts.find((s) => s.id === scriptId);
25
- if (script) {
26
- map[func.id] = script;
27
- }
28
- }
29
- return map;
30
- }, {}), [
31
- functions,
32
- scripts
33
- ]);
34
- const getScriptName = useCallback((func) => {
35
- const script = functionToScriptMap[func.id];
36
- return script?.name;
37
- }, [
38
- functionToScriptMap
39
- ]);
40
- const handleGoToScript = useCallback((func) => {
41
- const script = functionToScriptMap[func.id];
42
- if (script) {
43
- void dispatch(createIntent(LayoutAction.Open, {
44
- part: "main",
45
- subject: [
46
- fullyQualifiedId(script)
47
- ]
48
- }));
49
- }
50
- }, [
51
- functionToScriptMap,
52
- dispatch
53
- ]);
54
- return /* @__PURE__ */ React.createElement("div", {
55
- role: "none",
56
- className: mx(controlItemClasses)
57
- }, /* @__PURE__ */ React.createElement(List.Root, {
58
- items: functions,
59
- isItem: Schema.is(FunctionType),
60
- getId: (func) => func.id
61
- }, ({ items }) => /* @__PURE__ */ React.createElement("div", {
62
- role: "list",
63
- className: "flex flex-col w-full"
64
- }, items?.map((func) => /* @__PURE__ */ React.createElement(List.Item, {
65
- key: func.id,
66
- item: func,
67
- classNames: mx(grid, ghostHover, "items-center", "pli-2", "min-bs-[3rem]")
68
- }, /* @__PURE__ */ React.createElement("div", {
69
- className: "flex flex-col truncate"
70
- }, /* @__PURE__ */ React.createElement(List.ItemTitle, {
71
- classNames: "truncate"
72
- }, func.name), getScriptName(func) && /* @__PURE__ */ React.createElement("div", {
73
- className: "text-xs text-description truncate"
74
- }, getScriptName(func))), functionToScriptMap[func.id] && /* @__PURE__ */ React.createElement(Button, {
75
- onClick: () => handleGoToScript(func)
76
- }, t("go to function source button label")))))), functions.length === 0 && /* @__PURE__ */ React.createElement("div", {
77
- className: "text-center plb-4 text-gray-500"
78
- }, t("no functions found")));
79
- };
80
-
81
- // packages/plugins/plugin-automation/src/components/FunctionsPanel/index.ts
82
- var FunctionsPanel_default = FunctionsPanel;
83
-
84
- export {
85
- FunctionsPanel,
86
- FunctionsPanel_default
87
- };
88
- //# sourceMappingURL=chunk-TRC3J2I6.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["FunctionsPanel-6HOAIMQ3.cjs"],
4
- "sourcesContent": ["import {\n FunctionsPanel,\n FunctionsPanel_default\n} from \"./chunk-CBHWMYKF.cjs\";\nimport \"./chunk-7GXNXMSM.cjs\";\nexport {\n FunctionsPanel,\n FunctionsPanel_default as default\n};\n//# sourceMappingURL=FunctionsPanel-6HOAIMQ3.cjs.map\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;",
6
- "names": []
7
- }