@dxos/plugin-script 0.7.5-main.9d26e3a → 0.7.5-main.9d2a38b
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/{AutomationPanel-RFQAQ7NF.mjs → AutomationPanel-OOIRJFPJ.mjs} +3 -3
- package/dist/lib/browser/ScriptContainer-T2AOMDT3.mjs +685 -0
- package/dist/lib/browser/ScriptContainer-T2AOMDT3.mjs.map +7 -0
- package/dist/lib/browser/{chunk-C7VBULMK.mjs → chunk-5BU5ERNU.mjs} +3 -3
- package/dist/lib/browser/chunk-5BU5ERNU.mjs.map +7 -0
- package/dist/lib/browser/chunk-REL2R7SB.mjs +52 -0
- package/dist/lib/browser/chunk-REL2R7SB.mjs.map +7 -0
- package/dist/lib/browser/{chunk-4UTRJLQ3.mjs → chunk-SDHKTS6H.mjs} +2 -51
- package/dist/lib/browser/{chunk-4UTRJLQ3.mjs.map → chunk-SDHKTS6H.mjs.map} +4 -4
- package/dist/lib/browser/chunk-SIOGRRPF.mjs +224 -0
- package/dist/lib/browser/chunk-SIOGRRPF.mjs.map +7 -0
- package/dist/lib/browser/{chunk-K7KY6YMG.mjs → chunk-SJ4J527G.mjs} +2 -2
- package/dist/lib/browser/chunk-XPGBHZ3L.mjs +40 -0
- package/dist/lib/browser/chunk-XPGBHZ3L.mjs.map +7 -0
- package/dist/lib/browser/chunk-ZM6T4HPR.mjs +15 -0
- package/dist/lib/browser/chunk-ZM6T4HPR.mjs.map +7 -0
- package/dist/lib/browser/compiler-HT53ILG7.mjs +84 -0
- package/dist/lib/browser/compiler-HT53ILG7.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +112 -288
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/intent-resolver-YPHT6HDZ.mjs +42 -0
- package/dist/lib/browser/intent-resolver-YPHT6HDZ.mjs.map +7 -0
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react-surface-GAWVYTJ5.mjs +67 -0
- package/dist/lib/browser/react-surface-GAWVYTJ5.mjs.map +7 -0
- package/dist/lib/browser/settings-YQQEU3DF.mjs +24 -0
- package/dist/lib/browser/settings-YQQEU3DF.mjs.map +7 -0
- package/dist/lib/browser/types.mjs +6 -4
- package/dist/lib/node/{AutomationPanel-5CJEF4MI.cjs → AutomationPanel-EPRDDR3A.cjs} +8 -8
- package/dist/lib/node/ScriptContainer-BV56I4OL.cjs +689 -0
- package/dist/lib/node/ScriptContainer-BV56I4OL.cjs.map +7 -0
- package/dist/lib/node/chunk-5V3XGLTR.cjs +252 -0
- package/dist/lib/node/chunk-5V3XGLTR.cjs.map +7 -0
- package/dist/lib/node/{chunk-PK3OQP5L.cjs → chunk-6VKZJ4MH.cjs} +26 -11
- package/dist/lib/node/chunk-6VKZJ4MH.cjs.map +7 -0
- package/dist/lib/node/{meta.cjs → chunk-A2DI2G4D.cjs} +12 -8
- package/dist/lib/node/chunk-A2DI2G4D.cjs.map +7 -0
- package/dist/lib/node/{chunk-4INUJLXL.cjs → chunk-DQRAVZM7.cjs} +6 -6
- package/dist/lib/node/{chunk-6LYX73ZT.cjs → chunk-EFTZN5X7.cjs} +7 -7
- package/dist/lib/node/chunk-EFTZN5X7.cjs.map +7 -0
- package/dist/lib/node/{chunk-WPP65EYS.cjs → chunk-T4TXCRN5.cjs} +6 -44
- package/dist/lib/node/chunk-T4TXCRN5.cjs.map +7 -0
- package/dist/lib/node/chunk-TJ4BTPOS.cjs +64 -0
- package/dist/lib/node/chunk-TJ4BTPOS.cjs.map +7 -0
- package/dist/lib/node/compiler-457ZR24G.cjs +104 -0
- package/dist/lib/node/compiler-457ZR24G.cjs.map +7 -0
- package/dist/lib/node/index.cjs +105 -276
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/intent-resolver-SUAPE7H3.cjs +56 -0
- package/dist/lib/node/intent-resolver-SUAPE7H3.cjs.map +7 -0
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/react-surface-OMBMSFZT.cjs +86 -0
- package/dist/lib/node/react-surface-OMBMSFZT.cjs.map +7 -0
- package/dist/lib/node/settings-NGHDYAVK.cjs +38 -0
- package/dist/lib/node/settings-NGHDYAVK.cjs.map +7 -0
- package/dist/lib/node/types.cjs +6 -4
- package/dist/lib/node/types.cjs.map +2 -2
- package/dist/lib/node-esm/{AutomationPanel-7Y6REBNJ.mjs → AutomationPanel-DMLAGQS5.mjs} +3 -3
- package/dist/lib/node-esm/ScriptContainer-3S5VHJVR.mjs +686 -0
- package/dist/lib/node-esm/ScriptContainer-3S5VHJVR.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-675XSDRN.mjs +16 -0
- package/dist/lib/node-esm/chunk-675XSDRN.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-SLTZMY34.mjs → chunk-BHP545D7.mjs} +3 -3
- package/dist/lib/node-esm/chunk-BHP545D7.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-4SRPREUK.mjs → chunk-G76M6O46.mjs} +2 -51
- package/dist/lib/node-esm/{chunk-4SRPREUK.mjs.map → chunk-G76M6O46.mjs.map} +4 -4
- package/dist/lib/node-esm/chunk-JHGOPQVO.mjs +41 -0
- package/dist/lib/node-esm/chunk-JHGOPQVO.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-JJZYWSD7.mjs +54 -0
- package/dist/lib/node-esm/chunk-JJZYWSD7.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-XPIKUBGS.mjs +225 -0
- package/dist/lib/node-esm/chunk-XPIKUBGS.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-OFYGBUNI.mjs → chunk-XUWS7OTK.mjs} +2 -2
- package/dist/lib/node-esm/compiler-PEARFTFR.mjs +85 -0
- package/dist/lib/node-esm/compiler-PEARFTFR.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +112 -288
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/intent-resolver-SZJXQ3CW.mjs +43 -0
- package/dist/lib/node-esm/intent-resolver-SZJXQ3CW.mjs.map +7 -0
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/react-surface-J7NLV2V4.mjs +68 -0
- package/dist/lib/node-esm/react-surface-J7NLV2V4.mjs.map +7 -0
- package/dist/lib/node-esm/settings-XGXDY4NI.mjs +25 -0
- package/dist/lib/node-esm/settings-XGXDY4NI.mjs.map +7 -0
- package/dist/lib/node-esm/types.mjs +6 -4
- package/dist/types/src/ScriptPlugin.d.ts +1 -3
- package/dist/types/src/ScriptPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/capabilities.d.ts +5 -0
- package/dist/types/src/capabilities/capabilities.d.ts.map +1 -0
- package/dist/types/src/capabilities/compiler.d.ts +4 -0
- package/dist/types/src/capabilities/compiler.d.ts.map +1 -0
- package/dist/types/src/capabilities/index.d.ts +6 -0
- package/dist/types/src/capabilities/index.d.ts.map +1 -0
- package/dist/types/src/capabilities/intent-resolver.d.ts +4 -0
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +1 -0
- package/dist/types/src/capabilities/react-surface.d.ts +4 -0
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
- package/dist/types/src/capabilities/settings.d.ts +4 -0
- package/dist/types/src/capabilities/settings.d.ts.map +1 -0
- package/dist/types/src/components/ScriptContainer.d.ts +10 -2
- package/dist/types/src/components/ScriptContainer.d.ts.map +1 -1
- package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts.map +1 -1
- package/dist/types/src/components/ScriptSettingsPanel.d.ts.map +1 -1
- package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts +11 -0
- package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts.map +1 -0
- package/dist/types/src/components/{Toolbar/Toolbar.stories.d.ts → ScriptToolbar/ScriptToolbar.stories.d.ts} +1 -1
- package/dist/types/src/components/ScriptToolbar/ScriptToolbar.stories.d.ts.map +1 -0
- package/dist/types/src/components/ScriptToolbar/deploy.d.ts +48 -0
- package/dist/types/src/components/ScriptToolbar/deploy.d.ts.map +1 -0
- package/dist/types/src/components/ScriptToolbar/format.d.ts +25 -0
- package/dist/types/src/components/ScriptToolbar/format.d.ts.map +1 -0
- package/dist/types/src/components/ScriptToolbar/index.d.ts +2 -0
- package/dist/types/src/components/ScriptToolbar/index.d.ts.map +1 -0
- package/dist/types/src/components/ScriptToolbar/templateSelect.d.ts +31 -0
- package/dist/types/src/components/ScriptToolbar/templateSelect.d.ts.map +1 -0
- package/dist/types/src/components/ScriptToolbar/useToolbarAction.d.ts +14 -0
- package/dist/types/src/components/ScriptToolbar/useToolbarAction.d.ts.map +1 -0
- package/dist/types/src/components/ScriptToolbar/useToolbarState.d.ts +10 -0
- package/dist/types/src/components/ScriptToolbar/useToolbarState.d.ts.map +1 -0
- package/dist/types/src/components/ScriptToolbar/view.d.ts +33 -0
- package/dist/types/src/components/ScriptToolbar/view.d.ts.map +1 -0
- package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts +4 -2
- package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts.map +1 -1
- package/dist/types/src/components/TypescriptEditor/TypescriptEditor.stories.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +2 -4
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +1 -2
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/templates/email.d.ts +2 -1
- package/dist/types/src/templates/email.d.ts.map +1 -1
- package/dist/types/src/{templates.d.ts → templates/index.d.ts} +1 -1
- package/dist/types/src/templates/index.d.ts.map +1 -0
- package/dist/types/src/translations.d.ts +91 -0
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +14 -6
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +44 -46
- package/src/ScriptPlugin.tsx +63 -91
- package/src/bundler/bundler.test.ts +2 -2
- package/src/capabilities/capabilities.ts +12 -0
- package/src/capabilities/compiler.ts +33 -0
- package/src/capabilities/index.ts +12 -0
- package/src/capabilities/intent-resolver.ts +43 -0
- package/src/capabilities/react-surface.tsx +54 -0
- package/src/capabilities/settings.ts +14 -0
- package/src/components/ScriptContainer.tsx +64 -9
- package/src/components/ScriptSettings/ScriptSettings.tsx +25 -1
- package/src/components/ScriptSettingsPanel.tsx +124 -50
- package/src/components/{Toolbar/Toolbar.stories.tsx → ScriptToolbar/ScriptToolbar.stories.tsx} +2 -2
- package/src/components/ScriptToolbar/ScriptToolbar.tsx +51 -0
- package/src/components/ScriptToolbar/deploy.ts +157 -0
- package/src/components/ScriptToolbar/format.ts +47 -0
- package/src/components/{Toolbar → ScriptToolbar}/index.ts +1 -1
- package/src/components/ScriptToolbar/templateSelect.ts +64 -0
- package/src/components/ScriptToolbar/useToolbarAction.ts +54 -0
- package/src/components/ScriptToolbar/useToolbarState.ts +16 -0
- package/src/components/ScriptToolbar/view.ts +52 -0
- package/src/components/TypescriptEditor/TypescriptEditor.stories.tsx +2 -0
- package/src/components/TypescriptEditor/TypescriptEditor.tsx +73 -8
- package/src/index.ts +2 -6
- package/src/meta.ts +1 -1
- package/src/templates/email.ts +26 -23
- package/src/{templates.ts → templates/index.ts} +5 -5
- package/src/translations.ts +21 -0
- package/src/types.ts +19 -18
- package/dist/lib/browser/ScriptContainer-GDVBWFI7.mjs +0 -415
- package/dist/lib/browser/ScriptContainer-GDVBWFI7.mjs.map +0 -7
- package/dist/lib/browser/chunk-C7VBULMK.mjs.map +0 -7
- package/dist/lib/browser/chunk-RQA3EB5K.mjs +0 -26
- package/dist/lib/browser/chunk-RQA3EB5K.mjs.map +0 -7
- package/dist/lib/browser/meta.mjs +0 -9
- package/dist/lib/browser/meta.mjs.map +0 -7
- package/dist/lib/node/ScriptContainer-YWXXNLG6.cjs +0 -426
- package/dist/lib/node/ScriptContainer-YWXXNLG6.cjs.map +0 -7
- package/dist/lib/node/chunk-6LYX73ZT.cjs.map +0 -7
- package/dist/lib/node/chunk-PK3OQP5L.cjs.map +0 -7
- package/dist/lib/node/chunk-WPP65EYS.cjs.map +0 -7
- package/dist/lib/node/meta.cjs.map +0 -7
- package/dist/lib/node-esm/ScriptContainer-BG2PHKEH.mjs +0 -416
- package/dist/lib/node-esm/ScriptContainer-BG2PHKEH.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-H6BBLQ5Q.mjs +0 -27
- package/dist/lib/node-esm/chunk-H6BBLQ5Q.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-SLTZMY34.mjs.map +0 -7
- package/dist/lib/node-esm/meta.mjs +0 -10
- package/dist/lib/node-esm/meta.mjs.map +0 -7
- package/dist/types/src/components/ScriptBlock/ScriptBlock.d.ts +0 -12
- package/dist/types/src/components/ScriptBlock/ScriptBlock.d.ts.map +0 -1
- package/dist/types/src/components/ScriptBlock/ScriptBlock.stories.d.ts +0 -6
- package/dist/types/src/components/ScriptBlock/ScriptBlock.stories.d.ts.map +0 -1
- package/dist/types/src/components/ScriptBlock/index.d.ts +0 -2
- package/dist/types/src/components/ScriptBlock/index.d.ts.map +0 -1
- package/dist/types/src/components/ScriptEditor.d.ts +0 -9
- package/dist/types/src/components/ScriptEditor.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.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/templates.d.ts.map +0 -1
- package/src/components/ScriptBlock/ScriptBlock.stories.tsx +0 -55
- package/src/components/ScriptBlock/ScriptBlock.tsx +0 -102
- package/src/components/ScriptBlock/index.ts +0 -5
- package/src/components/ScriptEditor.tsx +0 -193
- package/src/components/Toolbar/Toolbar.tsx +0 -177
- /package/dist/lib/browser/{AutomationPanel-RFQAQ7NF.mjs.map → AutomationPanel-OOIRJFPJ.mjs.map} +0 -0
- /package/dist/lib/browser/{chunk-K7KY6YMG.mjs.map → chunk-SJ4J527G.mjs.map} +0 -0
- /package/dist/lib/node/{AutomationPanel-5CJEF4MI.cjs.map → AutomationPanel-EPRDDR3A.cjs.map} +0 -0
- /package/dist/lib/node/{chunk-4INUJLXL.cjs.map → chunk-DQRAVZM7.cjs.map} +0 -0
- /package/dist/lib/node-esm/{AutomationPanel-7Y6REBNJ.mjs.map → AutomationPanel-DMLAGQS5.mjs.map} +0 -0
- /package/dist/lib/node-esm/{chunk-OFYGBUNI.mjs.map → chunk-XUWS7OTK.mjs.map} +0 -0
|
@@ -1,416 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
Bundler,
|
|
4
|
-
templates
|
|
5
|
-
} from "./chunk-4SRPREUK.mjs";
|
|
6
|
-
import {
|
|
7
|
-
DebugPanel
|
|
8
|
-
} from "./chunk-OFYGBUNI.mjs";
|
|
9
|
-
import {
|
|
10
|
-
SCRIPT_PLUGIN
|
|
11
|
-
} from "./chunk-SLTZMY34.mjs";
|
|
12
|
-
|
|
13
|
-
// packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
|
|
14
|
-
import React4 from "react";
|
|
15
|
-
import { fullyQualifiedId } from "@dxos/react-client/echo";
|
|
16
|
-
import { useAttendableAttributes } from "@dxos/react-ui-attention";
|
|
17
|
-
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
18
|
-
|
|
19
|
-
// packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx
|
|
20
|
-
import { format } from "prettier";
|
|
21
|
-
import prettierPluginEstree from "prettier/plugins/estree";
|
|
22
|
-
import prettierPluginTypescript from "prettier/plugins/typescript";
|
|
23
|
-
import React3, { useCallback, useMemo, useState as useState2 } from "react";
|
|
24
|
-
import { FUNCTIONS_PRESET_META_KEY, FunctionType, getInvocationUrl, getUserFunctionUrlInMetadata, setUserFunctionUrlInMetadata, uploadWorkerFunction, incrementSemverPatch } from "@dxos/functions";
|
|
25
|
-
import { log } from "@dxos/log";
|
|
26
|
-
import { useClient } from "@dxos/react-client";
|
|
27
|
-
import { create, createDocAccessor, Filter, getMeta, getSpace, makeRef, useQuery } from "@dxos/react-client/echo";
|
|
28
|
-
import { useIdentity } from "@dxos/react-client/halo";
|
|
29
|
-
import { useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
30
|
-
import { createDataExtensions, listener } from "@dxos/react-ui-editor";
|
|
31
|
-
import { mx } from "@dxos/react-ui-theme";
|
|
32
|
-
|
|
33
|
-
// packages/plugins/experimental/plugin-script/src/components/Toolbar/Toolbar.tsx
|
|
34
|
-
import React, { useState } from "react";
|
|
35
|
-
import { ElevationProvider, Icon, Select, ToggleGroup, ToggleGroupItem, Toolbar as NaturalToolbar, Tooltip, useTranslation } from "@dxos/react-ui";
|
|
36
|
-
var Toolbar = ({ classNames, deployed, error, functionUrl, view, templates: templates2, onDeploy, onFormat, onViewChange, onTemplateSelect }) => {
|
|
37
|
-
const { t } = useTranslation(SCRIPT_PLUGIN);
|
|
38
|
-
const [pending, setPending] = useState(false);
|
|
39
|
-
const handleCopyLink = async () => {
|
|
40
|
-
if (!functionUrl) {
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
await navigator.clipboard.writeText(functionUrl);
|
|
44
|
-
};
|
|
45
|
-
const handleDeploy = async () => {
|
|
46
|
-
if (!pending) {
|
|
47
|
-
setPending(true);
|
|
48
|
-
await onDeploy?.();
|
|
49
|
-
setPending(false);
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
return /* @__PURE__ */ React.createElement(ElevationProvider, {
|
|
53
|
-
elevation: "positioned"
|
|
54
|
-
}, /* @__PURE__ */ React.createElement(NaturalToolbar.Root, {
|
|
55
|
-
classNames: [
|
|
56
|
-
"p-1",
|
|
57
|
-
classNames
|
|
58
|
-
],
|
|
59
|
-
style: {
|
|
60
|
-
contain: "layout"
|
|
61
|
-
}
|
|
62
|
-
}, templates2 && /* @__PURE__ */ React.createElement(TemplateSelect, {
|
|
63
|
-
templates: templates2,
|
|
64
|
-
onTemplateSelect
|
|
65
|
-
}), onFormat && /* @__PURE__ */ React.createElement(ToolbarIconButton, {
|
|
66
|
-
icon: "ph--magic-wand--regular",
|
|
67
|
-
text: t("format label"),
|
|
68
|
-
onClick: onFormat
|
|
69
|
-
}), /* @__PURE__ */ React.createElement("div", {
|
|
70
|
-
role: "separator",
|
|
71
|
-
className: "grow"
|
|
72
|
-
}), error ? /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(Icon, {
|
|
73
|
-
icon: "ph--warning-circle--regular",
|
|
74
|
-
size: 4
|
|
75
|
-
})), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), error))) : null, functionUrl && deployed && /* @__PURE__ */ React.createElement(ToolbarIconButton, {
|
|
76
|
-
icon: "ph--link--regular",
|
|
77
|
-
text: t("copy link label"),
|
|
78
|
-
onClick: handleCopyLink
|
|
79
|
-
}), onDeploy && /* @__PURE__ */ React.createElement(ToolbarIconButton, {
|
|
80
|
-
icon: pending ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
|
|
81
|
-
classNames: [
|
|
82
|
-
pending && "animate-spin"
|
|
83
|
-
],
|
|
84
|
-
text: pending ? t("pending label") : t("deploy label"),
|
|
85
|
-
onClick: handleDeploy
|
|
86
|
-
}), /* @__PURE__ */ React.createElement(ViewSelector, {
|
|
87
|
-
view,
|
|
88
|
-
onViewChange
|
|
89
|
-
})));
|
|
90
|
-
};
|
|
91
|
-
var ToolbarIconButton = ({ icon, text, classNames, disabled, onClick }) => {
|
|
92
|
-
return /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
|
|
93
|
-
asChild: true
|
|
94
|
-
}, /* @__PURE__ */ React.createElement(NaturalToolbar.Button, {
|
|
95
|
-
variant: "ghost",
|
|
96
|
-
disabled,
|
|
97
|
-
onClick
|
|
98
|
-
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
99
|
-
icon,
|
|
100
|
-
size: 4,
|
|
101
|
-
classNames
|
|
102
|
-
}))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), text)));
|
|
103
|
-
};
|
|
104
|
-
var TemplateSelect = ({ templates: templates2 = [], onTemplateSelect }) => {
|
|
105
|
-
return /* @__PURE__ */ React.createElement(Select.Root, {
|
|
106
|
-
value: "",
|
|
107
|
-
onValueChange: onTemplateSelect
|
|
108
|
-
}, /* @__PURE__ */ React.createElement(Select.TriggerButton, null), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
|
|
109
|
-
value: ""
|
|
110
|
-
}, "Template"), templates2.map(({ id, name }) => /* @__PURE__ */ React.createElement(Select.Option, {
|
|
111
|
-
key: id,
|
|
112
|
-
value: id
|
|
113
|
-
}, name))))));
|
|
114
|
-
};
|
|
115
|
-
var ViewSelector = ({ view, onViewChange }) => {
|
|
116
|
-
return /* @__PURE__ */ React.createElement(ToggleGroup, {
|
|
117
|
-
type: "single",
|
|
118
|
-
value: view,
|
|
119
|
-
onValueChange: (value) => onViewChange?.(value)
|
|
120
|
-
}, /* @__PURE__ */ React.createElement(ToggleGroupItem, {
|
|
121
|
-
value: "editor",
|
|
122
|
-
classNames: "bg-transparent text-subdued"
|
|
123
|
-
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
124
|
-
icon: "ph--code--regular",
|
|
125
|
-
size: 4
|
|
126
|
-
})), /* @__PURE__ */ React.createElement(ToggleGroupItem, {
|
|
127
|
-
value: "split",
|
|
128
|
-
classNames: "bg-transparent text-subdued"
|
|
129
|
-
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
130
|
-
icon: "ph--square-split-vertical--regular",
|
|
131
|
-
size: 4
|
|
132
|
-
})), /* @__PURE__ */ React.createElement(ToggleGroupItem, {
|
|
133
|
-
value: "preview",
|
|
134
|
-
classNames: "bg-transparent text-subdued"
|
|
135
|
-
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
136
|
-
icon: "ph--eye--regular",
|
|
137
|
-
size: 4
|
|
138
|
-
})));
|
|
139
|
-
};
|
|
140
|
-
|
|
141
|
-
// packages/plugins/experimental/plugin-script/src/components/TypescriptEditor/TypescriptEditor.tsx
|
|
142
|
-
import { javascript } from "@codemirror/lang-javascript";
|
|
143
|
-
import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
|
|
144
|
-
import React2 from "react";
|
|
145
|
-
import { useThemeContext } from "@dxos/react-ui";
|
|
146
|
-
import { autocomplete, createBasicExtensions, createThemeExtensions, editorFullWidth, editorGutter, editorMonospace, InputModeExtensions, useTextEditor } from "@dxos/react-ui-editor";
|
|
147
|
-
import { nonNullable } from "@dxos/util";
|
|
148
|
-
var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection }) => {
|
|
149
|
-
const { themeMode } = useThemeContext();
|
|
150
|
-
const { parentRef, focusAttributes } = useTextEditor(() => ({
|
|
151
|
-
id,
|
|
152
|
-
initialValue,
|
|
153
|
-
extensions: [
|
|
154
|
-
extensions,
|
|
155
|
-
createBasicExtensions({
|
|
156
|
-
highlightActiveLine: true,
|
|
157
|
-
indentWithTab: true,
|
|
158
|
-
lineNumbers: true,
|
|
159
|
-
lineWrapping: false,
|
|
160
|
-
scrollPastEnd: true
|
|
161
|
-
}),
|
|
162
|
-
createThemeExtensions({
|
|
163
|
-
themeMode,
|
|
164
|
-
syntaxHighlighting: true,
|
|
165
|
-
slots: {
|
|
166
|
-
content: {
|
|
167
|
-
className: editorFullWidth
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
}),
|
|
171
|
-
editorGutter,
|
|
172
|
-
// TODO(burdon): Factor out.
|
|
173
|
-
[
|
|
174
|
-
editorMonospace,
|
|
175
|
-
javascript({
|
|
176
|
-
typescript: true
|
|
177
|
-
}),
|
|
178
|
-
// https://github.com/val-town/codemirror-ts
|
|
179
|
-
autocomplete({
|
|
180
|
-
override: env ? [
|
|
181
|
-
tsAutocomplete()
|
|
182
|
-
] : []
|
|
183
|
-
}),
|
|
184
|
-
env ? [
|
|
185
|
-
tsFacet.of({
|
|
186
|
-
env,
|
|
187
|
-
path: `/src/${id}.ts`
|
|
188
|
-
}),
|
|
189
|
-
tsSync(),
|
|
190
|
-
tsLinter(),
|
|
191
|
-
tsHover()
|
|
192
|
-
] : [],
|
|
193
|
-
InputModeExtensions.vscode
|
|
194
|
-
]
|
|
195
|
-
].filter(nonNullable),
|
|
196
|
-
selection,
|
|
197
|
-
scrollTo
|
|
198
|
-
}), [
|
|
199
|
-
id,
|
|
200
|
-
extensions,
|
|
201
|
-
themeMode,
|
|
202
|
-
selection,
|
|
203
|
-
scrollTo
|
|
204
|
-
]);
|
|
205
|
-
return /* @__PURE__ */ React2.createElement("div", {
|
|
206
|
-
ref: parentRef,
|
|
207
|
-
className,
|
|
208
|
-
...focusAttributes
|
|
209
|
-
});
|
|
210
|
-
};
|
|
211
|
-
|
|
212
|
-
// packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx
|
|
213
|
-
var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx";
|
|
214
|
-
var ScriptEditor = ({ classNames, script, env }) => {
|
|
215
|
-
const { t } = useTranslation2(SCRIPT_PLUGIN);
|
|
216
|
-
const client = useClient();
|
|
217
|
-
const identity = useIdentity();
|
|
218
|
-
const space = getSpace(script);
|
|
219
|
-
const [fn] = useQuery(space, Filter.schema(FunctionType, {
|
|
220
|
-
source: script
|
|
221
|
-
}));
|
|
222
|
-
const extensions = useMemo(() => [
|
|
223
|
-
listener({
|
|
224
|
-
onChange: (text) => {
|
|
225
|
-
if (script.source.target && script.source.target.content !== text) {
|
|
226
|
-
script.changed = true;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
}),
|
|
230
|
-
createDataExtensions({
|
|
231
|
-
id: script.id,
|
|
232
|
-
text: script.source.target && createDocAccessor(script.source.target, [
|
|
233
|
-
"content"
|
|
234
|
-
]),
|
|
235
|
-
space,
|
|
236
|
-
identity
|
|
237
|
-
})
|
|
238
|
-
], [
|
|
239
|
-
script,
|
|
240
|
-
script.source.target,
|
|
241
|
-
space,
|
|
242
|
-
identity
|
|
243
|
-
]);
|
|
244
|
-
const [view, setView] = useState2("editor");
|
|
245
|
-
const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));
|
|
246
|
-
const [error, setError] = useState2();
|
|
247
|
-
const handleFormat = useCallback(async () => {
|
|
248
|
-
if (!script.source) {
|
|
249
|
-
return;
|
|
250
|
-
}
|
|
251
|
-
try {
|
|
252
|
-
script.source.target.content = await format(script.source.target.content, {
|
|
253
|
-
parser: "typescript",
|
|
254
|
-
plugins: [
|
|
255
|
-
prettierPluginEstree,
|
|
256
|
-
prettierPluginTypescript
|
|
257
|
-
],
|
|
258
|
-
semi: true,
|
|
259
|
-
singleQuote: true
|
|
260
|
-
});
|
|
261
|
-
} catch (err) {
|
|
262
|
-
log.catch(err, void 0, {
|
|
263
|
-
F: __dxlog_file,
|
|
264
|
-
L: 84,
|
|
265
|
-
S: void 0,
|
|
266
|
-
C: (f, a) => f(...a)
|
|
267
|
-
});
|
|
268
|
-
}
|
|
269
|
-
}, [
|
|
270
|
-
script.source
|
|
271
|
-
]);
|
|
272
|
-
const handleTemplateChange = (id) => {
|
|
273
|
-
const template = templates.find((template2) => template2.id === id);
|
|
274
|
-
if (template) {
|
|
275
|
-
script.name = template.name;
|
|
276
|
-
script.source.target.content = template.source;
|
|
277
|
-
const metaKeys = getMeta(script).keys;
|
|
278
|
-
const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);
|
|
279
|
-
if (oldPresetIndex >= 0) {
|
|
280
|
-
metaKeys.splice(oldPresetIndex, 1);
|
|
281
|
-
}
|
|
282
|
-
if (template.presetId) {
|
|
283
|
-
metaKeys.push({
|
|
284
|
-
source: FUNCTIONS_PRESET_META_KEY,
|
|
285
|
-
id: template.presetId
|
|
286
|
-
});
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
};
|
|
290
|
-
const handleDeploy = useCallback(async () => {
|
|
291
|
-
if (!script.source || !identity || !space) {
|
|
292
|
-
return;
|
|
293
|
-
}
|
|
294
|
-
setError(void 0);
|
|
295
|
-
try {
|
|
296
|
-
const existingFunctionId = existingFunctionUrl?.split("/").at(-1);
|
|
297
|
-
const bundler = new Bundler({
|
|
298
|
-
platform: "browser",
|
|
299
|
-
sandboxedModules: [],
|
|
300
|
-
remoteModules: {}
|
|
301
|
-
});
|
|
302
|
-
const buildResult = await bundler.bundle(script.source.target.content);
|
|
303
|
-
if (buildResult.error || !buildResult.bundle) {
|
|
304
|
-
throw buildResult.error;
|
|
305
|
-
}
|
|
306
|
-
const { functionId, version, meta } = await uploadWorkerFunction({
|
|
307
|
-
client,
|
|
308
|
-
spaceId: space.id,
|
|
309
|
-
version: fn ? incrementSemverPatch(fn.version) : "0.0.1",
|
|
310
|
-
functionId: existingFunctionId,
|
|
311
|
-
source: buildResult.bundle
|
|
312
|
-
});
|
|
313
|
-
if (functionId === void 0 || version === void 0) {
|
|
314
|
-
throw new Error(`Upload didn't return expected data: functionId=${functionId}, version=${version}`);
|
|
315
|
-
}
|
|
316
|
-
log.info("function uploaded", {
|
|
317
|
-
functionId,
|
|
318
|
-
version
|
|
319
|
-
}, {
|
|
320
|
-
F: __dxlog_file,
|
|
321
|
-
L: 131,
|
|
322
|
-
S: void 0,
|
|
323
|
-
C: (f, a) => f(...a)
|
|
324
|
-
});
|
|
325
|
-
if (fn) {
|
|
326
|
-
fn.version = version;
|
|
327
|
-
}
|
|
328
|
-
const deployedFunction = fn ?? space.db.add(create(FunctionType, {
|
|
329
|
-
name: functionId,
|
|
330
|
-
version,
|
|
331
|
-
source: makeRef(script)
|
|
332
|
-
}));
|
|
333
|
-
script.changed = false;
|
|
334
|
-
if (meta.inputSchema) {
|
|
335
|
-
deployedFunction.inputSchema = meta.inputSchema;
|
|
336
|
-
} else {
|
|
337
|
-
log.verbose("no input schema in function metadata", {
|
|
338
|
-
functionId
|
|
339
|
-
}, {
|
|
340
|
-
F: __dxlog_file,
|
|
341
|
-
L: 144,
|
|
342
|
-
S: void 0,
|
|
343
|
-
C: (f, a) => f(...a)
|
|
344
|
-
});
|
|
345
|
-
}
|
|
346
|
-
setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${space.id}/${functionId}`);
|
|
347
|
-
setView("split");
|
|
348
|
-
} catch (err) {
|
|
349
|
-
log.catch(err, void 0, {
|
|
350
|
-
F: __dxlog_file,
|
|
351
|
-
L: 151,
|
|
352
|
-
S: void 0,
|
|
353
|
-
C: (f, a) => f(...a)
|
|
354
|
-
});
|
|
355
|
-
setError(t("upload failed label"));
|
|
356
|
-
}
|
|
357
|
-
}, [
|
|
358
|
-
fn,
|
|
359
|
-
existingFunctionUrl,
|
|
360
|
-
script,
|
|
361
|
-
script.name,
|
|
362
|
-
script.source,
|
|
363
|
-
space?.id ?? null
|
|
364
|
-
]);
|
|
365
|
-
const functionUrl = useMemo(() => {
|
|
366
|
-
if (!existingFunctionUrl) {
|
|
367
|
-
return;
|
|
368
|
-
}
|
|
369
|
-
return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? "", {
|
|
370
|
-
spaceId: space?.id
|
|
371
|
-
});
|
|
372
|
-
}, [
|
|
373
|
-
existingFunctionUrl,
|
|
374
|
-
space
|
|
375
|
-
]);
|
|
376
|
-
return /* @__PURE__ */ React3.createElement("div", {
|
|
377
|
-
role: "none",
|
|
378
|
-
className: mx("flex flex-col w-full overflow-hidden divide-y divide-separator", classNames)
|
|
379
|
-
}, /* @__PURE__ */ React3.createElement(Toolbar, {
|
|
380
|
-
deployed: Boolean(existingFunctionUrl) && !script.changed,
|
|
381
|
-
functionUrl,
|
|
382
|
-
error,
|
|
383
|
-
view,
|
|
384
|
-
templates,
|
|
385
|
-
onDeploy: handleDeploy,
|
|
386
|
-
onFormat: handleFormat,
|
|
387
|
-
onViewChange: setView,
|
|
388
|
-
onTemplateSelect: handleTemplateChange
|
|
389
|
-
}), view !== "preview" && /* @__PURE__ */ React3.createElement(TypescriptEditor, {
|
|
390
|
-
id: script.id,
|
|
391
|
-
env,
|
|
392
|
-
initialValue: script.source?.target?.content,
|
|
393
|
-
extensions,
|
|
394
|
-
className: "flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all"
|
|
395
|
-
}), view !== "editor" && /* @__PURE__ */ React3.createElement(DebugPanel, {
|
|
396
|
-
functionUrl
|
|
397
|
-
}));
|
|
398
|
-
};
|
|
399
|
-
|
|
400
|
-
// packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
|
|
401
|
-
var ScriptContainer = ({ script, ...props }) => {
|
|
402
|
-
const attendableAttrs = useAttendableAttributes(fullyQualifiedId(script));
|
|
403
|
-
return /* @__PURE__ */ React4.createElement("div", {
|
|
404
|
-
role: "none",
|
|
405
|
-
className: mx2("flex row-span-2 w-full overflow-hidden attention-surface"),
|
|
406
|
-
...attendableAttrs
|
|
407
|
-
}, /* @__PURE__ */ React4.createElement(ScriptEditor, {
|
|
408
|
-
...props,
|
|
409
|
-
script
|
|
410
|
-
}));
|
|
411
|
-
};
|
|
412
|
-
var ScriptContainer_default = ScriptContainer;
|
|
413
|
-
export {
|
|
414
|
-
ScriptContainer_default as default
|
|
415
|
-
};
|
|
416
|
-
//# sourceMappingURL=ScriptContainer-BG2PHKEH.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptEditor.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 { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport {\n FUNCTIONS_PRESET_META_KEY,\n FunctionType,\n type ScriptType,\n getInvocationUrl,\n getUserFunctionUrlInMetadata,\n setUserFunctionUrlInMetadata,\n uploadWorkerFunction,\n incrementSemverPatch,\n} from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { create, createDocAccessor, Filter, getMeta, getSpace, makeRef, 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 { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\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(space, Filter.schema(FunctionType, { source: script }));\n\n const extensions = useMemo(\n () => [\n listener({\n onChange: (text) => {\n if (script.source.target && script.source.target.content !== text) {\n script.changed = true;\n }\n },\n }),\n createDataExtensions({\n id: script.id,\n text: script.source.target && createDocAccessor(script.source.target, ['content']),\n space,\n identity,\n }),\n ],\n [script, script.source.target, space, identity],\n );\n\n const [view, setView] = useState<ViewType>('editor');\n const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n const [error, setError] = useState<string>();\n\n const handleFormat = useCallback(async () => {\n if (!script.source) {\n return;\n }\n\n try {\n script.source.target!.content = await format(script.source.target!.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!.target!.content = template.source;\n const metaKeys = getMeta(script).keys;\n const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);\n if (oldPresetIndex >= 0) {\n metaKeys.splice(oldPresetIndex, 1);\n }\n if (template.presetId) {\n metaKeys.push({ source: FUNCTIONS_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\n const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n const buildResult = await bundler.bundle(script.source.target!.content);\n if (buildResult.error || !buildResult.bundle) {\n throw buildResult.error;\n }\n\n const { functionId, version, meta } = await uploadWorkerFunction({\n client,\n spaceId: space.id,\n version: fn ? incrementSemverPatch(fn.version) : '0.0.1',\n functionId: existingFunctionId,\n source: buildResult.bundle,\n });\n if (functionId === undefined || version === undefined) {\n throw new Error(`Upload didn't return expected data: functionId=${functionId}, version=${version}`);\n }\n\n log.info('function uploaded', { functionId, version });\n if (fn) {\n fn.version = version;\n }\n\n const deployedFunction =\n fn ?? space.db.add(create(FunctionType, { name: functionId, version, source: makeRef(script) }));\n\n script.changed = false;\n\n if (meta.inputSchema) {\n deployedFunction.inputSchema = meta.inputSchema;\n } else {\n log.verbose('no input schema in function metadata', { functionId });\n }\n\n setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${space.id}/${functionId}`);\n\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, space?.id ?? null]);\n\n const functionUrl = useMemo(() => {\n if (!existingFunctionUrl) {\n return;\n }\n\n return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n spaceId: space?.id,\n });\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={script.source?.target?.content}\n extensions={extensions}\n className='flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all'\n />\n )}\n\n {view !== 'editor' && <DebugPanel functionUrl={functionUrl} />}\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport {\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 <ElevationProvider elevation='positioned'>\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 );\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, 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", "FUNCTIONS_PRESET_META_KEY", "FunctionType", "getInvocationUrl", "getUserFunctionUrlInMetadata", "setUserFunctionUrlInMetadata", "uploadWorkerFunction", "incrementSemverPatch", "log", "useClient", "create", "createDocAccessor", "Filter", "getMeta", "getSpace", "makeRef", "useQuery", "useIdentity", "useTranslation", "createDataExtensions", "listener", "mx", "React", "useState", "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", "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", "target", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "view", "setView", "useState", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "error", "setError", "handleFormat", "useCallback", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "handleTemplateChange", "template", "templates", "find", "name", "metaKeys", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "handleDeploy", "undefined", "existingFunctionId", "split", "at", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "functionId", "version", "meta", "uploadWorkerFunction", "spaceId", "incrementSemverPatch", "Error", "info", "deployedFunction", "db", "add", "create", "makeRef", "inputSchema", "verbose", "setUserFunctionUrlInMetadata", "functionUrl", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "React", "div", "role", "className", "mx", "Toolbar", "deployed", "Boolean", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "TypescriptEditor", "initialValue", "DebugPanel", "ScriptContainer", "script", "props", "attendableAttrs", "useAttendableAttributes", "fullyQualifiedId", "React", "div", "role", "className", "mx", "ScriptEditor"]
|
|
7
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
SCRIPT_PLUGIN
|
|
4
|
-
} from "./chunk-SLTZMY34.mjs";
|
|
5
|
-
|
|
6
|
-
// packages/plugins/experimental/plugin-script/src/types.ts
|
|
7
|
-
import { S } from "@dxos/echo-schema";
|
|
8
|
-
import { ScriptType } from "@dxos/functions";
|
|
9
|
-
var ScriptAction;
|
|
10
|
-
(function(ScriptAction2) {
|
|
11
|
-
const SCRIPT_ACTION = `${SCRIPT_PLUGIN}/action`;
|
|
12
|
-
class Create extends S.TaggedClass()(`${SCRIPT_ACTION}/create`, {
|
|
13
|
-
input: S.Struct({
|
|
14
|
-
name: S.optional(S.String)
|
|
15
|
-
}),
|
|
16
|
-
output: S.Struct({
|
|
17
|
-
object: ScriptType
|
|
18
|
-
})
|
|
19
|
-
}) {
|
|
20
|
-
}
|
|
21
|
-
ScriptAction2.Create = Create;
|
|
22
|
-
})(ScriptAction || (ScriptAction = {}));
|
|
23
|
-
|
|
24
|
-
export {
|
|
25
|
-
ScriptAction
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=chunk-H6BBLQ5Q.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/types.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n IntentResolverProvides,\n MetadataRecordsProvides,\n SettingsProvides,\n SurfaceProvides,\n TranslationsProvides,\n} from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions';\nimport { type SchemaProvides } from '@dxos/plugin-space';\n\nimport { SCRIPT_PLUGIN } from './meta';\n\nexport namespace ScriptAction {\n const SCRIPT_ACTION = `${SCRIPT_PLUGIN}/action`;\n\n export class Create extends S.TaggedClass<Create>()(`${SCRIPT_ACTION}/create`, {\n input: S.Struct({\n name: S.optional(S.String),\n }),\n output: S.Struct({\n object: ScriptType,\n }),\n }) {}\n}\n\nexport type ScriptSettingsProps = {};\n\nexport type ScriptPluginProvides = IntentResolverProvides &\n MetadataRecordsProvides &\n SchemaProvides &\n SettingsProvides<ScriptSettingsProps> &\n SurfaceProvides &\n TranslationsProvides;\n"],
|
|
5
|
-
"mappings": ";;;;;;AAWA,SAASA,SAAS;AAClB,SAASC,kBAAkB;;UAKVC,eAAAA;AACf,QAAMC,gBAAgB,GAAGC,aAAAA;EAElB,MAAMC,eAAeC,EAAEC,YAAW,EAAW,GAAGJ,aAAAA,WAAwB;IAC7EK,OAAOF,EAAEG,OAAO;MACdC,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;IAC3B,CAAA;IACAC,QAAQP,EAAEG,OAAO;MACfK,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;gBAPSV,SAAAA;AAQf,GAXiBH,iBAAAA,eAAAA,CAAAA,EAAAA;",
|
|
6
|
-
"names": ["S", "ScriptType", "ScriptAction", "SCRIPT_ACTION", "SCRIPT_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "output", "object", "ScriptType"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/meta.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const SCRIPT_PLUGIN = 'dxos.org/plugin/script';\n\nexport default {\n id: SCRIPT_PLUGIN,\n name: 'Scripts',\n description: 'Distributed functions.',\n icon: 'ph--code--regular',\n source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer',\n tags: ['experimental'],\n} satisfies PluginMeta;\n"],
|
|
5
|
-
"mappings": ";;;AAMO,IAAMA,gBAAgB;AAE7B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
|
|
6
|
-
"names": ["SCRIPT_PLUGIN", "id", "name", "description", "icon", "source", "tags"]
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
SCRIPT_PLUGIN,
|
|
4
|
-
meta_default
|
|
5
|
-
} from "./chunk-SLTZMY34.mjs";
|
|
6
|
-
export {
|
|
7
|
-
SCRIPT_PLUGIN,
|
|
8
|
-
meta_default as default
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=meta.mjs.map
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type ScriptType } from '@dxos/functions';
|
|
3
|
-
export type ScriptBlockProps = {
|
|
4
|
-
script: ScriptType;
|
|
5
|
-
hideSelector?: boolean;
|
|
6
|
-
containerUrl: string;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
11
|
-
export declare const ScriptBlock: ({ script, hideSelector, containerUrl }: ScriptBlockProps) => React.JSX.Element;
|
|
12
|
-
//# sourceMappingURL=ScriptBlock.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScriptBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScriptBlock/ScriptBlock.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAkBlD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,WAAW,2CAA4C,gBAAgB,sBA+DnF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScriptBlock.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScriptBlock/ScriptBlock.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAuC7C,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScriptBlock/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type ScriptType } from '@dxos/functions';
|
|
3
|
-
import { type ThemedClassName } from '@dxos/react-ui';
|
|
4
|
-
import { type TypescriptEditorProps } from './TypescriptEditor';
|
|
5
|
-
export type ScriptEditorProps = ThemedClassName<{
|
|
6
|
-
script: ScriptType;
|
|
7
|
-
}> & Pick<TypescriptEditorProps, 'env'>;
|
|
8
|
-
export declare const ScriptEditor: ({ classNames, script, env }: ScriptEditorProps) => React.JSX.Element;
|
|
9
|
-
//# sourceMappingURL=ScriptEditor.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScriptEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/ScriptEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAGL,KAAK,UAAU,EAMhB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMtE,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAKlF,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC9C,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC,GACA,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;AAErC,eAAO,MAAM,YAAY,gCAAiC,iBAAiB,sBAyJ1E,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type ThemedClassName } from '@dxos/react-ui';
|
|
3
|
-
import { type Template } from '../../templates';
|
|
4
|
-
export type ToolbarProps = ThemedClassName<{
|
|
5
|
-
deployed?: boolean;
|
|
6
|
-
error?: string;
|
|
7
|
-
functionUrl?: string;
|
|
8
|
-
onDeploy?: () => Promise<void>;
|
|
9
|
-
onFormat?: () => Promise<void>;
|
|
10
|
-
} & TemplateSelectProps & ViewSelectorProps>;
|
|
11
|
-
export declare const Toolbar: ({ classNames, deployed, error, functionUrl, view, templates, onDeploy, onFormat, onViewChange, onTemplateSelect, }: ToolbarProps) => React.JSX.Element;
|
|
12
|
-
export type ViewType = 'editor' | 'split' | 'preview';
|
|
13
|
-
export type TemplateSelectProps = {
|
|
14
|
-
templates?: Template[];
|
|
15
|
-
onTemplateSelect?: (id: string) => void;
|
|
16
|
-
};
|
|
17
|
-
export declare const TemplateSelect: ({ templates, onTemplateSelect }: TemplateSelectProps) => React.JSX.Element;
|
|
18
|
-
export type ViewSelectorProps = {
|
|
19
|
-
view?: ViewType;
|
|
20
|
-
onViewChange?: (view: ViewType) => void;
|
|
21
|
-
};
|
|
22
|
-
export declare const ViewSelector: ({ view, onViewChange }: ViewSelectorProps) => React.JSX.Element;
|
|
23
|
-
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAIL,KAAK,eAAe,EAOrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,eAAe,CACxC;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC,GAAG,mBAAmB,GACrB,iBAAiB,CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,uHAWjB,YAAY,sBA4Dd,CAAC;AA0BF,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,cAAc,oCAA0C,mBAAmB,sBAkBvF,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,YAAY,2BAA4B,iBAAiB,sBAcrE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAO7C,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/templates.ts"],"names":[],"mappings":"AAiBA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,EA6B/B,CAAC"}
|