@dxos/plugin-script 0.7.5-main.ff8607b → 0.7.5-staging.2ff1350

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 (182) hide show
  1. package/dist/lib/browser/{AutomationPanel-J3SZ5L3Y.mjs → AutomationPanel-6HFRNRWV.mjs} +2 -2
  2. package/dist/lib/browser/{ScriptContainer-4TSLLF4O.mjs → ScriptContainer-GR7X5NSI.mjs} +96 -68
  3. package/dist/lib/browser/ScriptContainer-GR7X5NSI.mjs.map +7 -0
  4. package/dist/lib/browser/artifact-definition-NAWYXFF5.mjs +243 -0
  5. package/dist/lib/browser/artifact-definition-NAWYXFF5.mjs.map +7 -0
  6. package/dist/lib/browser/{chunk-45LXDWNF.mjs → chunk-5SXOHNAK.mjs} +3 -3
  7. package/dist/lib/browser/chunk-5SXOHNAK.mjs.map +7 -0
  8. package/dist/lib/browser/{chunk-UJD45AFL.mjs → chunk-7RUMC44X.mjs} +18 -6
  9. package/dist/lib/browser/{chunk-UJD45AFL.mjs.map → chunk-7RUMC44X.mjs.map} +3 -3
  10. package/dist/lib/browser/chunk-YJAKD6E3.mjs +69 -0
  11. package/dist/lib/browser/chunk-YJAKD6E3.mjs.map +7 -0
  12. package/dist/lib/browser/{compiler-K3FNRDDN.mjs → compiler-YY2XSKHQ.mjs} +2 -4
  13. package/dist/lib/browser/compiler-YY2XSKHQ.mjs.map +7 -0
  14. package/dist/lib/browser/index.mjs +43 -26
  15. package/dist/lib/browser/index.mjs.map +4 -4
  16. package/dist/lib/browser/{intent-resolver-PPUEEPJJ.mjs → intent-resolver-I6VDXUDH.mjs} +2 -2
  17. package/dist/lib/browser/meta.json +1 -1
  18. package/dist/lib/browser/{react-surface-4CEIM2FE.mjs → react-surface-FGWXHB7P.mjs} +3 -3
  19. package/dist/lib/browser/{react-surface-4CEIM2FE.mjs.map → react-surface-FGWXHB7P.mjs.map} +2 -2
  20. package/dist/lib/node/{AutomationPanel-4M55FURO.cjs → AutomationPanel-RBQ4DODN.cjs} +6 -6
  21. package/dist/lib/node/{ScriptContainer-7JNYGHWK.cjs → ScriptContainer-SLARXOSU.cjs} +91 -61
  22. package/dist/lib/node/ScriptContainer-SLARXOSU.cjs.map +7 -0
  23. package/dist/lib/node/artifact-definition-7AANUS3X.cjs +262 -0
  24. package/dist/lib/node/artifact-definition-7AANUS3X.cjs.map +7 -0
  25. package/dist/lib/node/chunk-7XULMIYT.cjs +77 -0
  26. package/dist/lib/node/chunk-7XULMIYT.cjs.map +7 -0
  27. package/dist/lib/node/{chunk-2LHV7KAI.cjs → chunk-JITODKGN.cjs} +20 -8
  28. package/dist/lib/node/{chunk-2LHV7KAI.cjs.map → chunk-JITODKGN.cjs.map} +3 -3
  29. package/dist/lib/node/{chunk-IID7WUQS.cjs → chunk-K3ZZWVXS.cjs} +5 -5
  30. package/dist/lib/node/chunk-K3ZZWVXS.cjs.map +7 -0
  31. package/dist/lib/node/{compiler-P2HQB22H.cjs → compiler-UIBLKJKG.cjs} +6 -6
  32. package/dist/lib/node/compiler-UIBLKJKG.cjs.map +7 -0
  33. package/dist/lib/node/index.cjs +45 -29
  34. package/dist/lib/node/index.cjs.map +4 -4
  35. package/dist/lib/node/{intent-resolver-XZC3OXVT.cjs → intent-resolver-MYATX7IR.cjs} +6 -6
  36. package/dist/lib/node/meta.json +1 -1
  37. package/dist/lib/node/{react-surface-I36RLNYL.cjs → react-surface-2GH5HQX4.cjs} +10 -10
  38. package/dist/lib/node/{react-surface-I36RLNYL.cjs.map → react-surface-2GH5HQX4.cjs.map} +2 -2
  39. package/dist/lib/node-esm/{AutomationPanel-W6SKG35R.mjs → AutomationPanel-WTVVVMRH.mjs} +2 -2
  40. package/dist/lib/node-esm/{ScriptContainer-BR6YLHCD.mjs → ScriptContainer-MHRJXMC4.mjs} +96 -68
  41. package/dist/lib/node-esm/ScriptContainer-MHRJXMC4.mjs.map +7 -0
  42. package/dist/lib/node-esm/artifact-definition-KBASPVMM.mjs +245 -0
  43. package/dist/lib/node-esm/artifact-definition-KBASPVMM.mjs.map +7 -0
  44. package/dist/lib/node-esm/{chunk-CGF7EOGD.mjs → chunk-2AFXX34U.mjs} +3 -3
  45. package/dist/lib/node-esm/chunk-2AFXX34U.mjs.map +7 -0
  46. package/dist/lib/node-esm/chunk-6CHX4CEL.mjs +71 -0
  47. package/dist/lib/node-esm/chunk-6CHX4CEL.mjs.map +7 -0
  48. package/dist/lib/node-esm/{chunk-VZ7NFQL3.mjs → chunk-IAELQPSI.mjs} +18 -6
  49. package/dist/lib/node-esm/{chunk-VZ7NFQL3.mjs.map → chunk-IAELQPSI.mjs.map} +3 -3
  50. package/dist/lib/node-esm/{compiler-PDN46H4Y.mjs → compiler-XTXFGZJM.mjs} +2 -4
  51. package/dist/lib/node-esm/compiler-XTXFGZJM.mjs.map +7 -0
  52. package/dist/lib/node-esm/index.mjs +43 -26
  53. package/dist/lib/node-esm/index.mjs.map +4 -4
  54. package/dist/lib/node-esm/{intent-resolver-WUVFJ6AO.mjs → intent-resolver-PBDTYC4P.mjs} +2 -2
  55. package/dist/lib/node-esm/meta.json +1 -1
  56. package/dist/lib/node-esm/{react-surface-ET5KDADI.mjs → react-surface-MLE3J3TF.mjs} +3 -3
  57. package/dist/lib/node-esm/{react-surface-ET5KDADI.mjs.map → react-surface-MLE3J3TF.mjs.map} +2 -2
  58. package/dist/types/src/ScriptPlugin.d.ts.map +1 -1
  59. package/dist/types/src/capabilities/artifact-definition.d.ts +11 -0
  60. package/dist/types/src/capabilities/artifact-definition.d.ts.map +1 -0
  61. package/dist/types/src/capabilities/index.d.ts +1 -0
  62. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  63. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  64. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts +1 -2
  65. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts.map +1 -1
  66. package/dist/types/src/components/DebugPanel/DebugPanel.d.ts +1 -2
  67. package/dist/types/src/components/DebugPanel/DebugPanel.d.ts.map +1 -1
  68. package/dist/types/src/components/FrameContainer/FrameContainer.d.ts +3 -4
  69. package/dist/types/src/components/FrameContainer/FrameContainer.d.ts.map +1 -1
  70. package/dist/types/src/components/ScriptContainer.d.ts +2 -3
  71. package/dist/types/src/components/ScriptContainer.d.ts.map +1 -1
  72. package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts +1 -2
  73. package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts.map +1 -1
  74. package/dist/types/src/components/ScriptSettingsPanel.d.ts +1 -2
  75. package/dist/types/src/components/ScriptSettingsPanel.d.ts.map +1 -1
  76. package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts +2 -3
  77. package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts.map +1 -1
  78. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts +1 -2
  79. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts.map +1 -1
  80. package/dist/types/src/components/index.d.ts +2 -2
  81. package/dist/types/src/components/index.d.ts.map +1 -1
  82. package/dist/types/src/events.d.ts +4 -0
  83. package/dist/types/src/events.d.ts.map +1 -0
  84. package/dist/types/src/hooks/deploy.d.ts.map +1 -0
  85. package/dist/types/src/hooks/format.d.ts.map +1 -0
  86. package/dist/types/src/hooks/index.d.ts +7 -0
  87. package/dist/types/src/hooks/index.d.ts.map +1 -0
  88. package/dist/types/src/{components/ScriptToolbar/templateSelect.d.ts → hooks/template.d.ts} +1 -1
  89. package/dist/types/src/hooks/template.d.ts.map +1 -0
  90. package/dist/types/src/{components/ScriptToolbar → hooks}/useToolbarAction.d.ts +1 -1
  91. package/dist/types/src/hooks/useToolbarAction.d.ts.map +1 -0
  92. package/dist/types/src/hooks/useToolbarState.d.ts.map +1 -0
  93. package/dist/types/src/hooks/view.d.ts.map +1 -0
  94. package/dist/types/src/index.d.ts +0 -1
  95. package/dist/types/src/index.d.ts.map +1 -1
  96. package/dist/types/src/templates/chess.d.ts +1 -4
  97. package/dist/types/src/templates/chess.d.ts.map +1 -1
  98. package/dist/types/src/templates/discord.d.ts +3 -0
  99. package/dist/types/src/templates/discord.d.ts.map +1 -0
  100. package/dist/types/src/templates/echo.d.ts.map +1 -1
  101. package/dist/types/src/templates/forex-effect.d.ts +3 -0
  102. package/dist/types/src/templates/forex-effect.d.ts.map +1 -0
  103. package/dist/types/src/templates/forex.d.ts +1 -4
  104. package/dist/types/src/templates/forex.d.ts.map +1 -1
  105. package/dist/types/src/templates/index.d.ts.map +1 -1
  106. package/dist/types/src/translations.d.ts +6 -0
  107. package/dist/types/src/translations.d.ts.map +1 -1
  108. package/package.json +42 -42
  109. package/src/ScriptPlugin.tsx +28 -12
  110. package/src/capabilities/artifact-definition.ts +219 -0
  111. package/src/capabilities/compiler.ts +1 -1
  112. package/src/capabilities/index.ts +1 -0
  113. package/src/capabilities/react-surface.tsx +2 -1
  114. package/src/compiler/compiler.browser.test.ts +1 -1
  115. package/src/components/DebugPanel/DebugPanel.tsx +2 -2
  116. package/src/components/FrameContainer/FrameContainer.tsx +5 -4
  117. package/src/components/ScriptContainer.tsx +10 -5
  118. package/src/components/ScriptSettingsPanel.tsx +16 -2
  119. package/src/components/ScriptToolbar/ScriptToolbar.tsx +8 -6
  120. package/src/components/TypescriptEditor/TypescriptEditor.tsx +2 -2
  121. package/src/events.ts +11 -0
  122. package/src/{components/ScriptToolbar → hooks}/deploy.ts +16 -4
  123. package/src/{components/ScriptToolbar → hooks}/format.ts +1 -1
  124. package/src/hooks/index.ts +11 -0
  125. package/src/{components/ScriptToolbar/templateSelect.ts → hooks/template.ts} +2 -2
  126. package/src/{components/ScriptToolbar → hooks}/useToolbarAction.ts +1 -1
  127. package/src/{components/ScriptToolbar → hooks}/view.ts +1 -1
  128. package/src/index.ts +0 -1
  129. package/src/templates/chess.ts +42 -35
  130. package/src/templates/discord.ts +103 -0
  131. package/src/templates/echo.ts +5 -1
  132. package/src/templates/forex-effect.ts +41 -0
  133. package/src/templates/forex.ts +23 -16
  134. package/src/templates/index.ts +15 -0
  135. package/src/translations.ts +2 -0
  136. package/dist/lib/browser/ScriptContainer-4TSLLF4O.mjs.map +0 -7
  137. package/dist/lib/browser/chunk-45LXDWNF.mjs.map +0 -7
  138. package/dist/lib/browser/chunk-REL2R7SB.mjs +0 -52
  139. package/dist/lib/browser/chunk-REL2R7SB.mjs.map +0 -7
  140. package/dist/lib/browser/chunk-SDHKTS6H.mjs +0 -237
  141. package/dist/lib/browser/chunk-SDHKTS6H.mjs.map +0 -7
  142. package/dist/lib/browser/compiler-K3FNRDDN.mjs.map +0 -7
  143. package/dist/lib/node/ScriptContainer-7JNYGHWK.cjs.map +0 -7
  144. package/dist/lib/node/chunk-IID7WUQS.cjs.map +0 -7
  145. package/dist/lib/node/chunk-T4TXCRN5.cjs +0 -260
  146. package/dist/lib/node/chunk-T4TXCRN5.cjs.map +0 -7
  147. package/dist/lib/node/chunk-TJ4BTPOS.cjs +0 -64
  148. package/dist/lib/node/chunk-TJ4BTPOS.cjs.map +0 -7
  149. package/dist/lib/node/compiler-P2HQB22H.cjs.map +0 -7
  150. package/dist/lib/node-esm/ScriptContainer-BR6YLHCD.mjs.map +0 -7
  151. package/dist/lib/node-esm/chunk-CGF7EOGD.mjs.map +0 -7
  152. package/dist/lib/node-esm/chunk-G76M6O46.mjs +0 -239
  153. package/dist/lib/node-esm/chunk-G76M6O46.mjs.map +0 -7
  154. package/dist/lib/node-esm/chunk-JJZYWSD7.mjs +0 -54
  155. package/dist/lib/node-esm/chunk-JJZYWSD7.mjs.map +0 -7
  156. package/dist/lib/node-esm/compiler-PDN46H4Y.mjs.map +0 -7
  157. package/dist/types/src/bundler/bundler.d.ts +0 -39
  158. package/dist/types/src/bundler/bundler.d.ts.map +0 -1
  159. package/dist/types/src/bundler/bundler.test.d.ts +0 -2
  160. package/dist/types/src/bundler/bundler.test.d.ts.map +0 -1
  161. package/dist/types/src/bundler/index.d.ts +0 -2
  162. package/dist/types/src/bundler/index.d.ts.map +0 -1
  163. package/dist/types/src/components/ScriptToolbar/deploy.d.ts.map +0 -1
  164. package/dist/types/src/components/ScriptToolbar/format.d.ts.map +0 -1
  165. package/dist/types/src/components/ScriptToolbar/templateSelect.d.ts.map +0 -1
  166. package/dist/types/src/components/ScriptToolbar/useToolbarAction.d.ts.map +0 -1
  167. package/dist/types/src/components/ScriptToolbar/useToolbarState.d.ts.map +0 -1
  168. package/dist/types/src/components/ScriptToolbar/view.d.ts.map +0 -1
  169. package/src/bundler/bundler.test.ts +0 -55
  170. package/src/bundler/bundler.ts +0 -250
  171. package/src/bundler/index.ts +0 -5
  172. /package/dist/lib/browser/{AutomationPanel-J3SZ5L3Y.mjs.map → AutomationPanel-6HFRNRWV.mjs.map} +0 -0
  173. /package/dist/lib/browser/{intent-resolver-PPUEEPJJ.mjs.map → intent-resolver-I6VDXUDH.mjs.map} +0 -0
  174. /package/dist/lib/node/{AutomationPanel-4M55FURO.cjs.map → AutomationPanel-RBQ4DODN.cjs.map} +0 -0
  175. /package/dist/lib/node/{intent-resolver-XZC3OXVT.cjs.map → intent-resolver-MYATX7IR.cjs.map} +0 -0
  176. /package/dist/lib/node-esm/{AutomationPanel-W6SKG35R.mjs.map → AutomationPanel-WTVVVMRH.mjs.map} +0 -0
  177. /package/dist/lib/node-esm/{intent-resolver-WUVFJ6AO.mjs.map → intent-resolver-PBDTYC4P.mjs.map} +0 -0
  178. /package/dist/types/src/{components/ScriptToolbar → hooks}/deploy.d.ts +0 -0
  179. /package/dist/types/src/{components/ScriptToolbar → hooks}/format.d.ts +0 -0
  180. /package/dist/types/src/{components/ScriptToolbar → hooks}/useToolbarState.d.ts +0 -0
  181. /package/dist/types/src/{components/ScriptToolbar → hooks}/view.d.ts +0 -0
  182. /package/src/{components/ScriptToolbar → hooks}/useToolbarState.ts +0 -0
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  DebugPanel
3
- } from "./chunk-45LXDWNF.mjs";
3
+ } from "./chunk-5SXOHNAK.mjs";
4
4
  import {
5
5
  SCRIPT_PLUGIN
6
6
  } from "./chunk-FVVCAWNP.mjs";
