@dxos/plugin-script 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 (155) hide show
  1. package/dist/lib/browser/DeploymentDialog-NLWQHNKE.mjs +12 -0
  2. package/dist/lib/browser/ScriptContainer-Q2K5FJSC.mjs +272 -0
  3. package/dist/lib/browser/ScriptContainer-Q2K5FJSC.mjs.map +7 -0
  4. package/dist/lib/browser/{app-graph-builder-BFBTQPSP.mjs → app-graph-builder-V3HPXJAD.mjs} +2 -2
  5. package/dist/lib/browser/{artifact-definition-PD4UAAQZ.mjs → artifact-definition-L3AIY4XA.mjs} +15 -24
  6. package/dist/lib/browser/artifact-definition-L3AIY4XA.mjs.map +7 -0
  7. package/dist/lib/browser/{chunk-INL55MFV.mjs → chunk-6T64VQHF.mjs} +2 -2
  8. package/dist/lib/browser/{chunk-KJMVDGRB.mjs → chunk-6ZHHWU6S.mjs} +3 -3
  9. package/dist/lib/browser/{chunk-KJMVDGRB.mjs.map → chunk-6ZHHWU6S.mjs.map} +1 -1
  10. package/dist/lib/browser/chunk-74DEDPHT.mjs +530 -0
  11. package/dist/lib/{node-esm/chunk-A3TXZHGD.mjs.map → browser/chunk-74DEDPHT.mjs.map} +1 -1
  12. package/dist/lib/browser/chunk-BTEFFA4C.mjs +153 -0
  13. package/dist/lib/{node-esm/chunk-V733VFCJ.mjs.map → browser/chunk-BTEFFA4C.mjs.map} +1 -1
  14. package/dist/lib/browser/{chunk-FFDJENAN.mjs → chunk-JQOAZJTK.mjs} +4 -4
  15. package/dist/lib/browser/chunk-M6QMJBKQ.mjs +87 -0
  16. package/dist/lib/browser/chunk-M6QMJBKQ.mjs.map +7 -0
  17. package/dist/lib/browser/{chunk-6MLJJI73.mjs → chunk-WB3X5Z7Q.mjs} +7 -7
  18. package/dist/lib/browser/chunk-WB3X5Z7Q.mjs.map +7 -0
  19. package/dist/lib/browser/{chunk-A4VOGQ2P.mjs → chunk-YSQMXTYO.mjs} +3 -3
  20. package/dist/lib/{node-esm/chunk-HKJUN636.mjs.map → browser/chunk-YSQMXTYO.mjs.map} +1 -1
  21. package/dist/lib/browser/{compiler-O4FJK7RR.mjs → compiler-W4BYJYTL.mjs} +3 -3
  22. package/dist/lib/browser/compiler-W4BYJYTL.mjs.map +7 -0
  23. package/dist/lib/browser/index.mjs +13 -13
  24. package/dist/lib/browser/index.mjs.map +1 -1
  25. package/dist/lib/browser/{intent-resolver-SXO6X6XQ.mjs → intent-resolver-U5YRUE7W.mjs} +7 -7
  26. package/dist/lib/browser/meta.json +1 -1
  27. package/dist/lib/browser/{react-surface-TZGE7EGC.mjs → react-surface-3MSPT54G.mjs} +9 -9
  28. package/dist/lib/browser/{settings-EOKSUGB6.mjs → settings-FU7NTENS.mjs} +3 -3
  29. package/dist/lib/browser/types.mjs +2 -2
  30. package/dist/lib/node/{DeploymentDialog-43SI7XFL.cjs → DeploymentDialog-PC5AL3BB.cjs} +10 -10
  31. package/dist/lib/node/DeploymentDialog-PC5AL3BB.cjs.map +7 -0
  32. package/dist/lib/node/ScriptContainer-56SH6R24.cjs +289 -0
  33. package/dist/lib/node/ScriptContainer-56SH6R24.cjs.map +7 -0
  34. package/dist/lib/node/{app-graph-builder-IKOX7GHW.cjs → app-graph-builder-YE4OM4OC.cjs} +9 -9
  35. package/dist/lib/node/{artifact-definition-C644EAYM.cjs → artifact-definition-6BD6CVOV.cjs} +23 -32
  36. package/dist/lib/node/artifact-definition-6BD6CVOV.cjs.map +7 -0
  37. package/dist/lib/node/chunk-5LHP5EUJ.cjs +557 -0
  38. package/dist/lib/node/{chunk-HPBQHRM3.cjs.map → chunk-5LHP5EUJ.cjs.map} +1 -1
  39. package/dist/lib/node/chunk-BYLHJ26I.cjs +91 -0
  40. package/dist/lib/node/chunk-BYLHJ26I.cjs.map +7 -0
  41. package/dist/lib/node/{chunk-SXJGHLK6.cjs → chunk-HCRW6T3G.cjs} +8 -8
  42. package/dist/lib/node/chunk-HCRW6T3G.cjs.map +7 -0
  43. package/dist/lib/node/{chunk-7NNN3IUQ.cjs → chunk-NRZJV5SV.cjs} +16 -16
  44. package/dist/lib/node/{chunk-NO5Y74F3.cjs → chunk-QG2X6J74.cjs} +6 -6
  45. package/dist/lib/node/{chunk-NO5Y74F3.cjs.map → chunk-QG2X6J74.cjs.map} +1 -1
  46. package/dist/lib/node/chunk-RARNZD62.cjs +179 -0
  47. package/dist/lib/node/{chunk-VHSIOCS5.cjs.map → chunk-RARNZD62.cjs.map} +1 -1
  48. package/dist/lib/node/{chunk-K7PPLRVQ.cjs → chunk-V6L73D7S.cjs} +6 -6
  49. package/dist/lib/node/{chunk-KFJQVOGS.cjs → chunk-ZEV3VARQ.cjs} +7 -7
  50. package/dist/lib/node/{chunk-KFJQVOGS.cjs.map → chunk-ZEV3VARQ.cjs.map} +1 -1
  51. package/dist/lib/node/{compiler-FBC6ELQN.cjs → compiler-TFSJRLL4.cjs} +7 -7
  52. package/dist/lib/node/{compiler-FBC6ELQN.cjs.map → compiler-TFSJRLL4.cjs.map} +3 -3
  53. package/dist/lib/node/index.cjs +38 -38
  54. package/dist/lib/node/index.cjs.map +1 -1
  55. package/dist/lib/node/{intent-resolver-PDSMZM2T.cjs → intent-resolver-7SF26VGC.cjs} +15 -15
  56. package/dist/lib/node/meta.json +1 -1
  57. package/dist/lib/node/{react-surface-BHHJQZ7P.cjs → react-surface-L6RS7BT2.cjs} +31 -31
  58. package/dist/lib/node/{settings-425QHVGC.cjs → settings-RRCQ7ZQD.cjs} +9 -9
  59. package/dist/lib/node/types.cjs +5 -5
  60. package/dist/lib/node/types.cjs.map +1 -1
  61. package/dist/lib/node-esm/{DeploymentDialog-2RRUJEBC.mjs → DeploymentDialog-QHB2BGNJ.mjs} +5 -5
  62. package/dist/lib/node-esm/ScriptContainer-6RCZ43TI.mjs +273 -0
  63. package/dist/lib/node-esm/ScriptContainer-6RCZ43TI.mjs.map +7 -0
  64. package/dist/lib/node-esm/{app-graph-builder-KZGKGSP6.mjs → app-graph-builder-4CN7URJQ.mjs} +2 -2
  65. package/dist/lib/node-esm/{artifact-definition-J6UM6BQF.mjs → artifact-definition-PPV2XKU7.mjs} +15 -24
  66. package/dist/lib/node-esm/artifact-definition-PPV2XKU7.mjs.map +7 -0
  67. package/dist/lib/node-esm/chunk-25GOLUXY.mjs +154 -0
  68. package/dist/lib/{browser/chunk-YNOCAJYT.mjs.map → node-esm/chunk-25GOLUXY.mjs.map} +1 -1
  69. package/dist/lib/node-esm/{chunk-HKJUN636.mjs → chunk-2KJYPUQD.mjs} +3 -3
  70. package/dist/lib/{browser/chunk-A4VOGQ2P.mjs.map → node-esm/chunk-2KJYPUQD.mjs.map} +1 -1
  71. package/dist/lib/node-esm/{chunk-F47OE6ZM.mjs → chunk-47MABIVX.mjs} +2 -2
  72. package/dist/lib/node-esm/{chunk-H7FRB3M7.mjs → chunk-AEB5TPEW.mjs} +3 -3
  73. package/dist/lib/node-esm/{chunk-H7FRB3M7.mjs.map → chunk-AEB5TPEW.mjs.map} +1 -1
  74. package/dist/lib/node-esm/chunk-KOO76P2Y.mjs +531 -0
  75. package/dist/lib/{browser/chunk-BONEXAIK.mjs.map → node-esm/chunk-KOO76P2Y.mjs.map} +1 -1
  76. package/dist/lib/node-esm/{chunk-VMQPOPKV.mjs → chunk-UESZKXLR.mjs} +7 -7
  77. package/dist/lib/node-esm/chunk-UESZKXLR.mjs.map +7 -0
  78. package/dist/lib/node-esm/{chunk-NYA7KDN6.mjs → chunk-WD7OFSM3.mjs} +4 -4
  79. package/dist/lib/node-esm/chunk-Z44O2YIK.mjs +89 -0
  80. package/dist/lib/node-esm/chunk-Z44O2YIK.mjs.map +7 -0
  81. package/dist/lib/node-esm/{compiler-3NG4T5LH.mjs → compiler-7PQ4D43R.mjs} +3 -3
  82. package/dist/lib/{browser/compiler-O4FJK7RR.mjs.map → node-esm/compiler-7PQ4D43R.mjs.map} +3 -3
  83. package/dist/lib/node-esm/index.mjs +13 -13
  84. package/dist/lib/node-esm/index.mjs.map +1 -1
  85. package/dist/lib/node-esm/{intent-resolver-WSAVLQY5.mjs → intent-resolver-3APO7YDF.mjs} +7 -7
  86. package/dist/lib/node-esm/meta.json +1 -1
  87. package/dist/lib/node-esm/{react-surface-W7BM4PDK.mjs → react-surface-S5LHD3IA.mjs} +9 -9
  88. package/dist/lib/node-esm/{settings-BWSKKIVQ.mjs → settings-NKNC32QC.mjs} +3 -3
  89. package/dist/lib/node-esm/types.mjs +2 -2
  90. package/dist/types/src/capabilities/artifact-definition.d.ts.map +1 -1
  91. package/dist/types/src/compiler/compiler.d.ts.map +1 -1
  92. package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts.map +1 -1
  93. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts.map +1 -1
  94. package/dist/types/src/templates/discord.d.ts.map +1 -1
  95. package/dist/types/src/types.d.ts.map +1 -1
  96. package/package.json +51 -51
  97. package/src/capabilities/artifact-definition.ts +10 -11
  98. package/src/compiler/compiler.ts +3 -3
  99. package/src/components/ScriptToolbar/ScriptToolbar.tsx +19 -16
  100. package/src/components/TypescriptEditor/TypescriptEditor.tsx +0 -6
  101. package/src/meta.ts +2 -2
  102. package/src/templates/chat.ts +1 -1
  103. package/src/templates/chess.ts +1 -1
  104. package/src/templates/data-generator.ts +1 -1
  105. package/src/templates/discord.ts +7 -5
  106. package/src/templates/forex-effect.ts +2 -2
  107. package/src/templates/gmail.ts +6 -4
  108. package/src/types.ts +2 -2
  109. package/dist/lib/browser/DeploymentDialog-W7PY33VN.mjs +0 -12
  110. package/dist/lib/browser/ScriptContainer-6DYV7D65.mjs +0 -260
  111. package/dist/lib/browser/ScriptContainer-6DYV7D65.mjs.map +0 -7
  112. package/dist/lib/browser/artifact-definition-PD4UAAQZ.mjs.map +0 -7
  113. package/dist/lib/browser/chunk-6MLJJI73.mjs.map +0 -7
  114. package/dist/lib/browser/chunk-BONEXAIK.mjs +0 -480
  115. package/dist/lib/browser/chunk-RTVU4RZW.mjs +0 -87
  116. package/dist/lib/browser/chunk-RTVU4RZW.mjs.map +0 -7
  117. package/dist/lib/browser/chunk-YNOCAJYT.mjs +0 -147
  118. package/dist/lib/node/DeploymentDialog-43SI7XFL.cjs.map +0 -7
  119. package/dist/lib/node/ScriptContainer-H56OW5FC.cjs +0 -277
  120. package/dist/lib/node/ScriptContainer-H56OW5FC.cjs.map +0 -7
  121. package/dist/lib/node/artifact-definition-C644EAYM.cjs.map +0 -7
  122. package/dist/lib/node/chunk-HPBQHRM3.cjs +0 -507
  123. package/dist/lib/node/chunk-SXJGHLK6.cjs.map +0 -7
  124. package/dist/lib/node/chunk-VHSIOCS5.cjs +0 -173
  125. package/dist/lib/node/chunk-VNSZBEJW.cjs +0 -91
  126. package/dist/lib/node/chunk-VNSZBEJW.cjs.map +0 -7
  127. package/dist/lib/node-esm/ScriptContainer-762FHDZ4.mjs +0 -261
  128. package/dist/lib/node-esm/ScriptContainer-762FHDZ4.mjs.map +0 -7
  129. package/dist/lib/node-esm/artifact-definition-J6UM6BQF.mjs.map +0 -7
  130. package/dist/lib/node-esm/chunk-A3TXZHGD.mjs +0 -481
  131. package/dist/lib/node-esm/chunk-V733VFCJ.mjs +0 -148
  132. package/dist/lib/node-esm/chunk-VMQPOPKV.mjs.map +0 -7
  133. package/dist/lib/node-esm/chunk-YCTECQLY.mjs +0 -89
  134. package/dist/lib/node-esm/chunk-YCTECQLY.mjs.map +0 -7
  135. package/dist/lib/node-esm/compiler-3NG4T5LH.mjs.map +0 -7
  136. /package/dist/lib/browser/{DeploymentDialog-W7PY33VN.mjs.map → DeploymentDialog-NLWQHNKE.mjs.map} +0 -0
  137. /package/dist/lib/browser/{app-graph-builder-BFBTQPSP.mjs.map → app-graph-builder-V3HPXJAD.mjs.map} +0 -0
  138. /package/dist/lib/browser/{chunk-INL55MFV.mjs.map → chunk-6T64VQHF.mjs.map} +0 -0
  139. /package/dist/lib/browser/{chunk-FFDJENAN.mjs.map → chunk-JQOAZJTK.mjs.map} +0 -0
  140. /package/dist/lib/browser/{intent-resolver-SXO6X6XQ.mjs.map → intent-resolver-U5YRUE7W.mjs.map} +0 -0
  141. /package/dist/lib/browser/{react-surface-TZGE7EGC.mjs.map → react-surface-3MSPT54G.mjs.map} +0 -0
  142. /package/dist/lib/browser/{settings-EOKSUGB6.mjs.map → settings-FU7NTENS.mjs.map} +0 -0
  143. /package/dist/lib/node/{app-graph-builder-IKOX7GHW.cjs.map → app-graph-builder-YE4OM4OC.cjs.map} +0 -0
  144. /package/dist/lib/node/{chunk-7NNN3IUQ.cjs.map → chunk-NRZJV5SV.cjs.map} +0 -0
  145. /package/dist/lib/node/{chunk-K7PPLRVQ.cjs.map → chunk-V6L73D7S.cjs.map} +0 -0
  146. /package/dist/lib/node/{intent-resolver-PDSMZM2T.cjs.map → intent-resolver-7SF26VGC.cjs.map} +0 -0
  147. /package/dist/lib/node/{react-surface-BHHJQZ7P.cjs.map → react-surface-L6RS7BT2.cjs.map} +0 -0
  148. /package/dist/lib/node/{settings-425QHVGC.cjs.map → settings-RRCQ7ZQD.cjs.map} +0 -0
  149. /package/dist/lib/node-esm/{DeploymentDialog-2RRUJEBC.mjs.map → DeploymentDialog-QHB2BGNJ.mjs.map} +0 -0
  150. /package/dist/lib/node-esm/{app-graph-builder-KZGKGSP6.mjs.map → app-graph-builder-4CN7URJQ.mjs.map} +0 -0
  151. /package/dist/lib/node-esm/{chunk-F47OE6ZM.mjs.map → chunk-47MABIVX.mjs.map} +0 -0
  152. /package/dist/lib/node-esm/{chunk-NYA7KDN6.mjs.map → chunk-WD7OFSM3.mjs.map} +0 -0
  153. /package/dist/lib/node-esm/{intent-resolver-WSAVLQY5.mjs.map → intent-resolver-3APO7YDF.mjs.map} +0 -0
  154. /package/dist/lib/node-esm/{react-surface-W7BM4PDK.mjs.map → react-surface-S5LHD3IA.mjs.map} +0 -0
  155. /package/dist/lib/node-esm/{settings-BWSKKIVQ.mjs.map → settings-NKNC32QC.mjs.map} +0 -0
