@dxos/plugin-script 0.8.4-main.3eb6e50203 → 0.8.4-main.4a85c3132b
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/README.md +15 -13
- package/dist/lib/browser/{chunk-BU6CGVU2.mjs → DeploymentDialog-IIOXAS47.mjs} +11 -10
- package/dist/lib/browser/DeploymentDialog-IIOXAS47.mjs.map +7 -0
- package/dist/lib/browser/{NotebookContainer-UQ4I24R6.mjs → NotebookContainer-VVZOKGRC.mjs} +31 -26
- package/dist/lib/browser/NotebookContainer-VVZOKGRC.mjs.map +7 -0
- package/dist/lib/browser/ScriptContainer-A5SSIUH6.mjs +93 -0
- package/dist/lib/browser/ScriptContainer-A5SSIUH6.mjs.map +7 -0
- package/dist/lib/browser/ScriptObjectSettings-HYYC7KXC.mjs +294 -0
- package/dist/lib/browser/ScriptObjectSettings-HYYC7KXC.mjs.map +7 -0
- package/dist/lib/browser/ScriptPluginSettings-UTWA7CBT.mjs +55 -0
- package/dist/lib/browser/ScriptPluginSettings-UTWA7CBT.mjs.map +7 -0
- package/dist/lib/browser/ScriptProperties-HREPUE65.mjs +28 -0
- package/dist/lib/browser/ScriptProperties-HREPUE65.mjs.map +7 -0
- package/dist/lib/browser/TestContainer-D4Y2K2TT.mjs +39 -0
- package/dist/lib/browser/TestContainer-D4Y2K2TT.mjs.map +7 -0
- package/dist/lib/browser/{blueprint-definition-5RFKE7VK.mjs → blueprint-definition-YMZEJBAZ.mjs} +4 -5
- package/dist/lib/browser/blueprint-definition-YMZEJBAZ.mjs.map +7 -0
- package/dist/lib/browser/blueprints/index.mjs +3 -3
- package/dist/lib/browser/{chunk-3BSF5BIA.mjs → chunk-6IXFDTAI.mjs} +6 -6
- package/dist/lib/browser/{chunk-3BSF5BIA.mjs.map → chunk-6IXFDTAI.mjs.map} +3 -3
- package/dist/lib/browser/chunk-ATTZUDT7.mjs +67 -0
- package/dist/lib/browser/chunk-ATTZUDT7.mjs.map +7 -0
- package/dist/lib/browser/chunk-G3XIOLLI.mjs +174 -0
- package/dist/lib/browser/chunk-G3XIOLLI.mjs.map +7 -0
- package/dist/lib/browser/{chunk-4N5TLXEJ.mjs → chunk-J7PGML5B.mjs} +3 -3
- package/dist/lib/browser/chunk-J7PGML5B.mjs.map +7 -0
- package/dist/lib/browser/{chunk-WWCDIB6Z.mjs → chunk-MUEVLYXJ.mjs} +89 -249
- package/dist/lib/browser/chunk-MUEVLYXJ.mjs.map +7 -0
- package/dist/lib/browser/chunk-PLDBKKYO.mjs +789 -0
- package/dist/lib/browser/chunk-PLDBKKYO.mjs.map +7 -0
- package/dist/lib/browser/chunk-Q66L5EUR.mjs +20 -0
- package/dist/lib/browser/chunk-Q66L5EUR.mjs.map +7 -0
- package/dist/lib/browser/{chunk-F3QKSKSF.mjs → chunk-TW27W3EL.mjs} +11 -17
- package/dist/lib/browser/chunk-TW27W3EL.mjs.map +7 -0
- package/dist/lib/browser/chunk-ZYU2LP6U.mjs +11 -0
- package/dist/lib/browser/chunk-ZYU2LP6U.mjs.map +7 -0
- package/dist/lib/browser/{compiler-VPUVTFQD.mjs → compiler-53G6ZHQM.mjs} +10 -72
- package/dist/lib/browser/compiler-53G6ZHQM.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +24 -19
- package/dist/lib/browser/index.mjs.map +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/{operation-resolver-NYDY7GDT.mjs → operation-resolver-CYEISDDK.mjs} +4 -8
- package/dist/lib/browser/operation-resolver-CYEISDDK.mjs.map +7 -0
- package/dist/lib/browser/{react-surface-FYOQSC6S.mjs → react-surface-26P6HAFD.mjs} +14 -13
- package/dist/lib/browser/react-surface-26P6HAFD.mjs.map +7 -0
- package/dist/lib/browser/{settings-5SF77MRH.mjs → settings-76UM7442.mjs} +3 -3
- package/dist/lib/browser/templates/index.mjs +1 -1
- package/dist/lib/browser/types/index.mjs +2 -2
- package/dist/lib/node-esm/{chunk-U6PXM2HT.mjs → DeploymentDialog-ZHPHEV2H.mjs} +11 -10
- package/dist/lib/node-esm/DeploymentDialog-ZHPHEV2H.mjs.map +7 -0
- package/dist/lib/node-esm/{NotebookContainer-DQGZ6QHI.mjs → NotebookContainer-ZLWTNMQA.mjs} +31 -26
- package/dist/lib/node-esm/NotebookContainer-ZLWTNMQA.mjs.map +7 -0
- package/dist/lib/node-esm/ScriptContainer-S4UKQAWP.mjs +94 -0
- package/dist/lib/node-esm/ScriptContainer-S4UKQAWP.mjs.map +7 -0
- package/dist/lib/node-esm/ScriptObjectSettings-C5QBRERY.mjs +295 -0
- package/dist/lib/node-esm/ScriptObjectSettings-C5QBRERY.mjs.map +7 -0
- package/dist/lib/node-esm/ScriptPluginSettings-MFACDW4R.mjs +56 -0
- package/dist/lib/node-esm/ScriptPluginSettings-MFACDW4R.mjs.map +7 -0
- package/dist/lib/node-esm/ScriptProperties-FMNIX3KU.mjs +29 -0
- package/dist/lib/node-esm/ScriptProperties-FMNIX3KU.mjs.map +7 -0
- package/dist/lib/node-esm/TestContainer-AO45YPGV.mjs +40 -0
- package/dist/lib/node-esm/TestContainer-AO45YPGV.mjs.map +7 -0
- package/dist/lib/node-esm/{blueprint-definition-EYL5GNDC.mjs → blueprint-definition-5MGY6BRQ.mjs} +4 -5
- package/dist/lib/node-esm/blueprint-definition-5MGY6BRQ.mjs.map +7 -0
- package/dist/lib/node-esm/blueprints/index.mjs +3 -3
- package/dist/lib/node-esm/chunk-5BG7OJGQ.mjs +176 -0
- package/dist/lib/node-esm/chunk-5BG7OJGQ.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-H46R2RS5.mjs +790 -0
- package/dist/lib/node-esm/chunk-H46R2RS5.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-JGN7TDJH.mjs +69 -0
- package/dist/lib/node-esm/chunk-JGN7TDJH.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-V37R7KB5.mjs → chunk-QG6ANK4B.mjs} +3 -3
- package/dist/lib/node-esm/chunk-QG6ANK4B.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-Y3G5NCTP.mjs → chunk-S7DSCLOW.mjs} +11 -16
- package/dist/lib/node-esm/chunk-S7DSCLOW.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-TZ2EBTPQ.mjs +22 -0
- package/dist/lib/node-esm/chunk-TZ2EBTPQ.mjs.map +7 -0
- package/dist/lib/node-esm/chunk-UFBVE33O.mjs +12 -0
- package/dist/lib/node-esm/chunk-UFBVE33O.mjs.map +7 -0
- package/dist/lib/node-esm/{chunk-KRVL7UYI.mjs → chunk-WWD5LUU6.mjs} +6 -6
- package/dist/lib/node-esm/{chunk-KRVL7UYI.mjs.map → chunk-WWD5LUU6.mjs.map} +3 -3
- package/dist/lib/node-esm/{chunk-ECRSTVR6.mjs → chunk-ZDJ2FI7E.mjs} +89 -249
- package/dist/lib/node-esm/chunk-ZDJ2FI7E.mjs.map +7 -0
- package/dist/lib/node-esm/{compiler-WUOSY6MS.mjs → compiler-HHQW7EP3.mjs} +10 -72
- package/dist/lib/node-esm/compiler-HHQW7EP3.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +24 -19
- package/dist/lib/node-esm/index.mjs.map +1 -1
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/{operation-resolver-AJNJXGCE.mjs → operation-resolver-HFFDXWND.mjs} +4 -8
- package/dist/lib/node-esm/operation-resolver-HFFDXWND.mjs.map +7 -0
- package/dist/lib/node-esm/{react-surface-LREMOVNJ.mjs → react-surface-THCIK266.mjs} +14 -13
- package/dist/lib/node-esm/react-surface-THCIK266.mjs.map +7 -0
- package/dist/lib/node-esm/{settings-ILI762CY.mjs → settings-CCHDPLFJ.mjs} +3 -3
- package/dist/lib/node-esm/templates/index.mjs +1 -1
- package/dist/lib/node-esm/types/index.mjs +2 -2
- package/dist/types/src/blueprints/index.d.ts +1 -1
- package/dist/types/src/blueprints/index.d.ts.map +1 -1
- package/dist/types/src/blueprints/script-blueprint.d.ts +3 -21
- package/dist/types/src/blueprints/script-blueprint.d.ts.map +1 -1
- package/dist/types/src/capabilities/app-graph-builder/app-graph-builder.d.ts +1 -1
- package/dist/types/src/capabilities/artifact-definition/artifact-definition.d.ts +1 -1
- package/dist/types/src/capabilities/blueprint-definition/blueprint-definition.d.ts +1 -5
- package/dist/types/src/capabilities/blueprint-definition/blueprint-definition.d.ts.map +1 -1
- package/dist/types/src/capabilities/blueprint-definition/index.d.ts +1 -1
- package/dist/types/src/capabilities/blueprint-definition/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/compiler/compiler.d.ts +1 -1
- package/dist/types/src/capabilities/operation-resolver/operation-resolver.d.ts +1 -1
- package/dist/types/src/capabilities/react-surface/react-surface.d.ts +1 -1
- package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -1
- package/dist/types/src/capabilities/settings/settings.d.ts +1 -1
- package/dist/types/src/components/FrameContainer/FrameContainer.d.ts.map +1 -1
- package/dist/types/src/components/NotebookStack/NotebookCell.d.ts.map +1 -1
- package/dist/types/src/components/NotebookStack/NotebookStack.stories.d.ts.map +1 -1
- package/dist/types/src/components/QueryEditor/QueryEditor.stories.d.ts.map +1 -1
- package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts +3 -2
- package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts.map +1 -1
- package/dist/types/src/components/ScriptToolbar/ScriptToolbar.stories.d.ts.map +1 -1
- package/dist/types/src/components/TestPanel/index.d.ts +0 -1
- package/dist/types/src/components/TestPanel/index.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 +4 -5
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/constants.d.ts +2 -0
- package/dist/types/src/constants.d.ts.map +1 -0
- package/dist/types/src/{components → containers}/DeploymentDialog/DeploymentDialog.d.ts +0 -2
- package/dist/types/src/containers/DeploymentDialog/DeploymentDialog.d.ts.map +1 -0
- package/dist/types/src/{components → containers}/DeploymentDialog/DeploymentDialog.stories.d.ts.map +1 -1
- package/dist/types/src/containers/DeploymentDialog/index.d.ts +3 -0
- package/dist/types/src/containers/DeploymentDialog/index.d.ts.map +1 -0
- package/dist/types/src/{components → containers/NotebookContainer}/NotebookContainer.d.ts +2 -3
- package/dist/types/src/containers/NotebookContainer/NotebookContainer.d.ts.map +1 -0
- package/dist/types/src/containers/NotebookContainer/NotebookContainer.stories.d.ts.map +1 -0
- package/dist/types/src/containers/NotebookContainer/index.d.ts +3 -0
- package/dist/types/src/containers/NotebookContainer/index.d.ts.map +1 -0
- package/dist/types/src/{components → containers/ScriptContainer}/ScriptContainer.d.ts +2 -3
- package/dist/types/src/containers/ScriptContainer/ScriptContainer.d.ts.map +1 -0
- package/dist/types/src/containers/ScriptContainer/index.d.ts +3 -0
- package/dist/types/src/containers/ScriptContainer/index.d.ts.map +1 -0
- package/dist/types/src/{components/Settings → containers/ScriptObjectSettings}/ScriptObjectSettings.d.ts +0 -1
- package/dist/types/src/containers/ScriptObjectSettings/ScriptObjectSettings.d.ts.map +1 -0
- package/dist/types/src/containers/ScriptObjectSettings/index.d.ts +3 -0
- package/dist/types/src/containers/ScriptObjectSettings/index.d.ts.map +1 -0
- package/dist/types/src/containers/ScriptPluginSettings/ScriptPluginSettings.d.ts.map +1 -0
- package/dist/types/src/containers/ScriptPluginSettings/index.d.ts +3 -0
- package/dist/types/src/containers/ScriptPluginSettings/index.d.ts.map +1 -0
- package/dist/types/src/containers/ScriptProperties/ScriptProperties.d.ts +7 -0
- package/dist/types/src/containers/ScriptProperties/ScriptProperties.d.ts.map +1 -0
- package/dist/types/src/containers/ScriptProperties/index.d.ts +3 -0
- package/dist/types/src/containers/ScriptProperties/index.d.ts.map +1 -0
- package/dist/types/src/containers/TestContainer/TestContainer.d.ts.map +1 -0
- package/dist/types/src/containers/TestContainer/index.d.ts +3 -0
- package/dist/types/src/containers/TestContainer/index.d.ts.map +1 -0
- package/dist/types/src/containers/index.d.ts +9 -0
- package/dist/types/src/containers/index.d.ts.map +1 -0
- package/dist/types/src/hooks/deploy.d.ts +2 -1
- package/dist/types/src/hooks/deploy.d.ts.map +1 -1
- package/dist/types/src/hooks/format.d.ts +1 -0
- package/dist/types/src/hooks/format.d.ts.map +1 -1
- package/dist/types/src/hooks/template.d.ts +1 -0
- package/dist/types/src/hooks/template.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +1 -0
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/templates/chess-bot.d.ts.map +1 -1
- package/dist/types/src/templates/commentary.d.ts.map +1 -1
- package/dist/types/src/types/Notebook.d.ts +12 -4
- package/dist/types/src/types/Notebook.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +74 -74
- package/src/blueprints/index.ts +1 -1
- package/src/blueprints/script-blueprint.ts +14 -7
- package/src/capabilities/blueprint-definition/blueprint-definition.ts +4 -11
- package/src/capabilities/operation-resolver/operation-resolver.ts +1 -1
- package/src/capabilities/react-surface/react-surface.tsx +13 -11
- package/src/components/FrameContainer/FrameContainer.tsx +2 -3
- package/src/components/FrameContainer/frame.html +21 -21
- package/src/components/NotebookStack/NotebookCell.tsx +7 -9
- package/src/components/NotebookStack/NotebookStack.stories.tsx +2 -3
- package/src/components/NotebookStack/NotebookStack.tsx +3 -3
- package/src/components/QueryEditor/QueryEditor.stories.tsx +16 -14
- package/src/components/ScriptToolbar/ScriptToolbar.stories.tsx +4 -5
- package/src/components/ScriptToolbar/ScriptToolbar.tsx +7 -7
- package/src/components/TestPanel/TestPanel.tsx +6 -6
- package/src/components/TestPanel/index.ts +0 -1
- package/src/components/TypescriptEditor/TypescriptEditor.stories.tsx +16 -14
- package/src/components/TypescriptEditor/TypescriptEditor.tsx +1 -1
- package/src/components/index.ts +4 -9
- package/src/constants.ts +7 -0
- package/src/{components → containers}/DeploymentDialog/DeploymentDialog.stories.tsx +3 -4
- package/src/{components → containers}/DeploymentDialog/DeploymentDialog.tsx +2 -6
- package/src/containers/DeploymentDialog/index.ts +7 -0
- package/src/{components → containers/NotebookContainer}/NotebookContainer.stories.tsx +7 -7
- package/src/{components → containers/NotebookContainer}/NotebookContainer.tsx +36 -39
- package/src/containers/NotebookContainer/index.ts +7 -0
- package/src/{components → containers/ScriptContainer}/ScriptContainer.tsx +20 -20
- package/src/containers/ScriptContainer/index.ts +7 -0
- package/src/{components/Settings → containers/ScriptObjectSettings}/ScriptObjectSettings.tsx +3 -21
- package/src/containers/ScriptObjectSettings/index.ts +7 -0
- package/src/containers/ScriptPluginSettings/index.ts +7 -0
- package/src/containers/ScriptProperties/ScriptProperties.tsx +33 -0
- package/src/containers/ScriptProperties/index.ts +7 -0
- package/src/{components/TestPanel → containers/TestContainer}/TestContainer.tsx +7 -6
- package/src/containers/TestContainer/index.ts +7 -0
- package/src/containers/index.ts +13 -0
- package/src/e2e/deploy.test.ts +1 -1
- package/src/hooks/deploy.ts +5 -5
- package/src/hooks/format.ts +1 -0
- package/src/hooks/template.ts +2 -2
- package/src/index.ts +1 -0
- package/src/templates/chess-bot.ts +2 -2
- package/src/templates/commentary.ts +4 -3
- package/src/types/Notebook.ts +4 -4
- package/dist/lib/browser/DeploymentDialog-XUAFCNI7.mjs +0 -14
- package/dist/lib/browser/DeploymentDialog-XUAFCNI7.mjs.map +0 -7
- package/dist/lib/browser/NotebookContainer-UQ4I24R6.mjs.map +0 -7
- package/dist/lib/browser/ScriptContainer-NB76645V.mjs +0 -149
- package/dist/lib/browser/ScriptContainer-NB76645V.mjs.map +0 -7
- package/dist/lib/browser/blueprint-definition-5RFKE7VK.mjs.map +0 -7
- package/dist/lib/browser/chunk-4N5TLXEJ.mjs.map +0 -7
- package/dist/lib/browser/chunk-BKGEAUUH.mjs +0 -270
- package/dist/lib/browser/chunk-BKGEAUUH.mjs.map +0 -7
- package/dist/lib/browser/chunk-BU6CGVU2.mjs.map +0 -7
- package/dist/lib/browser/chunk-F3QKSKSF.mjs.map +0 -7
- package/dist/lib/browser/chunk-I7CSE6T3.mjs +0 -110
- package/dist/lib/browser/chunk-I7CSE6T3.mjs.map +0 -7
- package/dist/lib/browser/chunk-LYMPME7J.mjs +0 -609
- package/dist/lib/browser/chunk-LYMPME7J.mjs.map +0 -7
- package/dist/lib/browser/chunk-WWCDIB6Z.mjs.map +0 -7
- package/dist/lib/browser/compiler-VPUVTFQD.mjs.map +0 -7
- package/dist/lib/browser/operation-resolver-NYDY7GDT.mjs.map +0 -7
- package/dist/lib/browser/react-surface-FYOQSC6S.mjs.map +0 -7
- package/dist/lib/node-esm/DeploymentDialog-GGWDQMEB.mjs +0 -15
- package/dist/lib/node-esm/DeploymentDialog-GGWDQMEB.mjs.map +0 -7
- package/dist/lib/node-esm/NotebookContainer-DQGZ6QHI.mjs.map +0 -7
- package/dist/lib/node-esm/ScriptContainer-PCNJFUWX.mjs +0 -150
- package/dist/lib/node-esm/ScriptContainer-PCNJFUWX.mjs.map +0 -7
- package/dist/lib/node-esm/blueprint-definition-EYL5GNDC.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-3CKQUF55.mjs +0 -610
- package/dist/lib/node-esm/chunk-3CKQUF55.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-3QBXN6QC.mjs +0 -271
- package/dist/lib/node-esm/chunk-3QBXN6QC.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-ECRSTVR6.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-SLU3KRV3.mjs +0 -112
- package/dist/lib/node-esm/chunk-SLU3KRV3.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-U6PXM2HT.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-V37R7KB5.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-Y3G5NCTP.mjs.map +0 -7
- package/dist/lib/node-esm/compiler-WUOSY6MS.mjs.map +0 -7
- package/dist/lib/node-esm/operation-resolver-AJNJXGCE.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-LREMOVNJ.mjs.map +0 -7
- package/dist/types/src/components/DeploymentDialog/DeploymentDialog.d.ts.map +0 -1
- package/dist/types/src/components/DeploymentDialog/index.d.ts +0 -4
- package/dist/types/src/components/DeploymentDialog/index.d.ts.map +0 -1
- package/dist/types/src/components/NotebookContainer.d.ts.map +0 -1
- package/dist/types/src/components/NotebookContainer.stories.d.ts.map +0 -1
- package/dist/types/src/components/ScriptContainer.d.ts.map +0 -1
- package/dist/types/src/components/Settings/ScriptObjectSettings.d.ts.map +0 -1
- package/dist/types/src/components/Settings/ScriptPluginSettings.d.ts.map +0 -1
- package/dist/types/src/components/Settings/index.d.ts +0 -3
- package/dist/types/src/components/Settings/index.d.ts.map +0 -1
- package/dist/types/src/components/TestPanel/TestContainer.d.ts.map +0 -1
- package/src/components/DeploymentDialog/index.ts +0 -9
- package/src/components/Settings/index.ts +0 -6
- /package/dist/lib/browser/{settings-5SF77MRH.mjs.map → settings-76UM7442.mjs.map} +0 -0
- /package/dist/lib/node-esm/{settings-ILI762CY.mjs.map → settings-CCHDPLFJ.mjs.map} +0 -0
- /package/dist/types/src/{components → containers}/DeploymentDialog/DeploymentDialog.stories.d.ts +0 -0
- /package/dist/types/src/{components → containers/NotebookContainer}/NotebookContainer.stories.d.ts +0 -0
- /package/dist/types/src/{components/Settings → containers/ScriptPluginSettings}/ScriptPluginSettings.d.ts +0 -0
- /package/dist/types/src/{components/TestPanel → containers/TestContainer}/TestContainer.d.ts +0 -0
- /package/src/{components/Settings → containers/ScriptPluginSettings}/ScriptPluginSettings.tsx +0 -0
|
@@ -1,270 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
TypescriptEditor
|
|
3
|
-
} from "./chunk-I7CSE6T3.mjs";
|
|
4
|
-
import {
|
|
5
|
-
meta
|
|
6
|
-
} from "./chunk-WYR4QHPE.mjs";
|
|
7
|
-
|
|
8
|
-
// src/components/NotebookStack/NotebookMenu.tsx
|
|
9
|
-
import React from "react";
|
|
10
|
-
import { DropdownMenu, useTranslation } from "@dxos/react-ui";
|
|
11
|
-
var NotebookMenu = ({ cell, onCellInsert, onCellDelete }) => {
|
|
12
|
-
const { t } = useTranslation(meta.id);
|
|
13
|
-
return /* @__PURE__ */ React.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
14
|
-
onClick: () => onCellInsert?.("script", cell?.id)
|
|
15
|
-
}, t("notebook cell insert script label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
16
|
-
onClick: () => onCellInsert?.("prompt", cell?.id)
|
|
17
|
-
}, t("notebook cell insert prompt label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
18
|
-
onClick: () => onCellInsert?.("query", cell?.id)
|
|
19
|
-
}, t("notebook cell insert query label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
20
|
-
onClick: () => onCellInsert?.("markdown", cell?.id)
|
|
21
|
-
}, t("notebook cell insert markdown label")), cell && onCellDelete && /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
|
|
22
|
-
onClick: () => onCellDelete?.(cell.id)
|
|
23
|
-
}, t("notebook cell delete label"))), /* @__PURE__ */ React.createElement(DropdownMenu.Arrow, null)));
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
// src/components/NotebookStack/NotebookStack.tsx
|
|
27
|
-
import React3 from "react";
|
|
28
|
-
import { DropdownMenu as DropdownMenu2, IconButton, useTranslation as useTranslation3 } from "@dxos/react-ui";
|
|
29
|
-
import { Stack, StackItem } from "@dxos/react-ui-stack";
|
|
30
|
-
|
|
31
|
-
// src/components/NotebookStack/NotebookCell.tsx
|
|
32
|
-
import React2, { useCallback, useMemo } from "react";
|
|
33
|
-
import { Surface } from "@dxos/app-framework/ui";
|
|
34
|
-
import { Obj } from "@dxos/echo";
|
|
35
|
-
import { createDocAccessor } from "@dxos/echo-db";
|
|
36
|
-
import { invariant } from "@dxos/invariant";
|
|
37
|
-
import { TemplateEditor } from "@dxos/plugin-assistant";
|
|
38
|
-
import { useThemeContext, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
39
|
-
import { QueryEditor } from "@dxos/react-ui-components";
|
|
40
|
-
import { EditorContent } from "@dxos/react-ui-editor";
|
|
41
|
-
import { createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown } from "@dxos/ui-editor";
|
|
42
|
-
import { mx } from "@dxos/ui-theme";
|
|
43
|
-
import { isNonNullable } from "@dxos/util";
|
|
44
|
-
var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/NotebookStack/NotebookCell.tsx";
|
|
45
|
-
var editorStyles = "p-2 pis-3";
|
|
46
|
-
var valueStyles = "p-1 pis-3";
|
|
47
|
-
var NotebookCell = ({ db, graph, dragging, cell, promptResults, env }) => {
|
|
48
|
-
const { t } = useTranslation2(meta.id);
|
|
49
|
-
const extensions = useMemo(() => {
|
|
50
|
-
return cell.source?.target ? [
|
|
51
|
-
createDataExtensions({
|
|
52
|
-
id: cell.id,
|
|
53
|
-
text: createDocAccessor(cell.source.target, [
|
|
54
|
-
"content"
|
|
55
|
-
])
|
|
56
|
-
})
|
|
57
|
-
].filter(isNonNullable) : [];
|
|
58
|
-
}, [
|
|
59
|
-
cell.source?.target
|
|
60
|
-
]);
|
|
61
|
-
const explorerGraph = cell.graph?.target;
|
|
62
|
-
const handleQueryChange = useCallback((value) => {
|
|
63
|
-
invariant(cell.source?.target, void 0, {
|
|
64
|
-
F: __dxlog_file,
|
|
65
|
-
L: 63,
|
|
66
|
-
S: void 0,
|
|
67
|
-
A: [
|
|
68
|
-
"cell.source?.target",
|
|
69
|
-
""
|
|
70
|
-
]
|
|
71
|
-
});
|
|
72
|
-
Obj.change(cell.source.target, (s) => {
|
|
73
|
-
s.content = value;
|
|
74
|
-
});
|
|
75
|
-
}, [
|
|
76
|
-
cell
|
|
77
|
-
]);
|
|
78
|
-
switch (cell.type) {
|
|
79
|
-
case "markdown":
|
|
80
|
-
if (!cell.source?.target) {
|
|
81
|
-
return null;
|
|
82
|
-
}
|
|
83
|
-
return /* @__PURE__ */ React2.createElement(NotebookTextEditor, {
|
|
84
|
-
id: cell.id,
|
|
85
|
-
classNames: editorStyles,
|
|
86
|
-
initialValue: cell.source.target.content,
|
|
87
|
-
extensions
|
|
88
|
-
});
|
|
89
|
-
case "script":
|
|
90
|
-
if (!cell.source?.target) {
|
|
91
|
-
return null;
|
|
92
|
-
}
|
|
93
|
-
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TypescriptEditor, {
|
|
94
|
-
id: cell.id,
|
|
95
|
-
role: "section",
|
|
96
|
-
classNames: editorStyles,
|
|
97
|
-
initialValue: cell.source.target.content,
|
|
98
|
-
extensions,
|
|
99
|
-
env,
|
|
100
|
-
options: {
|
|
101
|
-
placeholder: t("notebook cell placeholder"),
|
|
102
|
-
highlightActiveLine: false,
|
|
103
|
-
lineNumbers: false
|
|
104
|
-
}
|
|
105
|
-
}), /* @__PURE__ */ React2.createElement(NotebookCellValue, {
|
|
106
|
-
cell,
|
|
107
|
-
graph
|
|
108
|
-
}));
|
|
109
|
-
case "query":
|
|
110
|
-
if (!cell.source?.target) {
|
|
111
|
-
return null;
|
|
112
|
-
}
|
|
113
|
-
return /* @__PURE__ */ React2.createElement("div", {
|
|
114
|
-
className: mx("bs-full overflow-hidden grid", explorerGraph && !dragging && "grid-rows-[min-content_1fr]")
|
|
115
|
-
}, /* @__PURE__ */ React2.createElement(QueryEditor, {
|
|
116
|
-
id: cell.id,
|
|
117
|
-
classNames: [
|
|
118
|
-
editorStyles,
|
|
119
|
-
"border-be border-subduedSeparator"
|
|
120
|
-
],
|
|
121
|
-
db,
|
|
122
|
-
value: cell.source.target.content,
|
|
123
|
-
onChange: handleQueryChange
|
|
124
|
-
}), explorerGraph && !dragging && /* @__PURE__ */ React2.createElement(Surface.Surface, {
|
|
125
|
-
role: "section",
|
|
126
|
-
limit: 1,
|
|
127
|
-
data: {
|
|
128
|
-
subject: explorerGraph
|
|
129
|
-
}
|
|
130
|
-
}));
|
|
131
|
-
// TODO(burdon): Use streaming response from Chat.
|
|
132
|
-
case "prompt":
|
|
133
|
-
if (!cell.prompt?.target) {
|
|
134
|
-
return null;
|
|
135
|
-
}
|
|
136
|
-
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TemplateEditor, {
|
|
137
|
-
id: cell.id,
|
|
138
|
-
template: cell.prompt.target.instructions,
|
|
139
|
-
lineNumbers: false,
|
|
140
|
-
classNames: editorStyles
|
|
141
|
-
}), /* @__PURE__ */ React2.createElement(NotebookPromptResult, {
|
|
142
|
-
cell,
|
|
143
|
-
promptResults
|
|
144
|
-
}));
|
|
145
|
-
default:
|
|
146
|
-
return null;
|
|
147
|
-
}
|
|
148
|
-
};
|
|
149
|
-
var NotebookCellValue = ({ cell, graph }) => {
|
|
150
|
-
const name = graph?.getExpressions()[cell.id]?.name;
|
|
151
|
-
const value = graph?.getValue(cell.id);
|
|
152
|
-
if (value == null) {
|
|
153
|
-
return null;
|
|
154
|
-
}
|
|
155
|
-
return /* @__PURE__ */ React2.createElement("div", {
|
|
156
|
-
className: mx("flex is-full bg-groupSurface border-bs border-subduedSeparator text-description font-mono", valueStyles)
|
|
157
|
-
}, name && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", {
|
|
158
|
-
className: "text-successText"
|
|
159
|
-
}, name), /* @__PURE__ */ React2.createElement("span", {
|
|
160
|
-
className: "text-description"
|
|
161
|
-
}, "\xA0=\xA0")), /* @__PURE__ */ React2.createElement("span", null, value));
|
|
162
|
-
};
|
|
163
|
-
var NotebookPromptResult = ({ cell, promptResults }) => {
|
|
164
|
-
if (!cell.prompt) {
|
|
165
|
-
return null;
|
|
166
|
-
}
|
|
167
|
-
const value = promptResults?.[cell.prompt.dxn.toString()];
|
|
168
|
-
if (value == null) {
|
|
169
|
-
return null;
|
|
170
|
-
}
|
|
171
|
-
return /* @__PURE__ */ React2.createElement("div", {
|
|
172
|
-
className: mx("flex is-full bg-groupSurface text-description border-bs border-subduedSeparator", valueStyles)
|
|
173
|
-
}, /* @__PURE__ */ React2.createElement(NotebookTextEditor, {
|
|
174
|
-
readOnly: true,
|
|
175
|
-
value
|
|
176
|
-
}));
|
|
177
|
-
};
|
|
178
|
-
var NotebookTextEditor = ({ extensions: extensionsProp, readOnly, ...props }) => {
|
|
179
|
-
const { t } = useTranslation2(meta.id);
|
|
180
|
-
const { themeMode } = useThemeContext();
|
|
181
|
-
const extensions = useMemo(() => {
|
|
182
|
-
return [
|
|
183
|
-
createBasicExtensions({
|
|
184
|
-
placeholder: t("notebook markdown placeholder"),
|
|
185
|
-
readOnly
|
|
186
|
-
}),
|
|
187
|
-
createThemeExtensions({
|
|
188
|
-
themeMode,
|
|
189
|
-
syntaxHighlighting: true
|
|
190
|
-
}),
|
|
191
|
-
createMarkdownExtensions(),
|
|
192
|
-
decorateMarkdown(),
|
|
193
|
-
extensionsProp
|
|
194
|
-
].filter(isNonNullable);
|
|
195
|
-
}, [
|
|
196
|
-
extensionsProp
|
|
197
|
-
]);
|
|
198
|
-
return /* @__PURE__ */ React2.createElement(EditorContent, {
|
|
199
|
-
...props,
|
|
200
|
-
extensions,
|
|
201
|
-
selectionEnd: true
|
|
202
|
-
});
|
|
203
|
-
};
|
|
204
|
-
|
|
205
|
-
// src/components/NotebookStack/NotebookStack.tsx
|
|
206
|
-
var minSectionHeight = "min-bs-[16rem]";
|
|
207
|
-
var NotebookStack = ({ classNames, notebook, onRearrange, ...props }) => {
|
|
208
|
-
return /* @__PURE__ */ React3.createElement(Stack, {
|
|
209
|
-
classNames,
|
|
210
|
-
orientation: "vertical",
|
|
211
|
-
size: "contain",
|
|
212
|
-
rail: true,
|
|
213
|
-
onRearrange
|
|
214
|
-
}, notebook?.cells.map((cell, i) => /* @__PURE__ */ React3.createElement(NotebookSection, {
|
|
215
|
-
key: i,
|
|
216
|
-
cell,
|
|
217
|
-
...props
|
|
218
|
-
})));
|
|
219
|
-
};
|
|
220
|
-
var NotebookSection = ({ cell, db, env, promptResults, onCellInsert, onCellDelete, ...props }) => {
|
|
221
|
-
const { t } = useTranslation3(meta.id);
|
|
222
|
-
const resizable = cell.type === "query";
|
|
223
|
-
return /* @__PURE__ */ React3.createElement(StackItem.Root, {
|
|
224
|
-
role: "section",
|
|
225
|
-
item: cell,
|
|
226
|
-
draggable: true,
|
|
227
|
-
classNames: resizable && minSectionHeight
|
|
228
|
-
}, /* @__PURE__ */ React3.createElement(StackItem.Heading, {
|
|
229
|
-
classNames: "bs-full p-1 justify-between attention-surface"
|
|
230
|
-
}, /* @__PURE__ */ React3.createElement(StackItem.DragHandle, {
|
|
231
|
-
asChild: true
|
|
232
|
-
}, /* @__PURE__ */ React3.createElement(IconButton, {
|
|
233
|
-
variant: "ghost",
|
|
234
|
-
icon: "ph--dots-six-vertical--regular",
|
|
235
|
-
iconOnly: true,
|
|
236
|
-
label: "Drag handle"
|
|
237
|
-
})), /* @__PURE__ */ React3.createElement(DropdownMenu2.Root, null, /* @__PURE__ */ React3.createElement(DropdownMenu2.Trigger, {
|
|
238
|
-
asChild: true
|
|
239
|
-
}, /* @__PURE__ */ React3.createElement(IconButton, {
|
|
240
|
-
variant: "ghost",
|
|
241
|
-
icon: "ph--dots-three--regular",
|
|
242
|
-
iconOnly: true,
|
|
243
|
-
label: t("notebook cell insert label")
|
|
244
|
-
})), /* @__PURE__ */ React3.createElement(NotebookMenu, {
|
|
245
|
-
cell,
|
|
246
|
-
onCellInsert,
|
|
247
|
-
onCellDelete
|
|
248
|
-
})), resizable && /* @__PURE__ */ React3.createElement(StackItem.ResizeHandle, null)), /* @__PURE__ */ React3.createElement(StackItem.DragPreview, null, ({ item: cell2 }) => /* @__PURE__ */ React3.createElement(StackItem.Content, {
|
|
249
|
-
classNames: "overflow-visible bg-groupSurface border border-subduedSeparator"
|
|
250
|
-
}, /* @__PURE__ */ React3.createElement(NotebookCell, {
|
|
251
|
-
db,
|
|
252
|
-
cell: cell2,
|
|
253
|
-
env,
|
|
254
|
-
dragging: true
|
|
255
|
-
}))), /* @__PURE__ */ React3.createElement(StackItem.Content, {
|
|
256
|
-
classNames: "overflow-visible"
|
|
257
|
-
}, /* @__PURE__ */ React3.createElement(NotebookCell, {
|
|
258
|
-
db,
|
|
259
|
-
cell,
|
|
260
|
-
env,
|
|
261
|
-
promptResults,
|
|
262
|
-
...props
|
|
263
|
-
})));
|
|
264
|
-
};
|
|
265
|
-
|
|
266
|
-
export {
|
|
267
|
-
NotebookMenu,
|
|
268
|
-
NotebookStack
|
|
269
|
-
};
|
|
270
|
-
//# sourceMappingURL=chunk-BKGEAUUH.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/NotebookStack/NotebookMenu.tsx", "../../../src/components/NotebookStack/NotebookStack.tsx", "../../../src/components/NotebookStack/NotebookCell.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DropdownMenu, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../../meta';\nimport { type Notebook } from '../../types';\n\nexport type NotebookMenuProps = {\n cell?: Notebook.Cell;\n onCellInsert?: (type: Notebook.CellType, after: string | undefined) => void;\n onCellDelete?: (id: string) => void;\n};\n\n// TODO(burdon): Better way to organize menu?\nexport const NotebookMenu = ({ cell, onCellInsert, onCellDelete }: NotebookMenuProps) => {\n const { t } = useTranslation(meta.id);\n return (\n <DropdownMenu.Portal>\n <DropdownMenu.Content>\n <DropdownMenu.Viewport>\n <DropdownMenu.Item onClick={() => onCellInsert?.('script', cell?.id)}>\n {t('notebook cell insert script label')}\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onCellInsert?.('prompt', cell?.id)}>\n {t('notebook cell insert prompt label')}\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onCellInsert?.('query', cell?.id)}>\n {t('notebook cell insert query label')}\n </DropdownMenu.Item>\n <DropdownMenu.Item onClick={() => onCellInsert?.('markdown', cell?.id)}>\n {t('notebook cell insert markdown label')}\n </DropdownMenu.Item>\n {cell && onCellDelete && (\n <DropdownMenu.Item onClick={() => onCellDelete?.(cell.id)}>\n {t('notebook cell delete label')}\n </DropdownMenu.Item>\n )}\n </DropdownMenu.Viewport>\n <DropdownMenu.Arrow />\n </DropdownMenu.Content>\n </DropdownMenu.Portal>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DropdownMenu, IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { Stack, StackItem, type StackProps } from '@dxos/react-ui-stack';\n\nimport { meta } from '../../meta';\nimport { type Notebook } from '../../types';\nimport { type TypescriptEditorProps } from '../TypescriptEditor';\n\nimport { NotebookCell, type NotebookCellProps } from './NotebookCell';\nimport { NotebookMenu } from './NotebookMenu';\n\nconst minSectionHeight = 'min-bs-[16rem]';\n\nexport type NotebookStackProps = ThemedClassName<\n {\n notebook?: Notebook.Notebook;\n onRearrange?: StackProps['onRearrange'];\n } & (Pick<NotebookSectionProps, 'db' | 'graph' | 'promptResults' | 'onCellInsert' | 'onCellDelete'> &\n Pick<TypescriptEditorProps, 'env'>)\n>;\n\n// TODO(burdon): Option for narrow rail (with compact buttons that align with first button in toolbar).\nexport const NotebookStack = ({ classNames, notebook, onRearrange, ...props }: NotebookStackProps) => {\n return (\n <Stack classNames={classNames} orientation='vertical' size='contain' rail onRearrange={onRearrange}>\n {notebook?.cells.map((cell, i) => (\n <NotebookSection key={i} cell={cell} {...props} />\n ))}\n </Stack>\n );\n};\n\ntype NotebookSectionProps = NotebookCellProps;\n\nconst NotebookSection = ({\n cell,\n db,\n env,\n promptResults,\n onCellInsert,\n onCellDelete,\n ...props\n}: NotebookSectionProps) => {\n const { t } = useTranslation(meta.id);\n const resizable = cell.type === 'query';\n\n return (\n <StackItem.Root role='section' item={cell} draggable classNames={resizable && minSectionHeight}>\n <StackItem.Heading classNames='bs-full p-1 justify-between attention-surface'>\n <StackItem.DragHandle asChild>\n <IconButton variant='ghost' icon='ph--dots-six-vertical--regular' iconOnly label='Drag handle' />\n </StackItem.DragHandle>\n <DropdownMenu.Root>\n <DropdownMenu.Trigger asChild>\n <IconButton\n variant='ghost'\n icon='ph--dots-three--regular'\n iconOnly\n label={t('notebook cell insert label')}\n />\n </DropdownMenu.Trigger>\n <NotebookMenu cell={cell} onCellInsert={onCellInsert} onCellDelete={onCellDelete} />\n </DropdownMenu.Root>\n {resizable && <StackItem.ResizeHandle />}\n </StackItem.Heading>\n\n {/* TODO(burdon): Move drag preview to outer stack (uniformly). */}\n <StackItem.DragPreview>\n {({ item: cell }) => (\n <StackItem.Content classNames='overflow-visible bg-groupSurface border border-subduedSeparator'>\n <NotebookCell db={db} cell={cell} env={env} dragging />\n </StackItem.Content>\n )}\n </StackItem.DragPreview>\n\n <StackItem.Content classNames='overflow-visible'>\n <NotebookCell db={db} cell={cell} env={env} promptResults={promptResults} {...props} />\n </StackItem.Content>\n </StackItem.Root>\n );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { type Database, Obj } from '@dxos/echo';\nimport { createDocAccessor } from '@dxos/echo-db';\nimport { invariant } from '@dxos/invariant';\nimport { TemplateEditor } from '@dxos/plugin-assistant';\nimport { useThemeContext, useTranslation } from '@dxos/react-ui';\nimport { QueryEditor, type QueryEditorProps } from '@dxos/react-ui-components';\nimport { EditorContent, type EditorContentProps } from '@dxos/react-ui-editor';\nimport {\n type BasicExtensionsOptions,\n createBasicExtensions,\n createDataExtensions,\n createMarkdownExtensions,\n createThemeExtensions,\n decorateMarkdown,\n} from '@dxos/ui-editor';\nimport { mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\nimport { type ComputeGraph } from '../../notebook';\nimport { type Notebook } from '../../types';\nimport { TypescriptEditor, type TypescriptEditorProps } from '../TypescriptEditor';\n\nimport { type NotebookMenuProps } from './NotebookMenu';\n\nconst editorStyles = 'p-2 pis-3';\nconst valueStyles = 'p-1 pis-3';\n\nexport type NotebookCellProps = {\n db?: Database.Database;\n graph?: ComputeGraph;\n dragging?: boolean;\n cell: Notebook.Cell;\n promptResults?: Record<string, string>;\n} & (Pick<NotebookMenuProps, 'onCellInsert' | 'onCellDelete'> & Pick<TypescriptEditorProps, 'env'>);\n\n// TODO(burdon): Show evaluation errors.\nexport const NotebookCell = ({ db, graph, dragging, cell, promptResults, env }: NotebookCellProps) => {\n const { t } = useTranslation(meta.id);\n\n const extensions = useMemo(() => {\n return cell.source?.target\n ? [\n createDataExtensions({\n id: cell.id,\n text: createDocAccessor(cell.source.target, ['content']),\n }),\n ].filter(isNonNullable)\n : [];\n }, [cell.source?.target]);\n\n const explorerGraph = cell.graph?.target;\n\n const handleQueryChange = useCallback<NonNullable<QueryEditorProps['onChange']>>(\n (value: string) => {\n invariant(cell.source?.target);\n Obj.change(cell.source.target, (s) => {\n s.content = value;\n });\n },\n [cell],\n );\n\n switch (cell.type) {\n case 'markdown':\n if (!cell.source?.target) {\n return null;\n }\n\n return (\n <NotebookTextEditor\n id={cell.id}\n classNames={editorStyles}\n initialValue={cell.source.target.content}\n extensions={extensions}\n />\n );\n\n case 'script':\n if (!cell.source?.target) {\n return null;\n }\n\n return (\n <>\n <TypescriptEditor\n id={cell.id}\n role='section'\n classNames={editorStyles}\n initialValue={cell.source.target.content}\n extensions={extensions}\n env={env}\n options={{\n placeholder: t('notebook cell placeholder'),\n highlightActiveLine: false,\n lineNumbers: false,\n }}\n />\n <NotebookCellValue cell={cell} graph={graph} />\n </>\n );\n\n case 'query':\n if (!cell.source?.target) {\n return null;\n }\n\n // TODO(burdon): Remove app-framework deps (via render prop).\n return (\n <div\n className={mx('bs-full overflow-hidden grid', explorerGraph && !dragging && 'grid-rows-[min-content_1fr]')}\n >\n <QueryEditor\n id={cell.id}\n classNames={[editorStyles, 'border-be border-subduedSeparator']}\n db={db}\n value={cell.source.target.content}\n onChange={handleQueryChange}\n />\n {explorerGraph && !dragging && <Surface.Surface role='section' limit={1} data={{ subject: explorerGraph }} />}\n </div>\n );\n\n // TODO(burdon): Use streaming response from Chat.\n case 'prompt':\n if (!cell.prompt?.target) {\n return null;\n }\n\n return (\n <>\n <TemplateEditor\n id={cell.id}\n template={cell.prompt.target.instructions}\n lineNumbers={false}\n classNames={editorStyles}\n />\n <NotebookPromptResult cell={cell} promptResults={promptResults} />\n </>\n );\n\n default:\n return null;\n }\n};\n\nconst NotebookCellValue = ({ cell, graph }: NotebookCellProps) => {\n const name = graph?.getExpressions()[cell.id]?.name;\n const value = graph?.getValue(cell.id);\n if (value == null) {\n return null;\n }\n\n return (\n <div\n className={mx(\n 'flex is-full bg-groupSurface border-bs border-subduedSeparator text-description font-mono',\n valueStyles,\n )}\n >\n {name && (\n <>\n <span className='text-successText'>{name}</span>\n <span className='text-description'> = </span>\n </>\n )}\n <span>{value}</span>\n </div>\n );\n};\n\nconst NotebookPromptResult = ({ cell, promptResults }: NotebookCellProps) => {\n if (!cell.prompt) {\n return null;\n }\n\n const value = promptResults?.[cell.prompt.dxn.toString()];\n if (value == null) {\n return null;\n }\n\n return (\n <div className={mx('flex is-full bg-groupSurface text-description border-bs border-subduedSeparator', valueStyles)}>\n <NotebookTextEditor readOnly value={value} />\n </div>\n );\n};\n\nconst NotebookTextEditor = ({\n extensions: extensionsProp,\n readOnly,\n ...props\n}: EditorContentProps & Pick<BasicExtensionsOptions, 'readOnly'>) => {\n const { t } = useTranslation(meta.id);\n const { themeMode } = useThemeContext();\n const extensions = useMemo(() => {\n return [\n createBasicExtensions({\n placeholder: t('notebook markdown placeholder'),\n readOnly,\n }),\n createThemeExtensions({ themeMode, syntaxHighlighting: true }),\n createMarkdownExtensions(),\n decorateMarkdown(),\n extensionsProp,\n ].filter(isNonNullable);\n }, [extensionsProp]);\n\n return <EditorContent {...props} extensions={extensions} selectionEnd />;\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "DropdownMenu", "useTranslation", "NotebookMenu", "cell", "onCellInsert", "onCellDelete", "t", "useTranslation", "meta", "id", "DropdownMenu", "Portal", "Content", "Viewport", "Item", "onClick", "Arrow", "React", "DropdownMenu", "IconButton", "useTranslation", "Stack", "StackItem", "React", "useCallback", "useMemo", "Surface", "Obj", "createDocAccessor", "invariant", "TemplateEditor", "useThemeContext", "useTranslation", "QueryEditor", "EditorContent", "createBasicExtensions", "createDataExtensions", "createMarkdownExtensions", "createThemeExtensions", "decorateMarkdown", "mx", "isNonNullable", "editorStyles", "valueStyles", "NotebookCell", "db", "graph", "dragging", "cell", "promptResults", "env", "t", "useTranslation", "meta", "id", "extensions", "useMemo", "source", "target", "createDataExtensions", "text", "createDocAccessor", "filter", "isNonNullable", "explorerGraph", "handleQueryChange", "useCallback", "value", "invariant", "Obj", "change", "s", "content", "type", "React", "NotebookTextEditor", "classNames", "initialValue", "TypescriptEditor", "role", "options", "placeholder", "highlightActiveLine", "lineNumbers", "NotebookCellValue", "div", "className", "mx", "QueryEditor", "onChange", "Surface", "limit", "data", "subject", "prompt", "TemplateEditor", "template", "instructions", "NotebookPromptResult", "name", "getExpressions", "getValue", "span", "dxn", "toString", "readOnly", "extensionsProp", "props", "themeMode", "useThemeContext", "createBasicExtensions", "createThemeExtensions", "syntaxHighlighting", "createMarkdownExtensions", "decorateMarkdown", "EditorContent", "selectionEnd", "minSectionHeight", "NotebookStack", "classNames", "notebook", "onRearrange", "props", "React", "Stack", "orientation", "size", "rail", "cells", "map", "cell", "i", "NotebookSection", "key", "db", "env", "promptResults", "onCellInsert", "onCellDelete", "t", "useTranslation", "meta", "id", "resizable", "type", "StackItem", "Root", "role", "item", "draggable", "Heading", "DragHandle", "asChild", "IconButton", "variant", "icon", "iconOnly", "label", "DropdownMenu", "Trigger", "NotebookMenu", "ResizeHandle", "DragPreview", "Content", "NotebookCell", "dragging"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/DeploymentDialog/DeploymentDialog.tsx", "../../../src/components/DeploymentDialog/index.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Button, Dialog, IconButton, useTranslation } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { useCreateAndDeployScriptTemplates } from '../../hooks';\nimport { meta } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport const DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;\n\n// TODO(ZaymonFC):\n// - Show activity and feedback to the user.\n// - Only take an array of templateIds and get the name from the data.\n// - Pending / onError states.\n\nexport type DeploymentDialogProps = {\n accessToken: AccessToken.AccessToken;\n scriptTemplates: Template[];\n};\n\nexport const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {\n const { t } = useTranslation(meta.id);\n const space = useMemo(() => getSpace(accessToken), [accessToken]);\n\n // TODO(ZaymonFC): Thinking further. All of this should get moved to intents to run async in the background.\n // Deployment shouldn't be tied to the lifecycle of the dialogue component.\n const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);\n const { invokePromise } = useOperationInvoker();\n\n useEffect(() => {\n if (status === 'success') {\n // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.\n void invokePromise(LayoutOperation.AddToast, {\n id: `${meta.id}/deployment-success`,\n icon: 'ph--check--regular',\n duration: Infinity,\n title: ['script deployment toast label', { ns: meta.id, count: scriptTemplates.length }],\n description: ['script deployment toast description', { ns: meta.id, count: scriptTemplates.length }],\n closeLabel: ['script deployment toast close label', { ns: meta.id, count: scriptTemplates.length }],\n });\n void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n }\n if (status === 'error') {\n void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n void invokePromise(LayoutOperation.AddToast, {\n id: `${meta.id}/deployment-error`,\n icon: 'ph--warning--regular',\n duration: Infinity,\n title: ['script deployment error toast label', { ns: meta.id, count: scriptTemplates.length }],\n description: ['script deployment error toast description', { ns: meta.id, count: scriptTemplates.length }],\n closeLabel: ['script deployment error toast close label', { ns: meta.id, count: scriptTemplates.length }],\n });\n }\n }, [status, invokePromise]);\n\n return (\n <Dialog.Content>\n <div className='flex justify-between items-center'>\n <Dialog.Title>{t('deployment dialog title')}</Dialog.Title>\n <Dialog.Close asChild>\n <IconButton icon='ph--x--regular' size={4} label='Close' iconOnly density='fine' variant='ghost' />\n </Dialog.Close>\n </div>\n <div role='none' className='plb-4'>\n {/* TODO: Implement deployment logic and UI. */}\n <p>\n {t('deployment dialog scripts found message', {\n count: scriptTemplates.length,\n })}\n </p>\n <ul className='pbs-2'>\n {scriptTemplates.map((template) => {\n return <li key={template.id}>{template.name}</li>;\n })}\n </ul>\n </div>\n <div role='none' className='flex flex-row-reverse gap-1'>\n <Button variant='primary' onClick={handleCreateAndDeployScripts} disabled={status === 'pending'}>\n {status === 'pending'\n ? t('deployment dialog deploy functions pending button label', {\n count: scriptTemplates.length,\n })\n : t('deployment dialog deploy functions button label', {\n count: scriptTemplates.length,\n })}\n </Button>\n <Dialog.Close asChild disabled={status === 'pending'}>\n <Button disabled={status === 'pending'}>{t('deployment dialog skip button label')}</Button>\n </Dialog.Close>\n </div>\n </Dialog.Content>\n );\n};\n\nexport default DeploymentDialog;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DEPLOYMENT_DIALOG, DeploymentDialog } from './DeploymentDialog';\n\nexport { DEPLOYMENT_DIALOG };\n\nexport default DeploymentDialog;\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "useEffect", "useMemo", "useOperationInvoker", "LayoutOperation", "getSpace", "Button", "Dialog", "IconButton", "useTranslation", "DEPLOYMENT_DIALOG", "meta", "id", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "invokePromise", "useOperationInvoker", "useEffect", "LayoutOperation", "AddToast", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "state", "Dialog", "Content", "div", "className", "Title", "Close", "asChild", "IconButton", "size", "label", "iconOnly", "density", "variant", "role", "p", "ul", "map", "template", "li", "key", "name", "Button", "onClick", "disabled", "DeploymentDialog"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/blueprints/script-blueprint.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { type FunctionDefinition } from '@dxos/functions';\nimport { trim } from '@dxos/util';\n\nexport const functions: FunctionDefinition[] = [];\nexport const tools: string[] = [];\n\nexport const Key = 'dxos.org/blueprint/script';\n\nexport const make = () =>\n Blueprint.make({\n key: Key,\n name: 'Script',\n tools: Blueprint.toolDefinitions({ functions, tools }),\n instructions: Template.make({\n source: trim`\n You can create and update scripts which contain Typescript code.\n `,\n }),\n });\n"],
|
|
5
|
-
"mappings": ";;;;;AAAA;;;;;;;AAIA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,YAAY;AAEd,IAAMC,YAAkC,CAAA;AACxC,IAAMC,QAAkB,CAAA;AAExB,IAAMC,MAAM;AAEZ,IAAMC,OAAO,MAClBC,UAAUD,KAAK;EACbE,KAAKH;EACLI,MAAM;EACNL,OAAOG,UAAUG,gBAAgB;IAAEP;IAAWC;EAAM,CAAA;EACpDO,cAAcC,SAASN,KAAK;IAC1BO,QAAQC;;;EAGV,CAAA;AACF,CAAA;",
|
|
6
|
-
"names": ["Blueprint", "Template", "trim", "functions", "tools", "Key", "make", "Blueprint", "key", "name", "toolDefinitions", "instructions", "Template", "source", "trim"]
|
|
7
|
-
}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
// src/components/TypescriptEditor/TypescriptEditor.tsx
|
|
2
|
-
import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
|
|
3
|
-
import { javascript } from "@codemirror/lang-javascript";
|
|
4
|
-
import { HighlightStyle } from "@codemirror/language";
|
|
5
|
-
import { lintKeymap } from "@codemirror/lint";
|
|
6
|
-
import { Prec } from "@codemirror/state";
|
|
7
|
-
import { keymap } from "@codemirror/view";
|
|
8
|
-
import { tags } from "@lezer/highlight";
|
|
9
|
-
import { continueKeymap } from "@valtown/codemirror-continue";
|
|
10
|
-
import { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";
|
|
11
|
-
import React, { memo } from "react";
|
|
12
|
-
import { useThemeContext } from "@dxos/react-ui";
|
|
13
|
-
import { useTextEditor } from "@dxos/react-ui-editor";
|
|
14
|
-
import { Domino } from "@dxos/ui";
|
|
15
|
-
import { InputModeExtensions, createBasicExtensions, createThemeExtensions, defaultStyles } from "@dxos/ui-editor";
|
|
16
|
-
import { mx } from "@dxos/ui-theme";
|
|
17
|
-
import { isNonNullable } from "@dxos/util";
|
|
18
|
-
var TypescriptEditor = /* @__PURE__ */ memo(({ classNames, id, role = "article", inputMode = "vscode", env, options, initialValue, extensions, scrollTo, selection }) => {
|
|
19
|
-
const { themeMode } = useThemeContext();
|
|
20
|
-
const { parentRef, focusAttributes } = useTextEditor(() => ({
|
|
21
|
-
id,
|
|
22
|
-
initialValue,
|
|
23
|
-
selection,
|
|
24
|
-
scrollTo,
|
|
25
|
-
extensions: [
|
|
26
|
-
extensions,
|
|
27
|
-
createBasicExtensions({
|
|
28
|
-
highlightActiveLine: true,
|
|
29
|
-
indentWithTab: true,
|
|
30
|
-
lineNumbers: true,
|
|
31
|
-
lineWrapping: false,
|
|
32
|
-
scrollPastEnd: role !== "section",
|
|
33
|
-
search: true,
|
|
34
|
-
...options
|
|
35
|
-
}),
|
|
36
|
-
createThemeExtensions({
|
|
37
|
-
monospace: true,
|
|
38
|
-
themeMode,
|
|
39
|
-
syntaxHighlighting: true
|
|
40
|
-
}),
|
|
41
|
-
InputModeExtensions[inputMode],
|
|
42
|
-
javascript({
|
|
43
|
-
typescript: true
|
|
44
|
-
}),
|
|
45
|
-
autocompletion({
|
|
46
|
-
override: env ? [
|
|
47
|
-
tsAutocomplete()
|
|
48
|
-
] : void 0
|
|
49
|
-
}),
|
|
50
|
-
// Continues block comments when pressing Enter.
|
|
51
|
-
Prec.high(keymap.of(continueKeymap)),
|
|
52
|
-
keymap.of(completionKeymap),
|
|
53
|
-
keymap.of(lintKeymap),
|
|
54
|
-
// https://github.com/val-town/codemirror-ts
|
|
55
|
-
env && [
|
|
56
|
-
// TODO(burdon): Fix type.
|
|
57
|
-
tsFacet.of({
|
|
58
|
-
env,
|
|
59
|
-
path: `./src/${id}.ts`
|
|
60
|
-
}),
|
|
61
|
-
tsSync(),
|
|
62
|
-
tsLinter(),
|
|
63
|
-
tsHover({
|
|
64
|
-
renderTooltip: createTooltipRenderer(themeMode)
|
|
65
|
-
})
|
|
66
|
-
]
|
|
67
|
-
].filter(isNonNullable)
|
|
68
|
-
}), [
|
|
69
|
-
themeMode,
|
|
70
|
-
id,
|
|
71
|
-
extensions,
|
|
72
|
-
inputMode,
|
|
73
|
-
selection,
|
|
74
|
-
scrollTo,
|
|
75
|
-
env
|
|
76
|
-
]);
|
|
77
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
78
|
-
ref: parentRef,
|
|
79
|
-
className: mx(classNames),
|
|
80
|
-
...focusAttributes
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
var createTooltipRenderer = (themeMode) => {
|
|
84
|
-
const theme = HighlightStyle.define(themeMode === "dark" ? defaultStyles.dark : defaultStyles.light);
|
|
85
|
-
const classFromKind = (_kind) => {
|
|
86
|
-
const kind = _kind.endsWith("Name") ? "name" : _kind;
|
|
87
|
-
const validTag = kind in tags;
|
|
88
|
-
if (!validTag) {
|
|
89
|
-
return "";
|
|
90
|
-
}
|
|
91
|
-
const tag = tags[kind];
|
|
92
|
-
if (typeof tag === "function") {
|
|
93
|
-
return "";
|
|
94
|
-
}
|
|
95
|
-
return theme.style([
|
|
96
|
-
tag
|
|
97
|
-
]) ?? "";
|
|
98
|
-
};
|
|
99
|
-
return (info) => {
|
|
100
|
-
const children = info.quickInfo?.displayParts?.map(({ kind, text }) => Domino.of("span").classNames(classFromKind(kind)).text(text)) ?? [];
|
|
101
|
-
return {
|
|
102
|
-
dom: Domino.of("div").classNames("xs:max-is-80 max-is-lg p-1 bg-baseSurface rounded border border-separator").children(...children).root
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
export {
|
|
108
|
-
TypescriptEditor
|
|
109
|
-
};
|
|
110
|
-
//# sourceMappingURL=chunk-I7CSE6T3.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { HighlightStyle } from '@codemirror/language';\nimport { lintKeymap } from '@codemirror/lint';\nimport { Prec } from '@codemirror/state';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { type HoverInfo, tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from '@valtown/codemirror-ts';\nimport React, { memo } from 'react';\n\nimport { type ThemeMode, type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport { type UseTextEditorProps, useTextEditor } from '@dxos/react-ui-editor';\nimport { Domino } from '@dxos/ui';\nimport {\n type BasicExtensionsOptions,\n type EditorInputMode,\n InputModeExtensions,\n createBasicExtensions,\n createThemeExtensions,\n defaultStyles,\n} from '@dxos/ui-editor';\nimport { mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = ThemedClassName<\n {\n id: string;\n role?: string;\n inputMode?: EditorInputMode;\n toolbar?: boolean;\n env?: VirtualTypeScriptEnvironment;\n options?: BasicExtensionsOptions;\n } & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>\n>;\n\nexport const TypescriptEditor = memo(\n ({\n classNames,\n id,\n role = 'article',\n inputMode = 'vscode',\n env,\n options,\n initialValue,\n extensions,\n scrollTo,\n selection,\n }: TypescriptEditorProps) => {\n const { themeMode } = useThemeContext();\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n id,\n initialValue,\n selection,\n scrollTo,\n extensions: [\n extensions,\n createBasicExtensions({\n highlightActiveLine: true,\n indentWithTab: true,\n lineNumbers: true,\n lineWrapping: false,\n scrollPastEnd: role !== 'section',\n search: true,\n ...options,\n }),\n createThemeExtensions({\n monospace: true,\n themeMode,\n syntaxHighlighting: true,\n }),\n\n InputModeExtensions[inputMode],\n javascript({ typescript: true }),\n autocompletion({ override: env ? [tsAutocomplete()] : undefined }),\n\n // Continues block comments when pressing Enter.\n Prec.high(keymap.of(continueKeymap)),\n keymap.of(completionKeymap),\n keymap.of(lintKeymap),\n\n // https://github.com/val-town/codemirror-ts\n env && [\n // TODO(burdon): Fix type.\n tsFacet.of({ env: env as any, path: `./src/${id}.ts` }),\n tsSync(),\n tsLinter(),\n tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n ],\n ].filter(isNonNullable),\n }),\n [themeMode, id, extensions, inputMode, selection, scrollTo, env],\n );\n\n return <div ref={parentRef} className={mx(classNames)} {...focusAttributes} />;\n },\n);\n\n// TODO(burdon): Factor out (react-ui-editor).\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n const theme = HighlightStyle.define(themeMode === 'dark' ? defaultStyles.dark : defaultStyles.light);\n\n const classFromKind = (_kind: string) => {\n // E.g., localName, methodName, parameterName, etc.\n const kind = _kind.endsWith('Name') ? 'name' : _kind;\n const validTag = kind in tags;\n if (!validTag) {\n return '';\n }\n\n const tag = tags[kind as keyof typeof tags];\n if (typeof tag === 'function') {\n return '';\n }\n\n return theme.style([tag]) ?? '';\n };\n\n return (info: HoverInfo) => {\n const children =\n info.quickInfo?.displayParts?.map(({ kind, text }) =>\n Domino.of('span').classNames(classFromKind(kind)).text(text),\n ) ?? [];\n return {\n dom: Domino.of('div')\n .classNames('xs:max-is-80 max-is-lg p-1 bg-baseSurface rounded border border-separator')\n .children(...children).root,\n };\n };\n};\n\nexport default TypescriptEditor;\n"],
|
|
5
|
-
"mappings": ";AAIA,SAASA,gBAAgBC,wBAAwB;AACjD,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AACrB,SAASC,cAAc;AACvB,SAASC,YAAY;AAErB,SAASC,sBAAsB;AAC/B,SAAyBC,gBAAgBC,SAASC,SAASC,UAAUC,cAAc;AACnF,OAAOC,SAASC,YAAY;AAE5B,SAA+CC,uBAAuB;AACtE,SAAkCC,qBAAqB;AACvD,SAASC,cAAc;AACvB,SAGEC,qBACAC,uBACAC,uBACAC,qBACK;AACP,SAASC,UAAU;AACnB,SAASC,qBAAqB;AAavB,IAAMC,mBAAmBC,qBAC9B,CAAC,EACCC,YACAC,IACAC,OAAO,WACPC,YAAY,UACZC,KACAC,SACAC,cACAC,YACAC,UACAC,UAAS,MACa;AACtB,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLb;IACAK;IACAG;IACAD;IACAD,YAAY;MACVA;MACAQ,sBAAsB;QACpBC,qBAAqB;QACrBC,eAAe;QACfC,aAAa;QACbC,cAAc;QACdC,eAAelB,SAAS;QACxBmB,QAAQ;QACR,GAAGhB;MACL,CAAA;MACAiB,sBAAsB;QACpBC,WAAW;QACXb;QACAc,oBAAoB;MACtB,CAAA;MAEAC,oBAAoBtB,SAAAA;MACpBuB,WAAW;QAAEC,YAAY;MAAK,CAAA;MAC9BC,eAAe;QAAEC,UAAUzB,MAAM;UAAC0B,eAAAA;YAAoBC;MAAU,CAAA;;MAGhEC,KAAKC,KAAKC,OAAOC,GAAGC,cAAAA,CAAAA;MACpBF,OAAOC,GAAGE,gBAAAA;MACVH,OAAOC,GAAGG,UAAAA;;MAGVlC,OAAO;;QAELmC,QAAQJ,GAAG;UAAE/B;UAAiBoC,MAAM,SAASvC,EAAAA;QAAQ,CAAA;QACrDwC,OAAAA;QACAC,SAAAA;QACAC,QAAQ;UAAEC,eAAeC,sBAAsBnC,SAAAA;QAAW,CAAA;;MAE5DoC,OAAOC,aAAAA;EACX,IACA;IAACrC;IAAWT;IAAIM;IAAYJ;IAAWM;IAAWD;IAAUJ;GAAI;AAGlE,SAAO,sBAAA,cAAC4C,OAAAA;IAAIC,KAAKrC;IAAWsC,WAAWC,GAAGnD,UAAAA;IAAc,GAAGa;;AAC7D,CAAA;AAIF,IAAMgC,wBAAwB,CAACnC,cAAAA;AAC7B,QAAM0C,QAAQC,eAAeC,OAAO5C,cAAc,SAAS6C,cAAcC,OAAOD,cAAcE,KAAK;AAEnG,QAAMC,gBAAgB,CAACC,UAAAA;AAErB,UAAMC,OAAOD,MAAME,SAAS,MAAA,IAAU,SAASF;AAC/C,UAAMG,WAAWF,QAAQG;AACzB,QAAI,CAACD,UAAU;AACb,aAAO;IACT;AAEA,UAAME,MAAMD,KAAKH,IAAAA;AACjB,QAAI,OAAOI,QAAQ,YAAY;AAC7B,aAAO;IACT;AAEA,WAAOZ,MAAMa,MAAM;MAACD;KAAI,KAAK;EAC/B;AAEA,SAAO,CAACE,SAAAA;AACN,UAAMC,WACJD,KAAKE,WAAWC,cAAcC,IAAI,CAAC,EAAEV,MAAMW,KAAI,MAC7CC,OAAOrC,GAAG,MAAA,EAAQnC,WAAW0D,cAAcE,IAAAA,CAAAA,EAAOW,KAAKA,IAAAA,CAAAA,KACpD,CAAA;AACP,WAAO;MACLE,KAAKD,OAAOrC,GAAG,KAAA,EACZnC,WAAW,2EAAA,EACXmE,SAAQ,GAAIA,QAAAA,EAAUO;IAC3B;EACF;AACF;",
|
|
6
|
-
"names": ["autocompletion", "completionKeymap", "javascript", "HighlightStyle", "lintKeymap", "Prec", "keymap", "tags", "continueKeymap", "tsAutocomplete", "tsFacet", "tsHover", "tsLinter", "tsSync", "React", "memo", "useThemeContext", "useTextEditor", "Domino", "InputModeExtensions", "createBasicExtensions", "createThemeExtensions", "defaultStyles", "mx", "isNonNullable", "TypescriptEditor", "memo", "classNames", "id", "role", "inputMode", "env", "options", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "search", "createThemeExtensions", "monospace", "syntaxHighlighting", "InputModeExtensions", "javascript", "typescript", "autocompletion", "override", "tsAutocomplete", "undefined", "Prec", "high", "keymap", "of", "continueKeymap", "completionKeymap", "lintKeymap", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "div", "ref", "className", "mx", "theme", "HighlightStyle", "define", "defaultStyles", "dark", "light", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "children", "quickInfo", "displayParts", "map", "text", "Domino", "dom", "root"]
|
|
7
|
-
}
|