@@ -75,4 +75,4 @@ export {
75
75
  AutomationPanel,
76
76
  AutomationPanel_default as default
77
77
  };
78
- //# sourceMappingURL=AutomationPanel-J3SZ5L3Y.mjs.map
78
+ //# sourceMappingURL=AutomationPanel-6HFRNRWV.mjs.map
@@ -1,12 +1,9 @@
1
- import {
2
- Bundler
3
- } from "./chunk-SDHKTS6H.mjs";
4
1
  import {
5
2
  templates
6
- } from "./chunk-REL2R7SB.mjs";
3
+ } from "./chunk-YJAKD6E3.mjs";
7
4
  import {
8
5
  DebugPanel
9
- } from "./chunk-45LXDWNF.mjs";
6
+ } from "./chunk-5SXOHNAK.mjs";
10
7
  import {
11
8
  SCRIPT_PLUGIN
12
9
  } from "./chunk-FVVCAWNP.mjs";
@@ -26,15 +23,16 @@ import { ElevationProvider } from "@dxos/react-ui";
26
23
  import { stackItemContentToolbarClassNames } from "@dxos/react-ui-editor";
27
24
  import { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from "@dxos/react-ui-menu";
28
25
 
29
- // packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/deploy.ts
26
+ // packages/plugins/experimental/plugin-script/src/hooks/deploy.ts
30
27
  import { useCallback, useEffect, useMemo } from "react";
31
28
  import { FunctionType, getInvocationUrl, getUserFunctionUrlInMetadata, incrementSemverPatch, setUserFunctionUrlInMetadata, uploadWorkerFunction } from "@dxos/functions";
29
+ import { Bundler } from "@dxos/functions/bundler";
32
30
  import { log } from "@dxos/log";
33
31
  import { useClient } from "@dxos/react-client";
34
32
  import { Filter, create, getMeta, getSpace, makeRef, useQuery } from "@dxos/react-client/echo";
35
33
  import { useTranslation } from "@dxos/react-ui";
36
34
  import { createMenuAction } from "@dxos/react-ui-menu";
37
- var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/deploy.ts";
35
+ var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/hooks/deploy.ts";
38
36
  var createDeploy = (state) => {
39
37
  const errorItem = createMenuAction("error", {
40
38
  label: state.error ?? [
@@ -149,7 +147,9 @@ var useDeployHandler = ({ state, script }) => {
149
147
  sandboxedModules: [],
150
148
  remoteModules: {}
151
149
  });
152
- const buildResult = await bundler.bundle(script.source.target.content);
150
+ const buildResult = await bundler.bundle({
151
+ source: script.source.target.content
152
+ });
153
153
  if (buildResult.error || !buildResult.bundle) {
154
154
  throw buildResult.error;
155
155
  }
@@ -181,6 +181,20 @@ var useDeployHandler = ({ state, script }) => {
181
181
  source: makeRef(script)
182
182
  }));
183
183
  script.changed = false;
184
+ if (script.description !== void 0 && script.description.trim() !== "") {
185
+ deployedFunction.description = script.description;
186
+ } else if (meta.description) {
187
+ deployedFunction.description = meta.description;
188
+ } else {
189
+ log.verbose("no description in function metadata", {
190
+ functionId
191
+ }, {
192
+ F: __dxlog_file,
193
+ L: 138,
194
+ S: void 0,
195
+ C: (f, a) => f(...a)
196
+ });
197
+ }
184
198
  if (meta.inputSchema) {
185
199
  deployedFunction.inputSchema = meta.inputSchema;
186
200
  } else {
@@ -188,7 +202,19 @@ var useDeployHandler = ({ state, script }) => {
188
202
  functionId
189
203
  }, {
190
204
  F: __dxlog_file,
191
- L: 137,
205
+ L: 144,
206
+ S: void 0,
207
+ C: (f, a) => f(...a)
208
+ });
209
+ }
210
+ if (meta.outputSchema) {
211
+ deployedFunction.outputSchema = meta.outputSchema;
212
+ } else {
213
+ log.verbose("no output schema in function metadata", {
214
+ functionId
215
+ }, {
216
+ F: __dxlog_file,
217
+ L: 149,
192
218
  S: void 0,
193
219
  C: (f, a) => f(...a)
194
220
  });
@@ -198,7 +224,7 @@ var useDeployHandler = ({ state, script }) => {
198
224
  } catch (err) {
199
225
  log.catch(err, void 0, {
200
226
  F: __dxlog_file,
201
- L: 144,
227
+ L: 156,
202
228
  S: void 0,
203
229
  C: (f, a) => f(...a)
204
230
  });
@@ -225,14 +251,14 @@ var useCopyHandler = ({ state }) => useCallback(async () => {
225
251
  state.functionUrl
226
252
  ]);
227
253
 
228
- // packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/format.ts
254
+ // packages/plugins/experimental/plugin-script/src/hooks/format.ts
229
255
  import { format } from "prettier";
230
256
  import prettierPluginEstree from "prettier/plugins/estree";
231
257
  import prettierPluginTypescript from "prettier/plugins/typescript";
232
258
  import { useCallback as useCallback2 } from "react";
233
259
  import { log as log2 } from "@dxos/log";
234
260
  import { createMenuAction as createMenuAction2 } from "@dxos/react-ui-menu";
235
- var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/format.ts";
261
+ var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/hooks/format.ts";
236
262
  var createFormat = () => {
237
263
  const formatAction = createMenuAction2("format", {
238
264
  label: [
@@ -281,7 +307,7 @@ var useFormatHandler = ({ script }) => useCallback2(async () => {
281
307
  script.source
282
308
  ]);
283
309
 
284
- // packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/templateSelect.ts
310
+ // packages/plugins/experimental/plugin-script/src/hooks/template.ts
285
311
  import { useCallback as useCallback3 } from "react";
286
312
  import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions";
287
313
  import { getMeta as getMeta2 } from "@dxos/live-object";
@@ -349,49 +375,7 @@ var useTemplateSelectHandler = ({ script }) => {
349
375
  ]);
350
376
  };
351
377
 
352
- // packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/useToolbarAction.ts
353
- import { useCallback as useCallback4 } from "react";
354
- import { log as log3 } from "@dxos/log";
355
- var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/useToolbarAction.ts";
356
- var useToolbarAction = (props) => {
357
- const handleTemplateSelect = useTemplateSelectHandler(props);
358
- const handleFormat = useFormatHandler(props);
359
- const handleDeploy = useDeployHandler(props);
360
- const handleCopy = useCopyHandler(props);
361
- return useCallback4((action) => {
362
- switch (action.properties.type) {
363
- case "template":
364
- handleTemplateSelect(action.properties.value);
365
- break;
366
- case "view":
367
- props.state.view = action.properties.value;
368
- break;
369
- case "format":
370
- void handleFormat();
371
- break;
372
- case "deploy":
373
- void handleDeploy();
374
- break;
375
- case "copy":
376
- void handleCopy();
377
- break;
378
- default:
379
- log3.error("Unknown action type", action, {
380
- F: __dxlog_file3,
381
- L: 49,
382
- S: void 0,
383
- C: (f, a) => f(...a)
384
- });
385
- }
386
- }, [
387
- handleTemplateSelect,
388
- handleFormat,
389
- handleDeploy,
390
- handleCopy
391
- ]);
392
- };
393
-
394
- // packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/view.ts
378
+ // packages/plugins/experimental/plugin-script/src/hooks/view.ts
395
379
  import { createMenuAction as createMenuAction4, createMenuItemGroup as createMenuItemGroup2 } from "@dxos/react-ui-menu";
396
380
  var views = {
397
381
  editor: "ph--code--regular",
@@ -448,6 +432,55 @@ var createView = (state) => {
448
432
  };
449
433
  };
450
434
 
435
+ // packages/plugins/experimental/plugin-script/src/hooks/useToolbarAction.ts
436
+ import { useCallback as useCallback4 } from "react";
437
+ import { log as log3 } from "@dxos/log";
438
+ var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/hooks/useToolbarAction.ts";
439
+ var useToolbarAction = (props) => {
440
+ const handleTemplateSelect = useTemplateSelectHandler(props);
441
+ const handleFormat = useFormatHandler(props);
442
+ const handleDeploy = useDeployHandler(props);
443
+ const handleCopy = useCopyHandler(props);
444
+ return useCallback4((action) => {
445
+ switch (action.properties.type) {
446
+ case "template":
447
+ handleTemplateSelect(action.properties.value);
448
+ break;
449
+ case "view":
450
+ props.state.view = action.properties.value;
451
+ break;
452
+ case "format":
453
+ void handleFormat();
454
+ break;
455
+ case "deploy":
456
+ void handleDeploy();
457
+ break;
458
+ case "copy":
459
+ void handleCopy();
460
+ break;
461
+ default:
462
+ log3.error("Unknown action type", action, {
463
+ F: __dxlog_file3,
464
+ L: 49,
465
+ S: void 0,
466
+ C: (f, a) => f(...a)
467
+ });
468
+ }
469
+ }, [
470
+ handleTemplateSelect,
471
+ handleFormat,
472
+ handleDeploy,
473
+ handleCopy
474
+ ]);
475
+ };
476
+
477
+ // packages/plugins/experimental/plugin-script/src/hooks/useToolbarState.ts
478
+ import { useMemo as useMemo2 } from "react";
479
+ import { create as create2 } from "@dxos/live-object";
480
+ var useToolbarState = (initialState = {}) => {
481
+ return useMemo2(() => create2(initialState), []);
482
+ };
483
+
451
484
  // packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/ScriptToolbar.tsx
452
485
  var createToolbar = (state) => {
453
486
  const templateSelect = createTemplateSelect();
@@ -495,13 +528,6 @@ var ScriptToolbar = ({ script, role, state, classNames }) => {
495
528
  }))));
496
529
  };
497
530
 
498
- // packages/plugins/experimental/plugin-script/src/components/ScriptToolbar/useToolbarState.ts
499
- import { useMemo as useMemo2 } from "react";
500
- import { create as create2 } from "@dxos/live-object";
501
- var useToolbarState = (initialState = {}) => {
502
- return useMemo2(() => create2(initialState), []);
503
- };
504
-
505
531
  // packages/plugins/experimental/plugin-script/src/components/TypescriptEditor/TypescriptEditor.tsx
506
532
  import { javascript } from "@codemirror/lang-javascript";
507
533
  import { defaultHighlightStyle } from "@codemirror/language";
@@ -514,7 +540,7 @@ import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/cod
514
540
  import React2 from "react";
515
541
  import { useThemeContext } from "@dxos/react-ui";
516
542
  import { autocomplete, createBasicExtensions, createThemeExtensions, editorFullWidth, editorMonospace, EditorView, folding, InputModeExtensions, useTextEditor } from "@dxos/react-ui-editor";
517
- import { nonNullable } from "@dxos/util";
543
+ import { isNonNullable } from "@dxos/util";
518
544
  var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection, toolbar, inputMode = "vscode" }) => {
519
545
  const { themeMode } = useThemeContext();
520
546
  const { parentRef, focusAttributes } = useTextEditor(() => ({
@@ -573,7 +599,7 @@ var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo
573
599
  })
574
600
  ] : []
575
601
  ]