@@ -0,0 +1,12 @@
1
+ import {
2
+ DEPLOYMENT_DIALOG,
3
+ DeploymentDialog_default
4
+ } from "./chunk-BTEFFA4C.mjs";
5
+ import "./chunk-6T64VQHF.mjs";
6
+ import "./chunk-WB3X5Z7Q.mjs";
7
+ import "./chunk-6ZHHWU6S.mjs";
8
+ export {
9
+ DEPLOYMENT_DIALOG,
10
+ DeploymentDialog_default as default
11
+ };
12
+ //# sourceMappingURL=DeploymentDialog-NLWQHNKE.mjs.map
@@ -0,0 +1,272 @@
1
+ import {
2
+ createDeploy,
3
+ createFormat,
4
+ createTemplateSelect,
5
+ useDeployDeps,
6
+ useDeployState,
7
+ useToolbarState
8
+ } from "./chunk-JQOAZJTK.mjs";
9
+ import "./chunk-M6QMJBKQ.mjs";
10
+ import "./chunk-6T64VQHF.mjs";
11
+ import "./chunk-WB3X5Z7Q.mjs";
12
+ import {
13
+ SCRIPT_PLUGIN
14
+ } from "./chunk-6ZHHWU6S.mjs";
15
+
16
+ // packages/plugins/plugin-script/src/components/ScriptContainer.tsx
17
+ import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
18
+ import React3, { useMemo as useMemo2 } from "react";
19
+ import { createDocAccessor, getSpace } from "@dxos/react-client/echo";
20
+ import { useIdentity } from "@dxos/react-client/halo";
21
+ import { createDataExtensions, listener, stackItemContentEditorClassNames } from "@dxos/react-ui-editor";
22
+ import { StackItem } from "@dxos/react-ui-stack";
23
+ import { mx } from "@dxos/react-ui-theme";
24
+
25
+ // packages/plugins/plugin-script/src/components/ScriptToolbar/ScriptToolbar.tsx
26
+ import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
27
+ import { Rx } from "@effect-rx/rx-react";
28
+ import React, { useMemo } from "react";
29
+ import { fullyQualifiedId } from "@dxos/react-client/echo";
30
+ import { ElevationProvider, useTranslation } from "@dxos/react-ui";
31
+ import { stackItemContentToolbarClassNames } from "@dxos/react-ui-editor";
32
+ import { createGapSeparator, MenuProvider, rxFromSignal, ToolbarMenu, useMenuActions } from "@dxos/react-ui-menu";
33
+ var createToolbar = ({ state, script, ...options }) => Rx.make((get) => get(rxFromSignal(() => {
34
+ const templateSelect = createTemplateSelect(script);
35
+ const format = createFormat(script);
36
+ const gap = createGapSeparator();
37
+ const deploy = createDeploy({
38
+ state,
39
+ script,
40
+ ...options
41
+ });
42
+ return {
43
+ nodes: [
44
+ ...templateSelect.nodes,
45
+ ...format.nodes,
46
+ ...gap.nodes,
47
+ ...deploy.nodes
48
+ ],
49
+ edges: [
50
+ ...templateSelect.edges,
51
+ ...format.edges,
52
+ ...gap.edges,
53
+ ...deploy.edges
54
+ ]
55
+ };
56
+ })));
57
+ var ScriptToolbar = ({ script, role, state, classNames }) => {
58
+ var _effect = _useSignals();
59
+ try {
60
+ const { t } = useTranslation(SCRIPT_PLUGIN);
61
+ const options = useDeployDeps({
62
+ script
63
+ });
64
+ const toolbarCreator = useMemo(() => createToolbar({
65
+ state,
66
+ script,
67
+ t,
68
+ ...options
69
+ }), [
70
+ state,
71
+ script,
72
+ options,
73
+ t
74
+ ]);
75
+ const menu = useMenuActions(toolbarCreator);
76
+ return /* @__PURE__ */ React.createElement("div", {
77
+ role: "none",
78
+ className: stackItemContentToolbarClassNames(role)
79
+ }, /* @__PURE__ */ React.createElement(ElevationProvider, {
80
+ elevation: role === "section" ? "positioned" : "base"
81
+ }, /* @__PURE__ */ React.createElement(MenuProvider, {
82
+ ...menu,
83
+ attendableId: fullyQualifiedId(script)
84
+ }, /* @__PURE__ */ React.createElement(ToolbarMenu, {
85
+ classNames
86
+ }))));
87
+ } finally {
88
+ _effect.f();
89
+ }
90
+ };
91
+
92
+ // packages/plugins/plugin-script/src/components/TypescriptEditor/TypescriptEditor.tsx
93
+ import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
94
+ import { javascript } from "@codemirror/lang-javascript";
95
+ import { defaultHighlightStyle } from "@codemirror/language";
96
+ import { Prec } from "@codemirror/state";
97
+ import { oneDarkHighlightStyle } from "@codemirror/theme-one-dark";
98
+ import { keymap } from "@codemirror/view";
99
+ import { tags } from "@lezer/highlight";
100
+ import { continueKeymap } from "@valtown/codemirror-continue";
101
+ import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
102
+ import React2 from "react";
103
+ import { useThemeContext } from "@dxos/react-ui";
104
+ import { autocomplete, createBasicExtensions, createThemeExtensions, editorMonospace, EditorView, folding, InputModeExtensions, useTextEditor } from "@dxos/react-ui-editor";
105
+ import { isNonNullable } from "@dxos/util";
106
+ var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection, toolbar, inputMode = "vscode" }) => {
107
+ var _effect = _useSignals2();
108
+ try {
109
+ const { themeMode } = useThemeContext();
110
+ const { parentRef, focusAttributes } = useTextEditor(() => ({
111
+ id,
112
+ initialValue,
113
+ extensions: [
114
+ extensions,
115
+ createBasicExtensions({
116
+ highlightActiveLine: true,
117
+ indentWithTab: true,
118
+ lineNumbers: true,
119
+ lineWrapping: false,
120
+ scrollPastEnd: true
121
+ }),
122
+ createThemeExtensions({
123
+ themeMode,
124
+ syntaxHighlighting: true
125
+ }),
126
+ // NOTE: Not using default editor gutter because folding for code works best right beside text.
127
+ EditorView.theme({
128
+ ".cm-gutters": {
129
+ background: "var(--dx-baseSurface)"
130
+ }
131
+ }),
132
+ InputModeExtensions[inputMode],
133
+ folding(),
134
+ // Continues block comments when you hit Enter.
135
+ Prec.high(keymap.of(continueKeymap)),
136
+ // TODO(burdon): Factor out.
137
+ [
138
+ editorMonospace,
139
+ javascript({
140
+ typescript: true
141
+ }),
142
+ // https://github.com/val-town/codemirror-ts
143
+ autocomplete({
144
+ override: env ? [
145
+ tsAutocomplete()
146
+ ] : []
147
+ }),
148
+ env ? [
149
+ tsFacet.of({
150
+ env,
151
+ path: `/src/${id}.ts`
152
+ }),
153
+ tsSync(),
154
+ tsLinter(),
155
+ tsHover({
156
+ renderTooltip: createTooltipRenderer(themeMode)
157
+ })
158
+ ] : []
159
+ ]
160
+ ].filter(isNonNullable),
161
+ selection,
162
+ scrollTo
163
+ }), [
164
+ id,
165
+ extensions,
166
+ themeMode,
167
+ inputMode,
168
+ selection,
169
+ scrollTo
170
+ ]);
171
+ return /* @__PURE__ */ React2.createElement("div", {
172
+ ref: parentRef,
173
+ "data-toolbar": toolbar ? "enabled" : "disabled",
174
+ className,
175
+ ...focusAttributes
176
+ });
177
+ } finally {
178
+ _effect.f();
179
+ }
180
+ };
181
+ var createTooltipRenderer = (themeMode) => {
182
+ const theme = themeMode === "dark" ? oneDarkHighlightStyle : defaultHighlightStyle;
183
+ const classFromKind = (_kind) => {
184
+ const kind = _kind.endsWith("Name") ? "name" : _kind;
185
+ const validTag = kind in tags;
186
+ if (!validTag) {
187
+ return "";
188
+ }
189
+ const tag = tags[kind];
190
+ if (typeof tag === "function") {
191
+ return "";
192
+ }
193
+ return theme.style([
194
+ tag
195
+ ]) ?? "";
196
+ };
197
+ return (info) => {
198
+ const div = document.createElement("div");
199
+ div.className = "p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg";
200
+ if (info.quickInfo?.displayParts) {
201
+ for (const part of info.quickInfo.displayParts) {
202
+ const span = div.appendChild(document.createElement("span"));
203
+ span.className = classFromKind(part.kind);
204
+ span.innerText = part.text;
205
+ }
206
+ }
207
+ return {
208
+ dom: div
209
+ };
210
+ };
211
+ };
212
+
213
+ // packages/plugins/plugin-script/src/components/ScriptContainer.tsx
214
+ var ScriptContainer = ({ classNames, role, script, settings = {
215
+ editorInputMode: "vscode"
216
+ }, env }) => {
217
+ var _effect = _useSignals3();
218
+ try {
219
+ const identity = useIdentity();
220
+ const space = getSpace(script);
221
+ const state = useToolbarState();
222
+ useDeployState({
223
+ state,
224
+ script
225
+ });
226
+ const extensions = useMemo2(() => [
227
+ listener({
228
+ onChange: (text) => {
229
+ if (script.source.target && script.source.target.content !== text) {
230
+ script.changed = true;
231
+ }
232
+ }
233
+ }),
234
+ createDataExtensions({
235
+ id: script.id,
236
+ text: script.source.target && createDocAccessor(script.source.target, [
237
+ "content"
238
+ ]),
239
+ space,
240
+ identity
241
+ })
242
+ ], [
243
+ identity,
244
+ space,
245
+ script,
246
+ script.source.target
247
+ ]);
248
+ return /* @__PURE__ */ React3.createElement(StackItem.Content, {
249
+ toolbar: true
250
+ }, /* @__PURE__ */ React3.createElement(ScriptToolbar, {
251
+ state,
252
+ role,
253
+ script
254
+ }), /* @__PURE__ */ React3.createElement(TypescriptEditor, {
255
+ id: script.id,
256
+ env,
257
+ initialValue: script.source?.target?.content,
258
+ extensions,
259
+ className: mx(stackItemContentEditorClassNames(role)),
260
+ inputMode: settings.editorInputMode,
261
+ toolbar: true
262
+ }));
263
+ } finally {
264
+ _effect.f();
265
+ }
266
+ };
267
+ var ScriptContainer_default = ScriptContainer;
268
+ export {
269
+ ScriptContainer,
270
+ ScriptContainer_default as default
271
+ };
272
+ //# sourceMappingURL=ScriptContainer-Q2K5FJSC.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptToolbar/ScriptToolbar.tsx", "../../../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 { 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 {\n role?: string;\n script: ScriptType;\n settings?: ScriptSettingsProps;\n } & Pick<TypescriptEditorProps, 'env'>\n>;\n\nexport const ScriptContainer = ({\n classNames,\n role,\n script,\n settings = { editorInputMode: 'vscode' },\n env,\n}: ScriptEditorProps) => {\n const identity = useIdentity();\n const space = getSpace(script);\n const state = useToolbarState();\n useDeployState({ state, 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 [identity, space, script, script.source.target],\n );\n\n return (\n <StackItem.Content toolbar>\n <ScriptToolbar state={state} role={role} script={script} />\n <TypescriptEditor\n id={script.id}\n env={env}\n initialValue={script.source?.target?.content}\n extensions={extensions}\n className={mx(stackItemContentEditorClassNames(role))}\n inputMode={settings.editorInputMode}\n toolbar\n />\n </StackItem.Content>\n );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { stackItemContentToolbarClassNames } from '@dxos/react-ui-editor';\nimport { createGapSeparator, MenuProvider, rxFromSignal, ToolbarMenu, useMenuActions } from '@dxos/react-ui-menu';\n\nimport {\n type CreateDeployOptions,\n type ScriptToolbarState,\n createDeploy,\n createFormat,\n createTemplateSelect,\n useDeployDeps,\n} from '../../hooks';\nimport { SCRIPT_PLUGIN } from '../../meta';\n\nexport type ScriptToolbarProps = ThemedClassName<{\n role?: string;\n script: ScriptType;\n state: ScriptToolbarState;\n}>;\n\nconst createToolbar = ({ state, script, ...options }: CreateDeployOptions) =>\n Rx.make((get) =>\n get(\n rxFromSignal(() => {\n const templateSelect = createTemplateSelect(script);\n const format = createFormat(script);\n const gap = createGapSeparator();\n const deploy = createDeploy({ state, script, ...options });\n return {\n nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes],\n edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges],\n };\n }),\n ),\n );\n\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n const { t } = useTranslation(SCRIPT_PLUGIN);\n const options = useDeployDeps({ script });\n const toolbarCreator = useMemo(() => createToolbar({ state, script, t, ...options }), [state, script, options, t]);\n const menu = useMenuActions(toolbarCreator);\n\n return (\n <div role='none' className={stackItemContentToolbarClassNames(role)}>\n <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n <MenuProvider {...menu} attendableId={fullyQualifiedId(script)}>\n <ToolbarMenu classNames={classNames} />\n </MenuProvider>\n </ElevationProvider>\n </div>\n );\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 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 }),\n // NOTE: Not using default editor gutter because folding for code works best right beside text.\n EditorView.theme({\n '.cm-gutters': {\n background: 'var(--dx-baseSurface)',\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", "Rx", "React", "useMemo", "fullyQualifiedId", "ElevationProvider", "useTranslation", "stackItemContentToolbarClassNames", "createGapSeparator", "MenuProvider", "rxFromSignal", "ToolbarMenu", "useMenuActions", "createToolbar", "state", "script", "options", "Rx", "make", "get", "rxFromSignal", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "nodes", "edges", "ScriptToolbar", "role", "classNames", "t", "useTranslation", "SCRIPT_PLUGIN", "useDeployDeps", "toolbarCreator", "useMemo", "menu", "useMenuActions", "div", "className", "stackItemContentToolbarClassNames", "ElevationProvider", "elevation", "MenuProvider", "attendableId", "fullyQualifiedId", "ToolbarMenu", "javascript", "defaultHighlightStyle", "Prec", "oneDarkHighlightStyle", "keymap", "tags", "continueKeymap", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "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", "EditorView", "theme", "background", "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", "classNames", "role", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "state", "useToolbarState", "useDeployState", "extensions", "useMemo", "listener", "onChange", "text", "source", "target", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "React", "StackItem", "Content", "toolbar", "ScriptToolbar", "TypescriptEditor", "initialValue", "className", "mx", "stackItemContentEditorClassNames", "inputMode"]
7
+ }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  meta
3
- } from "./chunk-KJMVDGRB.mjs";
3
+ } from "./chunk-6ZHHWU6S.mjs";
4
4
 
