@astryxdesign/core 0.7.7 → 0.7.8-canary.0b39b51

package/dist/Resizable/createResizable.js

@@ -0,0 +1,575 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file createResizable.ts
+ * @input A region's options
+ * @output createResizable; readInitialResizableState for the hook's first
+ *   render; createResizableAs and the internal channel for the hook
+ * @position The Resizable family's region, internal to the package. The
+ *   configuration-object useResizable builds on it, and ResizeHandle drives
+ *   it through resizeGesture.ts's model. Importing it does no DOM work
+ */
+
+import { observeResize } from "../utils/sharedResizeObserver.js";
+import { devWarn } from "../utils/devWarning.js";
+import { DEFAULT_COLLAPSED_SIZE, DEFAULT_MIN, DEFAULT_SIZE_FALLBACK, RESIZABLE_SIZE_GUIDANCE, SERVER_BASIS, clampSize, dependsOnBasis, loadPersistedState, measureContentBox, parseSize, persistState, resolveBound } from "./resizableModel.js";
+/** The viewport width, the basis without a container. */
+function readViewportBasis() {
+  return typeof window === 'undefined' ? SERVER_BASIS : window.innerWidth;
+}
+
+/** The window's extent along the axis, for an unbounded region's maximum. */
+function readWindowExtent(direction) {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+  return direction === 'vertical' ? window.innerHeight : window.innerWidth;
+}
+
+/** A warning already given, so a resolution repeated silently stays quiet. */
+const QUIET = {
+  current: true
+};
+
+/**
+ * The state a region with `options` starts in: the server's render and a
+ * hook's first render. A container is not measured
+ * yet, so a percentage of it resolves against the deterministic 1200px basis
+ * until the factory measures it. `'server'` reads the state the server
+ * rendered, for a render that hydrates it: the 1200px basis for a viewport
+ * percentage too, and nothing saved.
+ */
+export function readInitialResizableState(options = {}, environment = 'client') {
+  const {
+    defaultSize,
+    minSize,
+    maxSize,
+    containerRef,
+    collapsible = false,
+    snaps = [],
+    autoSaveId,
+    defaultIsCollapsed,
+    isCollapsed: controlled
+  } = options;
+  const isServer = environment === 'server';
+  const persisted = autoSaveId && !isServer ? loadPersistedState(autoSaveId) : null;
+  const parsedDefault = parseSize(defaultSize);
+  const parsedMin = parseSize(minSize);
+  const parsedMax = parseSize(maxSize);
+  const hasContainer = containerRef != null;
+  const needsContainer = hasContainer && (dependsOnBasis(parsedMin) || dependsOnBasis(parsedMax) || persisted?.size == null && dependsOnBasis(parsedDefault));
+  const basis = hasContainer || isServer ? SERVER_BASIS : readViewportBasis();
+  const min = resolveBound(minSize, parsedMin, basis, DEFAULT_MIN, 'minSize', RESIZABLE_SIZE_GUIDANCE, QUIET);
+  const max = resolveBound(maxSize, parsedMax, basis, Infinity, 'maxSize', RESIZABLE_SIZE_GUIDANCE, QUIET);
+  const defaultPx = resolveBound(defaultSize, parsedDefault, basis, DEFAULT_SIZE_FALLBACK, 'defaultSize', RESIZABLE_SIZE_GUIDANCE, QUIET);
+  const chosen = persisted?.size ?? (needsContainer ? null : clampSize(defaultPx, min, max, snaps));
+  const size = clampSize(chosen ?? defaultPx, min, max, snaps);
+  const isCollapsed = collapsible && (controlled !== undefined ? controlled : persisted?.isCollapsed ?? defaultIsCollapsed ?? false);
+  // A container is not measured yet; without one the window's extent stands
+  // in for a missing maximum, as the factory reports it.
+  const windowExtent = hasContainer || isServer ? null : readWindowExtent(options.direction ?? 'horizontal');
+  return {
+    size: isCollapsed ? 0 : size,
+    isCollapsed,
+    expandedSize: size,
+    minPx: min,
+    maxPx: max,
+    effectiveMaxPx: max !== Infinity ? max : windowExtent == null ? undefined : Math.max(windowExtent, isCollapsed ? min : size)
+  };
+}
+
+/**
+ * What a React form of the region renders. A change to any part replaces it
+ * as a whole. It holds the size (0 while collapsed), the collapse state, the
+ * size as expanded, and the bounds the handle announces.
+ */
+
+/**
+ * The package's own channel into a factory, for useResizable: kept off the
+ * exported ResizableController, so it adds no public member.
+ */
+
+const internals = new WeakMap();
+
+/** The factory's internal channel, or undefined for anything else. */
+export function readResizableInternals(controller) {
+  return internals.get(controller);
+}
+
+/**
+ * A resizable region, without React. The factory never sizes the panel: it
+ * reports the size, and the caller applies it. It resolves, clamps, snaps,
+ * collapses and saves the size, and a percentage follows its basis.
+ * `destroy` stops its observers.
+ */
+export function createResizable(options = {}) {
+  return createResizableAs('createResizable', options);
+}
+
+/**
+ * Who a factory's development warnings speak for: the bare factory, or the
+ * configuration-object useResizable built on it, whose warnings keep the
+ * hook's name and words.
+ */
+
+/**
+ * createResizable, with its development warnings in the words of `source`:
+ * the package's own entry, for useResizable.
+ */
+export function createResizableAs(source, options = {}) {
+  // The configuration-object useResizable keeps its warnings word for word.
+  const isHook = source === 'useResizable';
+  let opts = options;
+  let isDestroyed = false;
+  // Let go of the page by `suspend`, with the region kept.
+  let isSuspended = false;
+  const listeners = new Set();
+  const didWarn = {
+    min: {
+      current: false
+    },
+    max: {
+      current: false
+    },
+    defaultSize: {
+      current: false
+    },
+    inverted: false
+  };
+  let persistedKey = opts.autoSaveId;
+  let persisted = persistedKey ? loadPersistedState(persistedKey) : null;
+
+  // The percentage basis. The container is followed through the shared
+  // observer only while some option needs it; the viewport only while a
+  // percentage bound needs it.
+  let containerElement = null;
+  let observedDirection = null;
+  let containerBasis = null;
+  let stopObservingContainer = null;
+  let isSubscribing = false;
+  let isObservingViewport = false;
+
+  // One stable basis per gesture: a container that resizes mid-drag would
+  // otherwise move the bound under the pointer.
+  let gestureBasis = null;
+  let isGestureActive = false;
+  let dragStartSize = 0;
+  let initialDefault = null;
+  let chosenSize;
+  let committedBounds = null;
+  let uncontrolledIsCollapsed = persisted?.isCollapsed ?? opts.defaultIsCollapsed ?? false;
+
+  // What the region last computed, notified and wrote.
+  let derived = {
+    size: 0,
+    isCollapsed: false,
+    min: DEFAULT_MIN,
+    max: Infinity,
+    effectiveMax: undefined,
+    isBasisMeasured: true
+  };
+  let notified = null;
+  let written = null;
+  let mustWrite = false;
+  let snapshot = null;
+  const snapshotListeners = new Set();
+  const direction = () => opts.direction ?? 'horizontal';
+  const collapsible = () => opts.collapsible ?? false;
+  const isControlled = () => opts.isCollapsed !== undefined;
+  const snaps = () => opts.snaps ?? [];
+  const onViewportResize = () => {
+    commit();
+  };
+
+  /** Which bases the options need followed right now. */
+  function observation() {
+    const parsedDefault = parseSize(opts.defaultSize);
+    const boundsDependOnBasis = dependsOnBasis(parseSize(opts.minSize)) || dependsOnBasis(parseSize(opts.maxSize));
+    const defaultNeedsInitialBasis = persisted?.size == null && dependsOnBasis(parsedDefault) && initialDefault?.isFinal !== true;
+    const hasContainer = opts.containerRef != null;
+    return {
+      hasContainer,
+      container: hasContainer && (boundsDependOnBasis || defaultNeedsInitialBasis),
+      viewport: !hasContainer && boundsDependOnBasis
+    };
+  }
+
+  /** Follow the bases `observation()` names, and nothing else. */
+  function syncObservation() {
+    const needs = observation();
+    const element = needs.container ? opts.containerRef?.current ?? null : null;
+    if (element !== containerElement || observedDirection !== direction()) {
+      stopObservingContainer?.();
+      stopObservingContainer = null;
+      containerElement = element;
+      containerBasis = null;
+      observedDirection = direction();
+      if (element != null) {
+        // The observer measures once as it registers; that measurement is
+        // read by the computation this call is part of.
+        isSubscribing = true;
+        const observed = element;
+        stopObservingContainer = observeResize(observed, entry => {
+          containerBasis = measureContentBox(observed, direction(), entry);
+          if (!isSubscribing) {
+            commit();
+          }
+        });
+        isSubscribing = false;
+      }
+    }
+    const watchViewport = needs.viewport && typeof window !== 'undefined';
+    if (watchViewport && !isObservingViewport) {
+      window.addEventListener('resize', onViewportResize);
+      isObservingViewport = true;
+    } else if (!watchViewport && isObservingViewport) {
+      window.removeEventListener('resize', onViewportResize);
+      isObservingViewport = false;
+    }
+  }
+
+  /** The region's state from its options, its basis and its selection. */
+  function compute() {
+    const needs = observation();
+    const hasPositiveMeasurement = containerBasis != null && containerBasis > 0;
+    // Before a supplied container is measured, the deterministic 1200px
+    // stands in. It also stands in while the container measures 0, as a
+    // hidden or detached one does. The first real measurement replaces it.
+    const liveBasis = needs.hasContainer ? hasPositiveMeasurement ? containerBasis : SERVER_BASIS : readViewportBasis();
+    const isBasisMeasured = needs.container ? hasPositiveMeasurement : true;
+    const basis = gestureBasis ?? liveBasis;
+    const min = resolveBound(opts.minSize, parseSize(opts.minSize), basis, DEFAULT_MIN, 'minSize', RESIZABLE_SIZE_GUIDANCE, didWarn.min, source);
+    const max = resolveBound(opts.maxSize, parseSize(opts.maxSize), basis, Infinity, 'maxSize', RESIZABLE_SIZE_GUIDANCE, didWarn.max, source);
+    // A basis-dependent default resolves ONCE into a pixel size; it is final
+    // once its basis is real.
+    if (initialDefault == null || !initialDefault.isFinal) {
+      initialDefault = {
+        px: resolveBound(opts.defaultSize, parseSize(opts.defaultSize), basis, DEFAULT_SIZE_FALLBACK, 'defaultSize', RESIZABLE_SIZE_GUIDANCE, didWarn.defaultSize, source),
+        isFinal: isBasisMeasured
+      };
+    }
+    const defaultPx = initialDefault.px;
+    if (chosenSize === undefined) {
+      chosenSize = persisted?.size ?? (isBasisMeasured ? clampSize(defaultPx, min, max, snaps()) : null);
+    }
+    if (isBasisMeasured && chosenSize == null) {
+      // The container is measured now: the selection the temporary basis
+      // stood in for is made against the real one. Not an interaction, so it
+      // reports nothing through onSizeChange.
+      chosenSize = clampSize(defaultPx, min, max, snaps());
+    }
+    // A re-resolved bound clamps the SELECTION, once the basis is final and
+    // no gesture holds it.
+    if (isBasisMeasured && gestureBasis == null && (committedBounds == null || committedBounds.min !== min || committedBounds.max !== max)) {
+      committedBounds = {
+        min,
+        max
+      };
+      if (chosenSize != null) {
+        chosenSize = clampSize(chosenSize, min, max, snaps());
+      }
+    }
+    const size = clampSize(chosenSize ?? defaultPx, min, max, snaps());
+    const isCollapsed = collapsible() && (isControlled() ? Boolean(opts.isCollapsed) : uncontrolledIsCollapsed);
+    if (min > max && !didWarn.inverted) {
+      didWarn.inverted = true;
+      devWarn(source, `the resolved minimum (${min}px) is above the resolved maximum ` + `(${max}px). The maximum wins${isHook ? ', as it always has' : ''}.`);
+    }
+
+    // The maximum the handle REPORTS: a configured maximum, or a measured
+    // extent standing in for it, never below what the handle announces.
+    const measuredForMax = needs.hasContainer ? hasPositiveMeasurement && needs.container ? containerBasis : null : readWindowExtent(direction());
+    const effectiveMax = max !== Infinity ? max : measuredForMax == null ? undefined : Math.max(measuredForMax, isCollapsed ? min : size);
+    derived = {
+      size,
+      isCollapsed,
+      min,
+      max,
+      effectiveMax,
+      isBasisMeasured
+    };
+  }
+
+  /** Recompute, then bring the observers, storage and subscribers along. */
+  function commit() {
+    if (isDestroyed) {
+      return;
+    }
+    if (isSuspended) {
+      // No observers: the last measured basis stands.
+      compute();
+    } else {
+      // The observation a computation needs can change with it (a default
+      // made final stops following its container): settle both.
+      for (let pass = 0; pass < 3; pass++) {
+        const before = observation();
+        syncObservation();
+        compute();
+        const after = observation();
+        if (before.container === after.container && before.viewport === after.viewport) {
+          break;
+        }
+      }
+    }
+    persist();
+    const reported = {
+      size: derived.isCollapsed ? 0 : derived.size,
+      isCollapsed: derived.isCollapsed
+    };
+    const next = {
+      size: reported.size,
+      isCollapsed: reported.isCollapsed,
+      expandedSize: derived.size,
+      minPx: derived.min,
+      maxPx: derived.max,
+      effectiveMaxPx: derived.effectiveMax
+    };
+    const isSnapshotChanged = snapshot == null || Object.keys(next).some(key => snapshot?.[key] !== next[key]);
+    if (isSnapshotChanged) {
+      snapshot = next;
+    }
+    if (notified == null || notified.size !== reported.size || notified.isCollapsed !== reported.isCollapsed) {
+      const isFirst = notified == null;
+      notified = reported;
+      if (!isFirst) {
+        for (const listener of [...listeners]) {
+          listener();
+        }
+      }
+    }
+    if (isSnapshotChanged) {
+      for (const listener of [...snapshotListeners]) {
+        listener();
+      }
+    }
+  }
+
+  /** Nothing is written while the basis stands in, nor while a gesture runs. */
+  function persist() {
+    const key = opts.autoSaveId;
+    if (key == null || key === '' || !derived.isBasisMeasured) {
+      return;
+    }
+    if (isGestureActive) {
+      return;
+    }
+    const next = {
+      key,
+      size: derived.size,
+      isCollapsed: derived.isCollapsed
+    };
+    if (mustWrite || written == null || written.key !== next.key || written.size !== next.size || written.isCollapsed !== next.isCollapsed) {
+      mustWrite = false;
+      written = next;
+      persistState(key, {
+        size: next.size,
+        isCollapsed: next.isCollapsed
+      });
+    }
+  }
+  const setCollapsed = value => {
+    if (!isControlled()) {
+      uncontrolledIsCollapsed = value;
+    }
+  };
+  function collapse() {
+    if (isDestroyed || !collapsible() || derived.isCollapsed) {
+      return;
+    }
+    setCollapsed(true);
+    commit();
+    opts.onCollapseChange?.(true);
+    opts.onSizeChange?.(0);
+  }
+  function expand() {
+    if (isDestroyed) {
+      return;
+    }
+    const wasCollapsed = derived.isCollapsed;
+    setCollapsed(false);
+    commit();
+    if (wasCollapsed) {
+      opts.onCollapseChange?.(false);
+    }
+    opts.onSizeChange?.(derived.size);
+  }
+  function resize(next) {
+    if (isDestroyed) {
+      return;
+    }
+    // An invalid size repairs nothing: it must not replace a legal selection
+    // with NaN, which would reach storage and aria-valuenow.
+    if (!Number.isFinite(next) || next < 0) {
+      devWarn(source, `resize(${String(next)}) is not a pixel size. Keeping the current ` + `size. Percentages configure the ${isHook ? 'hook' : 'region'}; ` + 'they are not a programmatic input.');
+      return;
+    }
+    const clamped = clampSize(next, derived.min, derived.max, snaps());
+    const wasCollapsed = derived.isCollapsed;
+    chosenSize = clamped;
+    setCollapsed(false);
+    commit();
+    // Resizing out of the collapsed state is an implicit expand.
+    if (wasCollapsed) {
+      opts.onCollapseChange?.(false);
+    }
+    opts.onSizeChange?.(clamped);
+  }
+  const model = {
+    state() {
+      return {
+        size: derived.isCollapsed ? 0 : derived.size,
+        isCollapsed: derived.isCollapsed,
+        minPx: derived.min,
+        maxPx: derived.max,
+        snaps: snaps(),
+        collapsedSize: opts.collapsedSize ?? DEFAULT_COLLAPSED_SIZE,
+        collapsible: collapsible()
+      };
+    },
+    start() {
+      // The basis holds still for the whole gesture.
+      gestureBasis = readLiveBasis();
+      isGestureActive = true;
+      dragStartSize = derived.isCollapsed ? 0 : derived.size;
+    },
+    move(delta) {
+      const raw = dragStartSize + delta;
+      const collapsedSize = opts.collapsedSize ?? DEFAULT_COLLAPSED_SIZE;
+      if (collapsible() && raw < collapsedSize) {
+        if (!derived.isCollapsed) {
+          setCollapsed(true);
+          commit();
+          opts.onCollapseChange?.(true);
+          opts.onSizeChange?.(0);
+        }
+        return;
+      }
+      const reopens = derived.isCollapsed && raw >= collapsedSize;
+      if (reopens) {
+        setCollapsed(false);
+      }
+      const clamped = clampSize(raw, derived.min, derived.max, snaps());
+      chosenSize = clamped;
+      commit();
+      if (reopens) {
+        opts.onCollapseChange?.(false);
+      }
+      opts.onSizeChange?.(clamped);
+    },
+    end() {
+      endGesture();
+    },
+    // A cancelled gesture is still over: the basis it held comes back, and
+    // the size it reached is saved once, like a completed one.
+    cancel() {
+      endGesture();
+    },
+    collapse,
+    expand
+  };
+  function readLiveBasis() {
+    const needs = observation();
+    if (!needs.hasContainer) {
+      return readViewportBasis();
+    }
+    return containerBasis != null && containerBasis > 0 ? containerBasis : SERVER_BASIS;
+  }
+  function endGesture() {
+    if (!isGestureActive) {
+      return;
+    }
+    gestureBasis = null;
+    isGestureActive = false;
+    mustWrite = true;
+    commit();
+  }
+
+  /** The observers go; a gesture in flight has ended first. */
+  function letGoOfPage() {
+    stopObservingContainer?.();
+    stopObservingContainer = null;
+    containerElement = null;
+    if (isObservingViewport) {
+      window.removeEventListener('resize', onViewportResize);
+      isObservingViewport = false;
+    }
+  }
+  commit();
+  const controller = {
+    get size() {
+      return derived.isCollapsed ? 0 : derived.size;
+    },
+    get isCollapsed() {
+      return derived.isCollapsed;
+    },
+    collapse,
+    expand,
+    resize,
+    update(next) {
+      if (isDestroyed) {
+        return;
+      }
+      opts = next;
+      if (opts.autoSaveId !== persistedKey) {
+        persistedKey = opts.autoSaveId;
+        persisted = persistedKey ? loadPersistedState(persistedKey) : null;
+      }
+      commit();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    destroy() {
+      if (isDestroyed) {
+        return;
+      }
+      // A gesture a ResizeHandle drove through the region's model ends first,
+      // so the size it reached is saved.
+      endGesture();
+      isDestroyed = true;
+      if (!isSuspended) {
+        letGoOfPage();
+      }
+      listeners.clear();
+      snapshotListeners.clear();
+    }
+  };
+  internals.set(controller, {
+    snapshot: () => snapshot,
+    subscribeSnapshot(listener) {
+      snapshotListeners.add(listener);
+      return () => {
+        snapshotListeners.delete(listener);
+      };
+    },
+    model,
+    suspend() {
+      if (isDestroyed || isSuspended) {
+        return;
+      }
+      endGesture();
+      isSuspended = true;
+      letGoOfPage();
+    },
+    resume() {
+      if (isDestroyed || !isSuspended) {
+        return;
+      }
+      isSuspended = false;
+      commit();
+    },
+    syncContainer() {
+      if (isDestroyed || isSuspended) {
+        return;
+      }
+      const element = observation().container ? opts.containerRef?.current ?? null : null;
+      if (element !== containerElement) {
+        commit();
+      }
+    }
+  });
+  return controller;
+}

package/dist/Resizable/useResizable.d.ts

@@ -2,9 +2,9 @@
  * @file useResizable.ts
  * @input Resize configuration (defaultSize, minSize, maxSize, snaps), with
  *   removed pixel-bound aliases rejected even through assembled objects, and
- *   collapse configuration (collapsible,
- *   defaultIsCollapsed, isCollapsed)
- * @output Hook return: size, isCollapsed, collapse/expand/resize methods, props for handle
+ *   collapse configuration (collapsible, defaultIsCollapsed, isCollapsed)
+ * @output Hook return: size, isCollapsed, collapse/expand/resize methods, props
+ *   for handle, over the internal resize factory (createResizable)
  * @position Public hook; consumed by layout components via `resizable` prop
  */
 import { type RefObject } from 'react';

package/dist/Resizable/useResizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/useResizable.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/useResizable.ts"],"names":[],"mappings":"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"}