576
- ].filter(nonNullable),
602
+ ].filter(isNonNullable),
577
603
  selection,
578
604
  scrollTo
579
605
  }), [
@@ -624,7 +650,9 @@ var createTooltipRenderer = (themeMode) => {
624
650
  };
625
651
 
626
652
  // packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
627
- var ScriptContainer = ({ role, classNames, script, settings, env }) => {
653
+ var ScriptContainer = ({ role, classNames, script, settings = {
654
+ editorInputMode: "vscode"
655
+ }, env }) => {
628
656
  const identity = useIdentity();
629
657
  const space = getSpace2(script);
630
658
  const extensions = useMemo3(() => [
@@ -650,7 +678,7 @@ var ScriptContainer = ({ role, classNames, script, settings, env }) => {
650
678
  identity
651
679
  ]);
652
680
  const state = useToolbarState({
653
- view: "split"
681
+ view: "editor"
654
682
  });
655
683
  useDeployState({
656
684
  state,
@@ -682,4 +710,4 @@ export {
682
710
  ScriptContainer,
683
711
  ScriptContainer_default as default
684
712
  };
685
- //# sourceMappingURL=ScriptContainer-4TSLLF4O.mjs.map
713
+ //# sourceMappingURL=ScriptContainer-GR7X5NSI.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptToolbar/ScriptToolbar.tsx", "../../../src/hooks/deploy.ts", "../../../src/hooks/format.ts", "../../../src/hooks/template.ts", "../../../src/hooks/view.ts", "../../../src/hooks/useToolbarAction.ts", "../../../src/hooks/useToolbarState.ts", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
4
+ "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { createDocAccessor, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { DebugPanel } from './DebugPanel';\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<{\n script: ScriptType;\n settings?: ScriptSettingsProps;\n role?: string;\n}> &\n Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptContainer = ({\n role,\n classNames,\n script,\n settings = { editorInputMode: 'vscode' },\n env,\n}: ScriptEditorProps) => {\n const identity = useIdentity();\n const space = getSpace(script);\n\n const extensions = useMemo(\n () => [\n listener({\n onChange: (text) => {\n if (script.source.target && script.source.target.content !== text) {\n script.changed = true;\n }\n },\n }),\n createDataExtensions({\n id: script.id,\n text: script.source.target && createDocAccessor(script.source.target, ['content']),\n space,\n identity,\n }),\n ],\n [script, script.source.target, space, identity],\n );\n\n const state = useToolbarState({ view: 'editor' });\n useDeployState({ state, script });\n\n return (\n <StackItem.Content toolbar>\n <ScriptToolbar state={state} role={role} script={script} />\n <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>\n {state.view !== 'debug' && (\n <TypescriptEditor\n id={script.id}\n env={env}\n initialValue={script.source?.target?.content}\n extensions={extensions}\n className={stackItemContentEditorClassNames(role)}\n inputMode={settings.editorInputMode}\n toolbar\n />\n )}\n\n {state.view !== 'editor' && <DebugPanel functionUrl={state.functionUrl} />}\n </div>\n </StackItem.Content>\n );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, type ThemedClassName } from '@dxos/react-ui';\nimport { stackItemContentToolbarClassNames } from '@dxos/react-ui-editor';\nimport { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from '@dxos/react-ui-menu';\n\nimport {\n type ScriptToolbarState,\n createDeploy,\n createFormat,\n createTemplateSelect,\n createView,\n useToolbarAction,\n} from '../../hooks';\n\nexport type ScriptToolbarProps = ThemedClassName<{\n role?: string;\n script: ScriptType;\n state: ScriptToolbarState;\n}>;\n\nconst createToolbar = (state: ScriptToolbarState) => {\n const templateSelect = createTemplateSelect();\n const format = createFormat();\n const gap = createGapSeparator();\n const deploy = createDeploy(state);\n const view = createView(state);\n return {\n nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes, ...view.nodes],\n edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges, ...view.edges],\n };\n};\n\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n const handleAction = useToolbarAction({ state, script });\n const toolbarCreator = useCallback(() => createToolbar(state), [state]);\n const menu = useMenuActions(toolbarCreator);\n return (\n <div role='none' className={stackItemContentToolbarClassNames(role)}>\n <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n <MenuProvider {...menu} onAction={handleAction} attendableId={fullyQualifiedId(script)}>\n <ToolbarMenu classNames={classNames} />\n </MenuProvider>\n </ElevationProvider>\n </div>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback, useEffect, useMemo } from 'react';\n\nimport {\n FunctionType,\n type ScriptType,\n getInvocationUrl,\n getUserFunctionUrlInMetadata,\n incrementSemverPatch,\n setUserFunctionUrlInMetadata,\n uploadWorkerFunction,\n} from '@dxos/functions';\nimport { Bundler } from '@dxos/functions/bundler';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, create, getMeta, getSpace, makeRef, useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { type ViewState } from './view';\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type DeployActionProperties = { type: 'deploy' } | { type: 'copy' };\n\nexport type DeployState = ViewState & {\n deploying: boolean;\n deployed: boolean;\n functionUrl: string;\n error: string;\n};\n\nexport const createDeploy = (state: Partial<DeployState>) => {\n const errorItem = createMenuAction('error', {\n label: state.error ?? ['no error label', { ns: SCRIPT_PLUGIN }],\n icon: 'ph--warning-circle--regular',\n hidden: !state.error,\n });\n\n const deployAction = createMenuAction<DeployActionProperties>('deploy', {\n type: 'deploy',\n label: [state.deploying ? 'pending label' : 'deploy label', { ns: SCRIPT_PLUGIN }],\n icon: state.deploying ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular',\n disabled: state.deploying,\n classNames: state.deploying ? '[&_svg]:animate-spin' : '',\n });\n\n const copyAction = createMenuAction<DeployActionProperties>('copy', {\n type: 'copy',\n label: ['copy link label', { ns: SCRIPT_PLUGIN }],\n icon: 'ph--link--regular',\n disabled: !state.functionUrl,\n });\n\n return {\n nodes: [errorItem, deployAction, copyAction],\n edges: [\n { source: 'root', target: 'error' },\n { source: 'root', target: 'deploy' },\n { source: 'root', target: 'copy' },\n ],\n };\n};\n\nconst useDeployDeps = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n const space = getSpace(script);\n const [fn] = useQuery(space, Filter.schema(FunctionType, { source: script }));\n const client = useClient();\n const existingFunctionUrl = useMemo(() => fn && getUserFunctionUrlInMetadata(getMeta(fn)), [fn]);\n return { space, fn, client, existingFunctionUrl };\n};\n\nexport const useDeployState = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n const { space, client, existingFunctionUrl } = useDeployDeps({ state, script });\n useEffect(() => {\n if (!existingFunctionUrl) {\n return;\n }\n\n state.functionUrl = getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n spaceId: space?.id,\n });\n }, [existingFunctionUrl, space]);\n\n useEffect(() => {\n state.deployed = Boolean(existingFunctionUrl) && !script.changed;\n }, [script.changed, existingFunctionUrl]);\n};\n\nexport const useDeployHandler = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n const { space, fn, client, existingFunctionUrl } = useDeployDeps({ state, script });\n const { t } = useTranslation(SCRIPT_PLUGIN);\n\n return useCallback(async () => {\n if (!script.source || !space) {\n return;\n }\n\n state.error = undefined;\n state.deploying = true;\n\n try {\n const existingFunctionId = existingFunctionUrl?.split('/').at(-1);\n\n const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n const buildResult = await bundler.bundle({ source: script.source.target!.content });\n if (buildResult.error || !buildResult.bundle) {\n throw buildResult.error;\n }\n\n const { functionId, version, meta } = await uploadWorkerFunction({\n client,\n spaceId: space.id,\n version: fn ? incrementSemverPatch(fn.version) : '0.0.1',\n functionId: existingFunctionId,\n source: buildResult.bundle,\n });\n if (functionId === undefined || version === undefined) {\n throw new Error(`Upload didn't return expected data: functionId=${functionId}, version=${version}`);\n }\n\n log.info('function uploaded', { functionId, version });\n if (fn) {\n fn.version = version;\n }\n\n const deployedFunction =\n fn ?? space.db.add(create(FunctionType, { name: functionId, version, source: makeRef(script) }));\n\n script.changed = false;\n if (script.description !== undefined && script.description.trim() !== '') {\n deployedFunction.description = script.description;\n } else if (meta.description) {\n deployedFunction.description = meta.description;\n } else {\n log.verbose('no description in function metadata', { functionId });\n }\n\n if (meta.inputSchema) {\n deployedFunction.inputSchema = meta.inputSchema;\n } else {\n log.verbose('no input schema in function metadata', { functionId });\n }\n if (meta.outputSchema) {\n deployedFunction.outputSchema = meta.outputSchema;\n } else {\n log.verbose('no output schema in function metadata', { functionId });\n }\n\n setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${space.id}/${functionId}`);\n\n state.view = 'split';\n } catch (err: any) {\n log.catch(err);\n state.error = t('upload failed label');\n }\n state.deploying = false;\n }, [fn, client, t, existingFunctionUrl, script, script.name, script.source, space?.id ?? null]);\n};\n\nexport const useCopyHandler = ({ state }: { state: Partial<DeployState> }) =>\n useCallback(async () => {\n if (!state.functionUrl) {\n return;\n }\n await navigator.clipboard.writeText(state.functionUrl);\n }, [state.functionUrl]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\nimport { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type FormatActionProperties = { type: 'format' };\n\nexport const createFormat = () => {\n const formatAction = createMenuAction('format', {\n label: ['format label', { ns: SCRIPT_PLUGIN }],\n icon: 'ph--magic-wand--regular',\n });\n\n return {\n nodes: [formatAction],\n edges: [{ source: 'root', target: 'format' }],\n };\n};\n\nexport const useFormatHandler = ({ script }: { script: ScriptType }) =>\n useCallback(async () => {\n if (!script.source) {\n return;\n }\n\n try {\n script.source.target!.content = await format(script.source.target!.content, {\n parser: 'typescript',\n plugins: [prettierPluginEstree, prettierPluginTypescript],\n semi: true,\n singleQuote: true,\n });\n } catch (err: any) {\n // TODO(wittjosiah): Show error in UI.\n log.catch(err);\n }\n }, [script.source]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { FUNCTIONS_PRESET_META_KEY, type ScriptType } from '@dxos/functions';\nimport { getMeta } from '@dxos/live-object';\nimport { createMenuItemGroup, createMenuAction } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\n\nexport type TemplateActionProperties = { type: 'template'; value: string };\n\nconst createTemplateSelectGroup = () => {\n return createMenuItemGroup('template-select', {\n label: ['template select group label', { ns: SCRIPT_PLUGIN }],\n variant: 'dropdownMenu',\n });\n};\n\nconst createTemplateSelectActions = () => {\n return templates.map((template) => {\n return createMenuAction<TemplateActionProperties>(`template--${template.id}`, {\n label: template.name,\n value: template.id,\n type: 'template',\n });\n });\n};\n\nexport const createTemplateSelect = () => {\n const templateSelectGroup = createTemplateSelectGroup();\n const templateSelectActions = createTemplateSelectActions();\n return {\n nodes: [templateSelectGroup, ...templateSelectActions],\n edges: [\n { source: 'root', target: 'template-select' },\n ...templateSelectActions.map((action) => ({ source: 'template-select', target: action.id })),\n ],\n };\n};\n\nexport const useTemplateSelectHandler = ({ script }: { script: ScriptType }) => {\n return useCallback(\n (templateId: string) => {\n const template = templates.find((template) => template.id === templateId);\n if (template) {\n script.name = template.name;\n script.source!.target!.content = template.source;\n const metaKeys = getMeta(script).keys;\n const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);\n if (oldPresetIndex >= 0) {\n metaKeys.splice(oldPresetIndex, 1);\n }\n if (template.presetId) {\n metaKeys.push({ source: FUNCTIONS_PRESET_META_KEY, id: template.presetId });\n }\n }\n },\n [script],\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createMenuAction, createMenuItemGroup } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type ViewType = 'editor' | 'split' | 'debug';\n\nexport type ViewState = { view: ViewType };\n\nexport type ViewActionProperties = { type: 'view'; value: ViewType };\n\nconst views: Record<ViewType, string> = {\n editor: 'ph--code--regular',\n split: 'ph--square-split-vertical--regular',\n debug: 'ph--bug--regular',\n};\n\nconst createViewGroupItem = (state: Partial<ViewState>) => {\n return createMenuItemGroup('view', {\n label: ['view group label', { ns: SCRIPT_PLUGIN }],\n variant: 'dropdownMenu',\n applyActive: true,\n value: state.view,\n });\n};\n\nconst createViewActions = (state: Partial<ViewState>) => {\n return Object.entries(views).map(([viewType, icon]) => {\n return createMenuAction<ViewActionProperties>(`view--${viewType}`, {\n type: 'view',\n value: viewType as ViewType,\n label: [`view ${viewType} label`, { ns: SCRIPT_PLUGIN }],\n icon,\n checked: state.view === viewType,\n });\n });\n};\n\nexport const createView = (state: Partial<ViewState>) => {\n const viewGroupItem = createViewGroupItem(state);\n const viewActions = createViewActions(state);\n return {\n nodes: [viewGroupItem, ...viewActions],\n edges: [\n { source: 'root', target: 'view' },\n ...viewActions.map((action) => ({ source: 'view', target: action.id })),\n ],\n };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { type MenuAction, type MenuActionHandler } from '@dxos/react-ui-menu';\n\nimport { type DeployActionProperties, useDeployHandler, useCopyHandler } from './deploy';\nimport { type FormatActionProperties, useFormatHandler } from './format';\nimport { type TemplateActionProperties, useTemplateSelectHandler } from './template';\nimport { type ScriptToolbarState } from './useToolbarState';\nimport { type ViewActionProperties } from './view';\n\nexport type ScriptToolbarActionProperties =\n | TemplateActionProperties\n | ViewActionProperties\n | FormatActionProperties\n | DeployActionProperties;\n\nexport type ScriptToolbarAction = MenuAction<ScriptToolbarActionProperties>;\n\nexport const useToolbarAction = (props: { state: ScriptToolbarState; script: ScriptType }) => {\n const handleTemplateSelect = useTemplateSelectHandler(props);\n const handleFormat = useFormatHandler(props);\n const handleDeploy = useDeployHandler(props);\n const handleCopy = useCopyHandler(props);\n return useCallback(\n ((action: ScriptToolbarAction) => {\n switch (action.properties.type) {\n case 'template':\n handleTemplateSelect(action.properties.value);\n break;\n case 'view':\n props.state.view = action.properties.value;\n break;\n case 'format':\n void handleFormat();\n break;\n case 'deploy':\n void handleDeploy();\n break;\n case 'copy':\n void handleCopy();\n break;\n default:\n log.error('Unknown action type', action);\n }\n }) as MenuActionHandler,\n [handleTemplateSelect, handleFormat, handleDeploy, handleCopy],\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { create } from '@dxos/live-object';\n\nimport { type DeployState } from './deploy';\nimport { type ViewState } from './view';\n\nexport type ScriptToolbarState = Partial<DeployState & ViewState>;\n\nexport const useToolbarState = (initialState: ScriptToolbarState = {}) => {\n return useMemo(() => create<ScriptToolbarState>(initialState), []);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\nimport { Prec } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover, type HoverInfo } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n editorFullWidth,\n type EditorInputMode,\n editorMonospace,\n EditorView,\n folding,\n InputModeExtensions,\n useTextEditor,\n type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n id: string;\n inputMode?: EditorInputMode;\n env?: VirtualTypeScriptEnvironment;\n toolbar?: boolean;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n id,\n env,\n className,\n initialValue,\n extensions,\n scrollTo,\n selection,\n toolbar,\n inputMode = 'vscode',\n}: TypescriptEditorProps) => {\n const { themeMode } = useThemeContext();\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n id,\n initialValue,\n extensions: [\n extensions,\n createBasicExtensions({\n highlightActiveLine: true,\n indentWithTab: true,\n lineNumbers: true,\n lineWrapping: false,\n scrollPastEnd: true,\n }),\n createThemeExtensions({\n themeMode,\n syntaxHighlighting: true,\n slots: {\n content: { className: editorFullWidth },\n },\n }),\n // NOTE: Not using default editor gutter because folding for code works best right beside text.\n EditorView.theme({\n '.cm-gutters': {\n // Match margin from content.\n marginTop: '16px',\n },\n }),\n InputModeExtensions[inputMode],\n folding(),\n // Continues block comments when you hit Enter.\n Prec.high(keymap.of(continueKeymap)),\n // TODO(burdon): Factor out.\n [\n editorMonospace,\n javascript({ typescript: true }),\n // https://github.com/val-town/codemirror-ts\n autocomplete({ override: env ? [tsAutocomplete()] : [] }),\n env\n ? [\n tsFacet.of({ env, path: `/src/${id}.ts` }),\n tsSync(),\n tsLinter(),\n tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n ]\n : [],\n ],\n ].filter(isNonNullable),\n selection,\n scrollTo,\n }),\n [id, extensions, themeMode, inputMode, selection, scrollTo],\n );\n\n return (\n <div ref={parentRef} data-toolbar={toolbar ? 'enabled' : 'disabled'} className={className} {...focusAttributes} />\n );\n};\n\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n const theme = themeMode === 'dark' ? oneDarkHighlightStyle : defaultHighlightStyle;\n\n const classFromKind = (_kind: string) => {\n // E.g., localName, methodName, parameterName, etc.\n const kind = _kind.endsWith('Name') ? 'name' : _kind;\n const validTag = kind in tags;\n if (!validTag) {\n return '';\n }\n\n const tag = tags[kind as keyof typeof tags];\n if (typeof tag === 'function') {\n return '';\n }\n\n return theme.style([tag]) ?? '';\n };\n\n return (info: HoverInfo) => {\n const div = document.createElement('div');\n div.className = 'p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg';\n\n if (info.quickInfo?.displayParts) {\n for (const part of info.quickInfo.displayParts) {\n const span = div.appendChild(document.createElement('span'));\n span.className = classFromKind(part.kind);\n span.innerText = part.text;\n }\n }\n\n return { dom: div };\n };\n};\n\nexport default TypescriptEditor;\n"],
5
+ "mappings": "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",
6
+ "names": ["React", "useMemo", "createDocAccessor", "getSpace", "useIdentity", "createDataExtensions", "listener", "stackItemContentEditorClassNames", "StackItem", "mx", "React", "useCallback", "fullyQualifiedId", "ElevationProvider", "stackItemContentToolbarClassNames", "createGapSeparator", "MenuProvider", "ToolbarMenu", "useMenuActions", "useCallback", "useEffect", "useMemo", "FunctionType", "getInvocationUrl", "getUserFunctionUrlInMetadata", "incrementSemverPatch", "setUserFunctionUrlInMetadata", "uploadWorkerFunction", "Bundler", "log", "useClient", "Filter", "create", "getMeta", "getSpace", "makeRef", "useQuery", "useTranslation", "createMenuAction", "createDeploy", "state", "errorItem", "createMenuAction", "label", "error", "ns", "SCRIPT_PLUGIN", "icon", "hidden", "deployAction", "type", "deploying", "disabled", "classNames", "copyAction", "functionUrl", "nodes", "edges", "source", "target", "useDeployDeps", "script", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "client", "useClient", "existingFunctionUrl", "useMemo", "getUserFunctionUrlInMetadata", "getMeta", "useDeployState", "useEffect", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "id", "deployed", "Boolean", "changed", "useDeployHandler", "t", "useTranslation", "useCallback", "undefined", "existingFunctionId", "split", "at", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "content", "functionId", "version", "meta", "uploadWorkerFunction", "incrementSemverPatch", "Error", "log", "info", "deployedFunction", "db", "add", "create", "name", "makeRef", "description", "trim", "verbose", "inputSchema", "outputSchema", "setUserFunctionUrlInMetadata", "view", "err", "catch", "useCopyHandler", "navigator", "clipboard", "writeText", "format", "prettierPluginEstree", "prettierPluginTypescript", "useCallback", "log", "createMenuAction", "createFormat", "formatAction", "createMenuAction", "label", "ns", "SCRIPT_PLUGIN", "icon", "nodes", "edges", "source", "target", "useFormatHandler", "script", "useCallback", "content", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "useCallback", "FUNCTIONS_PRESET_META_KEY", "getMeta", "createMenuItemGroup", "createMenuAction", "createTemplateSelectGroup", "createMenuItemGroup", "label", "ns", "SCRIPT_PLUGIN", "variant", "createTemplateSelectActions", "templates", "map", "template", "createMenuAction", "id", "name", "value", "type", "createTemplateSelect", "templateSelectGroup", "templateSelectActions", "nodes", "edges", "source", "target", "action", "useTemplateSelectHandler", "script", "useCallback", "templateId", "find", "content", "metaKeys", "getMeta", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "createMenuAction", "createMenuItemGroup", "views", "editor", "split", "debug", "createViewGroupItem", "state", "createMenuItemGroup", "label", "ns", "SCRIPT_PLUGIN", "variant", "applyActive", "value", "view", "createViewActions", "Object", "entries", "map", "viewType", "icon", "createMenuAction", "type", "checked", "createView", "viewGroupItem", "viewActions", "nodes", "edges", "source", "target", "action", "id", "useCallback", "log", "useToolbarAction", "props", "handleTemplateSelect", "useTemplateSelectHandler", "handleFormat", "useFormatHandler", "handleDeploy", "useDeployHandler", "handleCopy", "useCopyHandler", "useCallback", "action", "properties", "type", "value", "state", "view", "log", "error", "useMemo", "create", "useToolbarState", "initialState", "useMemo", "create", "createToolbar", "state", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "view", "createView", "nodes", "edges", "ScriptToolbar", "script", "role", "classNames", "handleAction", "useToolbarAction", "toolbarCreator", "useCallback", "menu", "useMenuActions", "div", "className", "stackItemContentToolbarClassNames", "ElevationProvider", "elevation", "MenuProvider", "onAction", "attendableId", "fullyQualifiedId", "ToolbarMenu", "javascript", "defaultHighlightStyle", "Prec", "oneDarkHighlightStyle", "keymap", "tags", "continueKeymap", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorMonospace", "EditorView", "folding", "InputModeExtensions", "useTextEditor", "isNonNullable", "TypescriptEditor", "id", "env", "className", "initialValue", "extensions", "scrollTo", "selection", "toolbar", "inputMode", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "EditorView", "theme", "marginTop", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "React", "div", "ref", "data-toolbar", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "role", "classNames", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "extensions", "useMemo", "listener", "onChange", "text", "source", "target", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "state", "useToolbarState", "view", "useDeployState", "React", "StackItem", "Content", "toolbar", "ScriptToolbar", "div", "className", "mx", "TypescriptEditor", "initialValue", "stackItemContentEditorClassNames", "inputMode", "DebugPanel", "functionUrl"]
7
+ }
@@ -0,0 +1,243 @@
1
+ // packages/plugins/experimental/plugin-script/src/capabilities/artifact-definition.ts
2
+ import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
3
+ import { defineArtifact, defineTool, ToolResult } from "@dxos/artifact";
4
+ import { createArtifactElement } from "@dxos/assistant";
5
+ import { ObjectId, S } from "@dxos/echo-schema";
6
+ import { ScriptType } from "@dxos/functions";
7
+ import { invariant } from "@dxos/invariant";
8
+ import { SpaceAction } from "@dxos/plugin-space/types";
9
+ import { create, makeRef } from "@dxos/react-client/echo";
10
+ import { TextType } from "@dxos/schema";
11
+ var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/capabilities/artifact-definition.ts";
12
+ var artifact_definition_default = () => {
13
+ const definition = defineArtifact({
14
+ id: "plugin-script",
15
+ // TODO(dmaretskyi): Since writing scripts requires a lot of domain knowledge,
16
+ // we should offload the work of synthesizing the code to a separate model.
17
+ // The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.
18
+ instructions: `
19
+ If the user explicitly requests you to write a script, you can create one.
20
+ If the user requests you to change one of the existing script, you can update it.
21
+ Scripts are short code pieces of executable code that can be used to perform computations, integrate with external systems, and perform automated tasks.
22
+ Each script must follow as strict shape for the definition but the body can contain any valid executable code.
23
+ Scripts are written in JavaScript or TypeScript.
24
+ Each script must define an input schema and output schema.
25
+ Each script must have its own detailed description.
26
+
27
+ Important: You cannot execute scripts. Scripts are only available as tools after the user deploys them. You must only call the available tools.
28
+
29
+ Description:
30
+ The description is a detailed description of the script.
31
+ It is used to describe the script's purpose, input, and output.
32
+ The description is used to generate the script's documentation.
33
+ The description is also goes into the script metadata.
34
+ The description is used by AI to understand the script and its purpose.
35
+ The description must provide cases on when the script should be used.
36
+
37
+ Schema:
38
+ The schema is defined using a schema-DSL library called Effect Schema.
39
+ The input schema describes the arguments that the script accepts.
40
+ The output schema describes the result that the script produces.
41
+ The schema is used to validate the script's input and output.
42
+ The schema is also goes into the script metadata.
43
+ The properties in the schema must have valid descriptions.
44
+ The input and output schemas must both be a struct of fields.
45
+
46
+ Restricts:
47
+ The scripts can only import code from "dxos:functions" module. No other modules are allowed.
48
+ Some web APIs are available - like fetch.
49
+
50
+ Reasoning:
51
+ Before writing a script, synthesize the following information:
52
+ - Description
53
+ - What APIs will be used.
54
+ - Detailed input schema
55
+ - Detailed output schema
56
+
57
+ <apis>
58
+ export function defineFunction(params: {
59
+ description: string,
60
+ inputSchema: S.Schema,
61
+ outputSchema: S.Schema,
62
+ handler: (params: { event: { data: TInput } }) => Promise<TOutput>
63
+ }): FunctionDefinition
64
+ /**
65
+ * Effect Schema
66
+ */
67
+ export const S;
68
+
69
+ // Examples:
70
+
71
+ S.String
72
+ S.Number
73
+ S.Boolean
74
+ S.Struct({
75
+ from: S.String.annotations({ description: 'The source currency' }),
76
+ to: S.String.annotations({ description: 'The target currency' }),
77
+ })
78
+ S.Array(S.String)
79
+ S.Union(S.String, S.Number)
80
+ S.optional(S.String)
81
+ S.String.annotations({ description: 'The source currency' })
82
+ </apis>
83
+
84
+ <handler_function>
85
+ Async function that takes the argument in the form of:
86
+
87
+ type HandlerFunctionParam = {
88
+ event: {
89
+ data: T // The input schema
90
+ },
91
+ }
92
+
93
+ The function must return the result that matches the output schema.
94
+ </handler_function>
95
+
96
+ <example>
97
+ import { defineFunction, S } from 'dxos:functions';
98
+
99
+ export default defineFunction({
100
+ description: 'Returns the exchange rate between two currencies.',
101
+
102
+ inputSchema: S.Struct({
103
+ from: S.String.annotations({ description: 'The source currency' }),
104
+ to: S.String.annotations({ description: 'The target currency' }),
105
+ }),
106
+
107
+ outputSchema: S.Struct({
108
+ rate: S.String.annotations({ description: 'The exchange rate' }),
109
+ }),
110
+
111
+ handler: async ({
112
+ event: {
113
+ data: { from, to },
114
+ },
115
+ }: any) => {
116
+ const res = await fetch(\`https://free.ratesdb.com/v1/rates?from=\${from}&to=\${to}\`);
117
+ const {
118
+ data: { rates },
119
+ } = await res.json();
120
+
121
+ return { rate: rates[to].toString() };
122
+ },
123
+ });
124
+ </example>
125
+ `,
126
+ schema: ScriptType,
127
+ tools: [
128
+ defineTool({
129
+ name: "script_new",
130
+ description: "Create a new script. Returns the artifact definition for the script",
131
+ schema: S.Struct({
132
+ name: S.String.annotations({
133
+ description: "The name of the script"
134
+ }),
135
+ code: S.String.annotations({
136
+ description: "The full code of the script in JavaScript or TypeScript. Must be valid executable code."
137
+ })
138
+ }),
139
+ execute: async ({ name, code }, { extensions }) => {
140
+ invariant(extensions?.space, "No space", {
141
+ F: __dxlog_file,
142
+ L: 149,
143
+ S: void 0,
144
+ A: [
145
+ "extensions?.space",
146
+ "'No space'"
147
+ ]
148
+ });
149
+ invariant(extensions?.dispatch, "No intent dispatcher", {
150
+ F: __dxlog_file,
151
+ L: 150,
152
+ S: void 0,
153
+ A: [
154
+ "extensions?.dispatch",
155
+ "'No intent dispatcher'"
156
+ ]
157
+ });
158
+ const script = create(ScriptType, {
159
+ name,
160
+ source: makeRef(create(TextType, {
161
+ content: code
162
+ }))
163
+ });
164
+ extensions.space.db.add(script);
165
+ await extensions.space.db.flush();
166
+ const intent = createIntent(SpaceAction.AddObject, {
167
+ target: extensions.space,
168
+ object: script
169
+ });
170
+ const { data, error } = await extensions.dispatch(intent);
171
+ if (!data || error) {
172
+ return ToolResult.Error(error?.message ?? "Failed to create chess game");
173
+ }
174
+ return ToolResult.Success(createArtifactElement(script.id));
175
+ }
176
+ }),
177
+ defineTool({
178
+ name: "script_inspect",
179
+ description: "Inspect a script. Returns the artifact definition for the script",
180
+ schema: S.Struct({
181
+ id: ObjectId
182
+ }),
183
+ execute: async ({ id }, { extensions }) => {
184
+ invariant(extensions?.space, "No space", {
185
+ F: __dxlog_file,
186
+ L: 178,
187
+ S: void 0,
188
+ A: [
189
+ "extensions?.space",
190
+ "'No space'"
191
+ ]
192
+ });
193
+ const script = await extensions.space.db.query({
194
+ id
195
+ }).first();
196
+ const { content } = await script.source.load();
197
+ return ToolResult.Success({
198
+ name: script.name,
199
+ code: content
200
+ });
201
+ }
202
+ }),
203
+ defineTool({
204
+ name: "script_update",
205
+ description: "Update a script. Returns the artifact definition for the script",
206
+ schema: S.Struct({
207
+ id: ObjectId,
208
+ code: S.String.annotations({
209
+ description: "The full code of the script in JavaScript or TypeScript. Must be valid executable code."
210
+ })
211
+ }),
212
+ execute: async ({ id, code }, { extensions }) => {
213
+ invariant(extensions?.space, "No space", {
214
+ F: __dxlog_file,
215
+ L: 199,
216
+ S: void 0,
217
+ A: [
218
+ "extensions?.space",
219
+ "'No space'"
220
+ ]
221
+ });
222
+ const script = await extensions.space.db.query({
223
+ id
224
+ }).first();
225
+ const source = await script.source.load();
226
+ if (!source) {
227
+ return ToolResult.Error("Script not found");
228
+ }
229
+ source.content = code;
230
+ await extensions.space?.db.flush();
231
+ return ToolResult.Success({
232
+ name: script.name
233
+ });
234
+ }
235
+ })
236
+ ]
237
+ });
238
+ return contributes(Capabilities.ArtifactDefinition, definition);
239
+ };
240
+ export {
241
+ artifact_definition_default as default
242
+ };
243
+ //# sourceMappingURL=artifact-definition-NAWYXFF5.mjs.map