5
5
  // packages/plugins/plugin-script/src/capabilities/app-graph-builder.ts
6
6
  import { Rx } from "@effect-rx/rx-react";
@@ -61,4 +61,4 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
61
61
  export {
62
62
  app_graph_builder_default as default
63
63
  };
64
- //# sourceMappingURL=app-graph-builder-BFBTQPSP.mjs.map
64
+ //# sourceMappingURL=app-graph-builder-V3HPXJAD.mjs.map
@@ -1,16 +1,17 @@
1
1
  import {
2
2
  meta
3
- } from "./chunk-KJMVDGRB.mjs";
3
+ } from "./chunk-6ZHHWU6S.mjs";
4
4
 
5
5
  // packages/plugins/plugin-script/src/capabilities/artifact-definition.ts
6
6
  import { Schema } from "effect";
7
+ import { createTool, ToolResult } from "@dxos/ai";
7
8
  import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
8
- import { defineArtifact, defineTool, ToolResult } from "@dxos/artifact";
9
+ import { ArtifactId, defineArtifact } from "@dxos/artifact";
9
10
  import { createArtifactElement } from "@dxos/assistant";
10
11
  import { ScriptType } from "@dxos/functions";
11
12
  import { invariant } from "@dxos/invariant";
12
13
  import { SpaceAction } from "@dxos/plugin-space/types";
