@dxos/plugin-script 0.6.13-main.ed424a1 → 0.6.13-staging.1e988a3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (182) hide show
  1. package/README.md +1 -1
  2. package/dist/lib/browser/{ScriptContainer-M4MDQTBU.mjs → ScriptEditor-5Y3EROG3.mjs} +106 -258
  3. package/dist/lib/browser/ScriptEditor-5Y3EROG3.mjs.map +7 -0
  4. package/dist/lib/browser/TypescriptEditor-GPE72Y6I.mjs +9 -0
  5. package/dist/lib/browser/{chunk-G6FWCTGT.mjs → chunk-DL5XQRQM.mjs} +5 -7
  6. package/dist/lib/browser/chunk-DL5XQRQM.mjs.map +7 -0
  7. package/dist/lib/browser/chunk-JBACGDOJ.mjs +21 -0
  8. package/dist/lib/browser/chunk-JBACGDOJ.mjs.map +7 -0
  9. package/dist/lib/browser/chunk-MRGOT5RF.mjs +78 -0
  10. package/dist/lib/browser/chunk-MRGOT5RF.mjs.map +7 -0
  11. package/dist/lib/browser/{chunk-KXVQPS4Y.mjs → chunk-O4LWBX6A.mjs} +2 -2
  12. package/dist/lib/browser/{chunk-KXVQPS4Y.mjs.map → chunk-O4LWBX6A.mjs.map} +2 -2
  13. package/dist/lib/browser/{chunk-G6H56WFS.mjs → chunk-RHEZ5LUU.mjs} +2 -51
  14. package/dist/lib/browser/{chunk-G6H56WFS.mjs.map → chunk-RHEZ5LUU.mjs.map} +4 -4
  15. package/dist/lib/browser/edge/index.mjs +1 -3
  16. package/dist/lib/browser/index.mjs +62 -80
  17. package/dist/lib/browser/index.mjs.map +4 -4
  18. package/dist/lib/browser/meta.json +1 -1
  19. package/dist/lib/browser/meta.mjs +1 -1
  20. package/dist/lib/browser/types/index.mjs +2 -2
  21. package/dist/lib/node/ScriptEditor-YCUQFWQM.cjs +526 -0
  22. package/dist/lib/node/ScriptEditor-YCUQFWQM.cjs.map +7 -0
  23. package/dist/lib/node/{chunk-EJC55SDD.cjs → TypescriptEditor-M3WWFIP2.cjs} +8 -18
  24. package/dist/lib/node/TypescriptEditor-M3WWFIP2.cjs.map +7 -0
  25. package/dist/lib/node/{chunk-ACLCRWDB.cjs → chunk-4GTXIELQ.cjs} +6 -44
  26. package/dist/lib/node/chunk-4GTXIELQ.cjs.map +7 -0
  27. package/dist/lib/node/chunk-4VMNBXWU.cjs +54 -0
  28. package/dist/lib/node/chunk-4VMNBXWU.cjs.map +7 -0
  29. package/dist/lib/node/{chunk-25PQE7FL.cjs → chunk-5RBVXKXT.cjs} +6 -6
  30. package/dist/lib/node/{chunk-25PQE7FL.cjs.map → chunk-5RBVXKXT.cjs.map} +2 -2
  31. package/dist/lib/node/chunk-IMLDKD5Y.cjs +111 -0
  32. package/dist/lib/node/chunk-IMLDKD5Y.cjs.map +7 -0
  33. package/dist/lib/node/{chunk-UZ3ZXEBF.cjs → chunk-PFH3ROEH.cjs} +8 -11
  34. package/dist/lib/node/chunk-PFH3ROEH.cjs.map +7 -0
  35. package/dist/lib/node/edge/index.cjs +8 -10
  36. package/dist/lib/node/edge/index.cjs.map +2 -2
  37. package/dist/lib/node/index.cjs +82 -95
  38. package/dist/lib/node/index.cjs.map +4 -4
  39. package/dist/lib/node/meta.cjs +3 -3
  40. package/dist/lib/node/meta.cjs.map +1 -1
  41. package/dist/lib/node/meta.json +1 -1
  42. package/dist/lib/node/types/index.cjs +5 -5
  43. package/dist/lib/node/types/index.cjs.map +1 -1
  44. package/dist/types/src/ScriptPlugin.d.ts.map +1 -1
  45. package/dist/types/src/components/DebugPanel.d.ts.map +1 -0
  46. package/dist/types/src/components/{FrameContainer → ScriptBlock/FrameContainer}/FrameContainer.d.ts +1 -1
  47. package/dist/types/src/components/ScriptBlock/FrameContainer/FrameContainer.d.ts.map +1 -0
  48. package/dist/types/src/components/ScriptBlock/FrameContainer/frame.d.ts.map +1 -0
  49. package/dist/types/src/components/ScriptBlock/FrameContainer/index.d.ts.map +1 -0
  50. package/dist/types/src/components/ScriptBlock/ScriptBlock.d.ts +3 -1
  51. package/dist/types/src/components/ScriptBlock/ScriptBlock.d.ts.map +1 -1
  52. package/dist/types/src/components/ScriptBlock/ScriptBlock.stories.d.ts +1 -1
  53. package/dist/types/src/components/ScriptBlock/ScriptBlock.stories.d.ts.map +1 -1
  54. package/dist/types/src/components/ScriptBlock/Splitter/Splitter.d.ts +15 -0
  55. package/dist/types/src/components/ScriptBlock/Splitter/Splitter.d.ts.map +1 -0
  56. package/dist/types/src/components/ScriptBlock/Splitter/Splitter.stories.d.ts +13 -0
  57. package/dist/types/src/components/ScriptBlock/Splitter/Splitter.stories.d.ts.map +1 -0
  58. package/dist/types/src/components/ScriptBlock/Splitter/index.d.ts +2 -0
  59. package/dist/types/src/components/ScriptBlock/Splitter/index.d.ts.map +1 -0
  60. package/dist/types/src/components/ScriptEditor.d.ts +5 -4
  61. package/dist/types/src/components/ScriptEditor.d.ts.map +1 -1
  62. package/dist/types/src/components/Toolbar.d.ts +13 -0
  63. package/dist/types/src/components/Toolbar.d.ts.map +1 -0
  64. package/dist/types/src/components/Toolbar.stories.d.ts +14 -0
  65. package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -0
  66. package/dist/types/src/components/{TypescriptEditor/TypescriptEditor.d.ts → TypescriptEditor.d.ts} +2 -1
  67. package/dist/types/src/components/TypescriptEditor.d.ts.map +1 -0
  68. package/dist/types/src/components/TypescriptEditor.stories.d.ts +10 -0
  69. package/dist/types/src/components/TypescriptEditor.stories.d.ts.map +1 -0
  70. package/dist/types/src/components/index.d.ts +2 -2
  71. package/dist/types/src/components/index.d.ts.map +1 -1
  72. package/dist/types/src/edge/functions.d.ts +0 -1
  73. package/dist/types/src/edge/functions.d.ts.map +1 -1
  74. package/dist/types/src/meta.d.ts +9 -4
  75. package/dist/types/src/meta.d.ts.map +1 -1
  76. package/dist/types/src/translations.d.ts +0 -2
  77. package/dist/types/src/translations.d.ts.map +1 -1
  78. package/dist/types/src/types/script.d.ts +4 -4
  79. package/dist/types/src/types/types.d.ts +3 -4
  80. package/dist/types/src/types/types.d.ts.map +1 -1
  81. package/package.json +55 -61
  82. package/src/ScriptPlugin.tsx +38 -22
  83. package/src/bundler/bundler.test.ts +2 -12
  84. package/src/components/{DebugPanel/DebugPanel.tsx → DebugPanel.tsx} +41 -48
  85. package/src/components/{FrameContainer → ScriptBlock/FrameContainer}/FrameContainer.tsx +1 -1
  86. package/src/components/ScriptBlock/ScriptBlock.stories.tsx +8 -6
  87. package/src/components/ScriptBlock/ScriptBlock.tsx +36 -10
  88. package/src/components/ScriptBlock/Splitter/Splitter.stories.tsx +37 -0
  89. package/src/components/ScriptBlock/Splitter/Splitter.tsx +52 -0
  90. package/src/components/{Toolbar → ScriptBlock/Splitter}/index.ts +1 -1
  91. package/src/components/ScriptEditor.tsx +46 -47
  92. package/src/components/{Toolbar/Toolbar.stories.tsx → Toolbar.stories.tsx} +1 -10
  93. package/src/components/Toolbar.tsx +147 -0
  94. package/src/components/{TypescriptEditor/TypescriptEditor.stories.tsx → TypescriptEditor.stories.tsx} +29 -8
  95. package/src/components/{TypescriptEditor/TypescriptEditor.tsx → TypescriptEditor.tsx} +3 -1
  96. package/src/components/index.ts +2 -3
  97. package/src/edge/functions.ts +0 -1
  98. package/src/meta.tsx +19 -0
  99. package/src/translations.ts +0 -2
  100. package/src/types/types.ts +5 -9
  101. package/dist/lib/browser/ScriptContainer-M4MDQTBU.mjs.map +0 -7
  102. package/dist/lib/browser/chunk-G6FWCTGT.mjs.map +0 -7
  103. package/dist/lib/browser/chunk-SGQHRB4P.mjs +0 -17
  104. package/dist/lib/browser/chunk-SGQHRB4P.mjs.map +0 -7
  105. package/dist/lib/node/ScriptContainer-KMIPKT3H.cjs +0 -668
  106. package/dist/lib/node/ScriptContainer-KMIPKT3H.cjs.map +0 -7
  107. package/dist/lib/node/chunk-ACLCRWDB.cjs.map +0 -7
  108. package/dist/lib/node/chunk-EJC55SDD.cjs.map +0 -7
  109. package/dist/lib/node/chunk-UZ3ZXEBF.cjs.map +0 -7
  110. package/dist/lib/node-esm/ScriptContainer-EAE6L5JV.mjs +0 -666
  111. package/dist/lib/node-esm/ScriptContainer-EAE6L5JV.mjs.map +0 -7
  112. package/dist/lib/node-esm/chunk-2NX3HWPM.mjs +0 -245
  113. package/dist/lib/node-esm/chunk-2NX3HWPM.mjs.map +0 -7
  114. package/dist/lib/node-esm/chunk-7EDYDVQH.mjs +0 -47
  115. package/dist/lib/node-esm/chunk-7EDYDVQH.mjs.map +0 -7
  116. package/dist/lib/node-esm/chunk-GO7HYFM5.mjs +0 -19
  117. package/dist/lib/node-esm/chunk-GO7HYFM5.mjs.map +0 -7
  118. package/dist/lib/node-esm/chunk-LDLNTVAK.mjs +0 -280
  119. package/dist/lib/node-esm/chunk-LDLNTVAK.mjs.map +0 -7
  120. package/dist/lib/node-esm/edge/index.mjs +0 -22
  121. package/dist/lib/node-esm/index.mjs +0 -310
  122. package/dist/lib/node-esm/index.mjs.map +0 -7
  123. package/dist/lib/node-esm/meta.json +0 -1
  124. package/dist/lib/node-esm/meta.mjs +0 -10
  125. package/dist/lib/node-esm/meta.mjs.map +0 -7
  126. package/dist/lib/node-esm/types/index.mjs +0 -13
  127. package/dist/lib/node-esm/types/index.mjs.map +0 -7
  128. package/dist/types/src/components/DebugPanel/DebugPanel.d.ts.map +0 -1
  129. package/dist/types/src/components/DebugPanel/index.d.ts +0 -2
  130. package/dist/types/src/components/DebugPanel/index.d.ts.map +0 -1
  131. package/dist/types/src/components/FrameContainer/FrameContainer.d.ts.map +0 -1
  132. package/dist/types/src/components/FrameContainer/frame.d.ts.map +0 -1
  133. package/dist/types/src/components/FrameContainer/index.d.ts.map +0 -1
  134. package/dist/types/src/components/ScriptContainer.d.ts +0 -5
  135. package/dist/types/src/components/ScriptContainer.d.ts.map +0 -1
  136. package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts +0 -6
  137. package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts.map +0 -1
  138. package/dist/types/src/components/ScriptSettings/index.d.ts +0 -2
  139. package/dist/types/src/components/ScriptSettings/index.d.ts.map +0 -1
  140. package/dist/types/src/components/Toolbar/Toolbar.d.ts +0 -23
  141. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +0 -1
  142. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts +0 -17
  143. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +0 -1
  144. package/dist/types/src/components/Toolbar/index.d.ts +0 -2
  145. package/dist/types/src/components/Toolbar/index.d.ts.map +0 -1
  146. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts.map +0 -1
  147. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.stories.d.ts +0 -10
  148. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.stories.d.ts.map +0 -1
  149. package/dist/types/src/components/TypescriptEditor/index.d.ts +0 -2
  150. package/dist/types/src/components/TypescriptEditor/index.d.ts.map +0 -1
  151. package/dist/types/src/templates/chat.d.ts +0 -6
  152. package/dist/types/src/templates/chat.d.ts.map +0 -1
  153. package/dist/types/src/templates/chess.d.ts +0 -6
  154. package/dist/types/src/templates/chess.d.ts.map +0 -1
  155. package/dist/types/src/templates/echo.d.ts +0 -6
  156. package/dist/types/src/templates/echo.d.ts.map +0 -1
  157. package/dist/types/src/templates/email.d.ts +0 -6
  158. package/dist/types/src/templates/email.d.ts.map +0 -1
  159. package/dist/types/src/templates/forex.d.ts +0 -6
  160. package/dist/types/src/templates/forex.d.ts.map +0 -1
  161. package/dist/types/src/templates.d.ts +0 -8
  162. package/dist/types/src/templates.d.ts.map +0 -1
  163. package/src/components/DebugPanel/index.ts +0 -5
  164. package/src/components/ScriptContainer.tsx +0 -22
  165. package/src/components/ScriptSettings/ScriptSettings.tsx +0 -47
  166. package/src/components/ScriptSettings/index.ts +0 -5
  167. package/src/components/Toolbar/Toolbar.tsx +0 -180
  168. package/src/components/TypescriptEditor/index.ts +0 -5
  169. package/src/meta.ts +0 -15
  170. package/src/templates/chat.ts +0 -102
  171. package/src/templates/chess.ts +0 -41
  172. package/src/templates/echo.ts +0 -15
  173. package/src/templates/email.ts +0 -38
  174. package/src/templates/forex.ts +0 -21
  175. package/src/templates.ts +0 -54
  176. /package/dist/lib/{node-esm/edge/index.mjs.map → browser/TypescriptEditor-GPE72Y6I.mjs.map} +0 -0
  177. /package/dist/types/src/components/{DebugPanel/DebugPanel.d.ts → DebugPanel.d.ts} +0 -0
  178. /package/dist/types/src/components/{FrameContainer → ScriptBlock/FrameContainer}/frame.d.ts +0 -0
  179. /package/dist/types/src/components/{FrameContainer → ScriptBlock/FrameContainer}/index.d.ts +0 -0
  180. /package/src/components/{FrameContainer → ScriptBlock/FrameContainer}/frame.html +0 -0
  181. /package/src/components/{FrameContainer → ScriptBlock/FrameContainer}/frame.tsx +0 -0
  182. /package/src/components/{FrameContainer → ScriptBlock/FrameContainer}/index.ts +0 -0
