@dxos/plugin-deck 0.8.1-main.ae460ac → 0.8.1-staging.31c3ee1

package/dist/lib/browser/{app-graph-builder-IYHAGFA3.mjs → app-graph-builder-VYZ4IWI3.mjs}

@@ -1,9 +1,9 @@
 import {
   DeckCapabilities
-} from "./chunk-22AQ5IVX.mjs";
+} from "./chunk-XMCG42ID.mjs";
 import {
   DECK_PLUGIN
-} from "./chunk-N7TEPFVR.mjs";
+} from "./chunk-NSATFAEE.mjs";
 
 // packages/plugins/plugin-deck/src/capabilities/app-graph-builder.ts
 import { Capabilities, contributes, createIntent, LayoutAction } from "@dxos/app-framework";
@@ -148,4 +148,4 @@ var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBu
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-IYHAGFA3.mjs.map
+//# sourceMappingURL=app-graph-builder-VYZ4IWI3.mjs.map

package/dist/lib/browser/{check-app-scheme-S3EYUPMF.mjs → check-app-scheme-SEYECDHI.mjs}

@@ -1,6 +1,6 @@
 import {
   DECK_PLUGIN
-} from "./chunk-N7TEPFVR.mjs";
+} from "./chunk-NSATFAEE.mjs";
 
 // packages/plugins/plugin-deck/src/capabilities/check-app-scheme.ts
 import { Capabilities, contributes } from "@dxos/app-framework";
@@ -30,4 +30,4 @@ var check_app_scheme_default = async (context) => {
 export {
   check_app_scheme_default as default
 };
-//# sourceMappingURL=check-app-scheme-S3EYUPMF.mjs.map
+//# sourceMappingURL=check-app-scheme-SEYECDHI.mjs.map

package/dist/lib/browser/{chunk-YCKJNTKG.mjs → chunk-6ZSOFCPP.mjs}

@@ -1,6 +1,9 @@
+import {
+  PLANK_COMPANION_TYPE
+} from "./chunk-RJNCG4ND.mjs";
 import {
   DECK_PLUGIN
-} from "./chunk-N7TEPFVR.mjs";
+} from "./chunk-NSATFAEE.mjs";
 
 // packages/plugins/plugin-deck/src/util/set-active.ts
 import { batch } from "@preact/signals-core";
@@ -36,6 +39,22 @@ var setActive = ({ next, state, attention }) => {
   });
 };
 
