@dxos/plugin-deck 0.8.4-main.c1de068 → 0.8.4-main.c85a9c8dae

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

@@ -1,145 +0,0 @@
-// src/layout.ts
-import { produce } from "immer";
-import { ATTENDABLE_PATH_SEPARATOR } from "@dxos/react-ui-attention";
-var createEntryId = (entryId, variant) => variant ? `${entryId}${ATTENDABLE_PATH_SEPARATOR}${variant}` : entryId;
-var parseEntryId = (entryId) => {
-  const [id, variant] = entryId.split(ATTENDABLE_PATH_SEPARATOR);
-  return {
-    id,
-    variant
-  };
-};
-var openEntry = (deck, _entryId, options) => {
-  return produce(deck, (draft) => {
-    const entryId = createEntryId(_entryId, options?.variant);
-    if (draft.find((id) => id === entryId)) {
-      return;
-    }
-    const key = options?.key;
-    const plankPositioning = options?.positioning ?? "start";
-    const pivotId = options?.pivotId;
-    if (key) {
-      const index = draft.findIndex((id) => id.split("+")[0] === key);
-      if (index !== -1) {
-        draft.splice(index, 1, entryId);
-        return;
-      }
-    }
-    if (pivotId) {
-      const pivotIndex = draft.findIndex((id) => id === pivotId);
-      if (pivotIndex !== -1) {
-        if (plankPositioning === "start") {
-          draft.splice(pivotIndex, 0, entryId);
-        } else {
-          draft.splice(pivotIndex + 1, 0, entryId);
-        }
-        return;
-      }
-    }
-    if (plankPositioning === "start") {
-      draft.unshift(entryId);
-    } else {
-      draft.push(entryId);
-    }
-  });
-};
-var closeEntry = (deck, entryId) => {
-  return produce(deck, (draft) => {
-    const index = draft.findIndex((id) => id === entryId);
-    if (index !== -1) {
-      draft.splice(index, 1);
-    }
-  });
-};
-var incrementPlank = (deck, adjustment) => {
-  return produce(deck, (draft) => {
-    const index = draft.findIndex((id) => id === adjustment.id);
-    if (index === -1 || adjustment.type === "increment-start" && index === 0 || adjustment.type === "increment-end" && index === draft.length - 1) {
-      return;
-    }
-    if (adjustment.type === "increment-start") {
-      [draft[index - 1], draft[index]] = [
-        draft[index],
-        draft[index - 1]
-      ];
-    } else if (adjustment.type === "increment-end") {
-      [draft[index], draft[index + 1]] = [
-        draft[index + 1],
-        draft[index]
-      ];
-    }
-  });
-};
-
-// src/util/set-active.ts
-import { batch } from "@preact/signals-core";
-var setActive = ({ next, state, attention }) => {
-  return batch(() => {
-    const active = state.deck.solo ? [
-      state.deck.solo
-    ] : state.deck.active;
-    const removed = active.filter((id) => !next.includes(id));
-    const closed = Array.from(/* @__PURE__ */ new Set([
-      ...state.deck.inactive.filter((id) => !next.includes(id)),
-      ...removed
-    ]));
-    state.deck.inactive = closed;
-    if (state.deck.solo || !state.deck.initialized) {
-      state.deck.solo = next[0];
-    } else {
-      state.deck.active = next;
-    }
-    if (state.deck.fullscreen && !state.deck.solo) {
-      state.deck.fullscreen = false;
-    }
-    if (attention) {
-      const attended = attention.current;
-      const [attendedId] = Array.from(attended);
-      const isAttendedAvailable = !!attendedId && next.includes(attendedId);
-      if (!isAttendedAvailable) {
-        const attendedIndex = active.indexOf(attendedId);
-        const index = attendedIndex === -1 ? 0 : attendedIndex >= next.length ? next.length - 1 : attendedIndex;
-        return next[index];
-      }
-    }
-  });
-};
-
-// src/util/layoutAppliesTopbar.ts
-var layoutAppliesTopbar = (breakpoint, layoutMode) => {
-  return document.body.getAttribute("data-platform") === "win" && breakpoint === "desktop" && layoutMode !== "solo--fullscreen";
-};
-
-// src/util/overscroll.ts
-var calculateOverscroll = (planksCount) => {
-  if (!planksCount) {
-    return {
-      paddingInlineStart: 0,
-      paddingInlineEnd: 0
-    };
-  }
-  if (planksCount === 1) {
-    const overscrollPadding = "max(0px, calc(((100dvw - var(--dx-main-sidebarWidth) - var(--dx-main-complementaryWidth) - (var(--dx-main-contentFirstWidth) + 1px)) / 2)))";
-    return {
-      paddingInlineStart: overscrollPadding,
-      paddingInlineEnd: overscrollPadding
-    };
-  } else {
-    return {
-      paddingInlineStart: "max(0px, calc(((100dvw - (var(--dx-main-contentFirstWidth) + 1px)) / 2) - var(--dx-main-sidebarWidth)))",
-      paddingInlineEnd: "max(0px, calc(((100dvw - (var(--dx-main-contentLastWidth) + 1px)) / 2) - var(--dx-main-complementaryWidth)))"
-    };
-  }
-};
-
-export {
-  createEntryId,
-  parseEntryId,
-  openEntry,
-  closeEntry,
-  incrementPlank,
-  layoutAppliesTopbar,
-  calculateOverscroll,
-  setActive
-};
-//# sourceMappingURL=chunk-CNTGBCMK.mjs.map