@@ -10,14 +10,23 @@ import React, { useCallback, useMemo, useState } from 'react';
10
10
 
11
11
  import { log } from '@dxos/log';
12
12
  import { useClient } from '@dxos/react-client';
13
- import { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';
13
+ import {
14
+ create,
15
+ createDocAccessor,
16
+ Filter,
17
+ fullyQualifiedId,
18
+ getMeta,
19
+ getSpace,
20
+ useQuery,
21
+ } from '@dxos/react-client/echo';
14
22
  import { useIdentity } from '@dxos/react-client/halo';
15
- import { useTranslation, type ThemedClassName } from '@dxos/react-ui';
23
+ import { useTranslation } from '@dxos/react-ui';
24
+ import { useHasAttention } from '@dxos/react-ui-attention';
16
25
  import { createDataExtensions, listener } from '@dxos/react-ui-editor';
17
26
  import { mx } from '@dxos/react-ui-theme';
18
27
 
19
28
  import { DebugPanel } from './DebugPanel';
20
- import { type TemplateSelectProps, Toolbar, type ViewType } from './Toolbar';
29
+ import { Toolbar } from './Toolbar';
21
30
  import { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';
22
31
  import { Bundler } from '../bundler';
23
32
  import {
@@ -25,19 +34,18 @@ import {
25
34
  publicKeyToDid,
26
35
  setUserFunctionUrlInMetadata,
27
36
  uploadWorkerFunction,
28
- USERFUNCTIONS_PRESET_META_KEY,
29
37
  } from '../edge';
30
38
  import { SCRIPT_PLUGIN } from '../meta';
31
- import { templates } from '../templates';
32
39
  import { FunctionType, type ScriptType } from '../types';
33
40
 
34
- export type ScriptEditorProps = ThemedClassName<{
41
+ export type ScriptEditorProps = {
35
42
  script: ScriptType;
36
- }> &
37
- Pick<TypescriptEditorProps, 'env'>;
43
+ role?: string;
44
+ } & Pick<TypescriptEditorProps, 'env'>;
38
45
 
39
- export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) => {
46
+ export const ScriptEditor = ({ env, script, role }: ScriptEditorProps) => {
40
47
  const { t } = useTranslation(SCRIPT_PLUGIN);
48
+ const hasAttention = useHasAttention(fullyQualifiedId(script));
41
49
  const client = useClient();
42
50
  const identity = useIdentity();
43
51
  const space = getSpace(script);
@@ -65,7 +73,7 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
65
73
  [script, script.source, space, identity],
66
74
  );
67
75
 
68
- const [view, setView] = useState<ViewType>('editor');
76
+ const [showPanel, setShowPanel] = useState(false);
69
77
  const initialValue = useMemo(() => script.source?.content, [script.source]);
70
78
  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));
71
79
  const [error, setError] = useState<string>();
@@ -95,22 +103,6 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
95
103
  }