13
- import { live, makeRef } from "@dxos/react-client/echo";
14
+ import { Filter, live, makeRef } from "@dxos/react-client/echo";
14
15
  import { DataType } from "@dxos/schema";
15
16
  var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/capabilities/artifact-definition.ts";
16
17
  var artifact_definition_default = () => {
@@ -131,7 +132,7 @@ var artifact_definition_default = () => {
131
132
  `,
132
133
  schema: ScriptType,
133
134
  tools: [
134
- defineTool(meta.id, {
135
+ createTool(meta.id, {
135
136
  name: "create",
136
137
  description: "Create a new script. Returns the artifact definition for the script",
137
138
  caption: "Creating script...",
@@ -146,7 +147,7 @@ var artifact_definition_default = () => {
146
147
  execute: async ({ name, code }, { extensions }) => {
147
148
  invariant(extensions?.space, "No space", {
148
149
  F: __dxlog_file,
149
- L: 154,
150
+ L: 155,
150
151
  S: void 0,
151
152
  A: [
152
153
  "extensions?.space",
@@ -155,7 +156,7 @@ var artifact_definition_default = () => {
155
156
  });
156
157
  invariant(extensions?.dispatch, "No intent dispatcher", {
157
158
  F: __dxlog_file,
158
- L: 155,
159
+ L: 156,
159
160
  S: void 0,
160
161
  A: [
161
162
  "extensions?.dispatch",
@@ -181,15 +182,12 @@ var artifact_definition_default = () => {
181
182
  return ToolResult.Success(createArtifactElement(script.id));
182
183
  }
183
184
  }),
184
- defineTool(meta.id, {
185
+ createTool(meta.id, {
185
186
  name: "inspect",
186
187
  description: "Inspect a script. Returns the artifact definition for the script",
187
188
  caption: "Inspecting script...",
188
189
  schema: Schema.Struct({
189
- // TODO(wittjosiah): ObjectId schema should be used here but it's not working.
190
- id: Schema.String.annotations({
191
- description: "The ID of the script"
192
- })
190
+ id: ArtifactId
193
191
  }),
194
192
  execute: async ({ id }, { extensions }) => {
195
193
  invariant(extensions?.space, "No space", {
@@ -201,9 +199,7 @@ var artifact_definition_default = () => {
201
199
  "'No space'"
202
200
  ]
203
201
  });
204
- const script = await extensions.space.db.query({
205
- id
206
- }).first();
202
+ const script = await extensions.space.db.query(Filter.ids(id)).first();
207
203
  const { content } = await script.source.load();
208
204
  return ToolResult.Success({
209
205
  name: script.name,
@@ -211,15 +207,12 @@ var artifact_definition_default = () => {
211
207
  });
212
208
  }
213
209
  }),
214
- defineTool(meta.id, {
210
+ createTool(meta.id, {
215
211
  name: "update",
216
212
  description: "Update a script. Returns the artifact definition for the script",
217
213
  caption: "Updating script...",
218
214
  schema: Schema.Struct({
219
- // TODO(wittjosiah): ObjectId schema should be used here but it's not working.
220
- id: Schema.String.annotations({
221
- description: "The ID of the script to update"
222
- }),
215
+ id: ArtifactId,
223
216
  code: Schema.String.annotations({
224
217
  description: "The full code of the script in JavaScript or TypeScript. Must be valid executable code."
225
218
  })
@@ -227,16 +220,14 @@ var artifact_definition_default = () => {
227
220
  execute: async ({ id, code }, { extensions }) => {
228
221
  invariant(extensions?.space, "No space", {
229
222
  F: __dxlog_file,
230
- L: 208,
223
+ L: 207,
231
224
  S: void 0,
232
225
  A: [
233
226
  "extensions?.space",
234
227
  "'No space'"
235
228
  ]
236
229
  });
237
- const script = await extensions.space.db.query({
238
- id
239
- }).first();
230
+ const script = await extensions.space.db.query(Filter.ids(id)).first();
240
231
  const source = await script.source.load();
241
232
  if (!source) {
242
233
  return ToolResult.Error("Script not found");
@@ -255,4 +246,4 @@ var artifact_definition_default = () => {
255
246
  export {
256
247
  artifact_definition_default as default
257
248
  };
258
- //# sourceMappingURL=artifact-definition-PD4UAAQZ.mjs.map
249
+ //# sourceMappingURL=artifact-definition-L3AIY4XA.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/capabilities/artifact-definition.ts"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { createTool, ToolResult } from '@dxos/ai';\nimport { Capabilities, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';\nimport { ArtifactId, defineArtifact } from '@dxos/artifact';\nimport { createArtifactElement } from '@dxos/assistant';\nimport { ScriptType } from '@dxos/functions';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { Filter, live, makeRef, type Space } from '@dxos/react-client/echo';\nimport { DataType } from '@dxos/schema';\n\nimport { meta } from '../meta';\n// TODO(burdon): Factor out.\ndeclare global {\n interface ToolContextExtensions {\n space?: Space;\n dispatch?: PromiseIntentDispatcher;\n }\n}\n\nexport default () => {\n const definition = defineArtifact({\n id: `artifact:${meta.id}`,\n name: meta.name,\n // TODO(dmaretskyi): Since writing scripts requires a lot of domain knowledge,\n // we should offload the work of synthesizing the code to a separate model.\n // The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.\n instructions: `\n If the user explicitly requests you to write a script, you can create one.\n If the user requests you to change one of the existing script, you can update it.\n You must not create a script unless the user explicitly requests it.\n Scripts are short code pieces of executable code that can be used to perform computations, integrate with external systems, and perform automated tasks.\n Each script must follow as strict shape for the definition but the body can contain any valid executable code.\n Scripts are written in JavaScript or TypeScript.\n Each script must define an input schema and output schema.\n Each script must have its own detailed description.\n\n Important: You cannot execute scripts. Scripts are only available as tools after the user deploys them. You must only call the available tools.\n\n Description:\n The description is a detailed description of the script.\n It is used to describe the script's purpose, input, and output.\n The description is used to generate the script's documentation.\n The description is also goes into the script metadata.\n The description is used by AI to understand the script and its purpose.\n The description must provide cases on when the script should be used.\n\n Schema: \n The schema is defined using a schema-DSL library called Effect Schema.\n The input schema describes the arguments that the script accepts.\n The output schema describes the result that the script produces.\n The schema is used to validate the script's input and output.\n The schema is also goes into the script metadata.\n The properties in the schema must have valid descriptions.\n The input and output schemas must both be a struct of fields.\n\n Restricts:\n The scripts can only import code from \"dxos:functions\" module. No other modules are allowed.\n Some web APIs are available - like fetch.\n\n Reasoning:\n Before writing a script, synthesize the following information:\n - Description\n - What APIs will be used.\n - Detailed input schema\n - Detailed output schema\n\n <apis>\n export function defineFunction(params: { \n description: string, \n inputSchema: Schema.Schema, \n outputSchema: Schema.Schema, \n handler: (params: { event: { data: TInput } }) => Promise<TOutput> \n }): FunctionDefinition\n /**\n * Effect Schema\n */\n export const Schema; \n\n // Examples: \n\n Schema.String\n Schema.Number\n Schema.Boolean\n Schema.Struct({\n from: Schema.String.annotations({ description: 'The source currency' }),\n to: Schema.String.annotations({ description: 'The target currency' }),\n })\n Schema.Array(Schema.String)\n Schema.Union(Schema.String, Schema.Number)\n Schema.optional(Schema.String)\n Schema.String.annotations({ description: 'The source currency' })\n </apis>\n\n <handler_function>\n Async function that takes the argument in the form of:\n\n type HandlerFunctionParam = {\n event: {\n data: T // The input schema\n },\n }\n\n The function must return the result that matches the output schema.\n </handler_function>\n \n <example>\n import { defineFunction, S } from 'dxos:functions';\n\n export default defineFunction({\n description: 'Returns the exchange rate between two currencies.',\n\n inputSchema: Schema.Struct({\n from: Schema.String.annotations({ description: 'The source currency' }),\n to: Schema.String.annotations({ description: 'The target currency' }),\n }),\n\n outputSchema: Schema.Struct({\n rate: Schema.String.annotations({ description: 'The exchange rate' }),\n }),\n\n handler: async ({\n event: {\n data: { from, to },\n },\n }: any) => {\n const res = await fetch(\\`https://free.ratesdb.com/v1/rates?from=\\${from}&to=\\${to}\\`);\n const {\n data: { rates },\n } = await res.json();\n\n return { rate: rates[to].toString() };\n },\n });\n </example>\n `,\n schema: ScriptType,\n tools: [\n createTool(meta.id, {\n name: 'create',\n description: 'Create a new script. Returns the artifact definition for the script',\n caption: 'Creating script...',\n schema: Schema.Struct({\n name: Schema.String.annotations({ description: 'The name of the script' }),\n code: Schema.String.annotations({\n description: 'The full code of the script in JavaScript or TypeScript. Must be valid executable code.',\n }),\n }),\n execute: async ({ name, code }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n invariant(extensions?.dispatch, 'No intent dispatcher');\n const script = live(ScriptType, {\n name,\n source: makeRef(\n live(DataType.Text, {\n content: code,\n }),\n ),\n });\n extensions.space.db.add(script);\n await extensions.space.db.flush();\n\n const intent = createIntent(SpaceAction.AddObject, { target: extensions.space, object: script });\n const { data, error } = await extensions.dispatch(intent);\n if (!data || error) {\n return ToolResult.Error(error?.message ?? 'Failed to create chess game');\n }\n\n return ToolResult.Success(createArtifactElement(script.id));\n },\n }),\n createTool(meta.id, {\n name: 'inspect',\n description: 'Inspect a script. Returns the artifact definition for the script',\n caption: 'Inspecting script...',\n schema: Schema.Struct({\n id: ArtifactId,\n }),\n execute: async ({ id }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n\n const script = (await extensions.space.db.query(Filter.ids(id)).first()) as ScriptType;\n const { content } = await script.source.load();\n\n return ToolResult.Success({\n name: script.name,\n code: content,\n });\n },\n }),\n createTool(meta.id, {\n name: 'update',\n description: 'Update a script. Returns the artifact definition for the script',\n caption: 'Updating script...',\n schema: Schema.Struct({\n id: ArtifactId,\n code: Schema.String.annotations({\n description: 'The full code of the script in JavaScript or TypeScript. Must be valid executable code.',\n }),\n }),\n execute: async ({ id, code }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n\n const script = (await extensions.space.db.query(Filter.ids(id)).first()) as ScriptType;\n const source = await script.source.load();\n if (!source) {\n return ToolResult.Error('Script not found');\n }\n\n source.content = code;\n await extensions.space?.db.flush();\n\n return ToolResult.Success({\n name: script.name,\n });\n },\n }),\n ],\n });\n\n return contributes(Capabilities.ArtifactDefinition, definition);\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["Schema", "createTool", "ToolResult", "Capabilities", "contributes", "createIntent", "ArtifactId", "defineArtifact", "createArtifactElement", "ScriptType", "invariant", "SpaceAction", "Filter", "live", "makeRef", "DataType", "definition", "defineArtifact", "id", "meta", "name", "instructions", "schema", "ScriptType", "tools", "createTool", "description", "caption", "Schema", "Struct", "String", "annotations", "code", "execute", "extensions", "invariant", "space", "dispatch", "script", "live", "source", "makeRef", "DataType", "Text", "content", "db", "add", "flush", "intent", "createIntent", "SpaceAction", "AddObject", "target", "object", "data", "error", "ToolResult", "Error", "message", "Success", "createArtifactElement", "ArtifactId", "query", "Filter", "ids", "first", "load", "contributes", "Capabilities", "ArtifactDefinition"]
7
+ }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ScriptAction
3
- } from "./chunk-6MLJJI73.mjs";
3
+ } from "./chunk-WB3X5Z7Q.mjs";
4
4
 
