@dxos/plugin-script 0.8.2 → 0.8.3-main.7f5a14c

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 (132) hide show
  1. package/dist/lib/browser/{DeploymentDialog-NLWQHNKE.mjs → DeploymentDialog-RPPPWEEL.mjs} +3 -3
  2. package/dist/lib/browser/{ScriptContainer-Q2K5FJSC.mjs → ScriptContainer-BQS7LDI7.mjs} +36 -45
  3. package/dist/lib/browser/ScriptContainer-BQS7LDI7.mjs.map +7 -0
  4. package/dist/lib/browser/{app-graph-builder-V3HPXJAD.mjs → app-graph-builder-5Z3MUX4N.mjs} +4 -4
  5. package/dist/lib/browser/app-graph-builder-5Z3MUX4N.mjs.map +7 -0
  6. package/dist/lib/browser/{artifact-definition-L3AIY4XA.mjs → artifact-definition-A4TBQL75.mjs} +8 -8
  7. package/dist/lib/browser/artifact-definition-A4TBQL75.mjs.map +7 -0
  8. package/dist/lib/browser/{chunk-M6QMJBKQ.mjs → chunk-I6S7QLGR.mjs} +279 -2
  9. package/dist/lib/browser/chunk-I6S7QLGR.mjs.map +7 -0
  10. package/dist/lib/browser/{chunk-BTEFFA4C.mjs → chunk-LA66DQGU.mjs} +2 -2
  11. package/dist/lib/browser/{chunk-74DEDPHT.mjs → chunk-OMQLWT6X.mjs} +30 -3
  12. package/dist/lib/{node-esm/chunk-KOO76P2Y.mjs.map → browser/chunk-OMQLWT6X.mjs.map} +4 -4
  13. package/dist/lib/browser/{chunk-6T64VQHF.mjs → chunk-QJH7I2UV.mjs} +10 -10
  14. package/dist/lib/browser/chunk-QJH7I2UV.mjs.map +7 -0
  15. package/dist/lib/browser/index.mjs +11 -8
  16. package/dist/lib/browser/index.mjs.map +1 -1
  17. package/dist/lib/browser/{intent-resolver-U5YRUE7W.mjs → intent-resolver-52BWIOT6.mjs} +8 -8
  18. package/dist/lib/browser/intent-resolver-52BWIOT6.mjs.map +7 -0
  19. package/dist/lib/browser/meta.json +1 -1
  20. package/dist/lib/browser/{react-surface-3MSPT54G.mjs → react-surface-3V4HK2LR.mjs} +16 -28
  21. package/dist/lib/browser/react-surface-3V4HK2LR.mjs.map +7 -0
  22. package/dist/lib/browser/{settings-FU7NTENS.mjs → settings-Z22D6JVJ.mjs} +2 -2
  23. package/dist/lib/browser/{settings-FU7NTENS.mjs.map → settings-Z22D6JVJ.mjs.map} +3 -3
  24. package/dist/lib/node/{DeploymentDialog-PC5AL3BB.cjs → DeploymentDialog-C3EEYGRH.cjs} +8 -8
  25. package/dist/lib/node/{DeploymentDialog-PC5AL3BB.cjs.map → DeploymentDialog-C3EEYGRH.cjs.map} +2 -2
  26. package/dist/lib/node/{ScriptContainer-56SH6R24.cjs → ScriptContainer-OYFP6E5B.cjs} +44 -53
  27. package/dist/lib/node/ScriptContainer-OYFP6E5B.cjs.map +7 -0
  28. package/dist/lib/node/{app-graph-builder-YE4OM4OC.cjs → app-graph-builder-25OOTBW4.cjs} +7 -7
  29. package/dist/lib/node/app-graph-builder-25OOTBW4.cjs.map +7 -0
  30. package/dist/lib/node/{artifact-definition-6BD6CVOV.cjs → artifact-definition-QKZI6PTO.cjs} +11 -11
  31. package/dist/lib/node/artifact-definition-QKZI6PTO.cjs.map +7 -0
  32. package/dist/lib/node/{chunk-RARNZD62.cjs → chunk-BUOBOT3V.cjs} +6 -6
  33. package/dist/lib/node/{chunk-BYLHJ26I.cjs → chunk-GUNGYAZU.cjs} +284 -6
  34. package/dist/lib/node/chunk-GUNGYAZU.cjs.map +7 -0
  35. package/dist/lib/node/{chunk-5LHP5EUJ.cjs → chunk-WHXKN26U.cjs} +30 -7
  36. package/dist/lib/node/{chunk-5LHP5EUJ.cjs.map → chunk-WHXKN26U.cjs.map} +4 -4
  37. package/dist/lib/node/{chunk-V6L73D7S.cjs → chunk-YO5W2IPQ.cjs} +13 -13
  38. package/dist/lib/node/chunk-YO5W2IPQ.cjs.map +7 -0
  39. package/dist/lib/node/index.cjs +18 -15
  40. package/dist/lib/node/index.cjs.map +1 -1
  41. package/dist/lib/node/{intent-resolver-7SF26VGC.cjs → intent-resolver-UEBRMMP6.cjs} +15 -15
  42. package/dist/lib/node/intent-resolver-UEBRMMP6.cjs.map +7 -0
  43. package/dist/lib/node/meta.json +1 -1
  44. package/dist/lib/node/{react-surface-L6RS7BT2.cjs → react-surface-AYOFUM7K.cjs} +27 -36
  45. package/dist/lib/node/react-surface-AYOFUM7K.cjs.map +7 -0
  46. package/dist/lib/node/{settings-RRCQ7ZQD.cjs → settings-WO53FLYZ.cjs} +5 -5
  47. package/dist/lib/node/{settings-RRCQ7ZQD.cjs.map → settings-WO53FLYZ.cjs.map} +3 -3
  48. package/dist/lib/node-esm/{DeploymentDialog-QHB2BGNJ.mjs → DeploymentDialog-IA4CH6WZ.mjs} +3 -3
  49. package/dist/lib/node-esm/{ScriptContainer-6RCZ43TI.mjs → ScriptContainer-G35TAL5S.mjs} +36 -45
  50. package/dist/lib/node-esm/ScriptContainer-G35TAL5S.mjs.map +7 -0
  51. package/dist/lib/node-esm/{app-graph-builder-4CN7URJQ.mjs → app-graph-builder-IOOUTHV2.mjs} +4 -4
  52. package/dist/lib/node-esm/app-graph-builder-IOOUTHV2.mjs.map +7 -0
  53. package/dist/lib/node-esm/{artifact-definition-PPV2XKU7.mjs → artifact-definition-4XRYAP54.mjs} +8 -8
  54. package/dist/lib/node-esm/artifact-definition-4XRYAP54.mjs.map +7 -0
  55. package/dist/lib/node-esm/{chunk-KOO76P2Y.mjs → chunk-AOI67UC7.mjs} +30 -3
  56. package/dist/lib/{browser/chunk-74DEDPHT.mjs.map → node-esm/chunk-AOI67UC7.mjs.map} +4 -4
  57. package/dist/lib/node-esm/{chunk-47MABIVX.mjs → chunk-MJJQBUOL.mjs} +10 -10
  58. package/dist/lib/node-esm/chunk-MJJQBUOL.mjs.map +7 -0
  59. package/dist/lib/node-esm/{chunk-Z44O2YIK.mjs → chunk-T43WW6DG.mjs} +278 -2
  60. package/dist/lib/node-esm/chunk-T43WW6DG.mjs.map +7 -0
  61. package/dist/lib/node-esm/{chunk-25GOLUXY.mjs → chunk-T7XDCUTF.mjs} +2 -2
  62. package/dist/lib/node-esm/index.mjs +11 -8
  63. package/dist/lib/node-esm/index.mjs.map +1 -1
  64. package/dist/lib/node-esm/{intent-resolver-3APO7YDF.mjs → intent-resolver-QEVLFH3G.mjs} +8 -8
  65. package/dist/lib/node-esm/intent-resolver-QEVLFH3G.mjs.map +7 -0
  66. package/dist/lib/node-esm/meta.json +1 -1
  67. package/dist/lib/node-esm/{react-surface-S5LHD3IA.mjs → react-surface-XNNTCP2O.mjs} +16 -28
  68. package/dist/lib/node-esm/react-surface-XNNTCP2O.mjs.map +7 -0
  69. package/dist/lib/node-esm/{settings-NKNC32QC.mjs → settings-KZEGCDYX.mjs} +2 -2
  70. package/dist/lib/node-esm/{settings-NKNC32QC.mjs.map → settings-KZEGCDYX.mjs.map} +3 -3
  71. package/dist/types/src/capabilities/artifact-definition.d.ts.map +1 -1
  72. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  73. package/dist/types/src/capabilities/settings.d.ts.map +1 -1
  74. package/dist/types/src/components/ScriptContainer.d.ts +4 -5
  75. package/dist/types/src/components/ScriptContainer.d.ts.map +1 -1
  76. package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts.map +1 -1
  77. package/dist/types/src/components/TestPanel/TestContainer.d.ts +7 -0
  78. package/dist/types/src/components/TestPanel/TestContainer.d.ts.map +1 -0
  79. package/dist/types/src/components/TestPanel/index.d.ts +1 -0
  80. package/dist/types/src/components/TestPanel/index.d.ts.map +1 -1
  81. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts +5 -4
  82. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts.map +1 -1
  83. package/dist/types/src/components/index.d.ts +1 -1
  84. package/dist/types/src/components/index.d.ts.map +1 -1
  85. package/dist/types/src/hooks/format.d.ts.map +1 -1
  86. package/dist/types/src/util/deploy.d.ts.map +1 -1
  87. package/package.json +49 -49
  88. package/src/capabilities/app-graph-builder.ts +3 -3
  89. package/src/capabilities/artifact-definition.ts +5 -4
  90. package/src/capabilities/intent-resolver.ts +3 -3
  91. package/src/capabilities/react-surface.tsx +8 -18
  92. package/src/capabilities/settings.ts +9 -2
  93. package/src/components/ScriptContainer.tsx +25 -33
  94. package/src/components/ScriptToolbar/ScriptToolbar.tsx +6 -6
  95. package/src/components/TestPanel/TestContainer.tsx +21 -0
  96. package/src/components/TestPanel/index.ts +1 -0
  97. package/src/components/TypescriptEditor/TypescriptEditor.tsx +36 -42
  98. package/src/hooks/format.ts +6 -1
  99. package/src/hooks/useCreateAndDeployScriptTemplates.ts +2 -2
  100. package/src/util/deploy.ts +5 -4
  101. package/dist/lib/browser/ScriptContainer-Q2K5FJSC.mjs.map +0 -7
  102. package/dist/lib/browser/app-graph-builder-V3HPXJAD.mjs.map +0 -7
  103. package/dist/lib/browser/artifact-definition-L3AIY4XA.mjs.map +0 -7
  104. package/dist/lib/browser/chunk-6T64VQHF.mjs.map +0 -7
  105. package/dist/lib/browser/chunk-JQOAZJTK.mjs +0 -283
  106. package/dist/lib/browser/chunk-JQOAZJTK.mjs.map +0 -7
  107. package/dist/lib/browser/chunk-M6QMJBKQ.mjs.map +0 -7
  108. package/dist/lib/browser/intent-resolver-U5YRUE7W.mjs.map +0 -7
  109. package/dist/lib/browser/react-surface-3MSPT54G.mjs.map +0 -7
  110. package/dist/lib/node/ScriptContainer-56SH6R24.cjs.map +0 -7
  111. package/dist/lib/node/app-graph-builder-YE4OM4OC.cjs.map +0 -7
  112. package/dist/lib/node/artifact-definition-6BD6CVOV.cjs.map +0 -7
  113. package/dist/lib/node/chunk-BYLHJ26I.cjs.map +0 -7
  114. package/dist/lib/node/chunk-NRZJV5SV.cjs +0 -305
  115. package/dist/lib/node/chunk-NRZJV5SV.cjs.map +0 -7
  116. package/dist/lib/node/chunk-V6L73D7S.cjs.map +0 -7
  117. package/dist/lib/node/intent-resolver-7SF26VGC.cjs.map +0 -7
  118. package/dist/lib/node/react-surface-L6RS7BT2.cjs.map +0 -7
  119. package/dist/lib/node-esm/ScriptContainer-6RCZ43TI.mjs.map +0 -7
  120. package/dist/lib/node-esm/app-graph-builder-4CN7URJQ.mjs.map +0 -7
  121. package/dist/lib/node-esm/artifact-definition-PPV2XKU7.mjs.map +0 -7
  122. package/dist/lib/node-esm/chunk-47MABIVX.mjs.map +0 -7
  123. package/dist/lib/node-esm/chunk-WD7OFSM3.mjs +0 -284
  124. package/dist/lib/node-esm/chunk-WD7OFSM3.mjs.map +0 -7
  125. package/dist/lib/node-esm/chunk-Z44O2YIK.mjs.map +0 -7
  126. package/dist/lib/node-esm/intent-resolver-3APO7YDF.mjs.map +0 -7
  127. package/dist/lib/node-esm/react-surface-S5LHD3IA.mjs.map +0 -7
  128. /package/dist/lib/browser/{DeploymentDialog-NLWQHNKE.mjs.map → DeploymentDialog-RPPPWEEL.mjs.map} +0 -0
  129. /package/dist/lib/browser/{chunk-BTEFFA4C.mjs.map → chunk-LA66DQGU.mjs.map} +0 -0
  130. /package/dist/lib/node/{chunk-RARNZD62.cjs.map → chunk-BUOBOT3V.cjs.map} +0 -0
  131. /package/dist/lib/node-esm/{DeploymentDialog-QHB2BGNJ.mjs.map → DeploymentDialog-IA4CH6WZ.mjs.map} +0 -0
  132. /package/dist/lib/node-esm/{chunk-25GOLUXY.mjs.map → chunk-T7XDCUTF.mjs.map} +0 -0
