@dxos/plugin-script 0.6.12-staging.e11e696 → 0.6.12
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.
- package/dist/lib/browser/{ScriptContainer-AGDWRBHJ.mjs → ScriptEditor-5Y3EROG3.mjs} +106 -258
- package/dist/lib/browser/ScriptEditor-5Y3EROG3.mjs.map +7 -0
- package/dist/lib/browser/TypescriptEditor-GPE72Y6I.mjs +9 -0
- package/dist/lib/browser/{chunk-G6FWCTGT.mjs → chunk-DL5XQRQM.mjs} +5 -7
- package/dist/lib/browser/chunk-DL5XQRQM.mjs.map +7 -0
- package/dist/lib/browser/{chunk-MDX7ACIK.mjs → chunk-JBACGDOJ.mjs} +6 -3
- package/dist/lib/browser/chunk-JBACGDOJ.mjs.map +7 -0
- package/dist/lib/browser/chunk-MRGOT5RF.mjs +78 -0
- package/dist/lib/browser/chunk-MRGOT5RF.mjs.map +7 -0
- package/dist/lib/browser/{chunk-CAEANETO.mjs → chunk-O4LWBX6A.mjs} +2 -2
- package/dist/lib/browser/{chunk-CAEANETO.mjs.map → chunk-O4LWBX6A.mjs.map} +2 -2
- package/dist/lib/browser/{chunk-G6H56WFS.mjs → chunk-RHEZ5LUU.mjs} +2 -51
- package/dist/lib/browser/{chunk-G6H56WFS.mjs.map → chunk-RHEZ5LUU.mjs.map} +4 -4
- package/dist/lib/browser/edge/index.mjs +1 -3
- package/dist/lib/browser/index.mjs +62 -80
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/meta.mjs +1 -1
- package/dist/lib/browser/types/index.mjs +2 -2
- package/dist/lib/node/ScriptEditor-YCUQFWQM.cjs +526 -0
- package/dist/lib/node/ScriptEditor-YCUQFWQM.cjs.map +7 -0
- package/dist/lib/node/{chunk-OJ77BZRH.cjs → TypescriptEditor-M3WWFIP2.cjs} +8 -19
- package/dist/lib/node/TypescriptEditor-M3WWFIP2.cjs.map +7 -0
- package/dist/lib/node/{chunk-ACLCRWDB.cjs → chunk-4GTXIELQ.cjs} +6 -44
- package/dist/lib/node/chunk-4GTXIELQ.cjs.map +7 -0
- package/dist/lib/node/chunk-4VMNBXWU.cjs +54 -0
- package/dist/lib/node/chunk-4VMNBXWU.cjs.map +7 -0
- package/dist/lib/node/{chunk-2PZKJXNP.cjs → chunk-5RBVXKXT.cjs} +6 -6
- package/dist/lib/node/{chunk-2PZKJXNP.cjs.map → chunk-5RBVXKXT.cjs.map} +2 -2
- package/dist/lib/node/chunk-IMLDKD5Y.cjs +111 -0
- package/dist/lib/node/chunk-IMLDKD5Y.cjs.map +7 -0
- package/dist/lib/node/{chunk-UZ3ZXEBF.cjs → chunk-PFH3ROEH.cjs} +8 -11
- package/dist/lib/node/chunk-PFH3ROEH.cjs.map +7 -0
- package/dist/lib/node/edge/index.cjs +8 -10
- package/dist/lib/node/edge/index.cjs.map +2 -2
- package/dist/lib/node/index.cjs +82 -95
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/meta.cjs +3 -3
- package/dist/lib/node/meta.cjs.map +1 -1
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/types/index.cjs +5 -5
- package/dist/lib/node/types/index.cjs.map +1 -1
- package/dist/types/src/ScriptPlugin.d.ts.map +1 -1
- package/dist/types/src/components/DebugPanel.d.ts.map +1 -0
- package/dist/types/src/components/{FrameContainer → ScriptBlock/FrameContainer}/FrameContainer.d.ts +1 -1
- package/dist/types/src/components/ScriptBlock/FrameContainer/FrameContainer.d.ts.map +1 -0
- package/dist/types/src/components/ScriptBlock/FrameContainer/frame.d.ts.map +1 -0
- package/dist/types/src/components/ScriptBlock/FrameContainer/index.d.ts.map +1 -0
- package/dist/types/src/components/ScriptBlock/ScriptBlock.d.ts +3 -1
- package/dist/types/src/components/ScriptBlock/ScriptBlock.d.ts.map +1 -1
- package/dist/types/src/components/ScriptBlock/ScriptBlock.stories.d.ts +1 -1
- package/dist/types/src/components/ScriptBlock/ScriptBlock.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScriptBlock/Splitter/Splitter.d.ts +15 -0
- package/dist/types/src/components/ScriptBlock/Splitter/Splitter.d.ts.map +1 -0
- package/dist/types/src/components/ScriptBlock/Splitter/Splitter.stories.d.ts +13 -0
- package/dist/types/src/components/ScriptBlock/Splitter/Splitter.stories.d.ts.map +1 -0
- package/dist/types/src/components/ScriptBlock/Splitter/index.d.ts +2 -0
- package/dist/types/src/components/ScriptBlock/Splitter/index.d.ts.map +1 -0
- package/dist/types/src/components/ScriptEditor.d.ts +5 -4
- package/dist/types/src/components/ScriptEditor.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar.d.ts +13 -0
- package/dist/types/src/components/Toolbar.d.ts.map +1 -0
- package/dist/types/src/components/Toolbar.stories.d.ts +14 -0
- package/dist/types/src/components/Toolbar.stories.d.ts.map +1 -0
- package/dist/types/src/components/{TypescriptEditor/TypescriptEditor.d.ts → TypescriptEditor.d.ts} +2 -1
- package/dist/types/src/components/TypescriptEditor.d.ts.map +1 -0
- package/dist/types/src/components/TypescriptEditor.stories.d.ts +10 -0
- package/dist/types/src/components/TypescriptEditor.stories.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +2 -2
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/edge/functions.d.ts +0 -1
- package/dist/types/src/edge/functions.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +4 -1
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +0 -2
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/script.d.ts +4 -4
- package/dist/types/src/types/types.d.ts +3 -4
- package/dist/types/src/types/types.d.ts.map +1 -1
- package/package.json +55 -61
- package/src/ScriptPlugin.tsx +38 -22
- package/src/bundler/bundler.test.ts +2 -12
- package/src/components/{DebugPanel/DebugPanel.tsx → DebugPanel.tsx} +41 -48
- package/src/components/{FrameContainer → ScriptBlock/FrameContainer}/FrameContainer.tsx +1 -1
- package/src/components/ScriptBlock/ScriptBlock.stories.tsx +3 -4
- package/src/components/ScriptBlock/ScriptBlock.tsx +36 -10
- package/src/components/ScriptBlock/Splitter/Splitter.stories.tsx +37 -0
- package/src/components/ScriptBlock/Splitter/Splitter.tsx +52 -0
- package/src/components/{Toolbar → ScriptBlock/Splitter}/index.ts +1 -1
- package/src/components/ScriptEditor.tsx +46 -47
- package/src/components/{Toolbar/Toolbar.stories.tsx → Toolbar.stories.tsx} +1 -10
- package/src/components/Toolbar.tsx +147 -0
- package/src/components/{TypescriptEditor/TypescriptEditor.stories.tsx → TypescriptEditor.stories.tsx} +28 -7
- package/src/components/{TypescriptEditor/TypescriptEditor.tsx → TypescriptEditor.tsx} +3 -1
- package/src/components/index.ts +2 -3
- package/src/edge/functions.ts +0 -1
- package/src/meta.tsx +6 -2
- package/src/translations.ts +0 -2
- package/src/types/types.ts +5 -9
- package/dist/lib/browser/ScriptContainer-AGDWRBHJ.mjs.map +0 -7
- package/dist/lib/browser/chunk-G6FWCTGT.mjs.map +0 -7
- package/dist/lib/browser/chunk-MDX7ACIK.mjs.map +0 -7
- package/dist/lib/node/ScriptContainer-5R3NWYKS.cjs +0 -668
- package/dist/lib/node/ScriptContainer-5R3NWYKS.cjs.map +0 -7
- package/dist/lib/node/chunk-ACLCRWDB.cjs.map +0 -7
- package/dist/lib/node/chunk-OJ77BZRH.cjs.map +0 -7
- package/dist/lib/node/chunk-UZ3ZXEBF.cjs.map +0 -7
- package/dist/lib/node-esm/ScriptContainer-ZY2XG3GH.mjs +0 -666
- package/dist/lib/node-esm/ScriptContainer-ZY2XG3GH.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-2NX3HWPM.mjs +0 -245
- package/dist/lib/node-esm/chunk-2NX3HWPM.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-7BZDZF7Z.mjs +0 -47
- package/dist/lib/node-esm/chunk-7BZDZF7Z.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-LDLNTVAK.mjs +0 -280
- package/dist/lib/node-esm/chunk-LDLNTVAK.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-TZ3Z4SII.mjs +0 -20
- package/dist/lib/node-esm/chunk-TZ3Z4SII.mjs.map +0 -7
- package/dist/lib/node-esm/edge/index.mjs +0 -22
- package/dist/lib/node-esm/index.mjs +0 -310
- package/dist/lib/node-esm/index.mjs.map +0 -7
- package/dist/lib/node-esm/meta.json +0 -1
- package/dist/lib/node-esm/meta.mjs +0 -10
- package/dist/lib/node-esm/meta.mjs.map +0 -7
- package/dist/lib/node-esm/types/index.mjs +0 -13
- package/dist/lib/node-esm/types/index.mjs.map +0 -7
- package/dist/types/src/components/DebugPanel/DebugPanel.d.ts.map +0 -1
- package/dist/types/src/components/DebugPanel/index.d.ts +0 -2
- package/dist/types/src/components/DebugPanel/index.d.ts.map +0 -1
- package/dist/types/src/components/FrameContainer/FrameContainer.d.ts.map +0 -1
- package/dist/types/src/components/FrameContainer/frame.d.ts.map +0 -1
- package/dist/types/src/components/FrameContainer/index.d.ts.map +0 -1
- package/dist/types/src/components/ScriptContainer.d.ts +0 -5
- package/dist/types/src/components/ScriptContainer.d.ts.map +0 -1
- package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts +0 -6
- package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts.map +0 -1
- package/dist/types/src/components/ScriptSettings/index.d.ts +0 -2
- package/dist/types/src/components/ScriptSettings/index.d.ts.map +0 -1
- package/dist/types/src/components/Toolbar/Toolbar.d.ts +0 -23
- package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +0 -1
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts +0 -17
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +0 -1
- package/dist/types/src/components/Toolbar/index.d.ts +0 -2
- package/dist/types/src/components/Toolbar/index.d.ts.map +0 -1
- package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts.map +0 -1
- package/dist/types/src/components/TypescriptEditor/TypescriptEditor.stories.d.ts +0 -10
- package/dist/types/src/components/TypescriptEditor/TypescriptEditor.stories.d.ts.map +0 -1
- package/dist/types/src/components/TypescriptEditor/index.d.ts +0 -2
- package/dist/types/src/components/TypescriptEditor/index.d.ts.map +0 -1
- package/dist/types/src/templates/chat.d.ts +0 -6
- package/dist/types/src/templates/chat.d.ts.map +0 -1
- package/dist/types/src/templates/chess.d.ts +0 -6
- package/dist/types/src/templates/chess.d.ts.map +0 -1
- package/dist/types/src/templates/echo.d.ts +0 -6
- package/dist/types/src/templates/echo.d.ts.map +0 -1
- package/dist/types/src/templates/email.d.ts +0 -6
- package/dist/types/src/templates/email.d.ts.map +0 -1
- package/dist/types/src/templates/forex.d.ts +0 -6
- package/dist/types/src/templates/forex.d.ts.map +0 -1
- package/dist/types/src/templates.d.ts +0 -8
- package/dist/types/src/templates.d.ts.map +0 -1
- package/src/components/DebugPanel/index.ts +0 -5
- package/src/components/ScriptContainer.tsx +0 -22
- package/src/components/ScriptSettings/ScriptSettings.tsx +0 -47
- package/src/components/ScriptSettings/index.ts +0 -5
- package/src/components/Toolbar/Toolbar.tsx +0 -180
- package/src/components/TypescriptEditor/index.ts +0 -5
- package/src/templates/chat.ts +0 -102
- package/src/templates/chess.ts +0 -41
- package/src/templates/echo.ts +0 -15
- package/src/templates/email.ts +0 -38
- package/src/templates/forex.ts +0 -21
- package/src/templates.ts +0 -54
- /package/dist/lib/{node-esm/edge/index.mjs.map → browser/TypescriptEditor-GPE72Y6I.mjs.map} +0 -0
- /package/dist/types/src/components/{DebugPanel/DebugPanel.d.ts → DebugPanel.d.ts} +0 -0
- /package/dist/types/src/components/{FrameContainer → ScriptBlock/FrameContainer}/frame.d.ts +0 -0
- /package/dist/types/src/components/{FrameContainer → ScriptBlock/FrameContainer}/index.d.ts +0 -0
- /package/src/components/{FrameContainer → ScriptBlock/FrameContainer}/frame.html +0 -0
- /package/src/components/{FrameContainer → ScriptBlock/FrameContainer}/frame.tsx +0 -0
- /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 {
|
|
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
|
|
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 {
|
|
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 =
|
|
41
|
+
export type ScriptEditorProps = {
|
|
35
42
|
script: ScriptType;
|
|
36
|
-
|
|
37
|
-
|
|
43
|
+
role?: string;
|
|
44
|
+
} & Pick<TypescriptEditorProps, 'env'>;
|
|
38
45
|
|
|
39
|
-
export const ScriptEditor = ({
|
|
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 [
|
|
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({
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
181
|
-
templates={templates}
|
|
189
|
+
showPanel={showPanel}
|
|
182
190
|
onDeploy={handleDeploy}
|
|
183
191
|
onFormat={handleFormat}
|
|
184
|
-
|
|
185
|
-
onTemplateSelect={handleTemplateChange}
|
|
192
|
+
onTogglePanel={async () => setShowPanel((showDetails) => !showDetails)}
|
|
186
193
|
/>
|
|
187
194
|
|
|
188
|
-
{
|
|
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
|
+
};
|
|
@@ -10,24 +10,45 @@ 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):
|
|
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
|
-
|
|
22
|
-
|
|
23
|
-
//
|
|
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(() => createEchoObject({ content:
|
|
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
|
-
|
|
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
|
|
52
|
+
scrollPastEnd,
|
|
51
53
|
}),
|
|
52
54
|
createThemeExtensions({
|
|
53
55
|
themeMode,
|
package/src/components/index.ts
CHANGED
|
@@ -4,6 +4,5 @@
|
|
|
4
4
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
|
|
7
|
-
export
|
|
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'));
|
package/src/edge/functions.ts
CHANGED
|
@@ -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
CHANGED
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
// Copyright 2023 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
+
import { Code, type IconProps } from '@phosphor-icons/react';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
|
|
5
8
|
import { pluginMeta } from '@dxos/app-framework';
|
|
6
9
|
|
|
7
10
|
export const SCRIPT_PLUGIN = 'dxos.org/plugin/script';
|
|
@@ -9,7 +12,8 @@ export const SCRIPT_PLUGIN = 'dxos.org/plugin/script';
|
|
|
9
12
|
export default pluginMeta({
|
|
10
13
|
id: SCRIPT_PLUGIN,
|
|
11
14
|
name: 'Scripts',
|
|
12
|
-
description: '
|
|
15
|
+
description: 'Live code notebooks.',
|
|
13
16
|
tags: ['experimental'],
|
|
14
|
-
|
|
17
|
+
iconComponent: (props: IconProps) => <Code {...props} />,
|
|
18
|
+
iconSymbol: 'ph--code--regular',
|
|
15
19
|
});
|
package/src/translations.ts
CHANGED
|
@@ -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
|
},
|
package/src/types/types.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
-
|
|
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": ";;;;;;;;;;;;;;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,wBAAwB;AACjC,SAASC,+BAA+B;AACxC,SAASC,MAAAA,WAAU;;;ACHnB,SAASC,cAAc;AACvB,OAAOC,0BAA0B;AACjC,OAAOC,8BAA8B;AACrC,OAAOC,UAASC,aAAaC,SAASC,YAAAA,iBAAgB;AAEtD,SAASC,OAAAA,YAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,mBAAmBC,QAAQC,SAASC,UAAUC,gBAAgB;AAC/E,SAASC,mBAAmB;AAC5B,SAASC,kBAAAA,uBAA4C;AACrD,SAASC,sBAAsBC,gBAAgB;AAC/C,SAASC,MAAAA,WAAU;;;ACZnB,OAAOC,SAASC,WAAWC,QAAQC,gBAAgB;AAEnD,SAASC,WAAW;AACpB,SACEC,QACAC,iBACAC,MACAC,OAEAC,SACAC,oBACAC,sBACK;AACP,SAASC,yBAAyB;AAClC,SAASC,UAAU;;AAiBZ,IAAMC,aAAa,CAAC,EAAEC,YAAYC,aAAaC,SAASC,UAAUC,gBAAe,MAAmB;AACzG,QAAM,EAAEC,EAAC,IAAKC,eAAeC,aAAAA;AAE7B,QAAMC,kBAAkBC,OAAyB,IAAA;AACjD,QAAM,CAACP,SAASQ,UAAAA,IAAcC,mBAAmBR,YAAY,EAAA;AAC7D,QAAMS,aAAa,MAAA;AACjBR,sBAAkBF,OAAAA;EACpB;AAEA,QAAMW,WAAWJ,OAAyB,IAAA;AAC1C,QAAM,CAACK,OAAOC,QAAAA,IAAYC,SAAS,EAAA;AACnC,QAAM,CAACC,QAAQC,SAAAA,IAAaF,SAAS,EAAA;AACrC,QAAM,CAACG,OAAOC,QAAAA,IAAYJ,SAAuB,IAAA;AAGjD,QAAM,CAACK,SAASC,UAAAA,IAAcN,SAAoB,CAAA,CAAE;AAEpD,QAAMO,cAAcd,OAAuB,IAAA;AAC3C,QAAMe,eAAe,MAAA;AACnB,QAAID,YAAYE,SAAS;AACvBF,kBAAYE,QAAQC,YAAYH,YAAYE,QAAQE;IACtD;EACF;AAEA,QAAMC,aAAanB,OAAAA;AACnBoB,YAAU,MAAA;AACR,WAAO,MAAA;AACLC,iBAAAA;IACF;EACF,GAAG,CAAA,CAAE;AAEL,QAAMA,aAAa,MAAA;AACjBF,eAAWH,SAASM,MAAM,MAAA;AAC1BH,eAAWH,UAAUO;EACvB;AAEA,QAAMC,cAAc,MAAA;AAClBH,eAAAA;AACAf,aAAS,EAAA;AACTG,cAAU,EAAA;AACVI,eAAW,CAAA,CAAE;AACbT,aAASY,SAASS,MAAAA;EACpB;AAEA,QAAMC,iBAAiB,CAAC,EAAEC,MAAMC,MAAMC,MAAK,IAAmD,CAAC,MAAC;AAC9FV,eAAWH,UAAUO;AACrBV,eAAW,CAACD,aAAY;SAAIA;MAAS;QAAEkB,MAAM;QAAYH;QAAMC;QAAMC;MAAM;KAAoB;AAC/FpB,cAAU,EAAA;AACVE,aAAS,IAAA;AACTI,iBAAAA;EACF;AAEA,QAAMgB,gBAAgB,OAAO1B,WAAAA;AAE3B,QAAI;AACFM,eAAS,SAAA;AAET,UAAIiB,OAAO;AAEX,UAAIvB,OAAM2B,OAAO,CAAA,MAAO,KAAK;AAC3B,YAAI;AACF,gBAAMC,kBAAkB5B,OAAM6B,QAAQ,MAAM,GAAA,EAAKA,QAAQ,mCAAmC,UAAA;AAC5FN,iBAAOO,KAAKC,MAAMH,eAAAA;AAClB5B,UAAAA,SAAQ8B,KAAKE,UAAUT,MAAM,MAAM,CAAA;QACrC,SAASU,KAAK;AACZlC,mBAASY,SAASS,MAAAA;AAClB;QACF;MACF;AAEAnB,eAAS,EAAA;AACTG,gBAAU,EAAA;AACVI,iBAAW,CAACD,aAAY;WAAIA;QAAS;UAAEkB,MAAM;UAAWH,MAAMtB;QAAM;OAAE;AACtEkC,iBAAW,MAAA;AACTxB,qBAAAA;MACF,CAAA;AAGAI,iBAAWH,UAAU,IAAIwB,gBAAAA;AACzB,YAAMC,WAAW,MAAMC,MAAMlD,aAAc;QACzCmD,QAAQxB,WAAWH,QAAQ2B;QAC3BC,QAAQ;QACRC,MAAMxC;QACNyC,SAAS;UACP,gBAAgBlB,OAAO,qBAAqB;QAC9C;MACF,CAAA;AAGA,UAAI,CAACa,SAASM,IAAI;AAChB,cAAMpB,QAAO,MAAMc,SAASd,KAAI;AAChCD,uBAAe;UAAEG,OAAO,IAAImB,MAAMrB,SAAQc,SAASQ,cAAcC,OAAOT,SAASU,MAAM,CAAA;QAAG,CAAA;AAC1F;MACF;AAGA,YAAMC,cAAcX,SAASK,QAAQO,IAAI,cAAA;AACzC,UAAID,gBAAgB,oBAAoB;AACtC,cAAMxB,QAAO,MAAMa,SAASa,KAAI;AAChC5B,uBAAe;UAAEE,MAAAA;QAAK,CAAA;AACtB;MACF;AAGAjB,eAAS,YAAA;AACT,UAAIgB,OAAO;AACX,YAAM4B,SAASd,SAASI,KAAMW,UAAS;AACvC,YAAMC,OAAO,OAAO,EAAEC,MAAMC,MAAK,MAAwC;AACvEhC,eAAOA,OAAO,IAAIiC,YAAAA,EAAcC,OAAOF,KAAAA;AACvC,YAAI,CAACxC,WAAWH,WAAW0C,MAAM;AAC/BhC,yBAAe;YAAEC;UAAK,CAAA;AACtB;QACF;AAEAlB,kBAAUkB,IAAAA;AACVY,mBAAW,MAAA;AACTxB,uBAAAA;QACF,CAAA;AAEA,eAAOwC,OAAOO,KAAI,EAAGC,KAAKN,IAAAA;MAC5B;AAEA,WAAKF,OACFO,KAAI,EACJC,KAAKN,IAAAA,EACLO,MAAM,CAAC1B,QAAAA;AACN,YAAIA,IAAI2B,SAAS,cAAc;AAC7BC,cAAIF,MAAM1B,KAAAA,QAAAA;;;;;;QACZ;MACF,CAAA;IACJ,SAASA,KAAU;AACjB,UAAIA,QAAQ,QAAQ;AAClB,cAAMT,QAAQS,eAAeU,QAAQV,MAAM,IAAIU,MAAMV,GAAAA;AACrDZ,uBAAe;UAAEG;QAAM,CAAA;AACvBqC,YAAIF,MAAM1B,KAAAA,QAAAA;;;;;;MACZ,OAAO;AACLZ,uBAAAA;MACF;IACF;EACF;AAEA,SACE,sBAAA,cAACyC,iBAAAA;IAAgBC,SAAQ;KACvB,sBAAA,cAACC,OAAAA;IAAIC,WAAWC,GAAG,wCAAwChF,UAAAA;KAEzD,sBAAA,cAAC8E,OAAAA;IAAIG,KAAK1D;IAAawD,WAAU;KAC/B,sBAAA,cAACG,eAAAA;IAAc/D;IAAcF;IAAgBI;OAG/C,sBAAA,cAAC8D,QAAQC,MAAI;IAACpF,YAAW;KACvB,sBAAA,cAACqF,MAAMD,MAAI,MACT,sBAAA,cAACC,MAAMC,WAAS;IACdL,KAAKpE;IACL0E,WAAAA;IACAC,aAAanF,EAAE,8BAAA;IACf+D,OAAOtD;IACP2E,UAAU,CAACC,OAAO3E,SAAS2E,GAAGC,OAAOvB,KAAK;IAC1CwB,WAAW,CAACF,OAAOA,GAAGG,QAAQ,WAAWrD,cAAc1B,KAAAA;OAG3D,sBAAA,cAACuE,MAAMD,MAAI,MACT,sBAAA,cAACC,MAAMC,WAAS;IACdL,KAAKzE;IACLR,YAAW;IACXwF,aAAanF,EAAE,qBAAA;IACf+D,OAAOlE;IACPuF,UAAU,CAACC,OAAOhF,WAAWgF,GAAGC,OAAOvB,MAAM0B,YAAW,CAAA;IACxDC,QAAQnF;OAGZ,sBAAA,cAACuE,QAAQa,QAAM;IAACC,SAAS,MAAMzD,cAAc1B,KAAAA;KAC3C,sBAAA,cAACoF,MAAAA;IAAKC,MAAK;IAAoBC,MAAM;OAEvC,sBAAA,cAACjB,QAAQa,QAAM;IAACC,SAAS,MAAO9E,QAAQW,WAAAA,IAAeG,YAAAA;KACrD,sBAAA,cAACiE,MAAAA;IAAKC,MAAMhF,QAAQ,sBAAsB;IAAsBiF,MAAM;;AAMlF;AAKA,IAAMlB,gBAAgB,CAAC,EAAE/D,OAAOF,QAAQI,QAAO,MAA+D;AAC5G,SACE,sBAAA,cAAA,MAAA,UAAA,MACGA,QAAQgF,IAAI,CAACC,SAASC,MACrB,sBAAA,cAACzB,OAAAA;IAAIe,KAAKU;IAAGxB,WAAU;KACrB,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KAAOuB,QAAQ/D,SAAS,cAAc,sBAAA,cAACiE,aAAAA,IAAAA,CAAAA,GACtD,sBAAA,cAAC1B,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAAC0B,aAAAA;IAAYH;SAIlBrF,QAAQyF,SAAS,KAChB,sBAAA,cAAC5B,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACD,OAAAA;IAAIC,WAAU;KACX5D,UAAU,aAAa,sBAAA,cAAC+E,MAAAA;IAAKC,MAAK;IAAuBC,MAAM;IAAGpG,YAAW;QAC7E,sBAAA,cAACkG,MAAAA;IAAKC,MAAK;IAAqBC,MAAM;IAAGpG,YAAW;OAGxD,sBAAA,cAAC8E,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAAC0B,aAAAA;IAAYH,SAAS;MAAE/D,MAAM;MAAYH,MAAMnB;IAAO;;AAMnE;AAEA,IAAMwF,cAAc,CAAC,EAAEzG,YAAYsG,QAAO,MAAyC;AACjF,QAAM,EAAE/D,MAAMH,MAAMC,MAAMC,MAAK,IAAKgE;AACpC,QAAMK,UAAU;AAChB,SACE,sBAAA,cAAC7B,OAAAA;IAAIC,WAAWC,GAAG,QAAQzC,SAAS,YAAY,0BAA0B,aAAavC,UAAAA;KACpFsC,SAAS,sBAAA,cAACwC,OAAAA;IAAIC,WAAWC,GAAG2B,SAAS,2BAAA;KAA+BhD,OAAOrB,KAAAA,CAAAA,GAE3EF,SAASJ,UACR,sBAAA,cAAC8C,OAAAA;IAAIC,WAAWC,GAAG2B,SAASpE,SAAS,aAAa,oCAAA;KAC/CH,QAAQ,MAAA,GAIZC,QACC,sBAAA,cAACuE,mBAAAA;IAAkBC,UAAS;IAAO9B,WAAWC,GAAG2B,SAAS,mBAAA;KACvD/D,KAAKE,UAAUT,MAAM,MAAM,CAAA,CAAA,CAAA;AAKtC;AAEA,IAAMmE,cAAc,MAClB,sBAAA,cAACM,OAAO1B,MAAI;EAACgB,MAAM;EAAGW,SAAQ;GAC5B,sBAAA,cAACD,OAAOE,OAAK,MACX,sBAAA,cAACF,OAAOZ,MAAI;EAACC,MAAK;;;;AC5QxB,OAAOc,UAASC,YAAAA,iBAAgB;AAEhC,SACEC,mBAAAA,kBACAC,mBACAC,QAAAA,OACAC,QAEAC,aACAC,iBAEAC,WAAWC,gBACXC,SACAC,kBAAAA,uBACK;AAgBA,IAAMC,WAAU,CAAC,EACtBC,YACAC,UACAC,OACAC,aACAC,MACAC,WAAAA,YACAC,UACAC,UACAC,cACAC,iBAAgB,MACH;AACb,QAAM,EAAEC,EAAC,IAAKC,gBAAeC,aAAAA;AAC7B,QAAM,CAACC,SAASC,UAAAA,IAAcC,UAAS,KAAA;AAEvC,QAAMC,iBAAiB,YAAA;AACrB,QAAI,CAACb,aAAa;AAChB;IACF;AAEA,UAAMc,UAAUC,UAAUC,UAAUhB,WAAAA;EACtC;AAEA,QAAMiB,eAAe,YAAA;AACnB,QAAI,CAACP,SAAS;AACZC,iBAAW,IAAA;AACX,YAAMR,WAAAA;AACNQ,iBAAW,KAAA;IACb;EACF;AAGA,SACE,gBAAAO,OAAA,cAACC,kBAAAA;IAAgBC,SAAQ;KACvB,gBAAAF,OAAA,cAACG,mBAAAA;IAAkBC,WAAU;KAC3B,gBAAAJ,OAAA,cAACK,eAAeC,MAAI;IAAC3B,YAAY;MAAC;MAAOA;;IAAa4B,OAAO;MAAEC,SAAS;IAAS;KAC9ExB,cAAa,gBAAAgB,OAAA,cAACS,gBAAAA;IAAezB,WAAWA;IAAWI;MACnDF,YAAY,gBAAAc,OAAA,cAACU,mBAAAA;IAAkBC,MAAK;IAA0BC,MAAMvB,EAAE,cAAA;IAAiBwB,SAAS3B;MAEjG,gBAAAc,OAAA,cAACc,OAAAA;IAAIC,MAAK;IAAYC,WAAU;MAE/BnC,QACC,gBAAAmB,OAAA,cAACiB,QAAQX,MAAI,MACX,gBAAAN,OAAA,cAACiB,QAAQC,SAAO,MACd,gBAAAlB,OAAA,cAACmB,OAAAA;IAAKR,MAAK;IAA8BS,MAAM;OAEjD,gBAAApB,OAAA,cAACiB,QAAQI,QAAM,MACb,gBAAArB,OAAA,cAACiB,QAAQK,SAAO,MACd,gBAAAtB,OAAA,cAACiB,QAAQM,OAAK,IAAA,GACb1C,KAAAA,CAAAA,CAAAA,IAIL,MAEHC,eAAeF,YACd,gBAAAoB,OAAA,cAACU,mBAAAA;IAAkBC,MAAK;IAAoBC,MAAMvB,EAAE,iBAAA;IAAoBwB,SAASlB;MAGlFV,YACC,gBAAAe,OAAA,cAACU,mBAAAA;IACCC,MAAMnB,UAAU,6BAA6B;IAC7Cb,YAAY;MAACa,WAAW;;IACxBoB,MAAMpB,UAAUH,EAAE,eAAA,IAAmBA,EAAE,cAAA;IACvCwB,SAASd;MAIb,gBAAAC,OAAA,cAACwB,cAAAA;IAAazC;IAAYI;;AAKpC;AAEA,IAAMuB,oBAAoB,CAAC,EACzBC,MACAC,MACAjC,YACA8C,UACAZ,QAAO,MAC0F;AACjG,SACE,gBAAAb,OAAA,cAACiB,QAAQX,MAAI,MACX,gBAAAN,OAAA,cAACiB,QAAQC,SAAO;IAACQ,SAAAA;KACf,gBAAA1B,OAAA,cAACK,eAAesB,QAAM;IAACC,SAAQ;IAAQH;IAAoBZ;KACzD,gBAAAb,OAAA,cAACmB,OAAAA;IAAKR;IAAYS,MAAM;IAAGzC;QAG/B,gBAAAqB,OAAA,cAACiB,QAAQI,QAAM,MACb,gBAAArB,OAAA,cAACiB,QAAQK,SAAO,MACd,gBAAAtB,OAAA,cAACiB,QAAQM,OAAK,IAAA,GACbX,IAAAA,CAAAA,CAAAA;AAKX;AASO,IAAMH,iBAAiB,CAAC,EAAEzB,WAAAA,aAAY,CAAA,GAAII,iBAAgB,MAAuB;AACtF,SACE,gBAAAY,OAAA,cAAC6B,OAAOvB,MAAI;IAACwB,OAAO;IAAIC,eAAe3C;KACrC,gBAAAY,OAAA,cAAC6B,OAAOG,eAAa,IAAA,GACrB,gBAAAhC,OAAA,cAAC6B,OAAOR,QAAM,MACZ,gBAAArB,OAAA,cAAC6B,OAAOP,SAAO,MACb,gBAAAtB,OAAA,cAAC6B,OAAOI,UAAQ,MACd,gBAAAjC,OAAA,cAAC6B,OAAOK,QAAM;IAACJ,OAAO;KAAI,UAAA,GACzB9C,WAAUmD,IAAI,CAAC,EAAEC,IAAIC,KAAI,MACxB,gBAAArC,OAAA,cAAC6B,OAAOK,QAAM;IAACI,KAAKF;IAAIN,OAAOM;KAC5BC,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAQjB;AAOO,IAAMb,eAAe,CAAC,EAAEzC,MAAMI,aAAY,MAAqB;AACpE,SACE,gBAAAa,OAAA,cAACuC,aAAAA;IAAYC,MAAK;IAASV,OAAO/C;IAAMgD,eAAe,CAACD,UAAU3C,eAAe2C,KAAAA;KAC/E,gBAAA9B,OAAA,cAACyC,iBAAAA;IAAgBX,OAAM;IAASnD,YAAW;KACzC,gBAAAqB,OAAA,cAACmB,OAAAA;IAAKR,MAAK;IAAoBS,MAAM;OAEvC,gBAAApB,OAAA,cAACyC,iBAAAA;IAAgBX,OAAM;IAAQnD,YAAW;KACxC,gBAAAqB,OAAA,cAACmB,OAAAA;IAAKR,MAAK;IAAqCS,MAAM;OAExD,gBAAApB,OAAA,cAACyC,iBAAAA;IAAgBX,OAAM;IAAUnD,YAAW;KAC1C,gBAAAqB,OAAA,cAACmB,OAAAA;IAAKR,MAAK;IAAmBS,MAAM;;AAI5C;;;AC/KA,SAASsB,kBAAkB;AAE3B,SAASC,QAAQC,SAASC,UAAUC,gBAAgBC,eAAe;AACnE,OAAOC,YAAW;AAElB,SAASC,uBAAuB;AAChC,SACEC,cACAC,uBACAC,uBACAC,iBACAC,cACAC,iBACAC,qBACAC,qBAEK;AACP,SAASC,mBAAmB;AAOrB,IAAMC,mBAAmB,CAAC,EAC/BC,IACAC,KACAC,WACAC,cACAC,YACAC,UACAC,UAAS,MACa;AACtB,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLX;IACAG;IACAC,YAAY;MACVA;MACAQ,sBAAsB;QACpBC,qBAAqB;QACrBC,eAAe;QACfC,aAAa;QACbC,cAAc;QACdC,eAAe;MACjB,CAAA;MACAC,sBAAsB;QACpBX;QACAY,oBAAoB;QACpBC,OAAO;UACLC,SAAS;YAAEnB,WAAWoB;UAAgB;QACxC;MACF,CAAA;MACAC;;MAEA;QACEC;QACAC,WAAW;UAAEC,YAAY;QAAK,CAAA;;QAE9BC,aAAa;UAAEC,UAAU3B,MAAM;YAAC4B,eAAAA;cAAoB,CAAA;QAAG,CAAA;QACvD5B,MAAM;UAAC6B,QAAQC,GAAG;YAAE9B;YAAK+B,MAAM,QAAQhC,EAAAA;UAAQ,CAAA;UAAIiC,OAAAA;UAAUC,SAAAA;UAAYC,QAAAA;YAAa,CAAA;QACtFC,oBAAoBC;;MAEtBC,OAAOC,WAAAA;IACTjC;IACAD;EACF,IACA;IAACL;IAAIG;IAAcC;IAAYG;IAAWD;IAAWD;GAAS;AAGhE,SAAO,gBAAAmC,OAAA,cAACC,OAAAA;IAAIC,KAAKjC;IAAWP;IAAuB,GAAGQ;;AACxD;;;;AHtCO,IAAMiC,eAAe,CAAC,EAAEC,YAAYC,QAAQC,IAAG,MAAqB;AACzE,QAAM,EAAEC,EAAC,IAAKC,gBAAeC,aAAAA;AAC7B,QAAMC,SAASC,UAAAA;AACf,QAAMC,WAAWC,YAAAA;AACjB,QAAMC,QAAQC,SAASV,MAAAA;AACvB,QAAM,CAACW,EAAAA,IAAMC,SACXH,OACAI,OAAOC,OAAOC,cAAc,CAACJ,QAAOA,IAAGK,WAAWhB,MAAAA,CAAAA;AAGpD,QAAMiB,aAAaC,QACjB,MAAM;IACJC,SAAS;MACPC,UAAU,CAACC,SAAAA;AACT,YAAIrB,OAAOgB,UAAUhB,OAAOgB,QAAQM,YAAYD,MAAM;AACpDrB,iBAAOuB,UAAU;QACnB;MACF;IACF,CAAA;IACAC,qBAAqB;MACnBC,IAAIzB,OAAOyB;MACXJ,MAAMrB,OAAOgB,UAAUU,kBAAkB1B,OAAOgB,QAAQ;QAAC;OAAU;MACnEP;MACAF;IACF,CAAA;KAEF;IAACP;IAAQA,OAAOgB;IAAQP;IAAOF;GAAS;AAG1C,QAAM,CAACoB,MAAMC,OAAAA,IAAWC,UAAmB,QAAA;AAC3C,QAAMC,eAAeZ,QAAQ,MAAMlB,OAAOgB,QAAQM,SAAS;IAACtB,OAAOgB;GAAO;AAC1E,QAAMe,sBAAsBpB,MAAMqB,6BAA6BC,QAAQtB,EAAAA,CAAAA;AACvE,QAAM,CAACuB,OAAOC,QAAAA,IAAYN,UAAAA;AAE1B,QAAMO,sBAAsBC,YAC1B,CAACC,YAAAA;AACC3B,OAAG2B,UAAUA;EACf,GACA;IAAC3B;GAAG;AAGN,QAAM4B,eAAeF,YAAY,YAAA;AAC/B,QAAI,CAACrC,OAAOgB,QAAQ;AAClB;IACF;AAEA,QAAI;AACFhB,aAAOgB,OAAOM,UAAU,MAAMkB,OAAOxC,OAAOgB,OAAOM,SAAS;QAC1DmB,QAAQ;QACRC,SAAS;UAACC;UAAsBC;;QAChCC,MAAM;QACNC,aAAa;MACf,CAAA;IACF,SAASC,KAAU;AAEjBC,MAAAA,KAAIC,MAAMF,KAAAA,QAAAA;;;;;;IACZ;EACF,GAAG;IAAC/C,OAAOgB;GAAO;AAElB,QAAMkC,uBAAgE,CAACzB,OAAAA;AACrE,UAAM0B,WAAWC,UAAUC,KAAK,CAACF,cAAaA,UAAS1B,OAAOA,EAAAA;AAC9D,QAAI0B,UAAU;AACZnD,aAAOsD,OAAOH,SAASG;AACvBtD,aAAOgB,OAAQM,UAAU6B,SAASnC;AAClC,YAAMuC,WAAWtB,QAAQjC,MAAAA,EAAQwD;AACjC,YAAMC,iBAAiBF,SAASG,UAAU,CAACC,QAAQA,IAAI3C,WAAW4C,6BAAAA;AAClE,UAAIH,kBAAkB,GAAG;AACvBF,iBAASM,OAAOJ,gBAAgB,CAAA;MAClC;AACA,UAAIN,SAASW,UAAU;AACrBP,iBAASQ,KAAK;UAAE/C,QAAQ4C;UAA+BnC,IAAI0B,SAASW;QAAS,CAAA;MAC/E;IACF;EACF;AAEA,QAAME,eAAe3B,YAAY,YAAA;AAC/B,QAAI,CAACrC,OAAOgB,UAAU,CAACT,YAAY,CAACE,OAAO;AACzC;IACF;AAEA0B,aAAS8B,MAAAA;AAET,QAAI;AACF,YAAMC,qBAAqBnC,qBAAqBoC,MAAM,GAAA,EAAKC,GAAG,EAAC;AAC/D,YAAMC,WAAYtC,qBAAqBoC,MAAM,GAAA,EAAKC,GAAG,EAAC,KAAcE,eAAe/D,SAASgE,WAAW;AAEvG,YAAMC,UAAU,IAAIC,QAAQ;QAAEC,UAAU;QAAWC,kBAAkB,CAAA;QAAIC,eAAe,CAAC;MAAE,CAAA;AAC3F,YAAMC,cAAc,MAAML,QAAQM,OAAO9E,OAAOgB,OAAOM,OAAO;AAC9D,UAAIuD,YAAY3C,SAAS,CAAC2C,YAAYC,QAAQ;AAC5C,cAAMD,YAAY3C;MACpB;AAEA,YAAM,EAAE6C,QAAQC,YAAYC,uBAAuBC,aAAY,IAAK,MAAMC,qBAAqB;QAC7FC,cAAc/E,OAAOgF;QACrBC,MAAMjF,OAAOiF;QACbjB;QACAW,YAAYd;QACZlD,QAAQ6D,YAAYC;MACtB,CAAA;AACA,UAAIC,WAAW,aAAaC,eAAef,UAAagB,0BAA0BhB,QAAW;AAC3F,cAAM,IAAIsB,MAAML,YAAAA;MAClB;AAEAlC,MAAAA,KAAIwC,KAAK,qBAAqB;QAAER;QAAYC;MAAsB,GAAA;;;;;;AAClE,UAAItE,IAAI;AACNA,WAAG8E,UAAUR;MACf;AAEA,YAAMS,mBACJ/E,MAAMF,MAAMkF,GAAGC,IAAIC,OAAO9E,cAAc;QAAE0E,SAASR;QAAuBjE,QAAQhB;MAAO,CAAA,CAAA;AAC3F,YAAM8F,OAAO7D,QAAQyD,gBAAAA;AACrB1F,aAAOuB,UAAU;AACjBwE,mCAA6BD,MAAM,IAAIzB,QAAAA,IAAYW,UAAAA,EAAY;AAC/DpD,cAAQ,OAAA;IACV,SAASmB,KAAU;AACjBC,MAAAA,KAAIC,MAAMF,KAAAA,QAAAA;;;;;;AACVZ,eAASjC,EAAE,qBAAA,CAAA;IACb;EACF,GAAG;IAACS;IAAIoB;IAAqB/B;IAAQA,OAAOsD;IAAMtD,OAAOgB;GAAO;AAEhE,QAAMgF,cAAc9E,QAAQ,MAAA;AAC1B,QAAI,CAACa,qBAAqB;AACxB;IACF;AAEA,UAAMkE,UAAU,IAAIC,IAAI,cAAc7F,OAAOgF,OAAOc,OAAOC,SAASC,UAAUC,MAAMC,GAAAA;AAGpF,UAAMC,cAAczE,oBAAoB0E,QAAQ,OAAO,EAAA;AACvD,UAAMF,MAAM,IAAIL,IAAI,KAAKM,WAAAA,IAAeP,QAAQS,SAAQ,CAAA;AACxDjG,aAAS8F,IAAII,aAAaC,IAAI,WAAWnG,MAAMgB,EAAE;AACjD8E,QAAIM,WAAW;AACf,WAAON,IAAIG,SAAQ;EACrB,GAAG;IAAC3E;IAAqBtB;GAAM;AAE/B,SACE,gBAAAqG,OAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWC,IAAG,kEAAkEnH,UAAAA;KAC/F,gBAAA+G,OAAA,cAACK,UAAAA;IACCC,UAAUC,QAAQtF,mBAAAA,KAAwB,CAAC/B,OAAOuB;IAClDyE;IACA9D;IACAP;IACAyB;IACAkE,UAAUtD;IACVuD,UAAUhF;IACViF,cAAc5F;IACd6F,kBAAkBvE;MAGnBvB,SAAS,aACR,gBAAAmF,OAAA,cAACY,kBAAAA;IACCjG,IAAIzB,OAAOyB;IACXxB;IACA6B;IACAb;IACAgG,WAAU;MAIbtF,SAAS,YACR,gBAAAmF,OAAA,cAACa,YAAAA;IAAW3B;IAA0B1D,SAAS3B,IAAI2B;IAASsF,iBAAiBxF;;AAIrF;;;AD9LA,IAAMyF,kBAAkB,CAAC,EAAEC,QAAQ,GAAGC,MAAAA,MAA0B;AAC9D,QAAMC,kBAAkBC,wBAAwBC,iBAAiBJ,MAAAA,CAAAA;AACjE,SACE,gBAAAK,OAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWC,IAAG,0DAAA;IAA8D,GAAGP;KAC9F,gBAAAG,OAAA,cAACK,cAAAA;IAAc,GAAGT;IAAOD;;AAG/B;AAEA,IAAA,0BAAeD;",
|
|
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
|
-
}
|