96
104
  }, [script.source]);
97
105
 
98
- const handleTemplateChange: TemplateSelectProps['onTemplateSelect'] = (id) => {
99
- const template = templates.find((template) => template.id === id);
100
- if (template) {
101
- script.name = template.name;
102
- script.source!.content = template.source;
103
- const metaKeys = getMeta(script).keys;
104
- const oldPresetIndex = metaKeys.findIndex((key) => key.source === USERFUNCTIONS_PRESET_META_KEY);
105
- if (oldPresetIndex >= 0) {
106
- metaKeys.splice(oldPresetIndex, 1);
107
- }
108
- if (template.presetId) {
109
- metaKeys.push({ source: USERFUNCTIONS_PRESET_META_KEY, id: template.presetId });
110
- }
111
- }
112
- };
113
-
114
106
  const handleDeploy = useCallback(async () => {
115
107
  if (!script.source || !identity || !space) {
116
108
  return;
@@ -122,7 +114,11 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
122
114
  const existingFunctionId = existingFunctionUrl?.split('/').at(-1);
123
115
  const ownerDid = (existingFunctionUrl?.split('/').at(-2) as DID) ?? publicKeyToDid(identity.identityKey);
124
116
 
125
- const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });
117
+ const bundler = new Bundler({
118
+ platform: 'browser',
119
+ sandboxedModules: [],
120
+ remoteModules: {},
121
+ });
126
122
  const buildResult = await bundler.bundle(script.source.content);
127
123
  if (buildResult.error || !buildResult.bundle) {
128
124
  throw buildResult.error;
@@ -138,18 +134,15 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
138
134
  if (result !== 'success' || functionId === undefined || functionVersionNumber === undefined) {
139
135
  throw new Error(errorMessage);
140
136
  }
141
-
142
137
  log.info('function uploaded', { functionId, functionVersionNumber });
143
138
  if (fn) {
144
139
  fn.version = functionVersionNumber;
145
140
  }
146
-
147
141
  const deployedFunction =
148
142
  fn ?? space.db.add(create(FunctionType, { version: functionVersionNumber, source: script }));
149
143
  const meta = getMeta(deployedFunction);
150
- script.changed = false;
151
144
  setUserFunctionUrlInMetadata(meta, `/${ownerDid}/${functionId}`);
152
- setView('split');
145
+ script.changed = false;
153
146
  } catch (err: any) {
154
147
  log.catch(err);
155
148
  setError(t('upload failed label'));
@@ -172,32 +165,38 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
172
165
  }, [existingFunctionUrl, space]);
173
166
 