+// packages/plugins/plugin-deck/src/util/useCompanions.ts
+import { useMemo } from "react";
+import { useAppGraph } from "@dxos/app-framework";
+import { useNode } from "@dxos/plugin-graph";
+import { byPosition } from "@dxos/util";
+var useCompanions = (id) => {
+  const { graph } = useAppGraph();
+  const node = useNode(graph, id);
+  const companions = node ? graph.nodes(node, {
+    type: PLANK_COMPANION_TYPE
+  }) : [];
+  return useMemo(() => companions.toSorted((a, b) => byPosition(a.properties, b.properties)), [
+    companions
+  ]);
+};
+
 // packages/plugins/plugin-deck/src/util/overscroll.ts
 var calculateOverscroll = (planksCount) => {
   if (!planksCount) {
@@ -72,14 +91,14 @@ var layoutAppliesTopbar = (breakpoint) => {
 };
 
 // packages/plugins/plugin-deck/src/util/useHoistStatusbar.ts
-import { useMemo } from "react";
+import { useMemo as useMemo2 } from "react";
 import { Capabilities, useCapability } from "@dxos/app-framework";
 import { useThemeContext } from "@dxos/react-ui";
 var useHoistStatusbar = (breakpoint) => {
   const enableStatusbar = useCapability(Capabilities.SettingsStore).getStore(DECK_PLUGIN).value.enableStatusbar;
   const { safeAreaPadding } = useThemeContext();
-  return useMemo(() => {
-    return breakpoint === "desktop" && enableStatusbar && safeAreaPadding?.bottom === 0;
+  return useMemo2(() => {
+    return breakpoint === "desktop" && !!enableStatusbar && safeAreaPadding?.bottom === 0;
   }, [
     enableStatusbar,
     breakpoint,
@@ -92,6 +111,7 @@ export {
   setActive,
   useBreakpoints,
   layoutAppliesTopbar,
-  useHoistStatusbar
+  useHoistStatusbar,
+  useCompanions
 };
-//# sourceMappingURL=chunk-YCKJNTKG.mjs.map
+//# sourceMappingURL=chunk-6ZSOFCPP.mjs.map

package/dist/lib/browser/chunk-6ZSOFCPP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/set-active.ts", "../../../src/util/useCompanions.ts", "../../../src/util/overscroll.ts", "../../../src/util/useBreakpoints.ts", "../../../src/util/layoutAppliesTopbar.ts", "../../../src/util/useHoistStatusbar.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { batch } from '@preact/signals-core';\n\nimport { type AttentionManager } from '@dxos/plugin-attention';\n\nimport { type DeckPluginState } from '../types';\n\nexport type SetActiveOptions = {\n  next: string[];\n  state: DeckPluginState;\n  attention?: AttentionManager;\n};\n\nexport const setActive = ({ next, state, attention }: SetActiveOptions) => {\n  return batch(() => {\n    const active = state.deck.solo ? [state.deck.solo] : state.deck.active;\n    const removed = active.filter((id) => !next.includes(id));\n    const closed = Array.from(new Set([...state.deck.inactive.filter((id) => !next.includes(id)), ...removed]));\n\n    state.deck.inactive = closed;\n\n    if (state.deck.solo || !state.deck.initialized) {\n      state.deck.solo = next[0];\n    } else {\n      state.deck.active = next;\n    }\n\n    if (state.deck.fullscreen && !state.deck.solo) {\n      state.deck.fullscreen = false;\n    }\n\n    if (attention) {\n      const attended = attention.current;\n      const [attendedId] = Array.from(attended);\n      const isAttendedAvailable = !!attendedId && next.includes(attendedId);\n      if (!isAttendedAvailable) {\n        const attendedIndex = active.indexOf(attendedId);\n        // If outside of bounds, focus on the first/last plank, otherwise focus on the new plank in the same position.\n        const index = attendedIndex === -1 ? 0 : attendedIndex >= next.length ? next.length - 1 : attendedIndex;\n        return next[index];\n      }\n    }\n  });\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { useAppGraph } from '@dxos/app-framework';\nimport { useNode } from '@dxos/plugin-graph';\nimport { byPosition } from '@dxos/util';\n\nimport { PLANK_COMPANION_TYPE } from '../types';\n\nexport const useCompanions = (id?: string) => {\n  const { graph } = useAppGraph();\n  const node = useNode(graph, id);\n  const companions = node ? graph.nodes(node, { type: PLANK_COMPANION_TYPE }) : [];\n  return useMemo(() => companions.toSorted((a, b) => byPosition(a.properties, b.properties)), [companions]);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport type { CSSProperties } from 'react';\n\n/**\n * ┌────────────────────────────────────────────────────────────────────────────────────────────────────┐\n * | Overscroll Padding Calculation for Centering Planks on Screen.                                     │\n * ├────────────────────────────────────────────────────────────────────────────────────────────────────┤\n * │ NOTE(Zan): I found the way you calculate the overscroll padding to center a plank on the screen    │\n * │ at the edges of the scroll context a bit confusing, so I've diagrammed it here.                    │\n * │                                                                                                    │\n * │ Multiple Planks:                                                                                   │\n * │ ───────────────                                                                                    │\n * | Use the following overscroll padding calculation centering the boundary planks on the SCREEN.      │\n * │                                                                                                    │\n * │ Left Padding:                           Right Padding:                                             │\n * │ ┌───┬────┬──────────────────┬──────┐    ┌──────┬──────────────────┬────┬───┐                       │\n * │ │   │████│     Ideal        │      │    │      │      Ideal       │████│   │                       │\n * │ │ S │█PL█│     first        │      │    │      │      last        │█PR█│ C │                       │\n * │ │   │████│     plank        │      │    │      │      plank       │████│   │                       │\n * │ └───┴────┴──────────────────┴──────┘    └──────┴──────────────────┴────┴───┘                       │\n * │ <--------- screen width ----------->    <---------- screen width ---------->                       │\n * │                                                                                                    │\n * │ PL = ((screen width - Plank Width) / 2) - S                                                        │\n * │ PR = ((screen width - Plank Width) / 2) - C                                                        │\n * │                                                                                                    │\n * │ S  = Sidebar width                     C  = Complementary sidebar width                            │\n * │ PL = Padding Left                      PR = Padding Right                                          │\n * │                                                                                                    │\n * │ Single Plank:                                                                                      │\n * │ ─────────────                                                                                      │\n * │ For a single plank we use the following overscroll padding calculation to center the plank in      │\n * │ the content area:                                                                                  │\n * │                                                                                                    │\n * │ ┌───┬───────────────────────┬───┬───────────────────────┬───┐                                      │\n * │ │   │███████████████████████│   │███████████████████████│   │                                      │\n * │ │ S │█████ Left Padding ████│ P │████ Right Padding ████│ C │                                      │\n * │ │   │███████████████████████│   │███████████████████████│   │                                      │\n * │ └───┴───────────────────────┴───┴───────────────────────┴───┘                                      │\n * │ <------------------------ screen width --------------------->                                      │\n * │                                                                                                    │\n * │ Left/Right Padding Width = (screen width - S - P - C) / 2                                          │\n * │                                                                                                    │\n * │ S = Sidebar width (may be 0)                                                                       │\n * │ P = Plank width (centered)                                                                         │\n * │ C = Complementary sidebar width (may be 0)                                                         │\n * └────────────────────────────────────────────────────────────────────────────────────────────────────┘\n */\nexport const calculateOverscroll = (\n  planksCount: number,\n): Pick<CSSProperties, 'paddingInlineStart' | 'paddingInlineEnd'> | undefined => {\n  if (!planksCount) {\n    return { paddingInlineStart: 0, paddingInlineEnd: 0 };\n  }\n  if (planksCount === 1) {\n    const overscrollPadding =\n      'max(0px, calc(((100dvw - var(--dx-main-sidebarWidth) - var(--dx-main-complementaryWidth) - (var(--dx-main-contentFirstWidth) + 1px)) / 2)))';\n    return { paddingInlineStart: overscrollPadding, paddingInlineEnd: overscrollPadding };\n  } else {\n    return {\n      paddingInlineStart:\n        'max(0px, calc(((100dvw - (var(--dx-main-contentFirstWidth) + 1px)) / 2) - var(--dx-main-sidebarWidth)))',\n      paddingInlineEnd:\n        'max(0px, calc(((100dvw - (var(--dx-main-contentLastWidth) + 1px)) / 2) - var(--dx-main-complementaryWidth)))',\n    };\n  }\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMediaQuery } from '@dxos/react-ui';\n\nexport const useBreakpoints = () => {\n  const [isNotMobile] = useMediaQuery('md');\n  const [isDesktop] = useMediaQuery('lg');\n  return isDesktop ? 'desktop' : isNotMobile ? 'tablet' : 'mobile';\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nexport const layoutAppliesTopbar = (breakpoint: string) => {\n  return document.body.getAttribute('data-platform') === 'win' && breakpoint === 'desktop';\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { Capabilities, useCapability } from '@dxos/app-framework';\nimport { useThemeContext } from '@dxos/react-ui';\n\nimport { DECK_PLUGIN } from '../meta';\nimport type { DeckSettingsProps } from '../types';\n\nexport const useHoistStatusbar = (breakpoint: string): boolean => {\n  const enableStatusbar = useCapability(Capabilities.SettingsStore).getStore<DeckSettingsProps>(DECK_PLUGIN)!.value\n    .enableStatusbar;\n  const { safeAreaPadding } = useThemeContext();\n  return useMemo(() => {\n    return breakpoint === 'desktop' && !!enableStatusbar && safeAreaPadding?.bottom === 0;\n  }, [enableStatusbar, breakpoint, safeAreaPadding?.bottom]);\n};\n"],
+  "mappings": "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",
+  "names": ["batch", "setActive", "next", "state", "attention", "batch", "active", "deck", "solo", "removed", "filter", "id", "includes", "closed", "Array", "from", "Set", "inactive", "initialized", "fullscreen", "attended", "current", "attendedId", "isAttendedAvailable", "attendedIndex", "indexOf", "index", "length", "useMemo", "useAppGraph", "useNode", "byPosition", "useCompanions", "id", "graph", "useAppGraph", "node", "useNode", "companions", "nodes", "type", "PLANK_COMPANION_TYPE", "useMemo", "toSorted", "a", "b", "byPosition", "properties", "calculateOverscroll", "planksCount", "paddingInlineStart", "paddingInlineEnd", "overscrollPadding", "useMediaQuery", "useBreakpoints", "isNotMobile", "useMediaQuery", "isDesktop", "layoutAppliesTopbar", "breakpoint", "document", "body", "getAttribute", "useMemo", "Capabilities", "useCapability", "useThemeContext", "useHoistStatusbar", "breakpoint", "enableStatusbar", "useCapability", "Capabilities", "SettingsStore", "getStore", "DECK_PLUGIN", "value", "safeAreaPadding", "useThemeContext", "useMemo", "bottom"]
+}

package/dist/lib/browser/chunk-B4LOJUWW.mjs

@@ -0,0 +1,24 @@
+// packages/plugins/plugin-deck/src/capabilities/index.ts
+import { lazy } from "@dxos/app-framework";
+var AppGraphBuilder = lazy(() => import("./app-graph-builder-VYZ4IWI3.mjs"));
+var CheckAppScheme = lazy(() => import("./check-app-scheme-SEYECDHI.mjs"));
+var LayoutIntentResolver = lazy(() => import("./intent-resolver-UDYKO2QW.mjs"));
+var ReactRoot = lazy(() => import("./react-root-XLXN2VEW.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-WNGMZL7I.mjs"));
+var DeckSettings = lazy(() => import("./settings-HMDGSBGO.mjs"));
+var DeckState = lazy(() => import("./state-7TN26M42.mjs"));
+var Tools = lazy(() => import("./tools-SC6QEN7R.mjs"));
+var UrlHandler = lazy(() => import("./url-handler-ODG4B6NX.mjs"));
+
+export {
+  AppGraphBuilder,
+  CheckAppScheme,
+  LayoutIntentResolver,
+  ReactRoot,
+  ReactSurface,
+  DeckSettings,
+  DeckState,
+  Tools,
+  UrlHandler
+};
+//# sourceMappingURL=chunk-B4LOJUWW.mjs.map