@tearleads/windowing 0.1.1

package/window/windowGeometry.js

@@ -0,0 +1,54 @@
+// Window geometry math shared by the pointer, keyboard, and layout hooks. All
+// positions and sizes are relative to the desktop surface.
+export const MIN_WIDTH = 200;
+export const MIN_HEIGHT = 100;
+// Clamps against the size the window is about to render at when it is known,
+// so a position committed with a new size is not measured at the old one.
+export function clampWindowPosition(element, x, y, size) {
+    const container = element?.parentElement;
+    if (!element || !container) {
+        return { x, y };
+    }
+    // A requested size renders no smaller than the stylesheet's minimums.
+    const width = size ? Math.max(MIN_WIDTH, size.width) : element.offsetWidth;
+    const height = size
+        ? Math.max(MIN_HEIGHT, size.height)
+        : element.offsetHeight;
+    return {
+        x: Math.max(0, Math.min(x, container.clientWidth - width)),
+        y: Math.max(0, Math.min(y, container.clientHeight - height)),
+    };
+}
+export function resizeWindowWithinContainer(resizeState, clientX, clientY, container) {
+    const deltaX = clientX - resizeState.startX;
+    const deltaY = clientY - resizeState.startY;
+    const movesLeft = resizeState.corner.includes("w");
+    const movesUp = resizeState.corner.includes("n");
+    let width = Math.max(MIN_WIDTH, resizeState.startWidth + deltaX * (movesLeft ? -1 : 1));
+    let height = Math.max(MIN_HEIGHT, resizeState.startHeight + deltaY * (movesUp ? -1 : 1));
+    let x = movesLeft
+        ? resizeState.startLeft + resizeState.startWidth - width
+        : resizeState.startLeft;
+    let y = movesUp
+        ? resizeState.startTop + resizeState.startHeight - height
+        : resizeState.startTop;
+    if (container) {
+        if (x < 0) {
+            width += x;
+            x = 0;
+        }
+        if (y < 0) {
+            height += y;
+            y = 0;
+        }
+        width = Math.min(width, container.clientWidth - x - resizeState.borderX);
+        height = Math.min(height, container.clientHeight - y - resizeState.borderY);
+        width = Math.max(MIN_WIDTH, width);
+        height = Math.max(MIN_HEIGHT, height);
+    }
+    return {
+        position: { x, y },
+        size: { width, height },
+    };
+}
+//# sourceMappingURL=windowGeometry.js.map

package/window/windowGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowGeometry.js","sourceRoot":"","sources":["../../../../../../../Users/a2f0/github/tearleads5/packages/windowing/src/window/windowGeometry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ResizeCorner } from \"./WindowResizeHandle\";\nimport type { WindowPosition, WindowSize } from \"./WindowStateProvider\";\n\n// Window geometry math shared by the pointer, keyboard, and layout hooks. All\n// positions and sizes are relative to the desktop surface.\n\nexport const MIN_WIDTH = 200;\nexport const MIN_HEIGHT = 100;\n\nexport interface WindowDragState {\n  offsetX: number;\n  offsetY: number;\n  pointerId: number;\n}\n\nexport interface WindowResizeState {\n  corner: ResizeCorner;\n  pointerId: number;\n  startHeight: number;\n  startLeft: number;\n  startTop: number;\n  startWidth: number;\n  startX: number;\n  startY: number;\n  borderX: number;\n  borderY: number;\n}\n\nexport interface LiveGeometry {\n  position: WindowPosition | null;\n  size: WindowSize | null;\n}\n\n// Clamps against the size the window is about to render at when it is known,\n// so a position committed with a new size is not measured at the old one.\nexport function clampWindowPosition(\n  element: HTMLElement | null,\n  x: number,\n  y: number,\n  size: WindowSize | null,\n): WindowPosition {\n  const container = element?.parentElement;\n  if (!element || !container) {\n    return { x, y };\n  }\n  // A requested size renders no smaller than the stylesheet's minimums.\n  const width = size ? Math.max(MIN_WIDTH, size.width) : element.offsetWidth;\n  const height = size\n    ? Math.max(MIN_HEIGHT, size.height)\n    : element.offsetHeight;\n\n  return {\n    x: Math.max(0, Math.min(x, container.clientWidth - width)),\n    y: Math.max(0, Math.min(y, container.clientHeight - height)),\n  };\n}\n\nexport function resizeWindowWithinContainer(\n  resizeState: WindowResizeState,\n  clientX: number,\n  clientY: number,\n  container: HTMLElement | null,\n) {\n  const deltaX = clientX - resizeState.startX;\n  const deltaY = clientY - resizeState.startY;\n  const movesLeft = resizeState.corner.includes(\"w\");\n  const movesUp = resizeState.corner.includes(\"n\");\n  let width = Math.max(\n    MIN_WIDTH,\n    resizeState.startWidth + deltaX * (movesLeft ? -1 : 1),\n  );\n  let height = Math.max(\n    MIN_HEIGHT,\n    resizeState.startHeight + deltaY * (movesUp ? -1 : 1),\n  );\n  let x = movesLeft\n    ? resizeState.startLeft + resizeState.startWidth - width\n    : resizeState.startLeft;\n  let y = movesUp\n    ? resizeState.startTop + resizeState.startHeight - height\n    : resizeState.startTop;\n\n  if (container) {\n    if (x < 0) {\n      width += x;\n      x = 0;\n    }\n    if (y < 0) {\n      height += y;\n      y = 0;\n    }\n    width = Math.min(width, container.clientWidth - x - resizeState.borderX);\n    height = Math.min(height, container.clientHeight - y - resizeState.borderY);\n    width = Math.max(MIN_WIDTH, width);\n    height = Math.max(MIN_HEIGHT, height);\n  }\n\n  return {\n    position: { x, y },\n    size: { width, height },\n  };\n}\n"]}

