@dxos/plugin-script 0.7.5-staging.b81e783 → 0.8.0

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 (96) hide show
  1. package/dist/lib/browser/ScriptContainer-3RFMYKTV.mjs +258 -0
  2. package/dist/lib/browser/ScriptContainer-3RFMYKTV.mjs.map +7 -0
  3. package/dist/lib/browser/{artifact-definition-NAWYXFF5.mjs → artifact-definition-4LWPD3DH.mjs} +22 -14
  4. package/dist/lib/browser/artifact-definition-4LWPD3DH.mjs.map +7 -0
  5. package/dist/lib/browser/{ScriptContainer-GR7X5NSI.mjs → chunk-G2FYNDU4.mjs} +16 -254
  6. package/dist/lib/browser/chunk-G2FYNDU4.mjs.map +7 -0
  7. package/dist/lib/browser/{chunk-YJAKD6E3.mjs → chunk-PZPYF7M4.mjs} +2 -2
  8. package/dist/lib/browser/chunk-PZPYF7M4.mjs.map +7 -0
  9. package/dist/lib/browser/{chunk-7RUMC44X.mjs → chunk-VTWBVFBK.mjs} +2 -4
  10. package/dist/lib/browser/{chunk-7RUMC44X.mjs.map → chunk-VTWBVFBK.mjs.map} +3 -3
  11. package/dist/lib/browser/index.mjs +32 -16
  12. package/dist/lib/browser/index.mjs.map +3 -3
  13. package/dist/lib/browser/{intent-resolver-I6VDXUDH.mjs → intent-resolver-D6FPY5ZA.mjs} +2 -2
  14. package/dist/lib/browser/meta.json +1 -1
  15. package/dist/lib/browser/{react-surface-FGWXHB7P.mjs → react-surface-G4C2PZ2K.mjs} +23 -7
  16. package/dist/lib/browser/react-surface-G4C2PZ2K.mjs.map +7 -0
  17. package/dist/lib/node/ScriptContainer-G6FZU4AM.cjs +274 -0
  18. package/dist/lib/node/ScriptContainer-G6FZU4AM.cjs.map +7 -0
  19. package/dist/lib/node/{artifact-definition-7AANUS3X.cjs → artifact-definition-BXQCFPAH.cjs} +22 -17
  20. package/dist/lib/node/artifact-definition-BXQCFPAH.cjs.map +7 -0
  21. package/dist/lib/node/{chunk-7XULMIYT.cjs → chunk-ITAJ3WRW.cjs} +5 -5
  22. package/dist/lib/node/chunk-ITAJ3WRW.cjs.map +7 -0
  23. package/dist/lib/node/{chunk-JITODKGN.cjs → chunk-TOXBGIEI.cjs} +5 -8
  24. package/dist/lib/node/{chunk-JITODKGN.cjs.map → chunk-TOXBGIEI.cjs.map} +3 -3
  25. package/dist/lib/node/{ScriptContainer-SLARXOSU.cjs → chunk-XKYJYY3T.cjs} +59 -280
  26. package/dist/lib/node/chunk-XKYJYY3T.cjs.map +7 -0
  27. package/dist/lib/node/index.cjs +32 -17
  28. package/dist/lib/node/index.cjs.map +3 -3
  29. package/dist/lib/node/{intent-resolver-MYATX7IR.cjs → intent-resolver-NYJFPD5B.cjs} +6 -6
  30. package/dist/lib/node/meta.json +1 -1
  31. package/dist/lib/node/{react-surface-2GH5HQX4.cjs → react-surface-EGSE3FMN.cjs} +24 -12
  32. package/dist/lib/node/react-surface-EGSE3FMN.cjs.map +7 -0
  33. package/dist/lib/node-esm/ScriptContainer-7FTCFIF3.mjs +259 -0
  34. package/dist/lib/node-esm/ScriptContainer-7FTCFIF3.mjs.map +7 -0
  35. package/dist/lib/node-esm/{artifact-definition-KBASPVMM.mjs → artifact-definition-KT4DK2LQ.mjs} +21 -14
  36. package/dist/lib/node-esm/artifact-definition-KT4DK2LQ.mjs.map +7 -0
  37. package/dist/lib/node-esm/{ScriptContainer-MHRJXMC4.mjs → chunk-NRICF4KE.mjs} +16 -254
  38. package/dist/lib/node-esm/chunk-NRICF4KE.mjs.map +7 -0
  39. package/dist/lib/node-esm/{chunk-IAELQPSI.mjs → chunk-S64WSJQK.mjs} +2 -4
  40. package/dist/lib/node-esm/{chunk-IAELQPSI.mjs.map → chunk-S64WSJQK.mjs.map} +3 -3
  41. package/dist/lib/node-esm/{chunk-6CHX4CEL.mjs → chunk-YIWRJ25J.mjs} +2 -2
  42. package/dist/lib/node-esm/chunk-YIWRJ25J.mjs.map +7 -0
  43. package/dist/lib/node-esm/index.mjs +32 -16
  44. package/dist/lib/node-esm/index.mjs.map +3 -3
  45. package/dist/lib/node-esm/{intent-resolver-PBDTYC4P.mjs → intent-resolver-KLBHSMW4.mjs} +2 -2
  46. package/dist/lib/node-esm/meta.json +1 -1
  47. package/dist/lib/node-esm/{react-surface-MLE3J3TF.mjs → react-surface-7YSGHZQM.mjs} +23 -7
  48. package/dist/lib/node-esm/react-surface-7YSGHZQM.mjs.map +7 -0
  49. package/dist/types/src/ScriptPlugin.d.ts.map +1 -1
  50. package/dist/types/src/capabilities/artifact-definition.d.ts.map +1 -1
  51. package/dist/types/src/capabilities/index.d.ts +1 -1
  52. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  53. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  54. package/dist/types/src/components/index.d.ts +1 -1
  55. package/dist/types/src/components/index.d.ts.map +1 -1
  56. package/dist/types/src/hooks/template.d.ts +1 -1
  57. package/dist/types/src/hooks/view.d.ts +1 -1
  58. package/dist/types/src/hooks/view.d.ts.map +1 -1
  59. package/dist/types/src/translations.d.ts +3 -0
  60. package/dist/types/src/translations.d.ts.map +1 -1
  61. package/dist/types/src/types.d.ts +1 -1
  62. package/package.json +42 -41
  63. package/src/ScriptPlugin.tsx +16 -7
  64. package/src/capabilities/artifact-definition.ts +14 -9
  65. package/src/capabilities/react-surface.tsx +9 -3
  66. package/src/components/index.ts +1 -1
  67. package/src/hooks/view.ts +4 -1
  68. package/src/templates/chat.ts +4 -4
  69. package/src/translations.ts +3 -0
  70. package/dist/lib/browser/AutomationPanel-6HFRNRWV.mjs +0 -78
  71. package/dist/lib/browser/AutomationPanel-6HFRNRWV.mjs.map +0 -7
  72. package/dist/lib/browser/ScriptContainer-GR7X5NSI.mjs.map +0 -7
  73. package/dist/lib/browser/artifact-definition-NAWYXFF5.mjs.map +0 -7
  74. package/dist/lib/browser/chunk-YJAKD6E3.mjs.map +0 -7
  75. package/dist/lib/browser/react-surface-FGWXHB7P.mjs.map +0 -7
  76. package/dist/lib/node/AutomationPanel-RBQ4DODN.cjs +0 -104
  77. package/dist/lib/node/AutomationPanel-RBQ4DODN.cjs.map +0 -7
  78. package/dist/lib/node/ScriptContainer-SLARXOSU.cjs.map +0 -7
  79. package/dist/lib/node/artifact-definition-7AANUS3X.cjs.map +0 -7
  80. package/dist/lib/node/chunk-7XULMIYT.cjs.map +0 -7
  81. package/dist/lib/node/react-surface-2GH5HQX4.cjs.map +0 -7
  82. package/dist/lib/node-esm/AutomationPanel-WTVVVMRH.mjs +0 -79
  83. package/dist/lib/node-esm/AutomationPanel-WTVVVMRH.mjs.map +0 -7
  84. package/dist/lib/node-esm/ScriptContainer-MHRJXMC4.mjs.map +0 -7
  85. package/dist/lib/node-esm/artifact-definition-KBASPVMM.mjs.map +0 -7
  86. package/dist/lib/node-esm/chunk-6CHX4CEL.mjs.map +0 -7
  87. package/dist/lib/node-esm/react-surface-MLE3J3TF.mjs.map +0 -7
  88. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts +0 -16
  89. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts.map +0 -1
  90. package/dist/types/src/components/AutomationPanel/index.d.ts +0 -4
  91. package/dist/types/src/components/AutomationPanel/index.d.ts.map +0 -1
  92. package/src/components/AutomationPanel/AutomationPanel.tsx +0 -104
  93. package/src/components/AutomationPanel/index.ts +0 -9
  94. /package/dist/lib/browser/{intent-resolver-I6VDXUDH.mjs.map → intent-resolver-D6FPY5ZA.mjs.map} +0 -0
  95. /package/dist/lib/node/{intent-resolver-MYATX7IR.cjs.map → intent-resolver-NYJFPD5B.cjs.map} +0 -0
  96. /package/dist/lib/node-esm/{intent-resolver-PBDTYC4P.mjs.map → intent-resolver-KLBHSMW4.mjs.map} +0 -0