5
5
  // packages/plugins/plugin-script/src/util/functions.ts
6
6
  import { getInvocationUrl, getUserFunctionUrlInMetadata } from "@dxos/functions";
@@ -230,4 +230,4 @@ export {
230
230
  deployScript,
231
231
  useCreateAndDeployScriptTemplates
232
232
  };
233
- //# sourceMappingURL=chunk-INL55MFV.mjs.map
233
+ //# sourceMappingURL=chunk-6T64VQHF.mjs.map
@@ -5,9 +5,9 @@ var meta = {
5
5
  name: "Scripts",
6
6
  description: "Scripts in Composer allow you to deploy custom functions that run on the edge. These functions can be referenced by your AI agent and called inside of cells in any Sheet. Use scripts to interact with API\u2019s or external data inside of Composer.",
7
7
  icon: "ph--code--regular",
8
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer",
8
+ source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer",
9
9
  tags: [
10
- "experimental"
10
+ "labs"
11
11
  ],
12
12
  screenshots: [
13
13
  "https://dxos.network/plugin-details-scripts-dark.png"
@@ -25,4 +25,4 @@ export {
25
25
  meta,
26
26
  defaultScriptsForIntegration
27
27
  };
28
- //# sourceMappingURL=chunk-KJMVDGRB.mjs.map
28
+ //# sourceMappingURL=chunk-6ZHHWU6S.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/meta.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const SCRIPT_PLUGIN = 'dxos.org/plugin/script';\n\nexport const meta: PluginMeta = {\n id: SCRIPT_PLUGIN,\n name: 'Scripts',\n description:\n 'Scripts in Composer allow you to deploy custom functions that run on the edge. These functions can be referenced by your AI agent and called inside of cells in any Sheet. Use scripts to interact with API’s or external data inside of Composer.',\n icon: 'ph--code--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer',\n tags: ['experimental'],\n screenshots: ['https://dxos.network/plugin-details-scripts-dark.png'],\n};\n\n// TODO(ZaymonFC): Configure by scopes?\nexport const defaultScriptsForIntegration: Record<string, string[]> = {\n // TODO(wittjosiah): Also include content extraction scripts in the default set.\n 'gmail.com': ['dxos.org/script/gmail'],\n};\n"],
4
+ "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const SCRIPT_PLUGIN = 'dxos.org/plugin/script';\n\nexport const meta: PluginMeta = {\n id: SCRIPT_PLUGIN,\n name: 'Scripts',\n description:\n 'Scripts in Composer allow you to deploy custom functions that run on the edge. These functions can be referenced by your AI agent and called inside of cells in any Sheet. Use scripts to interact with API’s or external data inside of Composer.',\n icon: 'ph--code--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',\n tags: ['labs'],\n screenshots: ['https://dxos.network/plugin-details-scripts-dark.png'],\n};\n\n// TODO(ZaymonFC): Configure by scopes?\nexport const defaultScriptsForIntegration: Record<string, string[]> = {\n // TODO(wittjosiah): Also include content extraction scripts in the default set.\n 'gmail.com': ['dxos.org/script/gmail'],\n};\n"],
5
5
  "mappings": ";AAMO,IAAMA,gBAAgB;AAEtB,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,aACE;EACFC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa;IAAC;;AAChB;AAGO,IAAMC,+BAAyD;;EAEpE,aAAa;IAAC;;AAChB;",
6
6
  "names": ["SCRIPT_PLUGIN", "meta", "id", "name", "description", "icon", "source", "tags", "screenshots", "defaultScriptsForIntegration"]
7
7
  }