174
167
  return (
175
- <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>
168
+ <div
169
+ role='none'
170
+ className={mx(
171
+ 'flex flex-col is-full bs-full overflow-hidden',
172
+ role === 'article' && 'row-span-2',
173
+ hasAttention && 'attention-surface',
174
+ )}
175
+ >
176
+ <TypescriptEditor
177
+ id={script.id}
178
+ env={env}
179
+ initialValue={initialValue}
180
+ extensions={extensions}
181
+ className='flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all'
182
+ />
183
+
176
184
  <Toolbar
185
+ classNames='border-t border-separator'
177
186
  deployed={Boolean(existingFunctionUrl) && !script.changed}
178
187
  functionUrl={functionUrl}
179
188
  error={error}
180
- view={view}
181
- templates={templates}
189
+ showPanel={showPanel}
182
190
  onDeploy={handleDeploy}
183
191
  onFormat={handleFormat}
184
- onViewChange={setView}
185
- onTemplateSelect={handleTemplateChange}
192
+ onTogglePanel={async () => setShowPanel((showDetails) => !showDetails)}
186
193
  />
187
194
 
188
- {view !== 'preview' && (
189
- <TypescriptEditor
190
- id={script.id}
191
- env={env}
192
- initialValue={initialValue}
193
- extensions={extensions}
194
- className='flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all'
195
- />
196
- )}
197
-
198
- {view !== 'editor' && (
195
+ {showPanel && (
199
196
  <DebugPanel functionUrl={functionUrl} binding={fn?.binding} onBindingChange={handleBindingChange} />
200
197
  )}
201
198
  </div>
202
199
  );
203
200
  };
201
+
202
+ export default ScriptEditor;
@@ -7,7 +7,6 @@ import '@dxos-theme';
7
7
  import { withLayout, withTheme } from '@dxos/storybook-utils';
8
8
 
9
9
  import { Toolbar } from './Toolbar';
10
- import { templates } from '../../templates';
11
10
 
12
11
  export default {
13
12
  title: 'plugin-script/Toolbar',
@@ -15,12 +14,4 @@ export default {
15
14
  decorators: [withTheme, withLayout({ tooltips: true })],
16
15
  };
17
16
 
18
- export const Default = {
19
- args: {
20
- binding: 'example',
21
- deployed: true,
22
- templates,
23
- onFormat: () => console.log('Format'),
24
- onTogglePanel: () => {},
25
- },
26
- };
17
+ export const Default = { args: { binding: 'example', deployed: true } };
@@ -0,0 +1,147 @@
1
+ //
2
+ // Copyright 2024 DXOS.org
3
+ //
4
+
5
+ import React, { useState } from 'react';
6
+
7
+ import {
8
+ DensityProvider,
9
+ ElevationProvider,
10
+ Icon,
11
+ type ThemedClassName,
12
+ Toolbar as NaturalToolbar,
13
+ Tooltip,
14
+ useTranslation,
15
+ } from '@dxos/react-ui';
16
+
17
+ import { SCRIPT_PLUGIN } from '../meta';
18
+
19
+ export type ToolbarProps = ThemedClassName<{
20
+ deployed?: boolean;
21
+ error?: string;
22
+ functionUrl?: string;
23
+ showPanel?: boolean;
24
+ onDeploy?: () => Promise<void>;
25
+ onFormat?: () => Promise<void>;
26
+ onTogglePanel?: () => Promise<void>;
27
+ }>;
28
+
29
+ export const Toolbar = ({
30
+ classNames,
31
+ deployed,
32
+ error,
33
+ functionUrl,
34
+ showPanel,
35
+ onDeploy,
36
+ onFormat,
37
+ onTogglePanel,
38
+ }: ToolbarProps) => {
39
+ const { t } = useTranslation(SCRIPT_PLUGIN);
40
+ const [pending, setPending] = useState(false);
41
+
42
+ const handleCopyLink = async () => {
43
+ if (!functionUrl) {
44
+ return;
45
+ }
46
+
47
+ await navigator.clipboard.writeText(functionUrl);
48
+ };
49
+
50
+ const handleDeploy = async () => {
51
+ setPending(true);
52
+ await onDeploy?.();
53
+ setPending(false);
54
+ };
55
+
56
+ // TODO(burdon): Simplify tooltips.
57
+ // TODO(burdon): Factor out common toolbar components with sheet/editor?
58
+ return (
59
+ <DensityProvider density='fine'>
60
+ <ElevationProvider elevation='chrome'>
61
+ <NaturalToolbar.Root classNames={['p-1', classNames]} style={{ contain: 'layout' }}>
62
+ {onFormat && (
63
+ <Tooltip.Root>
64
+ <Tooltip.Trigger asChild>
65
+ <NaturalToolbar.Button variant='ghost' onClick={onFormat}>
66
+ <Icon icon='ph--magic-wand--regular' size={4} />
67
+ </NaturalToolbar.Button>
68
+ </Tooltip.Trigger>
69
+ <Tooltip.Portal>
70
+ <Tooltip.Content>
71
+ <Tooltip.Arrow />
72
+ {t('format label')}
73
+ </Tooltip.Content>
74
+ </Tooltip.Portal>
75
+ </Tooltip.Root>
76
+ )}
77
+
78
+ <div role='separator' className='grow' />
79
+
80
+ {error ? (
81
+ <Tooltip.Root>
82
+ <Tooltip.Trigger>
83
+ <Icon icon='ph--warning-circle--regular' size={4} />
84
+ </Tooltip.Trigger>
85
+ <Tooltip.Portal>
86
+ <Tooltip.Content>
87
+ <Tooltip.Arrow />
88
+ {error}
89
+ </Tooltip.Content>
90
+ </Tooltip.Portal>
91
+ </Tooltip.Root>
92
+ ) : null}
93
+
94
+ {functionUrl && deployed && (
95
+ <Tooltip.Root>
96
+ <Tooltip.Trigger asChild>
97
+ <NaturalToolbar.Button variant='ghost' onClick={handleCopyLink}>
98
+ <Icon icon='ph--link--regular' size={4} />
99
+ </NaturalToolbar.Button>
100
+ </Tooltip.Trigger>
101
+ <Tooltip.Portal>
102
+ <Tooltip.Content>
103
+ <Tooltip.Arrow />
104
+ {t('copy link label')}
105
+ </Tooltip.Content>
106
+ </Tooltip.Portal>
107
+ </Tooltip.Root>
108
+ )}
109
+
110
+ <Tooltip.Root>
111
+ <Tooltip.Trigger asChild>
112
+ <NaturalToolbar.Button variant='ghost' onClick={handleDeploy} disabled={pending}>
113
+ {pending ? (
114
+ <Icon icon='ph--spinner--regular' size={4} classNames='animate-spin-slow' />
115
+ ) : (
116
+ <Icon icon='ph--cloud-arrow-up--regular' size={4} />
117
+ )}
118
+ </NaturalToolbar.Button>
119
+ </Tooltip.Trigger>
120
+ <Tooltip.Portal>
121
+ <Tooltip.Content>
122
+ <Tooltip.Arrow />
123
+ {pending ? t('pending label') : t('deploy label')}
124
+ </Tooltip.Content>
125
+ </Tooltip.Portal>
126
+ </Tooltip.Root>
127
+
128
+ {onTogglePanel && (
129
+ <Tooltip.Root>
130
+ <Tooltip.Trigger asChild>
131
+ <NaturalToolbar.Button variant='ghost' onClick={onTogglePanel}>
132
+ <Icon icon={showPanel ? 'ph--caret-down--regular' : 'ph--caret-up--regular'} size={4} />
133
+ </NaturalToolbar.Button>
134
+ </Tooltip.Trigger>
135
+ <Tooltip.Portal>
136
+ <Tooltip.Content>
137
+ <Tooltip.Arrow />
138
+ {t('toggle details label')}
139
+ </Tooltip.Content>
140
+ </Tooltip.Portal>
141
+ </Tooltip.Root>
142
+ )}
143
+ </NaturalToolbar.Root>
144
+ </ElevationProvider>
145
+ </DensityProvider>
146
+ );
147
+ };
@@ -6,28 +6,49 @@ import '@dxos-theme';
6
6
 
7
7
  import React, { useMemo } from 'react';
8
8
 
9
- import { createDocAccessor, createObject } from '@dxos/react-client/echo';
9
+ import { createDocAccessor, createEchoObject } from '@dxos/react-client/echo';
10
10
  import { createDataExtensions } from '@dxos/react-ui-editor';
11
11
 
12
12
  import { TypescriptEditor } from './TypescriptEditor';
13
- import { templates } from '../../templates';
14
13
 
15
- // TODO(burdon): Features:
14
+ // TODO(burdon): Typescript.
15
+ // TODO(burdon): Effect schema.
16
+ // TODO(burdon): JSX.
17
+ // TODO(burdon): react-buddy for storybook?
18
+
19
+ // Marijn
16
20
  // - language support for S
17
21
  // - hierarchical editor (DND)
18
22
  // - virtual document image rendering
19
23
  // - mobile rendering error
20
24
 
21
- // TODO(burdon): JSX.
22
- // TODO(burdon): Effect schema.
23
- // TODO(burdon): react-buddy for storybook?
25
+ const examples: string[] = [
26
+ [
27
+ '// Example function.',
28
+ 'export default function() {',
29
+ ' const value = 100',
30
+ ' return <div>{value}</div>;',
31
+ '}',
32
+ ].join('\n'),
33
+ [
34
+ '// Example schema.',
35
+ 'S.Struct({',
36
+ ' timestamp: S.Date,',
37
+ ' title: S.String,',
38
+ ' content: R.Text,',
39
+ "}).pipe(S.identifier('dxos.org/schema/Test'))",
40
+ '',
41
+ ].join('\n'),
42
+ ];
24
43
 
25
44
  const Story = () => {
26
- const object = useMemo(() => createObject({ content: templates[0].source }), []);
45
+ const object = useMemo(() => createEchoObject({ content: examples[0] }), []);
27
46
  const initialValue = useMemo(() => object.content, [object]);
28
47
  const accessor = useMemo(() => createDocAccessor(object, ['content']), [object]);
29
48
  const extensions = useMemo(() => [createDataExtensions({ id: object.id, text: accessor })], [object.id, accessor]);
30
- return <TypescriptEditor id='test' initialValue={initialValue} extensions={extensions} />;
49
+
50
+ // TODO(wittjosiah): Scroll past end breaks the editor.
51
+ return <TypescriptEditor id='test' initialValue={initialValue} extensions={extensions} scrollPastEnd={false} />;
31
52
  };
32
53
 
33
54
  export default {
@@ -23,11 +23,13 @@ import { nonNullable } from '@dxos/util';
23
23
 
24
24
  export type TypescriptEditorProps = {
25
25
  id: string;
26
+ scrollPastEnd?: boolean;
26
27
  env?: VirtualTypeScriptEnvironment;
27
28
  } & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;
28
29
 
29
30
  export const TypescriptEditor = ({
30
31
  id,
32
+ scrollPastEnd,
31
33
  env,
32
34
  className,
33
35
  initialValue,
@@ -47,7 +49,7 @@ export const TypescriptEditor = ({
47
49
  indentWithTab: true,
48
50
  lineNumbers: true,
49
51
  lineWrapping: false,
50
- scrollPastEnd: true,
52
+ scrollPastEnd,
51
53
  }),
52
54
  createThemeExtensions({
53
55
  themeMode,
@@ -4,6 +4,5 @@
4
4
 
5
5
  import React from 'react';
6
6
 
7
- export * from './ScriptSettings';
8
-
9
- export const ScriptContainer = React.lazy(() => import('./ScriptContainer'));
7
+ export const ScriptEditor = React.lazy(() => import('./ScriptEditor'));
8
+ export const TypescriptEditor = React.lazy(() => import('./TypescriptEditor'));
@@ -17,7 +17,6 @@ import { matchServiceCredential } from './hub-protocol';
17
17
 
18
18
  // TODO: use URL scheme for source?
19
19
  const USERFUNCTIONS_META_KEY = 'dxos.org/service/function';
20
- export const USERFUNCTIONS_PRESET_META_KEY = 'dxos.org/service/function-preset';
21
20
  const USERFUNCTIONS_CREDENTIAL_CAPABILITY = 'composer:beta';
22
21
 
23
22
  // TODO: Synchronize API types with server
package/src/meta.tsx ADDED
@@ -0,0 +1,19 @@
1
+ //
2
+ // Copyright 2023 DXOS.org
3
+ //
4
+
5
+ import { Code, type IconProps } from '@phosphor-icons/react';
6
+ import React from 'react';
7
+
8
+ import { pluginMeta } from '@dxos/app-framework';
9
+
10
+ export const SCRIPT_PLUGIN = 'dxos.org/plugin/script';
11
+
12
+ export default pluginMeta({
13
+ id: SCRIPT_PLUGIN,
14
+ name: 'Scripts',
15
+ description: 'Live code notebooks.',
16
+ tags: ['experimental'],
17
+ iconComponent: (props: IconProps) => <Code {...props} />,
18
+ iconSymbol: 'ph--code--regular',
19
+ });
@@ -20,8 +20,6 @@ export default [
20
20
  'copy link label': 'Copy function link',
21
21
  'format label': 'Format',
22
22
  'toggle details label': 'Toggle details panel',
23
- 'authenticate action label': 'Authenticate functions service',
24
- 'authenticate button label': 'Authenticate',
25
23
  },
26
24
  },
27
25
  },
@@ -6,12 +6,11 @@ import type {
6
6
  GraphBuilderProvides,
7
7
  IntentResolverProvides,
8
8
  MetadataRecordsProvides,
9
- SettingsProvides,
10
9
  SurfaceProvides,
11
10
  TranslationsProvides,
12
11
  } from '@dxos/app-framework';
13
12
  import { type SchemaProvides } from '@dxos/plugin-client';
14
- import { type SpaceInitProvides } from '@dxos/plugin-space';
13
+ import { type StackProvides } from '@dxos/plugin-stack';
15
14
 
16
15
  import { SCRIPT_PLUGIN } from '../meta';
17
16
 
@@ -19,13 +18,10 @@ export enum ScriptAction {
19
18
  CREATE = `${SCRIPT_PLUGIN}/create`,
20
19
  }
21
20
 
22
- export type ScriptSettingsProps = {};
23
-
24
- export type ScriptPluginProvides = GraphBuilderProvides &
21
+ export type ScriptPluginProvides = SurfaceProvides &
25
22
  IntentResolverProvides &
23
+ GraphBuilderProvides &
26
24
  MetadataRecordsProvides &
25
+ TranslationsProvides &
27
26
  SchemaProvides &
28
- SettingsProvides<ScriptSettingsProps> &
29
- SpaceInitProvides &
30
- SurfaceProvides &
31
- TranslationsProvides;
27
+ StackProvides;
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptEditor.tsx", "../../../src/components/DebugPanel/DebugPanel.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { ScriptEditor, type ScriptEditorProps } from './ScriptEditor';\n\nconst ScriptContainer = ({ script, ...props }: ScriptEditorProps) => {\n const attendableAttrs = useAttendableAttributes(fullyQualifiedId(script));\n return (\n <div role='none' className={mx('flex row-span-2 w-full overflow-hidden attention-surface')} {...attendableAttrs}>\n <ScriptEditor {...props} script={script} />\n </div>\n );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type DID } from 'iso-did/types';\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { DebugPanel } from './DebugPanel';\nimport { type TemplateSelectProps, Toolbar, type ViewType } from './Toolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { Bundler } from '../bundler';\nimport {\n getUserFunctionUrlInMetadata,\n publicKeyToDid,\n setUserFunctionUrlInMetadata,\n uploadWorkerFunction,\n USERFUNCTIONS_PRESET_META_KEY,\n} from '../edge';\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\nimport { FunctionType, type ScriptType } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<{\n script: ScriptType;\n}> &\n Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) => {\n const { t } = useTranslation(SCRIPT_PLUGIN);\n const client = useClient();\n const identity = useIdentity();\n const space = getSpace(script);\n const [fn] = useQuery(\n space,\n Filter.schema(FunctionType, (fn) => fn.source === script),\n );\n\n const extensions = useMemo(\n () => [\n listener({\n onChange: (text) => {\n if (script.source && script.source?.content !== text) {\n script.changed = true;\n }\n },\n }),\n createDataExtensions({\n id: script.id,\n text: script.source && createDocAccessor(script.source, ['content']),\n space,\n identity,\n }),\n ],\n [script, script.source, space, identity],\n );\n\n const [view, setView] = useState<ViewType>('editor');\n const initialValue = useMemo(() => script.source?.content, [script.source]);\n const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n const [error, setError] = useState<string>();\n\n const handleBindingChange = useCallback(\n (binding: string) => {\n fn.binding = binding;\n },\n [fn],\n );\n\n const handleFormat = useCallback(async () => {\n if (!script.source) {\n return;\n }\n\n try {\n script.source.content = await format(script.source.content, {\n parser: 'typescript',\n plugins: [prettierPluginEstree, prettierPluginTypescript],\n semi: true,\n singleQuote: true,\n });\n } catch (err: any) {\n // TODO(wittjosiah): Show error in UI.\n log.catch(err);\n }\n }, [script.source]);\n\n const handleTemplateChange: TemplateSelectProps['onTemplateSelect'] = (id) => {\n const template = templates.find((template) => template.id === id);\n if (template) {\n script.name = template.name;\n script.source!.content = template.source;\n const metaKeys = getMeta(script).keys;\n const oldPresetIndex = metaKeys.findIndex((key) => key.source === USERFUNCTIONS_PRESET_META_KEY);\n if (oldPresetIndex >= 0) {\n metaKeys.splice(oldPresetIndex, 1);\n }\n if (template.presetId) {\n metaKeys.push({ source: USERFUNCTIONS_PRESET_META_KEY, id: template.presetId });\n }\n }\n };\n\n const handleDeploy = useCallback(async () => {\n if (!script.source || !identity || !space) {\n return;\n }\n\n setError(undefined);\n\n try {\n const existingFunctionId = existingFunctionUrl?.split('/').at(-1);\n const ownerDid = (existingFunctionUrl?.split('/').at(-2) as DID) ?? publicKeyToDid(identity.identityKey);\n\n const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n const buildResult = await bundler.bundle(script.source.content);\n if (buildResult.error || !buildResult.bundle) {\n throw buildResult.error;\n }\n\n const { result, functionId, functionVersionNumber, errorMessage } = await uploadWorkerFunction({\n clientConfig: client.config,\n halo: client.halo,\n ownerDid,\n functionId: existingFunctionId,\n source: buildResult.bundle,\n });\n if (result !== 'success' || functionId === undefined || functionVersionNumber === undefined) {\n throw new Error(errorMessage);\n }\n\n log.info('function uploaded', { functionId, functionVersionNumber });\n if (fn) {\n fn.version = functionVersionNumber;\n }\n\n const deployedFunction =\n fn ?? space.db.add(create(FunctionType, { version: functionVersionNumber, source: script }));\n const meta = getMeta(deployedFunction);\n script.changed = false;\n setUserFunctionUrlInMetadata(meta, `/${ownerDid}/${functionId}`);\n setView('split');\n } catch (err: any) {\n log.catch(err);\n setError(t('upload failed label'));\n }\n }, [fn, existingFunctionUrl, script, script.name, script.source]);\n\n const functionUrl = useMemo(() => {\n if (!existingFunctionUrl) {\n return;\n }\n\n const baseUrl = new URL('functions/', client.config.values.runtime?.services?.edge?.url);\n\n // Leading slashes cause the URL to be treated as an absolute path.\n const relativeUrl = existingFunctionUrl.replace(/^\\//, '');\n const url = new URL(`./${relativeUrl}`, baseUrl.toString());\n space && url.searchParams.set('spaceId', space.id);\n url.protocol = 'https';\n return url.toString();\n }, [existingFunctionUrl, space]);\n\n return (\n <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>\n <Toolbar\n deployed={Boolean(existingFunctionUrl) && !script.changed}\n functionUrl={functionUrl}\n error={error}\n view={view}\n templates={templates}\n onDeploy={handleDeploy}\n onFormat={handleFormat}\n onViewChange={setView}\n onTemplateSelect={handleTemplateChange}\n />\n\n {view !== 'preview' && (\n <TypescriptEditor\n id={script.id}\n env={env}\n initialValue={initialValue}\n extensions={extensions}\n className='flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all'\n />\n )}\n\n {view !== 'editor' && (\n <DebugPanel functionUrl={functionUrl} binding={fn?.binding} onBindingChange={handleBindingChange} />\n )}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport {\n Avatar,\n DensityProvider,\n Icon,\n Input,\n type ThemedClassName,\n Toolbar,\n useControlledValue,\n useTranslation,\n} from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\n\ntype State = 'pending' | 'responding';\n\n/**\n * Request or response.\n */\ntype Message = { type: 'request' | 'response'; text?: string; data?: any; error?: Error };\n\nexport type DebugPanelProps = ThemedClassName<{\n functionUrl?: string;\n binding?: string;\n onBindingChange?: (binding: string) => void;\n}>;\n\nexport const DebugPanel = ({ classNames, functionUrl, binding: _binding, onBindingChange }: DebugPanelProps) => {\n const { t } = useTranslation(SCRIPT_PLUGIN);\n\n const bindingInputRef = useRef<HTMLInputElement>(null);\n const [binding, setBinding] = useControlledValue(_binding ?? '');\n const handleBlur = () => {\n onBindingChange?.(binding);\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const [input, setInput] = useState('');\n const [result, setResult] = useState('');\n const [state, setState] = useState<State | null>(null);\n\n // TODO(burdon): Persistent history -- at least for session (non-space ECHO data?)\n const [history, setHistory] = useState<Message[]>([]);\n\n const scrollerRef = useRef<HTMLDivElement>(null);\n const handleScroll = () => {\n if (scrollerRef.current) {\n scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;\n }\n };\n\n const controller = useRef<AbortController>();\n useEffect(() => {\n return () => {\n handleStop();\n };\n }, []);\n\n const handleStop = () => {\n controller.current?.abort('stop');\n controller.current = undefined;\n };\n\n const handleClear = () => {\n handleStop();\n setInput('');\n setResult('');\n setHistory([]);\n inputRef.current?.focus();\n };\n\n const handleResponse = ({ text, data, error }: { text?: string; data?: any; error?: Error } = {}) => {\n controller.current = undefined;\n setHistory((history) => [...history, { type: 'response', text, data, error } satisfies Message]);\n setResult('');\n setState(null);\n handleScroll();\n };\n\n const handleRequest = async (input: string) => {\n // Returns a promise that resolves when a value has been received.\n try {\n setState('pending');\n\n let data = null;\n // Detect JSON input.\n if (input.charAt(0) === '{') {\n try {\n const validJsonString = input.replace(/'/g, '\"').replace(/([{,]\\s*)([a-zA-Z0-9_]+)(\\s*:)/g, '$1\"$2\"$3');\n data = JSON.parse(validJsonString);\n input = JSON.stringify(data, null, 2);\n } catch (err) {\n inputRef.current?.focus();\n return;\n }\n }\n\n setInput('');\n setResult('');\n setHistory((history) => [...history, { type: 'request', text: input }]);\n setTimeout(() => {\n handleScroll();\n });\n\n // Throws DOMException when aborted.\n controller.current = new AbortController();\n const response = await fetch(functionUrl!, {\n signal: controller.current.signal,\n method: 'POST',\n body: input,\n headers: {\n 'Content-Type': data ? 'application/json' : 'text/plain',\n },\n });\n\n // Check for error.\n if (!response.ok) {\n const text = await response.text();\n handleResponse({ error: new Error(text || response.statusText || String(response.status)) });\n return;\n }\n\n // Check for JSON.\n const contentType = response.headers.get('content-type');\n if (contentType === 'application/json') {\n const data = await response.json();\n handleResponse({ data });\n return;\n }\n\n // Text (including streaming).\n setState('responding');\n let text = '';\n const reader = response.body!.getReader();\n const pump = async ({ done, value }: ReadableStreamReadResult<Uint8Array>): Promise<void> => {\n text = text + new TextDecoder().decode(value);\n if (!controller.current || done) {\n handleResponse({ text });\n return;\n }\n\n setResult(text);\n setTimeout(() => {\n handleScroll();\n });\n\n return reader.read().then(pump);\n };\n\n void reader\n .read()\n .then(pump)\n .catch((err) => {\n if (err.name !== 'AbortError') {\n log.catch(err);\n }\n });\n } catch (err: any) {\n if (err !== 'stop') {\n const error = err instanceof Error ? err : new Error(err);\n handleResponse({ error });\n log.catch(err);\n } else {\n handleResponse();\n }\n }\n };\n\n return (\n <DensityProvider density='fine'>\n <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n {/* TODO(burdon): Replace with Thread? */}\n <div ref={scrollerRef} className='flex flex-col gap-6 h-full p-4 overflow-x-hidden overflow-y-auto'>\n <MessageThread state={state} result={result} history={history} />\n </div>\n\n <Toolbar.Root classNames='p-2'>\n <Input.Root>\n <Input.TextInput\n ref={inputRef}\n autoFocus\n placeholder={t('function request placeholder')}\n value={input}\n onChange={(ev) => setInput(ev.target.value)}\n onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n />\n </Input.Root>\n <Input.Root>\n <Input.TextInput\n ref={bindingInputRef}\n classNames='!w-[10rem]'\n placeholder={t('binding placeholder')}\n value={binding}\n onChange={(ev) => setBinding(ev.target.value.toUpperCase())}\n onBlur={handleBlur}\n />\n </Input.Root>\n <Toolbar.Button onClick={() => handleRequest(input)}>\n <Icon icon='ph--play--regular' size={4} />\n </Toolbar.Button>\n <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n </Toolbar.Button>\n </Toolbar.Root>\n </div>\n </DensityProvider>\n );\n};\n\n// TODO(burdon): Replace with thread?\n// TODO(burdon): Button to delete individual messages.\n// TODO(burdon): Button to edit/re-run question.\nconst MessageThread = ({ state, result, history }: { state: State | null; result: string; history: Message[] }) => {\n return (\n <>\n {history.map((message, i) => (\n <div key={i} className='grid grid-cols-[3rem_1fr_3rem]'>\n <div className='p-1'>{message.type === 'response' && <RobotAvatar />}</div>\n <div className='overflow-auto'>\n <MessageItem message={message} />\n </div>\n </div>\n ))}\n {result?.length > 0 && (\n <div className='grid grid-cols-[3rem_1fr_3rem]'>\n <div className='p-1'>\n {(state === 'pending' && <Icon icon='ph--spinner--regular' size={6} classNames='animate-spin' />) || (\n <Icon icon='ph--robot--regular' size={6} classNames='animate-[pulse_1s_ease-in-out_infinite]' />\n )}\n </div>\n <div className='overflow-auto'>\n <MessageItem message={{ type: 'response', text: result }} />\n </div>\n </div>\n )}\n </>\n );\n};\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n const { type, text, data, error } = message;\n const wrapper = 'p-1 px-2 rounded-lg bg-hoverSurface overflow-auto';\n return (\n <div className={mx('flex', type === 'request' ? 'ml-[8rem] justify-end' : 'mr-[8rem]', classNames)}>\n {error && <div className={mx(wrapper, 'whitespace-pre text-error')}>{String(error)}</div>}\n\n {text !== undefined && (\n <div className={mx(wrapper, type === 'request' && 'bg-primary-400 dark:bg-primary-600')}>\n {text || '\\u00D8'}\n </div>\n )}\n\n {data && (\n <SyntaxHighlighter language='json' className={mx(wrapper, 'px-8 py-2 text-xs')}>\n {JSON.stringify(data, null, 2)}\n </SyntaxHighlighter>\n )}\n </div>\n );\n};\n\nconst RobotAvatar = () => (\n <Avatar.Root size={6} variant='circle'>\n <Avatar.Frame>\n <Avatar.Icon icon='ph--robot--regular' />\n </Avatar.Frame>\n </Avatar.Root>\n);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport {\n DensityProvider,\n ElevationProvider,\n Icon,\n Select,\n type ThemedClassName,\n ToggleGroup,\n ToggleGroupItem,\n type ToolbarButtonProps,\n Toolbar as NaturalToolbar,\n Tooltip,\n useTranslation,\n} from '@dxos/react-ui';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport type ToolbarProps = ThemedClassName<\n {\n deployed?: boolean;\n error?: string;\n functionUrl?: string;\n onDeploy?: () => Promise<void>;\n onFormat?: () => Promise<void>;\n } & TemplateSelectProps &\n ViewSelectorProps\n>;\n\nexport const Toolbar = ({\n classNames,\n deployed,\n error,\n functionUrl,\n view,\n templates,\n onDeploy,\n onFormat,\n onViewChange,\n onTemplateSelect,\n}: ToolbarProps) => {\n const { t } = useTranslation(SCRIPT_PLUGIN);\n const [pending, setPending] = useState(false);\n\n const handleCopyLink = async () => {\n if (!functionUrl) {\n return;\n }\n\n await navigator.clipboard.writeText(functionUrl);\n };\n\n const handleDeploy = async () => {\n if (!pending) {\n setPending(true);\n await onDeploy?.();\n setPending(false);\n }\n };\n\n // TODO(burdon): Factor out common toolbar components with sheet/editor?\n return (\n <DensityProvider density='fine'>\n <ElevationProvider elevation='chrome'>\n <NaturalToolbar.Root classNames={['p-1', classNames]} style={{ contain: 'layout' }}>\n {templates && <TemplateSelect templates={templates} onTemplateSelect={onTemplateSelect} />}\n {onFormat && <ToolbarIconButton icon='ph--magic-wand--regular' text={t('format label')} onClick={onFormat} />}\n\n <div role='separator' className='grow' />\n\n {error ? (\n <Tooltip.Root>\n <Tooltip.Trigger>\n <Icon icon='ph--warning-circle--regular' size={4} />\n </Tooltip.Trigger>\n <Tooltip.Portal>\n <Tooltip.Content>\n <Tooltip.Arrow />\n {error}\n </Tooltip.Content>\n </Tooltip.Portal>\n </Tooltip.Root>\n ) : null}\n\n {functionUrl && deployed && (\n <ToolbarIconButton icon='ph--link--regular' text={t('copy link label')} onClick={handleCopyLink} />\n )}\n\n {onDeploy && (\n <ToolbarIconButton\n icon={pending ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular'}\n classNames={[pending && 'animate-spin']}\n text={pending ? t('pending label') : t('deploy label')}\n onClick={handleDeploy}\n />\n )}\n\n <ViewSelector view={view} onViewChange={onViewChange} />\n </NaturalToolbar.Root>\n </ElevationProvider>\n </DensityProvider>\n );\n};\n\nconst ToolbarIconButton = ({\n icon,\n text,\n classNames,\n disabled,\n onClick,\n}: { icon: string; text: string } & Pick<ToolbarButtonProps, 'classNames' | 'disabled' | 'onClick'>) => {\n return (\n <Tooltip.Root>\n <Tooltip.Trigger asChild>\n <NaturalToolbar.Button variant='ghost' disabled={disabled} onClick={onClick}>\n <Icon icon={icon} size={4} classNames={classNames} />\n </NaturalToolbar.Button>\n </Tooltip.Trigger>\n <Tooltip.Portal>\n <Tooltip.Content>\n <Tooltip.Arrow />\n {text}\n </Tooltip.Content>\n </Tooltip.Portal>\n </Tooltip.Root>\n );\n};\n\nexport type ViewType = 'editor' | 'split' | 'preview';\n\nexport type TemplateSelectProps = {\n templates?: Template[];\n onTemplateSelect?: (id: string) => void;\n};\n\nexport const TemplateSelect = ({ templates = [], onTemplateSelect }: TemplateSelectProps) => {\n return (\n <Select.Root value={''} onValueChange={onTemplateSelect}>\n <Select.TriggerButton />\n <Select.Portal>\n <Select.Content>\n <Select.Viewport>\n <Select.Option value={''}>Template</Select.Option>\n {templates.map(({ id, name }) => (\n <Select.Option key={id} value={id}>\n {name}\n </Select.Option>\n ))}\n </Select.Viewport>\n </Select.Content>\n </Select.Portal>\n </Select.Root>\n );\n};\n\nexport type ViewSelectorProps = {\n view?: ViewType;\n onViewChange?: (view: ViewType) => void;\n};\n\nexport const ViewSelector = ({ view, onViewChange }: ViewSelectorProps) => {\n return (\n <ToggleGroup type='single' value={view} onValueChange={(value) => onViewChange?.(value as ViewType)}>\n <ToggleGroupItem value='editor' classNames='bg-transparent text-subdued'>\n <Icon icon='ph--code--regular' size={4} />\n </ToggleGroupItem>\n <ToggleGroupItem value='split' classNames='bg-transparent text-subdued'>\n <Icon icon='ph--square-split-vertical--regular' size={4} />\n </ToggleGroupItem>\n <ToggleGroupItem value='preview' classNames='bg-transparent text-subdued'>\n <Icon icon='ph--eye--regular' size={4} />\n </ToggleGroupItem>\n </ToggleGroup>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { useThemeContext } from '@dxos/react-ui';\nimport {\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n editorFullWidth,\n editorGutter,\n editorMonospace,\n InputModeExtensions,\n useTextEditor,\n type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { nonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n id: string;\n env?: VirtualTypeScriptEnvironment;\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}: 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 editorGutter,\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 ? [tsFacet.of({ env, path: `/src/${id}.ts` }), tsSync(), tsLinter(), tsHover()] : [],\n InputModeExtensions.vscode,\n ],\n ].filter(nonNullable),\n selection,\n scrollTo,\n }),\n [id, initialValue, extensions, themeMode, selection, scrollTo],\n );\n\n return <div ref={parentRef} className={className} {...focusAttributes} />;\n};\n\nexport default TypescriptEditor;\n"],
5
- "mappings": "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",
6
- "names": ["React", "fullyQualifiedId", "useAttendableAttributes", "mx", "format", "prettierPluginEstree", "prettierPluginTypescript", "React", "useCallback", "useMemo", "useState", "log", "useClient", "create", "createDocAccessor", "Filter", "getMeta", "getSpace", "useQuery", "useIdentity", "useTranslation", "createDataExtensions", "listener", "mx", "React", "useEffect", "useRef", "useState", "log", "Avatar", "DensityProvider", "Icon", "Input", "Toolbar", "useControlledValue", "useTranslation", "SyntaxHighlighter", "mx", "DebugPanel", "classNames", "functionUrl", "binding", "_binding", "onBindingChange", "t", "useTranslation", "SCRIPT_PLUGIN", "bindingInputRef", "useRef", "setBinding", "useControlledValue", "handleBlur", "inputRef", "input", "setInput", "useState", "result", "setResult", "state", "setState", "history", "setHistory", "scrollerRef", "handleScroll", "current", "scrollTop", "scrollHeight", "controller", "useEffect", "handleStop", "abort", "undefined", "handleClear", "focus", "handleResponse", "text", "data", "error", "type", "handleRequest", "charAt", "validJsonString", "replace", "JSON", "parse", "stringify", "err", "setTimeout", "AbortController", "response", "fetch", "signal", "method", "body", "headers", "ok", "Error", "statusText", "String", "status", "contentType", "get", "json", "reader", "getReader", "pump", "done", "value", "TextDecoder", "decode", "read", "then", "catch", "name", "log", "DensityProvider", "density", "div", "className", "mx", "ref", "MessageThread", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "key", "toUpperCase", "onBlur", "Button", "onClick", "Icon", "icon", "size", "map", "message", "i", "RobotAvatar", "MessageItem", "length", "wrapper", "SyntaxHighlighter", "language", "Avatar", "variant", "Frame", "React", "useState", "DensityProvider", "ElevationProvider", "Icon", "Select", "ToggleGroup", "ToggleGroupItem", "Toolbar", "NaturalToolbar", "Tooltip", "useTranslation", "Toolbar", "classNames", "deployed", "error", "functionUrl", "view", "templates", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "t", "useTranslation", "SCRIPT_PLUGIN", "pending", "setPending", "useState", "handleCopyLink", "navigator", "clipboard", "writeText", "handleDeploy", "React", "DensityProvider", "density", "ElevationProvider", "elevation", "NaturalToolbar", "Root", "style", "contain", "TemplateSelect", "ToolbarIconButton", "icon", "text", "onClick", "div", "role", "className", "Tooltip", "Trigger", "Icon", "size", "Portal", "Content", "Arrow", "ViewSelector", "disabled", "asChild", "Button", "variant", "Select", "value", "onValueChange", "TriggerButton", "Viewport", "Option", "map", "id", "name", "key", "ToggleGroup", "type", "ToggleGroupItem", "javascript", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorGutter", "editorMonospace", "InputModeExtensions", "useTextEditor", "nonNullable", "TypescriptEditor", "id", "env", "className", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "editorGutter", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "of", "path", "tsSync", "tsLinter", "tsHover", "InputModeExtensions", "vscode", "filter", "nonNullable", "React", "div", "ref", "ScriptEditor", "classNames", "script", "env", "t", "useTranslation", "SCRIPT_PLUGIN", "client", "useClient", "identity", "useIdentity", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "extensions", "useMemo", "listener", "onChange", "text", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "view", "setView", "useState", "initialValue", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "error", "setError", "handleBindingChange", "useCallback", "binding", "handleFormat", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "handleTemplateChange", "template", "templates", "find", "name", "metaKeys", "keys", "oldPresetIndex", "findIndex", "key", "USERFUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "handleDeploy", "undefined", "existingFunctionId", "split", "at", "ownerDid", "publicKeyToDid", "identityKey", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "result", "functionId", "functionVersionNumber", "errorMessage", "uploadWorkerFunction", "clientConfig", "config", "halo", "Error", "info", "version", "deployedFunction", "db", "add", "create", "meta", "setUserFunctionUrlInMetadata", "functionUrl", "baseUrl", "URL", "values", "runtime", "services", "edge", "url", "relativeUrl", "replace", "toString", "searchParams", "set", "protocol", "React", "div", "role", "className", "mx", "Toolbar", "deployed", "Boolean", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "TypescriptEditor", "DebugPanel", "onBindingChange", "ScriptContainer", "script", "props", "attendableAttrs", "useAttendableAttributes", "fullyQualifiedId", "React", "div", "role", "className", "mx", "ScriptEditor"]
7
- }