@@ -26,13 +26,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
26
26
  mod
27
27
  ));
28
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var react_surface_2GH5HQX4_exports = {};
30
- __export(react_surface_2GH5HQX4_exports, {
29
+ var react_surface_EGSE3FMN_exports = {};
30
+ __export(react_surface_EGSE3FMN_exports, {
31
31
  default: () => react_surface_default
32
32
  });
33
- module.exports = __toCommonJS(react_surface_2GH5HQX4_exports);
34
- var import_chunk_JITODKGN = require("./chunk-JITODKGN.cjs");
33
+ module.exports = __toCommonJS(react_surface_EGSE3FMN_exports);
34
+ var import_chunk_TOXBGIEI = require("./chunk-TOXBGIEI.cjs");
35
35
  var import_chunk_ALY3N6PW = require("./chunk-ALY3N6PW.cjs");
36
+ var import_chunk_XKYJYY3T = require("./chunk-XKYJYY3T.cjs");
37
+ var import_chunk_K3ZZWVXS = require("./chunk-K3ZZWVXS.cjs");
38
+ var import_chunk_ITAJ3WRW = require("./chunk-ITAJ3WRW.cjs");
36
39
  var import_chunk_5UH3F7TA = require("./chunk-5UH3F7TA.cjs");
37
40
  var import_react = __toESM(require("react"));
38
41
  var import_app_framework = require("@dxos/app-framework");
@@ -44,7 +47,7 @@ var react_surface_default = () => (0, import_app_framework.contributes)(import_a
44
47
  id: `${import_chunk_5UH3F7TA.SCRIPT_PLUGIN}/settings`,
45
48
  role: "article",
46
49
  filter: (data) => data.subject instanceof import_local_storage.SettingsStore && data.subject.prefix === import_chunk_5UH3F7TA.SCRIPT_PLUGIN,
47
- component: ({ data: { subject } }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_JITODKGN.ScriptSettings, {
50
+ component: ({ data: { subject } }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_TOXBGIEI.ScriptSettings, {
48
51
  settings: subject.value
49
52
  })
50
53
  }),
@@ -55,7 +58,7 @@ var react_surface_default = () => (0, import_app_framework.contributes)(import_a
55
58
  component: ({ data, role }) => {
56
59
  const compiler = (0, import_app_framework.useCapability)(import_chunk_ALY3N6PW.ScriptCapabilities.Compiler);
57
60
  const settings = (0, import_app_framework.useCapability)(import_app_framework.Capabilities.SettingsStore).getStore(import_chunk_5UH3F7TA.SCRIPT_PLUGIN)?.value;
58
- return /* @__PURE__ */ import_react.default.createElement(import_chunk_JITODKGN.ScriptContainer, {
61
+ return /* @__PURE__ */ import_react.default.createElement(import_chunk_TOXBGIEI.ScriptContainer, {
59
62
  role,
60
63
  script: data.subject,
61
64
  settings,
@@ -65,20 +68,29 @@ var react_surface_default = () => (0, import_app_framework.contributes)(import_a
65
68
  }),
66
69
  (0, import_app_framework.createSurface)({
67
70
  id: `${import_chunk_5UH3F7TA.SCRIPT_PLUGIN}/automation`,
68
- role: "complementary--automation",
71
+ role: "complementary--function",
69
72
  position: "hoist",
70
73
  filter: (data) => data.subject instanceof import_functions.ScriptType,
71
- component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_chunk_JITODKGN.AutomationPanel, {
72
- subject: data.subject
73
- })
74
+ component: ({ data }) => {
75
+ const state = (0, import_chunk_XKYJYY3T.useToolbarState)({
76
+ view: "editor"
77
+ });
78
+ (0, import_chunk_XKYJYY3T.useDeployState)({
79
+ state,
80
+ script: data.subject
81
+ });
82
+ return /* @__PURE__ */ import_react.default.createElement(import_chunk_K3ZZWVXS.DebugPanel, {
83
+ functionUrl: state.functionUrl
84
+ });
85
+ }
74
86
  }),
75
87
  (0, import_app_framework.createSurface)({
76
88
  id: `${import_chunk_5UH3F7TA.SCRIPT_PLUGIN}/settings-panel`,
77
89
  role: "complementary--settings",
78
90
  filter: (data) => data.subject instanceof import_functions.ScriptType,
79
- component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_react_ui.Clipboard.Provider, null, /* @__PURE__ */ import_react.default.createElement(import_chunk_JITODKGN.ScriptSettingsPanel, {
91
+ component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(import_react_ui.Clipboard.Provider, null, /* @__PURE__ */ import_react.default.createElement(import_chunk_TOXBGIEI.ScriptSettingsPanel, {
80
92
  script: data.subject
81
93
  }))
82
94
  })
83
95
  ]);
84
- //# sourceMappingURL=react-surface-2GH5HQX4.cjs.map
96
+ //# sourceMappingURL=react-surface-EGSE3FMN.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/capabilities/react-surface.tsx"],
4
+ "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface, useCapability } from '@dxos/app-framework';\nimport { ScriptType } from '@dxos/functions';\nimport { SettingsStore } from '@dxos/local-storage';\nimport { Clipboard } from '@dxos/react-ui';\n\nimport { ScriptCapabilities } from './capabilities';\nimport { DebugPanel, ScriptSettings, ScriptContainer, ScriptSettingsPanel } from '../components';\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { type ScriptSettingsProps } from '../types';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: `${SCRIPT_PLUGIN}/settings`,\n role: 'article',\n filter: (data): data is { subject: SettingsStore<ScriptSettingsProps> } =>\n data.subject instanceof SettingsStore && data.subject.prefix === SCRIPT_PLUGIN,\n component: ({ data: { subject } }) => <ScriptSettings settings={subject.value} />,\n }),\n createSurface({\n id: `${SCRIPT_PLUGIN}/article`,\n role: 'article',\n filter: (data): data is { subject: ScriptType } => data.subject instanceof ScriptType,\n component: ({ data, role }) => {\n const compiler = useCapability(ScriptCapabilities.Compiler);\n // TODO(dmaretskyi): Since settings store is not reactive, this would break on the script plugin being enabled without a page reload.\n const settings = useCapability(Capabilities.SettingsStore).getStore<ScriptSettingsProps>(SCRIPT_PLUGIN)?.value;\n return <ScriptContainer role={role} script={data.subject} settings={settings} env={compiler.environment} />;\n },\n }),\n createSurface({\n id: `${SCRIPT_PLUGIN}/automation`,\n role: 'complementary--function',\n position: 'hoist',\n filter: (data): data is { subject: ScriptType } => data.subject instanceof ScriptType,\n component: ({ data }) => {\n // TODO(wittjosiah): Decouple hooks from toolbar state.\n const state = useToolbarState({ view: 'editor' });\n useDeployState({ state, script: data.subject });\n return <DebugPanel functionUrl={state.functionUrl} />;\n },\n }),\n createSurface({\n id: `${SCRIPT_PLUGIN}/settings-panel`,\n role: 'complementary--settings',\n filter: (data): data is { subject: ScriptType } => data.subject instanceof ScriptType,\n component: ({ data }) => (\n <Clipboard.Provider>\n <ScriptSettingsPanel script={data.subject} />\n </Clipboard.Provider>\n ),\n }),\n ]);\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAkB;AAElB,2BAAwE;AACxE,uBAA2B;AAC3B,2BAA8B;AAC9B,sBAA0B;AAQ1B,IAAA,wBAAe,UACbA,kCAAYC,kCAAaC,cAAc;MACrCC,oCAAc;IACZC,IAAI,GAAGC,mCAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SACPA,KAAKC,mBAAmBC,sCAAiBF,KAAKC,QAAQE,WAAWN;IACnEO,WAAW,CAAC,EAAEJ,MAAM,EAAEC,QAAO,EAAE,MAAO,6BAAAI,QAAA,cAACC,sCAAAA;MAAeC,UAAUN,QAAQO;;EAC1E,CAAA;MACAb,oCAAc;IACZC,IAAI,GAAGC,mCAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SAA0CA,KAAKC,mBAAmBQ;IAC3EL,WAAW,CAAC,EAAEJ,MAAMF,KAAI,MAAE;AACxB,YAAMY,eAAWC,oCAAcC,yCAAmBC,QAAQ;AAE1D,YAAMN,eAAWI,oCAAclB,kCAAaS,aAAa,EAAEY,SAA8BjB,mCAAAA,GAAgBW;AACzG,aAAO,6BAAAH,QAAA,cAACU,uCAAAA;QAAgBjB;QAAYkB,QAAQhB,KAAKC;QAASM;QAAoBU,KAAKP,SAASQ;;IAC9F;EACF,CAAA;MACAvB,oCAAc;IACZC,IAAI,GAAGC,mCAAAA;IACPC,MAAM;IACNqB,UAAU;IACVpB,QAAQ,CAACC,SAA0CA,KAAKC,mBAAmBQ;IAC3EL,WAAW,CAAC,EAAEJ,KAAI,MAAE;AAElB,YAAMoB,YAAQC,uCAAgB;QAAEC,MAAM;MAAS,CAAA;AAC/CC,gDAAe;QAAEH;QAAOJ,QAAQhB,KAAKC;MAAQ,CAAA;AAC7C,aAAO,6BAAAI,QAAA,cAACmB,kCAAAA;QAAWC,aAAaL,MAAMK;;IACxC;EACF,CAAA;MACA9B,oCAAc;IACZC,IAAI,GAAGC,mCAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SAA0CA,KAAKC,mBAAmBQ;IAC3EL,WAAW,CAAC,EAAEJ,KAAI,MAChB,6BAAAK,QAAA,cAACqB,0BAAUC,UAAQ,MACjB,6BAAAtB,QAAA,cAACuB,2CAAAA;MAAoBZ,QAAQhB,KAAKC;;EAGxC,CAAA;CACD;",
6
+ "names": ["contributes", "Capabilities", "ReactSurface", "createSurface", "id", "SCRIPT_PLUGIN", "role", "filter", "data", "subject", "SettingsStore", "prefix", "component", "React", "ScriptSettings", "settings", "value", "ScriptType", "compiler", "useCapability", "ScriptCapabilities", "Compiler", "getStore", "ScriptContainer", "script", "env", "environment", "position", "state", "useToolbarState", "view", "useDeployState", "DebugPanel", "functionUrl", "Clipboard", "Provider", "ScriptSettingsPanel"]
7
+ }
@@ -0,0 +1,259 @@
1
+ import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
+ import {
3
+ createDeploy,
4
+ createFormat,
5
+ createTemplateSelect,
6
+ createView,
7
+ useDeployState,
8
+ useToolbarAction,
9
+ useToolbarState
10
+ } from "./chunk-NRICF4KE.mjs";
11
+ import {
12
+ DebugPanel
13
+ } from "./chunk-2AFXX34U.mjs";
14
+ import "./chunk-YIWRJ25J.mjs";
15
+ import "./chunk-P2V2Y5LV.mjs";
16
+
17
+ // packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
18
+ import React3, { useMemo } 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/experimental/plugin-script/src/components/ScriptToolbar/ScriptToolbar.tsx
26
+ import React, { useCallback } from "react";
27
+ import { fullyQualifiedId } from "@dxos/react-client/echo";
28
+ import { ElevationProvider } from "@dxos/react-ui";
29
+ import { stackItemContentToolbarClassNames } from "@dxos/react-ui-editor";
30
+ import { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from "@dxos/react-ui-menu";
31
+ var createToolbar = (state) => {
32
+ const templateSelect = createTemplateSelect();
33
+ const format = createFormat();
34
+ const gap = createGapSeparator();
35
+ const deploy = createDeploy(state);
36
+ const view = createView(state);
37
+ return {
38
+ nodes: [
39
+ ...templateSelect.nodes,
40
+ ...format.nodes,
41
+ ...gap.nodes,
42
+ ...deploy.nodes,
43
+ ...view.nodes
44
+ ],
45
+ edges: [
46
+ ...templateSelect.edges,
47
+ ...format.edges,
48
+ ...gap.edges,
49
+ ...deploy.edges,
50
+ ...view.edges
51
+ ]
52
+ };
53
+ };
54
+ var ScriptToolbar = ({ script, role, state, classNames }) => {
55
+ const handleAction = useToolbarAction({
56
+ state,
57
+ script
58
+ });
59
+ const toolbarCreator = useCallback(() => createToolbar(state), [
60
+ state
61
+ ]);
62
+ const menu = useMenuActions(toolbarCreator);
63
+ return /* @__PURE__ */ React.createElement("div", {
64
+ role: "none",
65
+ className: stackItemContentToolbarClassNames(role)
66
+ }, /* @__PURE__ */ React.createElement(ElevationProvider, {
67
+ elevation: role === "section" ? "positioned" : "base"
68
+ }, /* @__PURE__ */ React.createElement(MenuProvider, {
69
+ ...menu,
70
+ onAction: handleAction,
71
+ attendableId: fullyQualifiedId(script)
72
+ }, /* @__PURE__ */ React.createElement(ToolbarMenu, {
73
+ classNames
74
+ }))));
75
+ };
76
+
77
+ // packages/plugins/experimental/plugin-script/src/components/TypescriptEditor/TypescriptEditor.tsx
78
+ import { javascript } from "@codemirror/lang-javascript";
79
+ import { defaultHighlightStyle } from "@codemirror/language";
80
+ import { Prec } from "@codemirror/state";
81
+ import { oneDarkHighlightStyle } from "@codemirror/theme-one-dark";
82
+ import { keymap } from "@codemirror/view";
83
+ import { tags } from "@lezer/highlight";
84
+ import { continueKeymap } from "@valtown/codemirror-continue";
85
+ import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
86
+ import React2 from "react";
87
+ import { useThemeContext } from "@dxos/react-ui";
88
+ import { autocomplete, createBasicExtensions, createThemeExtensions, editorFullWidth, editorMonospace, EditorView, folding, InputModeExtensions, useTextEditor } from "@dxos/react-ui-editor";
89
+ import { isNonNullable } from "@dxos/util";
90
+ var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection, toolbar, inputMode = "vscode" }) => {
91
+ const { themeMode } = useThemeContext();
92
+ const { parentRef, focusAttributes } = useTextEditor(() => ({
93
+ id,
94
+ initialValue,
95
+ extensions: [
96
+ extensions,
97
+ createBasicExtensions({
98
+ highlightActiveLine: true,
99
+ indentWithTab: true,
100
+ lineNumbers: true,
101
+ lineWrapping: false,
102
+ scrollPastEnd: true
103
+ }),
104
+ createThemeExtensions({
105
+ themeMode,
106
+ syntaxHighlighting: true,
107
+ slots: {
108
+ content: {
109
+ className: editorFullWidth
110
+ }
111
+ }
112
+ }),
113
+ // NOTE: Not using default editor gutter because folding for code works best right beside text.
114
+ EditorView.theme({
115
+ ".cm-gutters": {
116
+ // Match margin from content.
117
+ marginTop: "16px"
118
+ }
119
+ }),
120
+ InputModeExtensions[inputMode],
121
+ folding(),
122
+ // Continues block comments when you hit Enter.
123
+ Prec.high(keymap.of(continueKeymap)),
124
+ // TODO(burdon): Factor out.
125
+ [
126
+ editorMonospace,
127
+ javascript({
128
+ typescript: true
129
+ }),
130
+ // https://github.com/val-town/codemirror-ts
131
+ autocomplete({
132
+ override: env ? [
133
+ tsAutocomplete()
134
+ ] : []
135
+ }),
136
+ env ? [
137
+ tsFacet.of({
138
+ env,
139
+ path: `/src/${id}.ts`
140
+ }),
141
+ tsSync(),
142
+ tsLinter(),
143
+ tsHover({
144
+ renderTooltip: createTooltipRenderer(themeMode)
145
+ })
146
+ ] : []
147
+ ]
148
+ ].filter(isNonNullable),
149
+ selection,
150
+ scrollTo
151
+ }), [
152
+ id,
153
+ extensions,
154
+ themeMode,
155
+ inputMode,
156
+ selection,
157
+ scrollTo
158
+ ]);
159
+ return /* @__PURE__ */ React2.createElement("div", {
160
+ ref: parentRef,
161
+ "data-toolbar": toolbar ? "enabled" : "disabled",
162
+ className,
163
+ ...focusAttributes
164
+ });
165
+ };
166
+ var createTooltipRenderer = (themeMode) => {
167
+ const theme = themeMode === "dark" ? oneDarkHighlightStyle : defaultHighlightStyle;
168
+ const classFromKind = (_kind) => {
169
+ const kind = _kind.endsWith("Name") ? "name" : _kind;
170
+ const validTag = kind in tags;
171
+ if (!validTag) {
172
+ return "";
173
+ }
174
+ const tag = tags[kind];
175
+ if (typeof tag === "function") {
176
+ return "";
177
+ }
178
+ return theme.style([
179
+ tag
180
+ ]) ?? "";
181
+ };
182
+ return (info) => {
183
+ const div = document.createElement("div");
184
+ div.className = "p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg";
185
+ if (info.quickInfo?.displayParts) {
186
+ for (const part of info.quickInfo.displayParts) {
187
+ const span = div.appendChild(document.createElement("span"));
188
+ span.className = classFromKind(part.kind);
189
+ span.innerText = part.text;
190
+ }
191
+ }
192
+ return {
193
+ dom: div
194
+ };
195
+ };
196
+ };
197
+
198
+ // packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
199
+ var ScriptContainer = ({ role, classNames, script, settings = {
200
+ editorInputMode: "vscode"
201
+ }, env }) => {
202
+ const identity = useIdentity();
203
+ const space = getSpace(script);
204
+ const extensions = useMemo(() => [
205
+ listener({
206
+ onChange: (text) => {
207
+ if (script.source.target && script.source.target.content !== text) {
208
+ script.changed = true;
209
+ }
210
+ }
211
+ }),
212
+ createDataExtensions({
213
+ id: script.id,
214
+ text: script.source.target && createDocAccessor(script.source.target, [
215
+ "content"
216
+ ]),
217
+ space,
218
+ identity
219
+ })
220
+ ], [
221
+ script,
222
+ script.source.target,
223
+ space,
224
+ identity
225
+ ]);
226
+ const state = useToolbarState({
227
+ view: "editor"
228
+ });
229
+ useDeployState({
230
+ state,
231
+ script
232
+ });
233
+ return /* @__PURE__ */ React3.createElement(StackItem.Content, {
234
+ toolbar: true
235
+ }, /* @__PURE__ */ React3.createElement(ScriptToolbar, {
236
+ state,
237
+ role,
238
+ script
239
+ }), /* @__PURE__ */ React3.createElement("div", {
240
+ role: "none",
241
+ className: mx("flex flex-col w-full overflow-hidden divide-y divide-separator", classNames)
242
+ }, state.view !== "debug" && /* @__PURE__ */ React3.createElement(TypescriptEditor, {
243
+ id: script.id,
244
+ env,
245
+ initialValue: script.source?.target?.content,
246
+ extensions,
247
+ className: stackItemContentEditorClassNames(role),
248
+ inputMode: settings.editorInputMode,
249
+ toolbar: true
250
+ }), state.view !== "editor" && /* @__PURE__ */ React3.createElement(DebugPanel, {
251
+ functionUrl: state.functionUrl
252
+ })));
253
+ };
254
+ var ScriptContainer_default = ScriptContainer;
255
+ export {
256
+ ScriptContainer,
257
+ ScriptContainer_default as default
258
+ };
259
+ //# sourceMappingURL=ScriptContainer-7FTCFIF3.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 { DebugPanel } from './DebugPanel';\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<{\n script: ScriptType;\n settings?: ScriptSettingsProps;\n role?: string;\n}> &\n Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptContainer = ({\n role,\n classNames,\n script,\n settings = { editorInputMode: 'vscode' },\n env,\n}: ScriptEditorProps) => {\n const identity = useIdentity();\n const space = getSpace(script);\n\n const extensions = useMemo(\n () => [\n listener({\n onChange: (text) => {\n if (script.source.target && script.source.target.content !== text) {\n script.changed = true;\n }\n },\n }),\n createDataExtensions({\n id: script.id,\n text: script.source.target && createDocAccessor(script.source.target, ['content']),\n space,\n identity,\n }),\n ],\n [script, script.source.target, space, identity],\n );\n\n const state = useToolbarState({ view: 'editor' });\n useDeployState({ state, script });\n\n return (\n <StackItem.Content toolbar>\n <ScriptToolbar state={state} role={role} script={script} />\n <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>\n {state.view !== 'debug' && (\n <TypescriptEditor\n id={script.id}\n env={env}\n initialValue={script.source?.target?.content}\n extensions={extensions}\n className={stackItemContentEditorClassNames(role)}\n inputMode={settings.editorInputMode}\n toolbar\n />\n )}\n\n {state.view !== 'editor' && <DebugPanel functionUrl={state.functionUrl} />}\n </div>\n </StackItem.Content>\n );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, type ThemedClassName } from '@dxos/react-ui';\nimport { stackItemContentToolbarClassNames } from '@dxos/react-ui-editor';\nimport { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from '@dxos/react-ui-menu';\n\nimport {\n type ScriptToolbarState,\n createDeploy,\n createFormat,\n createTemplateSelect,\n createView,\n useToolbarAction,\n} from '../../hooks';\n\nexport type ScriptToolbarProps = ThemedClassName<{\n role?: string;\n script: ScriptType;\n state: ScriptToolbarState;\n}>;\n\nconst createToolbar = (state: ScriptToolbarState) => {\n const templateSelect = createTemplateSelect();\n const format = createFormat();\n const gap = createGapSeparator();\n const deploy = createDeploy(state);\n const view = createView(state);\n return {\n nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes, ...view.nodes],\n edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges, ...view.edges],\n };\n};\n\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n const handleAction = useToolbarAction({ state, script });\n const toolbarCreator = useCallback(() => createToolbar(state), [state]);\n const menu = useMenuActions(toolbarCreator);\n return (\n <div role='none' className={stackItemContentToolbarClassNames(role)}>\n <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n <MenuProvider {...menu} onAction={handleAction} attendableId={fullyQualifiedId(script)}>\n <ToolbarMenu classNames={classNames} />\n </MenuProvider>\n </ElevationProvider>\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\nimport { Prec } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover, type HoverInfo } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n editorFullWidth,\n type EditorInputMode,\n editorMonospace,\n EditorView,\n folding,\n InputModeExtensions,\n useTextEditor,\n type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n id: string;\n inputMode?: EditorInputMode;\n env?: VirtualTypeScriptEnvironment;\n toolbar?: boolean;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n id,\n env,\n className,\n initialValue,\n extensions,\n scrollTo,\n selection,\n toolbar,\n inputMode = 'vscode',\n}: TypescriptEditorProps) => {\n const { themeMode } = useThemeContext();\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n id,\n initialValue,\n extensions: [\n extensions,\n createBasicExtensions({\n highlightActiveLine: true,\n indentWithTab: true,\n lineNumbers: true,\n lineWrapping: false,\n scrollPastEnd: true,\n }),\n createThemeExtensions({\n themeMode,\n syntaxHighlighting: true,\n slots: {\n content: { className: editorFullWidth },\n },\n }),\n // NOTE: Not using default editor gutter because folding for code works best right beside text.\n EditorView.theme({\n '.cm-gutters': {\n // Match margin from content.\n marginTop: '16px',\n },\n }),\n InputModeExtensions[inputMode],\n folding(),\n // Continues block comments when you hit Enter.\n Prec.high(keymap.of(continueKeymap)),\n // TODO(burdon): Factor out.\n [\n editorMonospace,\n javascript({ typescript: true }),\n // https://github.com/val-town/codemirror-ts\n autocomplete({ override: env ? [tsAutocomplete()] : [] }),\n env\n ? [\n tsFacet.of({ env, path: `/src/${id}.ts` }),\n tsSync(),\n tsLinter(),\n tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n ]\n : [],\n ],\n ].filter(isNonNullable),\n selection,\n scrollTo,\n }),\n [id, extensions, themeMode, inputMode, selection, scrollTo],\n );\n\n return (\n <div ref={parentRef} data-toolbar={toolbar ? 'enabled' : 'disabled'} className={className} {...focusAttributes} />\n );\n};\n\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n const theme = themeMode === 'dark' ? oneDarkHighlightStyle : defaultHighlightStyle;\n\n const classFromKind = (_kind: string) => {\n // E.g., localName, methodName, parameterName, etc.\n const kind = _kind.endsWith('Name') ? 'name' : _kind;\n const validTag = kind in tags;\n if (!validTag) {\n return '';\n }\n\n const tag = tags[kind as keyof typeof tags];\n if (typeof tag === 'function') {\n return '';\n }\n\n return theme.style([tag]) ?? '';\n };\n\n return (info: HoverInfo) => {\n const div = document.createElement('div');\n div.className = 'p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg';\n\n if (info.quickInfo?.displayParts) {\n for (const part of info.quickInfo.displayParts) {\n const span = div.appendChild(document.createElement('span'));\n span.className = classFromKind(part.kind);\n span.innerText = part.text;\n }\n }\n\n return { dom: div };\n };\n};\n\nexport default TypescriptEditor;\n"],
5
+ "mappings": "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",
6
+ "names": ["React", "useMemo", "createDocAccessor", "getSpace", "useIdentity", "createDataExtensions", "listener", "stackItemContentEditorClassNames", "StackItem", "mx", "React", "useCallback", "fullyQualifiedId", "ElevationProvider", "stackItemContentToolbarClassNames", "createGapSeparator", "MenuProvider", "ToolbarMenu", "useMenuActions", "createToolbar", "state", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "view", "createView", "nodes", "edges", "ScriptToolbar", "script", "role", "classNames", "handleAction", "useToolbarAction", "toolbarCreator", "useCallback", "menu", "useMenuActions", "div", "className", "stackItemContentToolbarClassNames", "ElevationProvider", "elevation", "MenuProvider", "onAction", "attendableId", "fullyQualifiedId", "ToolbarMenu", "javascript", "defaultHighlightStyle", "Prec", "oneDarkHighlightStyle", "keymap", "tags", "continueKeymap", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorMonospace", "EditorView", "folding", "InputModeExtensions", "useTextEditor", "isNonNullable", "TypescriptEditor", "id", "env", "className", "initialValue", "extensions", "scrollTo", "selection", "toolbar", "inputMode", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "EditorView", "theme", "marginTop", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "React", "div", "ref", "data-toolbar", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "role", "classNames", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "extensions", "useMemo", "listener", "onChange", "text", "source", "target", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "state", "useToolbarState", "view", "useDeployState", "React", "StackItem", "Content", "toolbar", "ScriptToolbar", "div", "className", "mx", "TypescriptEditor", "initialValue", "stackItemContentEditorClassNames", "inputMode", "DebugPanel", "functionUrl"]
7
+ }
@@ -1,4 +1,7 @@
1
1
  import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
+ import {
3
+ meta
4
+ } from "./chunk-P2V2Y5LV.mjs";
2
5
 
3
6
  // packages/plugins/experimental/plugin-script/src/capabilities/artifact-definition.ts
4
7
  import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
@@ -13,10 +16,11 @@ import { TextType } from "@dxos/schema";
13
16
  var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/capabilities/artifact-definition.ts";
14
17
  var artifact_definition_default = () => {
15
18
  const definition = defineArtifact({
16
- id: "plugin-script",
19
+ id: meta.id,
20
+ name: meta.name,
17
21
  // TODO(dmaretskyi): Since writing scripts requires a lot of domain knowledge,
18
- // we should offload the work of synthesizing the code to a separate model.
19
- // The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.
22
+ // we should offload the work of synthesizing the code to a separate model.
23
+ // The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.
20
24
  instructions: `
21
25
  If the user explicitly requests you to write a script, you can create one.
22
26
  If the user requests you to change one of the existing script, you can update it.
@@ -127,9 +131,10 @@ var artifact_definition_default = () => {
127
131
  `,
128
132
  schema: ScriptType,
129
133
  tools: [
130
- defineTool({
131
- name: "script_new",
134
+ defineTool(meta.id, {
135
+ name: "create",
132
136
  description: "Create a new script. Returns the artifact definition for the script",
137
+ caption: "Creating script...",
133
138
  schema: S.Struct({
134
139
  name: S.String.annotations({
135
140
  description: "The name of the script"
@@ -141,7 +146,7 @@ var artifact_definition_default = () => {
141
146
  execute: async ({ name, code }, { extensions }) => {
142
147
  invariant(extensions?.space, "No space", {
143
148
  F: __dxlog_file,
144
- L: 149,
149
+ L: 152,
145
150
  S: void 0,
146
151
  A: [
147
152
  "extensions?.space",
@@ -150,7 +155,7 @@ var artifact_definition_default = () => {
150
155
  });
151
156
  invariant(extensions?.dispatch, "No intent dispatcher", {
152
157
  F: __dxlog_file,
153
- L: 150,
158
+ L: 153,
154
159
  S: void 0,
155
160
  A: [
156
161
  "extensions?.dispatch",
@@ -176,16 +181,17 @@ var artifact_definition_default = () => {
176
181
  return ToolResult.Success(createArtifactElement(script.id));
177
182
  }
178
183
  }),
179
- defineTool({
180
- name: "script_inspect",
184
+ defineTool(meta.id, {
185
+ name: "inspect",
181
186
  description: "Inspect a script. Returns the artifact definition for the script",
187
+ caption: "Inspecting script...",
182
188
  schema: S.Struct({
183
189
  id: ObjectId
184
190
  }),
185
191
  execute: async ({ id }, { extensions }) => {
186
192
  invariant(extensions?.space, "No space", {
187
193
  F: __dxlog_file,
188
- L: 178,
194
+ L: 182,
189
195
  S: void 0,
190
196
  A: [
191
197
  "extensions?.space",
@@ -202,9 +208,10 @@ var artifact_definition_default = () => {
202
208
  });
203
209
  }
204
210
  }),
205
- defineTool({
206
- name: "script_update",
211
+ defineTool(meta.id, {
212
+ name: "update",
207
213
  description: "Update a script. Returns the artifact definition for the script",
214
+ caption: "Updating script...",
208
215
  schema: S.Struct({
209
216
  id: ObjectId,
210
217
  code: S.String.annotations({
@@ -214,7 +221,7 @@ var artifact_definition_default = () => {
214
221
  execute: async ({ id, code }, { extensions }) => {
215
222
  invariant(extensions?.space, "No space", {
216
223
  F: __dxlog_file,
217
- L: 199,
224
+ L: 204,
218
225
  S: void 0,
219
226
  A: [
220
227
  "extensions?.space",
@@ -242,4 +249,4 @@ var artifact_definition_default = () => {
242
249
  export {
243
250
  artifact_definition_default as default
244
251
  };
245
- //# sourceMappingURL=artifact-definition-KBASPVMM.mjs.map
252
+ //# sourceMappingURL=artifact-definition-KT4DK2LQ.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 { Capabilities, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';\nimport { defineArtifact, defineTool, ToolResult } from '@dxos/artifact';\nimport { createArtifactElement } from '@dxos/assistant';\nimport { ObjectId, S } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { create, makeRef, type Space } from '@dxos/react-client/echo';\nimport { TextType } 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: 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 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: S.Schema, \n outputSchema: S.Schema, \n handler: (params: { event: { data: TInput } }) => Promise<TOutput> \n }): FunctionDefinition\n /**\n * Effect Schema\n */\n export const S; \n\n // Examples: \n\n S.String\n S.Number\n S.Boolean\n S.Struct({\n from: S.String.annotations({ description: 'The source currency' }),\n to: S.String.annotations({ description: 'The target currency' }),\n })\n S.Array(S.String)\n S.Union(S.String, S.Number)\n S.optional(S.String)\n S.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: S.Struct({\n from: S.String.annotations({ description: 'The source currency' }),\n to: S.String.annotations({ description: 'The target currency' }),\n }),\n\n outputSchema: S.Struct({\n rate: S.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 defineTool(meta.id, {\n name: 'create',\n description: 'Create a new script. Returns the artifact definition for the script',\n caption: 'Creating script...',\n schema: S.Struct({\n name: S.String.annotations({ description: 'The name of the script' }),\n code: S.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 = create(ScriptType, {\n name,\n source: makeRef(\n create(TextType, {\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 defineTool(meta.id, {\n name: 'inspect',\n description: 'Inspect a script. Returns the artifact definition for the script',\n caption: 'Inspecting script...',\n schema: S.Struct({\n id: ObjectId,\n }),\n execute: async ({ id }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n\n const script = (await extensions.space.db.query({ 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 defineTool(meta.id, {\n name: 'update',\n description: 'Update a script. Returns the artifact definition for the script',\n caption: 'Updating script...',\n schema: S.Struct({\n id: ObjectId,\n code: S.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({ 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": ["Capabilities", "contributes", "createIntent", "defineArtifact", "defineTool", "ToolResult", "createArtifactElement", "ObjectId", "S", "ScriptType", "invariant", "SpaceAction", "create", "makeRef", "TextType", "definition", "defineArtifact", "id", "meta", "name", "instructions", "schema", "ScriptType", "tools", "defineTool", "description", "caption", "S", "Struct", "String", "annotations", "code", "execute", "extensions", "invariant", "space", "dispatch", "script", "create", "source", "makeRef", "TextType", "content", "db", "add", "flush", "intent", "createIntent", "SpaceAction", "AddObject", "target", "object", "data", "error", "ToolResult", "Error", "message", "Success", "createArtifactElement", "ObjectId", "query", "first", "load", "contributes", "Capabilities", "ArtifactDefinition"]
7
+ }