@@ -2,12 +2,12 @@ import { createRequire } from 'node:module';const require = createRequire(import
2
2
  import {
3
3
  DEPLOYMENT_DIALOG,
4
4
  DeploymentDialog_default
5
- } from "./chunk-25GOLUXY.mjs";
6
- import "./chunk-47MABIVX.mjs";
5
+ } from "./chunk-T7XDCUTF.mjs";
6
+ import "./chunk-MJJQBUOL.mjs";
7
7
  import "./chunk-UESZKXLR.mjs";
8
8
  import "./chunk-AEB5TPEW.mjs";
9
9
  export {
10
10
  DEPLOYMENT_DIALOG,
11
11
  DeploymentDialog_default as default
12
12
  };
13
- //# sourceMappingURL=DeploymentDialog-QHB2BGNJ.mjs.map
13
+ //# sourceMappingURL=DeploymentDialog-IA4CH6WZ.mjs.map
@@ -6,9 +6,8 @@ import {
6
6
  useDeployDeps,
7
7
  useDeployState,
8
8
  useToolbarState
9
- } from "./chunk-WD7OFSM3.mjs";
10
- import "./chunk-Z44O2YIK.mjs";
11
- import "./chunk-47MABIVX.mjs";
9
+ } from "./chunk-T43WW6DG.mjs";
10
+ import "./chunk-MJJQBUOL.mjs";
12
11
  import "./chunk-UESZKXLR.mjs";
