@dxos/plugin-deck 0.6.8-main.3be982f → 0.6.8-staging.77f93a3
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/index.mjs +59 -50
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/DeckPlugin.d.ts.map +1 -1
- package/dist/types/src/components/DeckLayout/DeckLayout.d.ts +0 -6
- package/dist/types/src/components/DeckLayout/DeckLayout.d.ts.map +1 -1
- package/dist/types/src/components/DeckLayout/Plank.d.ts.map +1 -1
- package/dist/types/src/util/overscroll.d.ts +1 -1
- package/dist/types/src/util/overscroll.d.ts.map +1 -1
- package/package.json +26 -26
- package/src/DeckPlugin.tsx +20 -22
- package/src/components/DeckLayout/DeckLayout.tsx +46 -51
- package/src/components/DeckLayout/Plank.tsx +11 -10
- package/src/util/overscroll.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts":{"bytes":729,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useNode.ts":{"bytes":3926,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts":{"bytes":2645,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/index.ts":{"bytes":626,"imports":[{"path":"packages/plugins/plugin-deck/src/hooks/useNode.ts","kind":"import-statement","original":"./useNode"},{"path":"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts","kind":"import-statement","original":"./useNodeActionExpander"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx":{"bytes":2681,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/meta.ts":{"bytes":804,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx":{"bytes":19084,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-text-tooltip","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx":{"bytes":1553,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx":{"bytes":5773,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/LayoutContext.ts":{"bytes":1490,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx":{"bytes":6758,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx","kind":"import-statement","original":"./PlankError"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx":{"bytes":2038,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx":{"bytes":2488,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx":{"bytes":3405,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx","kind":"import-statement","original":"./Fallback"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckContext.ts":{"bytes":1607,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx":{"bytes":16526,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx","kind":"import-statement","original":"./PlankError"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"../../DeckPlugin"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"../DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx":{"bytes":4472,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx":{"bytes":5139,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/util/check-app-scheme.ts":{"bytes":2615,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/util/layout-parts.ts":{"bytes":1409,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/util/overscroll.ts":{"bytes":21506,"imports":[{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/util/index.ts":{"bytes":723,"imports":[{"path":"packages/plugins/plugin-deck/src/util/check-app-scheme.ts","kind":"import-statement","original":"./check-app-scheme"},{"path":"packages/plugins/plugin-deck/src/util/layout-parts.ts","kind":"import-statement","original":"./layout-parts"},{"path":"packages/plugins/plugin-deck/src/util/overscroll.ts","kind":"import-statement","original":"./overscroll"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx":{"bytes":28390,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx","kind":"import-statement","original":"./ActiveNode"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx","kind":"import-statement","original":"./ComplementarySidebar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx","kind":"import-statement","original":"./ContentEmpty"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx","kind":"import-statement","original":"./Fullscreen"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx","kind":"import-statement","original":"./Plank"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx","kind":"import-statement","original":"./Sidebar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx","kind":"import-statement","original":"./Toast"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"packages/plugins/plugin-deck/src/util/index.ts","kind":"import-statement","original":"../../util"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"../DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts":{"bytes":666,"imports":[{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx","kind":"import-statement","original":"./DeckLayout"}],"format":"esm"},"packages/plugins/plugin-deck/src/types.ts":{"bytes":2200,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx":{"bytes":10600,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-deck/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/index.ts":{"bytes":823,"imports":[{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts","kind":"import-statement","original":"./DeckLayout"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"./DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"./LayoutContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx","kind":"import-statement","original":"./LayoutSettings"}],"format":"esm"},"packages/plugins/plugin-deck/src/layout.ts":{"bytes":25366,"imports":[{"path":"immer","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/translations.ts":{"bytes":6555,"imports":[{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/DeckPlugin.tsx":{"bytes":90854,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-deck/src/layout.ts","kind":"import-statement","original":"./layout"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-deck/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-deck/src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/plugins/plugin-deck/src/index.ts":{"bytes":752,"imports":[{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"./DeckPlugin"},{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"./DeckPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-deck/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":128378},"packages/plugins/plugin-deck/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-text-tooltip","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["DeckAction","DeckPlugin","default"],"entryPoint":"packages/plugins/plugin-deck/src/index.ts","inputs":{"packages/plugins/plugin-deck/src/DeckPlugin.tsx":{"bytesInOutput":23135},"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts":{"bytesInOutput":57},"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx":{"bytesInOutput":7325},"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx":{"bytesInOutput":498},"packages/plugins/plugin-deck/src/hooks/useNode.ts":{"bytesInOutput":593},"packages/plugins/plugin-deck/src/hooks/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts":{"bytesInOutput":571},"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx":{"bytesInOutput":1401},"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx":{"bytesInOutput":4795},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx":{"bytesInOutput":1395},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx":{"bytesInOutput":353},"packages/plugins/plugin-deck/src/components/LayoutContext.ts":{"bytesInOutput":223},"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx":{"bytesInOutput":560},"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx":{"bytesInOutput":691},"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx":{"bytesInOutput":608},"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx":{"bytesInOutput":3943},"packages/plugins/plugin-deck/src/components/DeckContext.ts":{"bytesInOutput":268},"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx":{"bytesInOutput":995},"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx":{"bytesInOutput":1285},"packages/plugins/plugin-deck/src/util/check-app-scheme.ts":{"bytesInOutput":454},"packages/plugins/plugin-deck/src/util/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/util/layout-parts.ts":{"bytesInOutput":115},"packages/plugins/plugin-deck/src/util/overscroll.ts":{"bytesInOutput":1460},"packages/plugins/plugin-deck/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx":{"bytesInOutput":2974},"packages/plugins/plugin-deck/src/types.ts":{"bytesInOutput":101},"packages/plugins/plugin-deck/src/layout.ts":{"bytesInOutput":3958},"packages/plugins/plugin-deck/src/translations.ts":{"bytesInOutput":2104},"packages/plugins/plugin-deck/src/index.ts":{"bytesInOutput":30}},"bytes":62332},"packages/plugins/plugin-deck/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-deck/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs","kind":"import-statement"}],"exports":["DECK_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-deck/src/meta.ts","inputs":{},"bytes":157},"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":356},"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs":{"imports":[],"exports":["DECK_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-deck/src/meta.ts":{"bytesInOutput":100}},"bytes":231}}}
|
|
1
|
+
{"inputs":{"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts":{"bytes":729,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useNode.ts":{"bytes":3926,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts":{"bytes":2645,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/hooks/index.ts":{"bytes":626,"imports":[{"path":"packages/plugins/plugin-deck/src/hooks/useNode.ts","kind":"import-statement","original":"./useNode"},{"path":"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts","kind":"import-statement","original":"./useNodeActionExpander"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx":{"bytes":2681,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/meta.ts":{"bytes":804,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx":{"bytes":19084,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-text-tooltip","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx":{"bytes":1553,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx":{"bytes":5773,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/LayoutContext.ts":{"bytes":1490,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx":{"bytes":6758,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx","kind":"import-statement","original":"./PlankError"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx":{"bytes":2038,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx":{"bytes":2488,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx":{"bytes":3405,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx","kind":"import-statement","original":"./Fallback"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckContext.ts":{"bytes":1607,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx":{"bytes":16803,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx","kind":"import-statement","original":"./NodePlankHeading"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx","kind":"import-statement","original":"./PlankError"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx","kind":"import-statement","original":"./PlankLoading"},{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"../../DeckPlugin"},{"path":"packages/plugins/plugin-deck/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"../DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx":{"bytes":4472,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx":{"bytes":5139,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/util/check-app-scheme.ts":{"bytes":2615,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/util/layout-parts.ts":{"bytes":1409,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/util/overscroll.ts":{"bytes":21506,"imports":[{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/util/index.ts":{"bytes":723,"imports":[{"path":"packages/plugins/plugin-deck/src/util/check-app-scheme.ts","kind":"import-statement","original":"./check-app-scheme"},{"path":"packages/plugins/plugin-deck/src/util/layout-parts.ts","kind":"import-statement","original":"./layout-parts"},{"path":"packages/plugins/plugin-deck/src/util/overscroll.ts","kind":"import-statement","original":"./overscroll"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx":{"bytes":27011,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx","kind":"import-statement","original":"./ActiveNode"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx","kind":"import-statement","original":"./ComplementarySidebar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx","kind":"import-statement","original":"./ContentEmpty"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx","kind":"import-statement","original":"./Fullscreen"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx","kind":"import-statement","original":"./Plank"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx","kind":"import-statement","original":"./Sidebar"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx","kind":"import-statement","original":"./Toast"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"packages/plugins/plugin-deck/src/util/index.ts","kind":"import-statement","original":"../../util"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"../DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"../LayoutContext"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts":{"bytes":666,"imports":[{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts","kind":"import-statement","original":"./constants"},{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx","kind":"import-statement","original":"./DeckLayout"}],"format":"esm"},"packages/plugins/plugin-deck/src/types.ts":{"bytes":2200,"imports":[],"format":"esm"},"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx":{"bytes":10600,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-deck/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-deck/src/components/index.ts":{"bytes":823,"imports":[{"path":"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts","kind":"import-statement","original":"./DeckLayout"},{"path":"packages/plugins/plugin-deck/src/components/DeckContext.ts","kind":"import-statement","original":"./DeckContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutContext.ts","kind":"import-statement","original":"./LayoutContext"},{"path":"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx","kind":"import-statement","original":"./LayoutSettings"}],"format":"esm"},"packages/plugins/plugin-deck/src/layout.ts":{"bytes":25366,"imports":[{"path":"immer","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-deck/src/translations.ts":{"bytes":6555,"imports":[{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-deck/src/DeckPlugin.tsx":{"bytes":91632,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-deck/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-deck/src/layout.ts","kind":"import-statement","original":"./layout"},{"path":"packages/plugins/plugin-deck/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-deck/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-deck/src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/plugins/plugin-deck/src/index.ts":{"bytes":752,"imports":[{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"./DeckPlugin"},{"path":"packages/plugins/plugin-deck/src/DeckPlugin.tsx","kind":"import-statement","original":"./DeckPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-deck/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":127986},"packages/plugins/plugin-deck/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"@preact/signals-core","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-attention","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-observability/meta","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"@dxos/react-ui-text-tooltip","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/debug","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-deck","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/plugin-settings","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"immer","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["DeckAction","DeckPlugin","default"],"entryPoint":"packages/plugins/plugin-deck/src/index.ts","inputs":{"packages/plugins/plugin-deck/src/DeckPlugin.tsx":{"bytesInOutput":23257},"packages/plugins/plugin-deck/src/components/DeckLayout/constants.ts":{"bytesInOutput":57},"packages/plugins/plugin-deck/src/components/DeckLayout/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/components/DeckLayout/DeckLayout.tsx":{"bytesInOutput":6840},"packages/plugins/plugin-deck/src/components/DeckLayout/ActiveNode.tsx":{"bytesInOutput":498},"packages/plugins/plugin-deck/src/hooks/useNode.ts":{"bytesInOutput":593},"packages/plugins/plugin-deck/src/hooks/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/hooks/useNodeActionExpander.ts":{"bytesInOutput":571},"packages/plugins/plugin-deck/src/components/DeckLayout/ComplementarySidebar.tsx":{"bytesInOutput":1401},"packages/plugins/plugin-deck/src/components/DeckLayout/NodePlankHeading.tsx":{"bytesInOutput":4795},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankError.tsx":{"bytesInOutput":1395},"packages/plugins/plugin-deck/src/components/DeckLayout/PlankLoading.tsx":{"bytesInOutput":353},"packages/plugins/plugin-deck/src/components/LayoutContext.ts":{"bytesInOutput":223},"packages/plugins/plugin-deck/src/components/DeckLayout/ContentEmpty.tsx":{"bytesInOutput":560},"packages/plugins/plugin-deck/src/components/DeckLayout/Fullscreen.tsx":{"bytesInOutput":691},"packages/plugins/plugin-deck/src/components/DeckLayout/Fallback.tsx":{"bytesInOutput":608},"packages/plugins/plugin-deck/src/components/DeckLayout/Plank.tsx":{"bytesInOutput":4067},"packages/plugins/plugin-deck/src/components/DeckContext.ts":{"bytesInOutput":268},"packages/plugins/plugin-deck/src/components/DeckLayout/Sidebar.tsx":{"bytesInOutput":995},"packages/plugins/plugin-deck/src/components/DeckLayout/Toast.tsx":{"bytesInOutput":1285},"packages/plugins/plugin-deck/src/util/check-app-scheme.ts":{"bytesInOutput":454},"packages/plugins/plugin-deck/src/util/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/util/layout-parts.ts":{"bytesInOutput":115},"packages/plugins/plugin-deck/src/util/overscroll.ts":{"bytesInOutput":1460},"packages/plugins/plugin-deck/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-deck/src/components/LayoutSettings.tsx":{"bytesInOutput":2974},"packages/plugins/plugin-deck/src/types.ts":{"bytesInOutput":101},"packages/plugins/plugin-deck/src/layout.ts":{"bytesInOutput":3958},"packages/plugins/plugin-deck/src/translations.ts":{"bytesInOutput":2104},"packages/plugins/plugin-deck/src/index.ts":{"bytesInOutput":30}},"bytes":62093},"packages/plugins/plugin-deck/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-deck/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs","kind":"import-statement"}],"exports":["DECK_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-deck/src/meta.ts","inputs":{},"bytes":157},"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":356},"packages/plugins/plugin-deck/dist/lib/browser/chunk-YVHGFQQR.mjs":{"imports":[],"exports":["DECK_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-deck/src/meta.ts":{"bytesInOutput":100}},"bytes":231}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeckPlugin.d.ts","sourceRoot":"","sources":["../../../src/DeckPlugin.tsx"],"names":[],"mappings":"AASA,OAAO,EAUL,KAAK,gBAAgB,EAYrB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAiC7B,OAAO,EAA4B,KAAK,kBAAkB,EAA2C,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"DeckPlugin.d.ts","sourceRoot":"","sources":["../../../src/DeckPlugin.tsx"],"names":[],"mappings":"AASA,OAAO,EAUL,KAAK,gBAAgB,EAYrB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAiC7B,OAAO,EAA4B,KAAK,kBAAkB,EAA2C,MAAM,SAAS,CAAC;AA0BrH,oBAAY,UAAU;IACpB,iBAAiB,2CAAqC;CACvD;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,eAAe,GAAG,UAAU,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACxE;AAED,eAAO,MAAM,UAAU,wBAEpB;IACD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,KAAQ,gBAAgB,CAAC,kBAAkB,CA2gB3C,CAAC"}
|
|
@@ -13,12 +13,6 @@ export type DeckLayoutProps = {
|
|
|
13
13
|
wallpaper?: {
|
|
14
14
|
classNames?: string;
|
|
15
15
|
};
|
|
16
|
-
deck?: {
|
|
17
|
-
classNames?: string;
|
|
18
|
-
};
|
|
19
|
-
plank?: {
|
|
20
|
-
classNames?: string;
|
|
21
|
-
};
|
|
22
16
|
};
|
|
23
17
|
};
|
|
24
18
|
export declare const DeckLayout: ({ showHintsFooter, toasts, onDismissToast, flatDeck, attention, layoutParts, slots, overscroll, }: DeckLayoutProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeckLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/DeckLayout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,WAAW,EAEhB,KAAK,KAAK,IAAI,WAAW,EAG1B,MAAM,qBAAqB,CAAC;AAa7B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"DeckLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/DeckLayout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,WAAW,EAEhB,KAAK,KAAK,IAAI,WAAW,EAG1B,MAAM,qBAAqB,CAAC;AAa7B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACrC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,UAAU,sGASpB,eAAe,sBAgNjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plank.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/Plank.tsx"],"names":[],"mappings":"AAKA,OAAO,
|
|
1
|
+
{"version":3,"file":"Plank.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckLayout/Plank.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,EAIjB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAatF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IAEzB,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,KAAK,kFAAmF,UAAU,sBAmG9G,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type LayoutMode, type LayoutParts } from '@dxos/app-framework';
|
|
2
2
|
import { type Overscroll } from '../types';
|
|
3
|
-
export declare const calculateOverscroll: (layoutMode: LayoutMode,
|
|
3
|
+
export declare const calculateOverscroll: (layoutMode: LayoutMode, layoutParts: LayoutParts, plankSizing: Record<string, number>, sidebarOpen: boolean, complementarySidebarOpen: boolean, overscroll: Overscroll) => {
|
|
4
4
|
paddingLeft: string;
|
|
5
5
|
paddingRight: string;
|
|
6
6
|
} | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overscroll.d.ts","sourceRoot":"","sources":["../../../../src/util/overscroll.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGxE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,mBAAmB,eAClB,UAAU,eACT,
|
|
1
|
+
{"version":3,"file":"overscroll.d.ts","sourceRoot":"","sources":["../../../../src/util/overscroll.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGxE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,mBAAmB,eAClB,UAAU,eACT,WAAW,eACX,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eACtB,OAAO,4BACM,OAAO,cACrB,UAAU;;;aAiFvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/plugin-deck",
|
|
3
|
-
"version": "0.6.8-
|
|
3
|
+
"version": "0.6.8-staging.77f93a3",
|
|
4
4
|
"description": "DXOS Surface plugin for the main application layout.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -31,26 +31,26 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@preact/signals-core": "^1.6.0",
|
|
33
33
|
"immer": "^10.1.1",
|
|
34
|
-
"@dxos/app-framework": "0.6.8-
|
|
35
|
-
"@dxos/
|
|
36
|
-
"@dxos/
|
|
37
|
-
"@dxos/
|
|
38
|
-
"@dxos/invariant": "0.6.8-
|
|
39
|
-
"@dxos/keyboard": "0.6.8-
|
|
40
|
-
"@dxos/
|
|
41
|
-
"@dxos/
|
|
42
|
-
"@dxos/plugin-attention": "0.6.8-
|
|
43
|
-
"@dxos/plugin-client": "0.6.8-
|
|
44
|
-
"@dxos/plugin-graph": "0.6.8-
|
|
45
|
-
"@dxos/plugin-observability": "0.6.8-
|
|
46
|
-
"@dxos/plugin-settings": "0.6.8-
|
|
47
|
-
"@dxos/plugin-theme": "0.6.8-
|
|
48
|
-
"@dxos/react-client": "0.6.8-
|
|
49
|
-
"@dxos/react-ui-attention": "0.6.8-
|
|
50
|
-
"@dxos/react-ui-
|
|
51
|
-
"@dxos/react-ui-
|
|
52
|
-
"@dxos/react-ui-
|
|
53
|
-
"@dxos/util": "0.6.8-
|
|
34
|
+
"@dxos/app-framework": "0.6.8-staging.77f93a3",
|
|
35
|
+
"@dxos/async": "0.6.8-staging.77f93a3",
|
|
36
|
+
"@dxos/debug": "0.6.8-staging.77f93a3",
|
|
37
|
+
"@dxos/echo-schema": "0.6.8-staging.77f93a3",
|
|
38
|
+
"@dxos/invariant": "0.6.8-staging.77f93a3",
|
|
39
|
+
"@dxos/keyboard": "0.6.8-staging.77f93a3",
|
|
40
|
+
"@dxos/local-storage": "0.6.8-staging.77f93a3",
|
|
41
|
+
"@dxos/log": "0.6.8-staging.77f93a3",
|
|
42
|
+
"@dxos/plugin-attention": "0.6.8-staging.77f93a3",
|
|
43
|
+
"@dxos/plugin-client": "0.6.8-staging.77f93a3",
|
|
44
|
+
"@dxos/plugin-graph": "0.6.8-staging.77f93a3",
|
|
45
|
+
"@dxos/plugin-observability": "0.6.8-staging.77f93a3",
|
|
46
|
+
"@dxos/plugin-settings": "0.6.8-staging.77f93a3",
|
|
47
|
+
"@dxos/plugin-theme": "0.6.8-staging.77f93a3",
|
|
48
|
+
"@dxos/react-client": "0.6.8-staging.77f93a3",
|
|
49
|
+
"@dxos/react-ui-attention": "0.6.8-staging.77f93a3",
|
|
50
|
+
"@dxos/react-ui-deck": "0.6.8-staging.77f93a3",
|
|
51
|
+
"@dxos/react-ui-mosaic": "0.6.8-staging.77f93a3",
|
|
52
|
+
"@dxos/react-ui-text-tooltip": "0.6.8-staging.77f93a3",
|
|
53
|
+
"@dxos/util": "0.6.8-staging.77f93a3"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@phosphor-icons/react": "^2.1.5",
|
|
@@ -59,16 +59,16 @@
|
|
|
59
59
|
"react": "~18.2.0",
|
|
60
60
|
"react-dom": "~18.2.0",
|
|
61
61
|
"vite": "^5.3.4",
|
|
62
|
-
"@dxos/react-ui": "0.6.8-
|
|
63
|
-
"@dxos/react-ui-theme": "0.6.8-
|
|
64
|
-
"@dxos/storybook-utils": "0.6.8-
|
|
62
|
+
"@dxos/react-ui": "0.6.8-staging.77f93a3",
|
|
63
|
+
"@dxos/react-ui-theme": "0.6.8-staging.77f93a3",
|
|
64
|
+
"@dxos/storybook-utils": "0.6.8-staging.77f93a3"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
67
|
"@phosphor-icons/react": "^2.0.5",
|
|
68
68
|
"react": "^18.0.0",
|
|
69
69
|
"react-dom": "^18.0.0",
|
|
70
|
-
"@dxos/react-ui": "0.6.8-
|
|
71
|
-
"@dxos/react-ui-theme": "0.6.8-
|
|
70
|
+
"@dxos/react-ui": "0.6.8-staging.77f93a3",
|
|
71
|
+
"@dxos/react-ui-theme": "0.6.8-staging.77f93a3"
|
|
72
72
|
},
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
package/src/DeckPlugin.tsx
CHANGED
|
@@ -71,18 +71,12 @@ const isSocket = !!(globalThis as any).__args;
|
|
|
71
71
|
// TODO(mjamesderocher): Can we get this directly from Socket?
|
|
72
72
|
const appScheme = 'composer://';
|
|
73
73
|
|
|
74
|
-
// TODO(burdon): Evolve into customizable prefs
|
|
74
|
+
// TODO(burdon): Evolve into customizable prefs,.
|
|
75
75
|
const customSlots: DeckLayoutProps['slots'] = {
|
|
76
76
|
wallpaper: {
|
|
77
77
|
classNames:
|
|
78
78
|
'bg-cover bg-no-repeat dark:bg-[url(https://cdn.midjourney.com/3865ba61-f98a-4d94-b91a-1763ead01f4f/0_0.jpeg)]',
|
|
79
79
|
},
|
|
80
|
-
deck: {
|
|
81
|
-
classNames: 'px-96 bg-neutral-50 __dark:bg-neutral-950 dark:bg-transparent dark:opacity-95',
|
|
82
|
-
},
|
|
83
|
-
plank: {
|
|
84
|
-
classNames: 'mx-1 bg-neutral-25 dark:bg-neutral-900',
|
|
85
|
-
},
|
|
86
80
|
};
|
|
87
81
|
|
|
88
82
|
// NOTE(Zan): When producing values with immer, we shouldn't auto-freeze them because
|
|
@@ -241,7 +235,16 @@ export const DeckPlugin = ({
|
|
|
241
235
|
}
|
|
242
236
|
|
|
243
237
|
handleNavigation = async () => {
|
|
244
|
-
const
|
|
238
|
+
const pathname = window.location.pathname;
|
|
239
|
+
if (pathname === '/reset') {
|
|
240
|
+
location.values.active = { sidebar: [{ id: NAV_ID }] };
|
|
241
|
+
location.values.closed = [];
|
|
242
|
+
layout.values.layoutMode = 'solo';
|
|
243
|
+
window.location.pathname = '/';
|
|
244
|
+
return;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
const layoutFromUri = uriToSoloPart(pathname);
|
|
245
248
|
if (!layoutFromUri) {
|
|
246
249
|
return;
|
|
247
250
|
}
|
|
@@ -337,12 +340,13 @@ export const DeckPlugin = ({
|
|
|
337
340
|
const index = layout.values.toasts.findIndex((toast) => toast.id === id);
|
|
338
341
|
if (index !== -1) {
|
|
339
342
|
// Allow time for the toast to animate out.
|
|
343
|
+
// TODO(burdon): Factor out and unregister timeout.
|
|
340
344
|
setTimeout(() => {
|
|
341
345
|
if (layout.values.toasts[index].id === currentUndoId) {
|
|
342
346
|
currentUndoId = undefined;
|
|
343
347
|
}
|
|
344
348
|
layout.values.toasts.splice(index, 1);
|
|
345
|
-
},
|
|
349
|
+
}, 1_000);
|
|
346
350
|
}
|
|
347
351
|
}}
|
|
348
352
|
/>
|
|
@@ -432,16 +436,14 @@ export const DeckPlugin = ({
|
|
|
432
436
|
return;
|
|
433
437
|
}
|
|
434
438
|
|
|
435
|
-
const newPlankPositioning = settings.values.newPlankPositioning;
|
|
436
|
-
|
|
437
439
|
const processLayoutEntry = (partName: string, entryString: string, currentLayout: any) => {
|
|
440
|
+
// TODO(burdon): Option to toggle?
|
|
441
|
+
const toggle = false;
|
|
438
442
|
const [id, path] = entryString.split(SLUG_PATH_SEPARATOR);
|
|
439
|
-
const layoutEntry: LayoutEntry = {
|
|
440
|
-
id,
|
|
441
|
-
...(path ? { path } : {}),
|
|
442
|
-
};
|
|
443
|
+
const layoutEntry: LayoutEntry = { id, ...(path ? { path } : {}) };
|
|
443
444
|
const effectivePart = getEffectivePart(partName as LayoutPart, layoutMode);
|
|
444
445
|
if (
|
|
446
|
+
toggle &&
|
|
445
447
|
layoutMode === 'deck' &&
|
|
446
448
|
effectivePart === 'main' &&
|
|
447
449
|
currentLayout[effectivePart]?.some((entry: LayoutEntry) => entry.id === id) &&
|
|
@@ -451,20 +453,19 @@ export const DeckPlugin = ({
|
|
|
451
453
|
return closeEntry(currentLayout, { part: effectivePart as LayoutPart, entryId: id });
|
|
452
454
|
} else {
|
|
453
455
|
return openEntry(currentLayout, effectivePart, layoutEntry, {
|
|
454
|
-
positioning: newPlankPositioning,
|
|
456
|
+
positioning: settings.values.newPlankPositioning,
|
|
455
457
|
});
|
|
456
458
|
}
|
|
457
459
|
};
|
|
458
460
|
|
|
459
461
|
let newLayout = location.values.active;
|
|
460
|
-
|
|
461
462
|
Object.entries(intent.data.activeParts).forEach(([partName, layoutEntries]) => {
|
|
462
463
|
if (Array.isArray(layoutEntries)) {
|
|
463
464
|
layoutEntries.forEach((activePartEntry: string) => {
|
|
464
465
|
newLayout = processLayoutEntry(partName, activePartEntry, newLayout);
|
|
465
466
|
});
|
|
466
467
|
} else if (typeof layoutEntries === 'string') {
|
|
467
|
-
// Legacy single string entry
|
|
468
|
+
// Legacy single string entry.
|
|
468
469
|
newLayout = processLayoutEntry(partName, layoutEntries, newLayout);
|
|
469
470
|
}
|
|
470
471
|
});
|
|
@@ -559,7 +560,6 @@ export const DeckPlugin = ({
|
|
|
559
560
|
});
|
|
560
561
|
|
|
561
562
|
location.values.active = newLayout;
|
|
562
|
-
|
|
563
563
|
return { data: true };
|
|
564
564
|
});
|
|
565
565
|
}
|
|
@@ -578,13 +578,11 @@ export const DeckPlugin = ({
|
|
|
578
578
|
return batch(() => {
|
|
579
579
|
if (isLayoutAdjustment(intent.data)) {
|
|
580
580
|
const adjustment = intent.data;
|
|
581
|
-
|
|
582
581
|
if (adjustment.type === 'increment-end' || adjustment.type === 'increment-start') {
|
|
583
|
-
|
|
582
|
+
location.values.active = incrementPlank(location.values.active, {
|
|
584
583
|
type: adjustment.type,
|
|
585
584
|
layoutCoordinate: adjustment.layoutCoordinate,
|
|
586
585
|
});
|
|
587
|
-
location.values.active = nextActive;
|
|
588
586
|
}
|
|
589
587
|
|
|
590
588
|
if (adjustment.type === 'solo') {
|
|
@@ -16,7 +16,7 @@ import {
|
|
|
16
16
|
} from '@dxos/app-framework';
|
|
17
17
|
import { Button, Dialog, Main, Popover, useTranslation } from '@dxos/react-ui';
|
|
18
18
|
import { Deck } from '@dxos/react-ui-deck';
|
|
19
|
-
import { getSize
|
|
19
|
+
import { getSize } from '@dxos/react-ui-theme';
|
|
20
20
|
|
|
21
21
|
import { ActiveNode } from './ActiveNode';
|
|
22
22
|
import { ComplementarySidebar } from './ComplementarySidebar';
|
|
@@ -37,13 +37,11 @@ export type DeckLayoutProps = {
|
|
|
37
37
|
flatDeck?: boolean;
|
|
38
38
|
toasts: ToastSchema[];
|
|
39
39
|
onDismissToast: (id: string) => void;
|
|
40
|
+
// TODO(burdon): Rename planks or just items?
|
|
40
41
|
layoutParts: LayoutParts;
|
|
41
42
|
attention: Attention;
|
|
42
|
-
// TODO(Zan): Deprecate slots.
|
|
43
43
|
slots?: {
|
|
44
44
|
wallpaper?: { classNames?: string };
|
|
45
|
-
deck?: { classNames?: string };
|
|
46
|
-
plank?: { classNames?: string };
|
|
47
45
|
};
|
|
48
46
|
};
|
|
49
47
|
|
|
@@ -72,6 +70,8 @@ export const DeckLayout = ({
|
|
|
72
70
|
const { t } = useTranslation(DECK_PLUGIN);
|
|
73
71
|
const { plankSizing } = useDeckContext();
|
|
74
72
|
|
|
73
|
+
const searchEnabled = !!usePlugin('dxos.org/plugin/search');
|
|
74
|
+
|
|
75
75
|
const fullScreenSlug = useMemo(() => firstIdInPart(layoutParts, 'fullScreen'), [layoutParts]);
|
|
76
76
|
|
|
77
77
|
const complementarySlug = useMemo(() => {
|
|
@@ -81,18 +81,22 @@ export const DeckLayout = ({
|
|
|
81
81
|
}
|
|
82
82
|
}, [layoutParts]);
|
|
83
83
|
|
|
84
|
-
const searchEnabled = !!usePlugin('dxos.org/plugin/search');
|
|
85
84
|
const activeId = useMemo(() => Array.from(attention.attended ?? [])[0], [attention.attended]);
|
|
86
85
|
|
|
86
|
+
// TODO(burdon): Very specific args (move local to file or create struct?)
|
|
87
87
|
const overscrollAmount = calculateOverscroll(
|
|
88
88
|
layoutMode,
|
|
89
|
-
sidebarOpen,
|
|
90
|
-
complementarySidebarOpen,
|
|
91
89
|
layoutParts,
|
|
92
90
|
plankSizing,
|
|
91
|
+
sidebarOpen,
|
|
92
|
+
complementarySidebarOpen,
|
|
93
93
|
overscroll,
|
|
94
94
|
);
|
|
95
95
|
|
|
96
|
+
const isEmpty =
|
|
97
|
+
(layoutMode === 'solo' && (!layoutParts.solo || layoutParts.solo.length === 0)) ||
|
|
98
|
+
(layoutMode === 'deck' && (!layoutParts.main || layoutParts.main.length === 0));
|
|
99
|
+
|
|
96
100
|
if (layoutMode === 'fullscreen') {
|
|
97
101
|
return <Fullscreen id={fullScreenSlug} />;
|
|
98
102
|
}
|
|
@@ -110,6 +114,7 @@ export const DeckLayout = ({
|
|
|
110
114
|
}
|
|
111
115
|
}}
|
|
112
116
|
>
|
|
117
|
+
{/* TODO(burdon): Document this. */}
|
|
113
118
|
<ActiveNode id={activeId} />
|
|
114
119
|
|
|
115
120
|
<Main.Root
|
|
@@ -152,21 +157,42 @@ export const DeckLayout = ({
|
|
|
152
157
|
{/* Dialog overlay to dismiss dialogs. */}
|
|
153
158
|
<Main.Overlay />
|
|
154
159
|
|
|
155
|
-
{/*
|
|
156
|
-
{
|
|
160
|
+
{/* No content. */}
|
|
161
|
+
{isEmpty && (
|
|
162
|
+
<Main.Content>
|
|
163
|
+
<ContentEmpty />
|
|
164
|
+
</Main.Content>
|
|
165
|
+
)}
|
|
166
|
+
|
|
167
|
+
{/* Solo/deck mode. */}
|
|
168
|
+
{!isEmpty && (
|
|
157
169
|
<Main.Content bounce classNames={['grid', 'block-end-[--statusbar-size]']}>
|
|
158
|
-
<
|
|
159
|
-
|
|
160
|
-
|
|
170
|
+
<Deck.Root
|
|
171
|
+
classNames={[
|
|
172
|
+
!flatDeck && 'surface-deck',
|
|
173
|
+
layoutMode === 'deck' && [
|
|
161
174
|
'absolute inset-0',
|
|
162
|
-
!flatDeck && 'surface-deck',
|
|
163
|
-
slots?.wallpaper?.classNames,
|
|
164
|
-
slots?.deck?.classNames,
|
|
165
175
|
'transition-[padding] duration-200 ease-in-out',
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
176
|
+
slots?.wallpaper?.classNames,
|
|
177
|
+
],
|
|
178
|
+
]}
|
|
179
|
+
solo={layoutMode === 'solo'}
|
|
180
|
+
style={{ ...overscrollAmount }}
|
|
181
|
+
>
|
|
182
|
+
{layoutMode === 'solo' &&
|
|
183
|
+
layoutParts.solo?.map((layoutEntry) => {
|
|
184
|
+
return (
|
|
185
|
+
<Plank
|
|
186
|
+
key={layoutEntry.id}
|
|
187
|
+
entry={layoutEntry}
|
|
188
|
+
layoutParts={layoutParts}
|
|
189
|
+
part='solo'
|
|
190
|
+
flatDeck={flatDeck}
|
|
191
|
+
/>
|
|
192
|
+
);
|
|
193
|
+
})}
|
|
194
|
+
{layoutMode === 'deck' &&
|
|
195
|
+
layoutParts.main?.map((layoutEntry) => {
|
|
170
196
|
return (
|
|
171
197
|
<Plank
|
|
172
198
|
key={layoutEntry.id}
|
|
@@ -179,48 +205,17 @@ export const DeckLayout = ({
|
|
|
179
205
|
/>
|
|
180
206
|
);
|
|
181
207
|
})}
|
|
182
|
-
</Deck.Root>
|
|
183
|
-
</div>
|
|
184
|
-
</Main.Content>
|
|
185
|
-
)}
|
|
186
|
-
|
|
187
|
-
{/* Solo main content surface. */}
|
|
188
|
-
{layoutMode === 'solo' && layoutParts.solo && layoutParts.solo.length > 0 && (
|
|
189
|
-
<Main.Content bounce classNames={['grid', 'block-end-[--statusbar-size]']}>
|
|
190
|
-
<Deck.Root
|
|
191
|
-
classNames={[!flatDeck && 'surface-deck', slots?.wallpaper?.classNames, slots?.deck?.classNames]}
|
|
192
|
-
solo={true}
|
|
193
|
-
>
|
|
194
|
-
{layoutParts.solo.map((layoutEntry) => {
|
|
195
|
-
return (
|
|
196
|
-
<Plank
|
|
197
|
-
key={layoutEntry.id}
|
|
198
|
-
entry={layoutEntry}
|
|
199
|
-
layoutParts={layoutParts}
|
|
200
|
-
part='solo'
|
|
201
|
-
flatDeck={flatDeck}
|
|
202
|
-
classNames={slots?.plank?.classNames}
|
|
203
|
-
/>
|
|
204
|
-
);
|
|
205
|
-
})}
|
|
206
208
|
</Deck.Root>
|
|
207
209
|
</Main.Content>
|
|
208
210
|
)}
|
|
209
211
|
|
|
210
|
-
{((layoutMode === 'solo' && (!layoutParts.solo || layoutParts.solo.length === 0)) ||
|
|
211
|
-
(layoutMode === 'deck' && (!layoutParts.main || layoutParts.main.length === 0))) && (
|
|
212
|
-
<Main.Content>
|
|
213
|
-
<ContentEmpty />
|
|
214
|
-
</Main.Content>
|
|
215
|
-
)}
|
|
216
|
-
|
|
217
212
|
{/* Note: This is not Main.Content */}
|
|
218
213
|
<Main.Content role='none' classNames={['fixed inset-inline-0 block-end-0 z-[2]']}>
|
|
219
214
|
<Surface role='status-bar' limit={1} />
|
|
220
215
|
</Main.Content>
|
|
221
216
|
|
|
222
217
|
{/* Help hints. */}
|
|
223
|
-
{/* TODO(burdon): Make surface roles/names fully-qualified
|
|
218
|
+
{/* TODO(burdon): Make surface roles/names fully-qualified? */}
|
|
224
219
|
{showHintsFooter && (
|
|
225
220
|
<div className='fixed bottom-0 left-0 right-0 h-[32px] z-[1] flex justify-center'>
|
|
226
221
|
<Surface role='hints' limit={1} />
|