package/window/windowMenuRegistrations.d.ts

@@ -0,0 +1,18 @@
+import type { WindowMenuItem } from "./WindowMenuBar.js";
+export declare const REFRESH_LABEL = "Refresh";
+export interface RegisteredWindowMenuItem {
+    disabled: boolean;
+    id: string;
+    label: string;
+    onClick: () => unknown;
+    priority: number;
+}
+export interface RegisteredWindowRefreshMenuItem {
+    disabled: boolean;
+    label: string;
+    onRefresh: () => unknown;
+    priority: number;
+    refreshing: boolean;
+}
+export declare function createMenuItems(items: ReadonlyMap<object, RegisteredWindowMenuItem>): WindowMenuItem[];
+export declare function createRefreshMenuItem(item: RegisteredWindowRefreshMenuItem | null): WindowMenuItem | null;

package/window/windowMenuRegistrations.js

@@ -0,0 +1,34 @@
+/*
+ * The shapes a mini-app's menu registration takes, and the pure projections
+ * from a registry map to the items a menu bar (or the routed app bar) renders.
+ * The React seams — the context, the provider, and the register/read hooks —
+ * live in WindowMenuContext.tsx.
+ */
+export const REFRESH_LABEL = "Refresh";
+const REFRESHING_LABEL = "Refreshing...";
+export function createMenuItems(items) {
+    return Array.from(items.values())
+        .sort((left, right) => right.priority - left.priority)
+        .map((item) => ({
+        disabled: item.disabled,
+        id: item.id,
+        label: item.label,
+        onClick: () => {
+            void item.onClick();
+        },
+    }));
+}
+export function createRefreshMenuItem(item) {
+    if (!item) {
+        return null;
+    }
+    return {
+        disabled: item.disabled || item.refreshing,
+        id: "window-refresh",
+        label: item.refreshing ? REFRESHING_LABEL : item.label,
+        onClick: () => {
+            void item.onRefresh();
+        },
+    };
+}
+//# sourceMappingURL=windowMenuRegistrations.js.map

package/window/windowMenuRegistrations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowMenuRegistrations.js","sourceRoot":"","sources":["../../../../../../../Users/a2f0/github/tearleads5/packages/windowing/src/window/windowMenuRegistrations.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AACvC,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAkBzC,MAAM,UAAU,eAAe,CAC7B,KAAoD;IAEpD,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;SAC9B,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;SACrD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACd,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,CAAC;KACF,CAAC,CAAC,CAAC;AACR,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,IAA4C;IAE5C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU;QAC1C,EAAE,EAAE,gBAAgB;QACpB,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;QACtD,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;QACxB,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { WindowMenuItem } from \"./WindowMenuBar\";\n\n/*\n * The shapes a mini-app's menu registration takes, and the pure projections\n * from a registry map to the items a menu bar (or the routed app bar) renders.\n * The React seams — the context, the provider, and the register/read hooks —\n * live in WindowMenuContext.tsx.\n */\n\nexport const REFRESH_LABEL = \"Refresh\";\nconst REFRESHING_LABEL = \"Refreshing...\";\n\nexport interface RegisteredWindowMenuItem {\n  disabled: boolean;\n  id: string;\n  label: string;\n  onClick: () => unknown;\n  priority: number;\n}\n\nexport interface RegisteredWindowRefreshMenuItem {\n  disabled: boolean;\n  label: string;\n  onRefresh: () => unknown;\n  priority: number;\n  refreshing: boolean;\n}\n\nexport function createMenuItems(\n  items: ReadonlyMap<object, RegisteredWindowMenuItem>,\n): WindowMenuItem[] {\n  return Array.from(items.values())\n    .sort((left, right) => right.priority - left.priority)\n    .map((item) => ({\n      disabled: item.disabled,\n      id: item.id,\n      label: item.label,\n      onClick: () => {\n        void item.onClick();\n      },\n    }));\n}\n\nexport function createRefreshMenuItem(\n  item: RegisteredWindowRefreshMenuItem | null,\n): WindowMenuItem | null {\n  if (!item) {\n    return null;\n  }\n\n  return {\n    disabled: item.disabled || item.refreshing,\n    id: \"window-refresh\",\n    label: item.refreshing ? REFRESHING_LABEL : item.label,\n    onClick: () => {\n      void item.onRefresh();\n    },\n  };\n}\n"]}