13
12
  import {
14
13
  SCRIPT_PLUGIN
@@ -21,7 +20,6 @@ import { createDocAccessor, getSpace } from "@dxos/react-client/echo";
21
20
  import { useIdentity } from "@dxos/react-client/halo";
22
21
  import { createDataExtensions, listener, stackItemContentEditorClassNames } from "@dxos/react-ui-editor";
23
22
  import { StackItem } from "@dxos/react-ui-stack";
24
- import { mx } from "@dxos/react-ui-theme";
25
23
 
26
24
  // packages/plugins/plugin-script/src/components/ScriptToolbar/ScriptToolbar.tsx
27
25
  import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
@@ -102,15 +100,18 @@ import { continueKeymap } from "@valtown/codemirror-continue";
102
100
  import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
103
101
  import React2 from "react";
104
102
  import { useThemeContext } from "@dxos/react-ui";
105
- import { autocomplete, createBasicExtensions, createThemeExtensions, editorMonospace, EditorView, folding, InputModeExtensions, useTextEditor } from "@dxos/react-ui-editor";
103
+ import { InputModeExtensions, autocomplete, createBasicExtensions, createThemeExtensions, folding, useTextEditor } from "@dxos/react-ui-editor";
104
+ import { mx } from "@dxos/react-ui-theme";
106
105
  import { isNonNullable } from "@dxos/util";
107
- var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection, toolbar, inputMode = "vscode" }) => {
106
+ var TypescriptEditor = ({ classNames, id, inputMode = "vscode", toolbar, env, initialValue, extensions, scrollTo, selection }) => {
108
107
  var _effect = _useSignals2();
109
108
  try {
110
109
  const { themeMode } = useThemeContext();
111
110
  const { parentRef, focusAttributes } = useTextEditor(() => ({
112
111
  id,
113
112
  initialValue,
113
+ selection,
114
+ scrollTo,
114
115
  extensions: [
115
116
  extensions,
116
117
  createBasicExtensions({
@@ -118,49 +119,39 @@ var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo
118
119
  indentWithTab: true,
119
120
  lineNumbers: true,
120
121
  lineWrapping: false,
122
+ monospace: true,
121
123
  scrollPastEnd: true
122
124
  }),
123
125
  createThemeExtensions({
124
126
  themeMode,
125
127
  syntaxHighlighting: true
126
128
  }),
127
- // NOTE: Not using default editor gutter because folding for code works best right beside text.
128
- EditorView.theme({
129
- ".cm-gutters": {
130
- background: "var(--dx-baseSurface)"
131
- }
132
- }),
133
129
  InputModeExtensions[inputMode],
134
130
  folding(),
135
- // Continues block comments when you hit Enter.
131
+ // Continues block comments when pressing Enter.
136
132
  Prec.high(keymap.of(continueKeymap)),
137
133
  // TODO(burdon): Factor out.
138
- [
139
- editorMonospace,
140
- javascript({
141
- typescript: true
142
- }),
143
- // https://github.com/val-town/codemirror-ts
144
- autocomplete({
145
- override: env ? [
146
- tsAutocomplete()
147
- ] : []
134
+ javascript({
135
+ typescript: true
136
+ }),
137
+ // https://github.com/val-town/codemirror-ts
138
+ autocomplete({
139
+ override: env ? [
140
+ tsAutocomplete()
141
+ ] : void 0
142
+ }),
143
+ env && [
144
+ tsFacet.of({
145
+ env,
146
+ path: `/src/${id}.ts`
148
147
  }),
149
- env ? [
150
- tsFacet.of({
151
- env,
152
- path: `/src/${id}.ts`
153
- }),
154
- tsSync(),
155
- tsLinter(),
156
- tsHover({
157
- renderTooltip: createTooltipRenderer(themeMode)
158
- })
159
- ] : []
148
+ tsSync(),
149
+ tsLinter(),
150
+ tsHover({
151
+ renderTooltip: createTooltipRenderer(themeMode)
152
+ })
160
153
  ]
161
- ].filter(isNonNullable),
162
- selection,
163
- scrollTo
154
+ ].filter(isNonNullable)
164
155
  }), [
165
156
  id,
166
157
  extensions,
@@ -172,7 +163,7 @@ var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo
172
163
  return /* @__PURE__ */ React2.createElement("div", {
173
164
  ref: parentRef,
174
165
  "data-toolbar": toolbar ? "enabled" : "disabled",
175
- className,
166
+ className: mx(classNames),
176
167
  ...focusAttributes
177
168
  });
178
169
  } finally {
@@ -212,7 +203,7 @@ var createTooltipRenderer = (themeMode) => {
212
203
  };
213
204
 
214
205
  // packages/plugins/plugin-script/src/components/ScriptContainer.tsx
215
- var ScriptContainer = ({ classNames, role, script, settings = {
206
+ var ScriptContainer = ({ role, script, settings = {
216
207
  editorInputMode: "vscode"
217
208
  }, env }) => {
218
209
  var _effect = _useSignals3();
@@ -224,23 +215,23 @@ var ScriptContainer = ({ classNames, role, script, settings = {
224
215
  state,
225
216
  script
226
217
  });
227
- const extensions = useMemo2(() => [
218
+ const extensions = useMemo2(() => script.source.target ? [
228
219
  listener({
229
220
  onChange: (text) => {
230
- if (script.source.target && script.source.target.content !== text) {
221
+ if (script.source.target?.content !== text) {
231
222
  script.changed = true;
232
223
  }
233
224
  }
234
225
  }),
235
226
  createDataExtensions({
236
227
  id: script.id,
237
- text: script.source.target && createDocAccessor(script.source.target, [
228
+ text: createDocAccessor(script.source.target, [
238
229
  "content"
239
230
  ]),
240
231
  space,
241
232
  identity
242
233
  })
243
- ], [
234
+ ] : [], [
244
235
  identity,
245
236
  space,
246
237
  script,
@@ -257,7 +248,7 @@ var ScriptContainer = ({ classNames, role, script, settings = {
257
248
  env,
258
249
  initialValue: script.source?.target?.content,
259
250
  extensions,
260
- className: mx(stackItemContentEditorClassNames(role)),
251
+ classNames: stackItemContentEditorClassNames(role),
261
252
  inputMode: settings.editorInputMode,
262
253
  toolbar: true
263
254
  }));
@@ -270,4 +261,4 @@ export {
270
261
  ScriptContainer,
271
262
  ScriptContainer_default as default
272
263
  };
273
- //# sourceMappingURL=ScriptContainer-6RCZ43TI.mjs.map
264
+ //# sourceMappingURL=ScriptContainer-G35TAL5S.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 { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem, type StackItemContentProps } from '@dxos/react-ui-stack';\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 = Pick<StackItemContentProps, 'role'> & {\n script: ScriptType;\n settings?: ScriptSettingsProps;\n} & Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptContainer = ({ role, script, settings = { editorInputMode: 'vscode' }, env }: 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 script.source.target\n ? [\n listener({\n onChange: (text) => {\n if (script.source.target?.content !== text) {\n script.changed = true;\n }\n },\n }),\n createDataExtensions({\n id: script.id,\n text: createDocAccessor(script.source.target, ['content']),\n space,\n identity,\n }),\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 classNames={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\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 type ScriptToolbarProps = ThemedClassName<{\n role?: string;\n script: ScriptType;\n state: ScriptToolbarState;\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 ThemedClassName, type ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n type EditorInputMode,\n InputModeExtensions,\n type UseTextEditorProps,\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n folding,\n useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = ThemedClassName<\n {\n id: string;\n inputMode?: EditorInputMode;\n toolbar?: boolean;\n env?: VirtualTypeScriptEnvironment;\n } & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>\n>;\n\nexport const TypescriptEditor = ({\n classNames,\n id,\n inputMode = 'vscode',\n toolbar,\n env,\n initialValue,\n extensions,\n scrollTo,\n selection,\n}: TypescriptEditorProps) => {\n const { themeMode } = useThemeContext();\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n id,\n initialValue,\n selection,\n scrollTo,\n extensions: [\n extensions,\n createBasicExtensions({\n highlightActiveLine: true,\n indentWithTab: true,\n lineNumbers: true,\n lineWrapping: false,\n monospace: true,\n scrollPastEnd: true,\n }),\n createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n InputModeExtensions[inputMode],\n folding(),\n // Continues block comments when pressing Enter.\n Prec.high(keymap.of(continueKeymap)),\n\n // TODO(burdon): Factor out.\n javascript({ typescript: true }),\n // https://github.com/val-town/codemirror-ts\n autocomplete({ override: env ? [tsAutocomplete()] : undefined }),\n env && [\n tsFacet.of({ env, path: `/src/${id}.ts` }),\n tsSync(),\n tsLinter(),\n tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n ],\n ].filter(isNonNullable),\n }),\n [id, extensions, themeMode, inputMode, selection, scrollTo],\n );\n\n return (\n <div\n ref={parentRef}\n data-toolbar={toolbar ? 'enabled' : 'disabled'}\n className={mx(classNames)}\n {...focusAttributes}\n />\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", "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", "InputModeExtensions", "autocomplete", "createBasicExtensions", "createThemeExtensions", "folding", "useTextEditor", "mx", "isNonNullable", "TypescriptEditor", "classNames", "id", "inputMode", "toolbar", "env", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "monospace", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "undefined", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "React", "div", "ref", "data-toolbar", "className", "mx", "theme", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "role", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "state", "useToolbarState", "useDeployState", "extensions", "useMemo", "source", "target", "listener", "onChange", "text", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "React", "StackItem", "Content", "toolbar", "ScriptToolbar", "TypescriptEditor", "initialValue", "classNames", "stackItemContentEditorClassNames", "inputMode"]
7
+ }
@@ -7,14 +7,14 @@ import {
7
7
  import { Rx } from "@effect-rx/rx-react";
8
8
  import { Option, pipe } from "effect";
9
9
  import { Capabilities, contributes } from "@dxos/app-framework";
10
- import { isInstanceOf } from "@dxos/echo-schema";
10
+ import { Obj } from "@dxos/echo";
11
11
  import { ScriptType } from "@dxos/functions";
12
12
  import { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from "@dxos/plugin-deck/types";
13
13
  import { createExtension } from "@dxos/plugin-graph";
14
14
  var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, [
15
15
  createExtension({
16
16
  id: `${meta.id}/execute`,
17
- connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => isInstanceOf(ScriptType, node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
17
+ connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(ScriptType, node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
18
18
  {
19
19
  id: [
20
20
  node2.id,
@@ -37,7 +37,7 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
37
37
  }),
38
38
  createExtension({
39
39
  id: `${meta.id}/logs`,
40
- connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => isInstanceOf(ScriptType, node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
40
+ connector: (node) => Rx.make((get) => pipe(get(node), Option.flatMap((node2) => Obj.instanceOf(ScriptType, node2.data) ? Option.some(node2) : Option.none()), Option.map((node2) => [
41
41
  {
42
42
  id: [
43
43
  node2.id,
@@ -62,4 +62,4 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
62
62
  export {
63
63
  app_graph_builder_default as default
64
64
  };
65
- //# sourceMappingURL=app-graph-builder-4CN7URJQ.mjs.map
65
+ //# sourceMappingURL=app-graph-builder-IOOUTHV2.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/capabilities/app-graph-builder.ts"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Option, pipe } from 'effect';\n\nimport { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { ScriptType } from '@dxos/functions';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension } from '@dxos/plugin-graph';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginContext) =>\n contributes(Capabilities.AppGraphBuilder, [\n createExtension({\n id: `${meta.id}/execute`,\n connector: (node) =>\n Rx.make((get) =>\n pipe(\n get(node),\n Option.flatMap((node) => (Obj.instanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),\n Option.map((node) => [\n {\n id: [node.id, 'execute'].join(ATTENDABLE_PATH_SEPARATOR),\n type: PLANK_COMPANION_TYPE,\n data: 'execute',\n properties: {\n label: ['script test label', { ns: meta.id }],\n icon: 'ph--terminal--regular',\n disposition: 'hidden',\n },\n },\n ]),\n Option.getOrElse(() => []),\n ),\n ),\n }),\n createExtension({\n id: `${meta.id}/logs`,\n connector: (node) =>\n Rx.make((get) =>\n pipe(\n get(node),\n Option.flatMap((node) => (Obj.instanceOf(ScriptType, node.data) ? Option.some(node) : Option.none())),\n Option.map((node) => [\n {\n id: [node.id, 'logs'].join(ATTENDABLE_PATH_SEPARATOR),\n type: PLANK_COMPANION_TYPE,\n data: 'logs',\n properties: {\n label: ['script logs label', { ns: meta.id }],\n icon: 'ph--clock-countdown--regular',\n disposition: 'hidden',\n },\n },\n ]),\n Option.getOrElse(() => []),\n ),\n ),\n }),\n ]);\n"],
5
+ "mappings": ";;;;;;AAIA,SAASA,UAAU;AACnB,SAASC,QAAQC,YAAY;AAE7B,SAASC,cAAcC,mBAAuC;AAC9D,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAC3B,SAASC,sBAAsBC,iCAAiC;AAChE,SAASC,uBAAuB;AAIhC,IAAA,4BAAe,CAACC,YACdC,YAAYC,aAAaC,iBAAiB;EACxCC,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUO,IAAIC,WAAWC,YAAYT,MAAKU,IAAI,IAAIL,OAAOM,KAAKX,KAAAA,IAAQK,OAAOO,KAAI,CAAA,GACjGP,OAAOQ,IAAI,CAACb,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAWiB,KAAKC,yBAAAA;QAC9BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAItB,KAAKD;YAAG;;UAC3CwB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDjB,OAAOkB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;EACA3B,gBAAgB;IACdC,IAAI,GAAGC,KAAKD,EAAE;IACdE,WAAW,CAACC,SACVC,GAAGC,KAAK,CAACC,QACPC,KACED,IAAIH,IAAAA,GACJK,OAAOC,QAAQ,CAACN,UAAUO,IAAIC,WAAWC,YAAYT,MAAKU,IAAI,IAAIL,OAAOM,KAAKX,KAAAA,IAAQK,OAAOO,KAAI,CAAA,GACjGP,OAAOQ,IAAI,CAACb,UAAS;MACnB;QACEH,IAAI;UAACG,MAAKH;UAAI;UAAQiB,KAAKC,yBAAAA;QAC3BC,MAAMC;QACNP,MAAM;QACNQ,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAItB,KAAKD;YAAG;;UAC3CwB,MAAM;UACNC,aAAa;QACf;MACF;KACD,GACDjB,OAAOkB,UAAU,MAAM,CAAA,CAAE,CAAA,CAAA;EAGjC,CAAA;CACD;",
6
+ "names": ["Rx", "Option", "pipe", "Capabilities", "contributes", "Obj", "ScriptType", "PLANK_COMPANION_TYPE", "ATTENDABLE_PATH_SEPARATOR", "createExtension", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "connector", "node", "Rx", "make", "get", "pipe", "Option", "flatMap", "Obj", "instanceOf", "ScriptType", "data", "some", "none", "map", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition", "getOrElse"]
7
+ }
@@ -9,10 +9,10 @@ import { createTool, ToolResult } from "@dxos/ai";
9
9
  import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
10
10
  import { ArtifactId, defineArtifact } from "@dxos/artifact";
11
11
  import { createArtifactElement } from "@dxos/assistant";
12
+ import { Filter, Obj, Ref } from "@dxos/echo";
12
13
  import { ScriptType } from "@dxos/functions";
13
14
  import { invariant } from "@dxos/invariant";
14
15
  import { SpaceAction } from "@dxos/plugin-space/types";
15
- import { Filter, live, makeRef } from "@dxos/react-client/echo";
16
16
  import { DataType } from "@dxos/schema";
17
17
  var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/capabilities/artifact-definition.ts";
18
18
  var artifact_definition_default = () => {
@@ -148,7 +148,7 @@ var artifact_definition_default = () => {
148
148
  execute: async ({ name, code }, { extensions }) => {
149
149
  invariant(extensions?.space, "No space", {
150
150
  F: __dxlog_file,
151
- L: 155,
151
+ L: 156,
152
152
  S: void 0,
153
153
  A: [
154
154
  "extensions?.space",
@@ -157,16 +157,16 @@ var artifact_definition_default = () => {
157
157
  });
158
158
  invariant(extensions?.dispatch, "No intent dispatcher", {
159
159
  F: __dxlog_file,
160
- L: 156,
160
+ L: 157,
161
161
  S: void 0,
162
162
  A: [
163
163
  "extensions?.dispatch",
164
164
  "'No intent dispatcher'"
165
165
  ]
166
166
  });
167
- const script = live(ScriptType, {
167
+ const script = Obj.make(ScriptType, {
168
168
  name,
169
- source: makeRef(live(DataType.Text, {
169
+ source: Ref.make(Obj.make(DataType.Text, {
170
170
  content: code
171
171
  }))
172
172
  });
@@ -193,7 +193,7 @@ var artifact_definition_default = () => {
193
193
  execute: async ({ id }, { extensions }) => {
194
194
  invariant(extensions?.space, "No space", {
195
195
  F: __dxlog_file,
196
- L: 185,
196
+ L: 186,
197
197
  S: void 0,
198
198
  A: [
199
199
  "extensions?.space",
@@ -221,7 +221,7 @@ var artifact_definition_default = () => {
221
221
  execute: async ({ id, code }, { extensions }) => {
222
222
  invariant(extensions?.space, "No space", {
223
223
  F: __dxlog_file,
224
- L: 207,
224
+ L: 208,
225
225
  S: void 0,
226
226
  A: [
227
227
  "extensions?.space",
@@ -247,4 +247,4 @@ var artifact_definition_default = () => {
247
247
  export {
248
248
  artifact_definition_default as default
249
249
  };
250
- //# sourceMappingURL=artifact-definition-PPV2XKU7.mjs.map
250
+ //# sourceMappingURL=artifact-definition-4XRYAP54.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 { Filter, Obj, Ref } from '@dxos/echo';\nimport { ScriptType } from '@dxos/functions';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { 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 = Obj.make(ScriptType, {\n name,\n source: Ref.make(\n Obj.make(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", "Filter", "Obj", "Ref", "ScriptType", "invariant", "SpaceAction", "DataType", "definition", "defineArtifact", "id", "meta", "name", "instructions", "schema", "ScriptType", "tools", "createTool", "description", "caption", "Schema", "Struct", "String", "annotations", "code", "execute", "extensions", "invariant", "space", "dispatch", "script", "Obj", "make", "source", "Ref", "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,4 +1,8 @@
1
1
  import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
+ import {
3
+ useDeployState,
4
+ useToolbarState
5
+ } from "./chunk-T43WW6DG.mjs";
2
6
  import {
3
7
  SCRIPT_PLUGIN,
4
8
  meta
@@ -515,17 +519,40 @@ var RobotAvatar = () => {
515
519
  }
516
520
  };
517
521
 
522
+ // packages/plugins/plugin-script/src/components/TestPanel/TestContainer.tsx
523
+ import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
524
+ import React4 from "react";
525
+ import { StackItem } from "@dxos/react-ui-stack";
526
+ var TestContainer = ({ script, role }) => {
527
+ var _effect = _useSignals4();
528
+ try {
529
+ const state = useToolbarState();
530
+ useDeployState({
531
+ state,
532
+ script
533
+ });
534
+ return /* @__PURE__ */ React4.createElement(StackItem.Content, {
535
+ role
536
+ }, /* @__PURE__ */ React4.createElement(TestPanel, {
537
+ functionUrl: state.functionUrl
538
+ }));
539
+ } finally {
540
+ _effect.f();
541
+ }
542
+ };
543
+
518
544
  // packages/plugins/plugin-script/src/components/index.ts
519
545
  import { lazy } from "react";
520
- var ScriptContainer = lazy(() => import("./ScriptContainer-6RCZ43TI.mjs"));
521
- var DeploymentDialog = lazy(() => import("./DeploymentDialog-QHB2BGNJ.mjs"));
546
+ var ScriptContainer = lazy(() => import("./ScriptContainer-G35TAL5S.mjs"));
547
+ var DeploymentDialog = lazy(() => import("./DeploymentDialog-IA4CH6WZ.mjs"));
522
548
 
523
549
  export {
524
550
  ScriptObjectSettings,
525
551
  ScriptProperties,
526
552
  ScriptPluginSettings,
527
553
  TestPanel,
554
+ TestContainer,
528
555
  ScriptContainer,
529
556
  DeploymentDialog
530
557
  };
531
- //# sourceMappingURL=chunk-KOO76P2Y.mjs.map
558
+ //# sourceMappingURL=chunk-AOI67UC7.mjs.map