package/dist/lib/browser/chunk-CNTGBCMK.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/layout.ts", "../../../src/util/set-active.ts", "../../../src/util/layoutAppliesTopbar.ts", "../../../src/util/overscroll.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { produce } from 'immer';\n\nimport { ATTENDABLE_PATH_SEPARATOR } from '@dxos/react-ui-attention';\n\nimport { type DeckAction, type NewPlankPositioning } from './types';\n\nexport const createEntryId = (entryId: string, variant?: string) =>\n  variant ? `${entryId}${ATTENDABLE_PATH_SEPARATOR}${variant}` : entryId;\n\nexport const parseEntryId = (entryId: string) => {\n  const [id, variant] = entryId.split(ATTENDABLE_PATH_SEPARATOR);\n  return { id, variant };\n};\n\ntype OpenLayoutEntryOptions = {\n  key?: string;\n  positioning?: NewPlankPositioning;\n  pivotId?: string;\n  variant?: string;\n};\n\nexport const openEntry = (deck: string[], _entryId: string, options?: OpenLayoutEntryOptions): string[] => {\n  return produce(deck, (draft) => {\n    const entryId = createEntryId(_entryId, options?.variant);\n\n    // Check that the entry is not already in the part\n    if (draft.find((id) => id === entryId)) {\n      return;\n    }\n\n    const key = options?.key;\n    const plankPositioning = options?.positioning ?? 'start';\n    const pivotId = options?.pivotId;\n\n    if (key) {\n      const index = draft.findIndex((id) => id.split('+')[0] === key);\n      if (index !== -1) {\n        draft.splice(index, 1, entryId);\n        return;\n      }\n    }\n\n    if (pivotId) {\n      const pivotIndex = draft.findIndex((id) => id === pivotId);\n      if (pivotIndex !== -1) {\n        if (plankPositioning === 'start') {\n          draft.splice(pivotIndex, 0, entryId);\n        } else {\n          draft.splice(pivotIndex + 1, 0, entryId);\n        }\n        return;\n      }\n    }\n\n    // If no pivot found or provided, fall back to original behavior\n    if (plankPositioning === 'start') {\n      draft.unshift(entryId);\n    } else {\n      draft.push(entryId);\n    }\n  });\n};\n\nexport const closeEntry = (deck: string[], entryId: string): string[] => {\n  return produce(deck, (draft) => {\n    const index = draft.findIndex((id) => id === entryId);\n    if (index !== -1) {\n      draft.splice(index, 1);\n    }\n  });\n};\n\nexport const incrementPlank = (deck: string[], adjustment: DeckAction.Adjustment): string[] => {\n  return produce(deck, (draft) => {\n    const index = draft.findIndex((id) => id === adjustment.id);\n    if (\n      index === -1 ||\n      (adjustment.type === 'increment-start' && index === 0) ||\n      (adjustment.type === 'increment-end' && index === draft.length - 1)\n    ) {\n      return;\n    }\n\n    if (adjustment.type === 'increment-start') {\n      // Swap the current item with the previous item.\n      [draft[index - 1], draft[index]] = [draft[index], draft[index - 1]];\n    } else if (adjustment.type === 'increment-end') {\n      // Swap the current item with the next item.\n      [draft[index], draft[index + 1]] = [draft[index + 1], draft[index]];\n    }\n  });\n};\n", "//\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 { type LayoutMode } from '../types';\n\nexport const layoutAppliesTopbar = (breakpoint: string, layoutMode?: LayoutMode) => {\n  return (\n    document.body.getAttribute('data-platform') === 'win' &&\n    breakpoint === 'desktop' &&\n    layoutMode !== 'solo--fullscreen'\n  );\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"],
-  "mappings": ";AAIA,SAASA,eAAe;AAExB,SAASC,iCAAiC;AAInC,IAAMC,gBAAgB,CAACC,SAAiBC,YAC7CA,UAAU,GAAGD,OAAAA,GAAUE,yBAAAA,GAA4BD,OAAAA,KAAYD;AAE1D,IAAMG,eAAe,CAACH,YAAAA;AAC3B,QAAM,CAACI,IAAIH,OAAAA,IAAWD,QAAQK,MAAMH,yBAAAA;AACpC,SAAO;IAAEE;IAAIH;EAAQ;AACvB;AASO,IAAMK,YAAY,CAACC,MAAgBC,UAAkBC,YAAAA;AAC1D,SAAOC,QAAQH,MAAM,CAACI,UAAAA;AACpB,UAAMX,UAAUD,cAAcS,UAAUC,SAASR,OAAAA;AAGjD,QAAIU,MAAMC,KAAK,CAACR,OAAOA,OAAOJ,OAAAA,GAAU;AACtC;IACF;AAEA,UAAMa,MAAMJ,SAASI;AACrB,UAAMC,mBAAmBL,SAASM,eAAe;AACjD,UAAMC,UAAUP,SAASO;AAEzB,QAAIH,KAAK;AACP,YAAMI,QAAQN,MAAMO,UAAU,CAACd,OAAOA,GAAGC,MAAM,GAAA,EAAK,CAAA,MAAOQ,GAAAA;AAC3D,UAAII,UAAU,IAAI;AAChBN,cAAMQ,OAAOF,OAAO,GAAGjB,OAAAA;AACvB;MACF;IACF;AAEA,QAAIgB,SAAS;AACX,YAAMI,aAAaT,MAAMO,UAAU,CAACd,OAAOA,OAAOY,OAAAA;AAClD,UAAII,eAAe,IAAI;AACrB,YAAIN,qBAAqB,SAAS;AAChCH,gBAAMQ,OAAOC,YAAY,GAAGpB,OAAAA;QAC9B,OAAO;AACLW,gBAAMQ,OAAOC,aAAa,GAAG,GAAGpB,OAAAA;QAClC;AACA;MACF;IACF;AAGA,QAAIc,qBAAqB,SAAS;AAChCH,YAAMU,QAAQrB,OAAAA;IAChB,OAAO;AACLW,YAAMW,KAAKtB,OAAAA;IACb;EACF,CAAA;AACF;AAEO,IAAMuB,aAAa,CAAChB,MAAgBP,YAAAA;AACzC,SAAOU,QAAQH,MAAM,CAACI,UAAAA;AACpB,UAAMM,QAAQN,MAAMO,UAAU,CAACd,OAAOA,OAAOJ,OAAAA;AAC7C,QAAIiB,UAAU,IAAI;AAChBN,YAAMQ,OAAOF,OAAO,CAAA;IACtB;EACF,CAAA;AACF;AAEO,IAAMO,iBAAiB,CAACjB,MAAgBkB,eAAAA;AAC7C,SAAOf,QAAQH,MAAM,CAACI,UAAAA;AACpB,UAAMM,QAAQN,MAAMO,UAAU,CAACd,OAAOA,OAAOqB,WAAWrB,EAAE;AAC1D,QACEa,UAAU,MACTQ,WAAWC,SAAS,qBAAqBT,UAAU,KACnDQ,WAAWC,SAAS,mBAAmBT,UAAUN,MAAMgB,SAAS,GACjE;AACA;IACF;AAEA,QAAIF,WAAWC,SAAS,mBAAmB;AAEzC,OAACf,MAAMM,QAAQ,CAAA,GAAIN,MAAMM,KAAAA,CAAM,IAAI;QAACN,MAAMM,KAAAA;QAAQN,MAAMM,QAAQ,CAAA;;IAClE,WAAWQ,WAAWC,SAAS,iBAAiB;AAE9C,OAACf,MAAMM,KAAAA,GAAQN,MAAMM,QAAQ,CAAA,CAAE,IAAI;QAACN,MAAMM,QAAQ,CAAA;QAAIN,MAAMM,KAAAA;;IAC9D;EACF,CAAA;AACF;;;AC3FA,SAASW,aAAa;AAYf,IAAMC,YAAY,CAAC,EAAEC,MAAMC,OAAOC,UAAS,MAAoB;AACpE,SAAOC,MAAM,MAAA;AACX,UAAMC,SAASH,MAAMI,KAAKC,OAAO;MAACL,MAAMI,KAAKC;QAAQL,MAAMI,KAAKD;AAChE,UAAMG,UAAUH,OAAOI,OAAO,CAACC,OAAO,CAACT,KAAKU,SAASD,EAAAA,CAAAA;AACrD,UAAME,SAASC,MAAMC,KAAK,oBAAIC,IAAI;SAAIb,MAAMI,KAAKU,SAASP,OAAO,CAACC,OAAO,CAACT,KAAKU,SAASD,EAAAA,CAAAA;SAASF;KAAQ,CAAA;AAEzGN,UAAMI,KAAKU,WAAWJ;AAEtB,QAAIV,MAAMI,KAAKC,QAAQ,CAACL,MAAMI,KAAKW,aAAa;AAC9Cf,YAAMI,KAAKC,OAAON,KAAK,CAAA;IACzB,OAAO;AACLC,YAAMI,KAAKD,SAASJ;IACtB;AAEA,QAAIC,MAAMI,KAAKY,cAAc,CAAChB,MAAMI,KAAKC,MAAM;AAC7CL,YAAMI,KAAKY,aAAa;IAC1B;AAEA,QAAIf,WAAW;AACb,YAAMgB,WAAWhB,UAAUiB;AAC3B,YAAM,CAACC,UAAAA,IAAcR,MAAMC,KAAKK,QAAAA;AAChC,YAAMG,sBAAsB,CAAC,CAACD,cAAcpB,KAAKU,SAASU,UAAAA;AAC1D,UAAI,CAACC,qBAAqB;AACxB,cAAMC,gBAAgBlB,OAAOmB,QAAQH,UAAAA;AAErC,cAAMI,QAAQF,kBAAkB,KAAK,IAAIA,iBAAiBtB,KAAKyB,SAASzB,KAAKyB,SAAS,IAAIH;AAC1F,eAAOtB,KAAKwB,KAAAA;MACd;IACF;EACF,CAAA;AACF;;;ACxCO,IAAME,sBAAsB,CAACC,YAAoBC,eAAAA;AACtD,SACEC,SAASC,KAAKC,aAAa,eAAA,MAAqB,SAChDJ,eAAe,aACfC,eAAe;AAEnB;;;ACsCO,IAAMI,sBAAsB,CACjCC,gBAAAA;AAEA,MAAI,CAACA,aAAa;AAChB,WAAO;MAAEC,oBAAoB;MAAGC,kBAAkB;IAAE;EACtD;AACA,MAAIF,gBAAgB,GAAG;AACrB,UAAMG,oBACJ;AACF,WAAO;MAAEF,oBAAoBE;MAAmBD,kBAAkBC;IAAkB;EACtF,OAAO;AACL,WAAO;MACLF,oBACE;MACFC,kBACE;IACJ;EACF;AACF;",
-  "names": ["produce", "ATTENDABLE_PATH_SEPARATOR", "createEntryId", "entryId", "variant", "ATTENDABLE_PATH_SEPARATOR", "parseEntryId", "id", "split", "openEntry", "deck", "_entryId", "options", "produce", "draft", "find", "key", "plankPositioning", "positioning", "pivotId", "index", "findIndex", "splice", "pivotIndex", "unshift", "push", "closeEntry", "incrementPlank", "adjustment", "type", "length", "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", "layoutAppliesTopbar", "breakpoint", "layoutMode", "document", "body", "getAttribute", "calculateOverscroll", "planksCount", "paddingInlineStart", "paddingInlineEnd", "overscrollPadding"]
-}