@hanzogui/web 8.3.0 → 8.3.2

package/dist/esm/hooks/useMedia.js

@@ -0,0 +1,308 @@
+import { isServer, isWeb } from '@hanzogui/constants';
+import { useEffect, useReducer, useRef } from 'react';
+import { getSetting } from '../config.js';
+import { resetMediaStyleCache } from '../helpers/createMediaStyle.js';
+import { matchMedia } from '../helpers/matchMedia.js';
+import { mediaObjectToString } from '../helpers/mediaObjectToString.js';
+import { getMedia, mediaKeys, mediaQueryConfig, setMediaState, } from '../helpers/mediaState.js';
+import { defaultMediaImportance } from '../helpers/pseudoDescriptors.js';
+const mediaKeyRegex = /\$(platform|theme|group)-/;
+export const isMediaKey = (key) => {
+    if (key[0] !== '$')
+        return false;
+    if (mediaKeys.has(key))
+        return true;
+    if (mediaKeyRegex.test(key))
+        return true;
+    return false;
+};
+export const getMediaKey = (key) => {
+    if (key[0] !== '$')
+        return false;
+    if (mediaKeys.has(key))
+        return true;
+    const match = key.match(mediaKeyRegex);
+    if (match)
+        return match[1];
+    return false;
+};
+// for SSR capture it at time of startup
+let initState;
+let mediaKeysOrdered;
+export const getMediaKeyImportance = (key) => {
+    if (process.env.NODE_ENV === 'development' && key[0] === '$') {
+        throw new Error('use short key');
+    }
+    // + 100 because we set base usedKeys=1, pseudos are 2-N (however many we have)
+    // all media go above all pseudos so we need to pad it based on that
+    // right now theres 5 pseudos but in the future could be a few more
+    return mediaKeysOrdered.indexOf(key) + 100;
+};
+const dispose = new Set();
+let mediaVersion = 0;
+export const configureMedia = (config) => {
+    const { media } = config;
+    const mediaQueryDefaultActive = getSetting('mediaQueryDefaultActive');
+    if (!media)
+        return;
+    mediaVersion++;
+    // reset cached media style prefixes/selectors so they get recalculated with new key order
+    resetMediaStyleCache();
+    // touch-tracker getter object depends on the current media key set
+    resetMediaTouchTracker();
+    for (const key in media) {
+        getMedia()[key] = mediaQueryDefaultActive?.[key] || false;
+        mediaKeys.add(`$${key}`);
+    }
+    Object.assign(mediaQueryConfig, media);
+    initState = { ...getMedia() };
+    mediaKeysOrdered = Object.keys(media);
+    setupMediaListeners();
+};
+function unlisten() {
+    dispose.forEach((cb) => cb());
+    dispose.clear();
+}
+/**
+ * Note: This should *not* set the state on the first render!
+ * Because to avoid hydration issues SSR must match the server
+ * *and then* re-render with the actual media query state.
+ */
+let setupVersion = -1;
+export function setupMediaListeners() {
+    if (isWeb && isServer)
+        return;
+    if (process.env.IS_STATIC)
+        return;
+    // avoid setting up more than once per config
+    if (setupVersion === mediaVersion)
+        return;
+    setupVersion = mediaVersion;
+    // hmr, undo existing before re-binding
+    unlisten();
+    for (const key in mediaQueryConfig) {
+        const str = mediaObjectToString(mediaQueryConfig[key]);
+        const getMatch = () => matchMedia(str);
+        const match = getMatch();
+        if (!match) {
+            throw new Error('⚠️ No match');
+        }
+        // react native needs these deprecated apis for now
+        match.addListener(update);
+        dispose.add(() => {
+            match.removeListener(update);
+        });
+        function update() {
+            const next = !!getMatch().matches;
+            if (next === getMedia()[key])
+                return;
+            setMediaState({ ...getMedia(), [key]: next });
+            updateMediaListeners();
+        }
+        update();
+    }
+}
+const listeners = new Set();
+export function updateMediaListeners() {
+    listeners.forEach((cb) => cb(getMedia()));
+}
+const States = new WeakMap();
+let touchTrackerProto = null;
+const refSlot = Symbol('mediaRefSlot');
+function buildTouchTrackerProto() {
+    const proto = {};
+    for (const fullKey of mediaKeys) {
+        const key = fullKey[0] === '$' ? fullKey.slice(1) : fullKey;
+        proto[key] = {
+            enumerable: true,
+            configurable: true,
+            get() {
+                const slot = this[refSlot];
+                if (!disableMediaTouch) {
+                    slot.keys.add(key);
+                }
+                return slot.proxyTarget[key];
+            },
+        };
+    }
+    return Object.create(null, proto);
+}
+function getTouchTrackerProto() {
+    if (!touchTrackerProto)
+        touchTrackerProto = buildTouchTrackerProto();
+    return touchTrackerProto;
+}
+function resetMediaTouchTracker() {
+    touchTrackerProto = null;
+}
+export function setMediaShouldUpdate(ref, enabled, keys) {
+    const cur = States.get(ref);
+    if (!cur || cur.enabled !== enabled || keys) {
+        States.set(ref, {
+            ...cur,
+            enabled,
+            keys,
+        });
+    }
+}
+function subscribe(subscriber) {
+    listeners.add(subscriber);
+    return () => {
+        listeners.delete(subscriber);
+    };
+}
+export function useMedia(componentContext, debug) {
+    'use no memo';
+    const internalRef = useRef(null);
+    if (!internalRef.current) {
+        const initial = getMedia();
+        const r = {
+            keys: new Set(),
+            lastState: initial,
+            renderVersion: 0,
+            proxyTarget: initial,
+            proxy: undefined,
+            getSnapshot: undefined,
+            componentContext,
+            debug,
+        };
+        // proxy → Object.create(getterProto) with a Symbol slot. Per-key get is a
+        // monomorphic getter call (Hermes-fast) instead of a Proxy trap.
+        const tracker = Object.create(getTouchTrackerProto());
+        tracker[refSlot] = { proxyTarget: initial, keys: r.keys };
+        r.proxy = tracker;
+        r.getSnapshot = () => {
+            const curKeys = r.componentContext
+                ? States.get(r.componentContext)?.keys || r.keys
+                : r.keys;
+            const { lastState, pendingState } = r;
+            if (!curKeys.size) {
+                return lastState;
+            }
+            const ms = getMedia();
+            for (const key of curKeys) {
+                if (ms[key] !== (pendingState || lastState)[key]) {
+                    if (process.env.NODE_ENV === 'development' && r.debug) {
+                        console.warn(`useMedia() ✍️`, key, lastState[key], '=>', ms[key]);
+                    }
+                    // in emitter mode (no-rerender) avoid changing state, instead emit
+                    if (r.componentContext?.mediaEmit) {
+                        r.componentContext.mediaEmit(ms);
+                        r.pendingState = ms;
+                        return lastState;
+                    }
+                    r.lastState = ms;
+                    return ms;
+                }
+            }
+            return lastState;
+        };
+        internalRef.current = r;
+    }
+    else {
+        // refresh per-render inputs the closures read through the ref
+        internalRef.current.componentContext = componentContext;
+        internalRef.current.debug = debug;
+    }
+    const ref = internalRef.current;
+    ref.renderVersion++;
+    // reset on next render
+    if (ref.pendingState) {
+        ref.lastState = ref.pendingState;
+        ref.pendingState = undefined;
+    }
+    // clear each render to track only rendered touched keys
+    if (ref.keys.size) {
+        ref.keys.clear();
+    }
+    // manual subscription (same shape as useThemeStateSubscribed): same
+    // granular bailout via getSnapshot returning the same MediaQueryState ref
+    // when none of the component's touched keys changed, but fewer
+    // React-internal hook slots on Hermes than useSyncExternalStore.
+    const [, forceUpdate] = useReducer(incReducer, 0);
+    const state = isServer ? initState : ref.getSnapshot();
+    ref.proxyTarget = state;
+    ref.proxy[refSlot].proxyTarget = state;
+    useEffect(() => {
+        const renderVersion = ref.renderVersion;
+        const shouldSubscribe = !ref.componentContext || !!States.get(ref.componentContext)?.enabled;
+        if (shouldSubscribe) {
+            if (!ref.unsubscribe) {
+                ref.unsubscribe = subscribe(() => {
+                    const next = ref.getSnapshot();
+                    if (next !== ref.proxyTarget) {
+                        ref.proxyTarget = next;
+                        ref.proxy[refSlot].proxyTarget = next;
+                        forceUpdate();
+                    }
+                });
+            }
+        }
+        else if (ref.unsubscribe) {
+            ref.unsubscribe();
+            ref.unsubscribe = undefined;
+        }
+        return () => {
+            // react runs passive cleanup before the next effect as well as on unmount.
+            // a newer render bumps renderVersion before that cleanup, so equality here
+            // means this is the final unmount cleanup.
+            if (ref.renderVersion === renderVersion) {
+                ref.unsubscribe?.();
+                ref.unsubscribe = undefined;
+            }
+        };
+    });
+    return ref.proxy;
+}
+const incReducer = (c) => c + 1;
+// PATCH (ours, carried across the transplant): initState is only assigned by
+// configureMedia, which returns early when the config carries no `media`. On a
+// server render neither has happened, so this handed undefined to
+// `new Proxy(state, …)` and every Gui Dialog — which runs useMedia when it
+// renders, open or closed — killed the whole prerender with "Cannot create proxy
+// with a non-object as target or handler". Degrade to the (empty) live media
+// state: queries read false on a server that has no viewport, which is the
+// truthful answer, and hydration corrects.
+const getServerSnapshot = () => initState ?? getMedia();
+let disableMediaTouch = false;
+export function _disableMediaTouch(val) {
+    disableMediaTouch = val;
+}
+export function getMediaState(mediaGroups, layout) {
+    disableMediaTouch = true;
+    let res;
+    try {
+        res = Object.fromEntries([...mediaGroups].map((mediaKey) => {
+            return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+        }));
+    }
+    finally {
+        disableMediaTouch = false;
+    }
+    return res;
+}
+export const getMediaImportanceIfMoreImportant = (mediaKey, key, styleState, isSizeMedia) => {
+    const importance = isSizeMedia
+        ? getMediaKeyImportance(mediaKey)
+        : defaultMediaImportance;
+    const usedKeys = styleState.usedKeys;
+    return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
+};
+const cachedMediaKeyToQuery = {};
+export function mediaKeyToQuery(key) {
+    return (cachedMediaKeyToQuery[key] ||
+        (cachedMediaKeyToQuery[key] = mediaObjectToString(mediaQueryConfig[key])));
+}
+export function mediaKeyMatch(key, dimensions) {
+    const mediaQueries = mediaQueryConfig[key];
+    const result = Object.keys(mediaQueries).every((query) => {
+        const expectedVal = +mediaQueries[query];
+        const isMax = query.startsWith('max');
+        const isWidth = query.endsWith('Width');
+        const givenVal = dimensions[isWidth ? 'width' : 'height'];
+        // if not max then min
+        return isMax ? givenVal < expectedVal : givenVal > expectedVal;
+    });
+    return result;
+}
+//# sourceMappingURL=useMedia.js.map

package/dist/esm/hooks/useMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMedia.js","sourceRoot":"","sources":["../../../src/hooks/useMedia.tsx"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useProps.js

@@ -0,0 +1,101 @@
+import { useIsomorphicLayoutEffect } from '@hanzogui/constants';
+import React from 'react';
+import { getConfig } from '../config.js';
+import { ComponentContext } from '../contexts/ComponentContext.js';
+import { GroupContext } from '../contexts/GroupContext.js';
+import { useSplitStyles } from '../helpers/getSplitStyles.js';
+import { subscribeToContextGroup } from '../helpers/subscribeToContextGroup.js';
+import { View } from '../views/View.js';
+import { useComponentState } from './useComponentState.js';
+import { mediaState } from '../helpers/mediaState.js';
+import { useMedia } from './useMedia.js';
+import { useThemeWithState } from './useTheme.js';
+/**
+ * Returns props and style as a single object, expanding and merging shorthands and media queries.
+ *
+ * Use sparingly, it will loop props and trigger re-render on all media queries you access.
+ *
+ * */
+export function useProps(props, opts) {
+    const [propsOut, styleOut] = usePropsAndStyle(props, {
+        ...opts,
+        noExpand: true,
+        noNormalize: true,
+        resolveValues: 'none',
+    });
+    return {
+        ...propsOut,
+        ...styleOut,
+    };
+}
+/**
+ * Returns only style values fully resolved and flattened with merged media queries and shorthands with all theme and token values resolved.
+ *
+ * Use sparingly, it will loop props and trigger re-render on all media queries you access.
+ *
+ * */
+export function useStyle(props, opts) {
+    return usePropsAndStyle(props, opts)[1] || {};
+}
+/**
+ * Returns [props, styles, theme, media] fully resolved and flattened with merged media queries and shorthands with all theme and token values resolved.
+ *
+ * Use sparingly, it will loop props and trigger re-render on all media queries you access.
+ *
+ * */
+export function usePropsAndStyle(props, opts) {
+    const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig;
+    const [theme, themeState] = useThemeWithState({
+        componentName: staticConfig.componentName,
+        name: 'theme' in props ? props.theme : undefined,
+        needsUpdate() {
+            return true;
+        },
+    });
+    const componentContext = React.useContext(ComponentContext);
+    const groupContext = React.useContext(GroupContext);
+    const { state, disabled, setStateShallow } = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
+    const mediaStateNow = opts?.noMedia
+        ? // not safe to use mediaState but really marginal to hit this
+            mediaState
+        : useMedia();
+    const splitStyles = useSplitStyles(props, staticConfig, theme, themeState?.name || '', state, {
+        isAnimated: false,
+        mediaState: mediaStateNow,
+        noSkip: true,
+        noMergeStyle: true,
+        noClass: true,
+        resolveValues: 'auto',
+        ...opts,
+    }, null, componentContext, groupContext);
+    const { mediaGroups, pseudoGroups } = splitStyles || {};
+    useIsomorphicLayoutEffect(() => {
+        if (disabled) {
+            return;
+        }
+        if (state.unmounted) {
+            setStateShallow({ unmounted: false });
+            return;
+        }
+        if (groupContext) {
+            return subscribeToContextGroup({
+                groupContext,
+                setStateShallow,
+                mediaGroups,
+                pseudoGroups,
+            });
+        }
+    }, [
+        disabled,
+        groupContext,
+        pseudoGroups ? Object.keys([...pseudoGroups]).join('') : 0,
+        mediaGroups ? Object.keys([...mediaGroups]).join('') : 0,
+    ]);
+    return [
+        splitStyles?.viewProps || {},
+        splitStyles?.style || {},
+        theme,
+        mediaState,
+    ];
+}
+//# sourceMappingURL=useProps.js.map

package/dist/esm/hooks/useProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProps.js","sourceRoot":"","sources":["../../../src/hooks/useProps.tsx"],"names":[],"mappings":"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"}

package/dist/esm/hooks/useTheme.js

@@ -0,0 +1,48 @@
+import { useRef } from 'react';
+import { getThemeProxied } from './getThemeProxied.js';
+import { useThemeState } from './useThemeState.js';
+const EMPTY = {};
+export const useTheme = () => {
+    'use no memo';
+    const [theme] = useThemeWithState(EMPTY);
+    const res = theme;
+    return res;
+};
+/**
+ * Adds a proxy around themeState that tracks update keys
+ */
+export const useThemeWithState = (props, isRoot = false, 
+// <Theme> components push their themeState.id into ThemeStateContext,
+// so their descendants subscribe under this id; <Theme> needs to schedule
+// descendant updates when its propsKey changes. Leaf styled components
+// (createComponent, useProps, useTheme, animation hooks) do NOT push a
+// context — listenersByParent[componentId] is always empty — so the
+// schedule-update effect is a no-op for them and can be skipped to save
+// one hook slot per styled component on mount. Theme.tsx passes true.
+forThemeView = false) => {
+    'use no memo';
+    // single useRef holding both keys + schemeKeys; saves one hook slot per
+    // component vs separate useRef calls. these still look like MutableRefObject
+    // to getThemeProxied which only reads/writes `.current`.
+    const bag = useRef(null);
+    if (!bag.current) {
+        bag.current = {
+            keys: { current: null },
+            schemeKeys: { current: null },
+        };
+    }
+    const { keys, schemeKeys } = bag.current;
+    const themeState = useThemeState(props, isRoot, keys, schemeKeys, forThemeView);
+    if (process.env.NODE_ENV === 'development') {
+        if (!props.passThrough && !themeState?.theme) {
+            if (process.env.GUI_DISABLE_NO_THEME_WARNING !== '1') {
+                console.error(`[hanzogui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).\n\nIf this is intended and you are using Gui without any themes, you can disable this warning by setting the environment variable GUI_DISABLE_NO_THEME_WARNING=1`);
+            }
+        }
+    }
+    const themeProxied = props.passThrough
+        ? {}
+        : getThemeProxied(props, themeState, keys, schemeKeys);
+    return [themeProxied, themeState];
+};
+//# sourceMappingURL=useTheme.js.map

package/dist/esm/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAyB,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,eAAe,EAAqB,MAAM,sBAAsB,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,KAAK,GAAG,EAAE,CAAA;AAOhB,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,aAAa,CAAA;IAEb,MAAM,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACxC,MAAM,GAAG,GAAG,KAAK,CAAA;IACjB,OAAO,GAAmB,CAAA;AAC5B,CAAC,CAAA;AAID;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,KAA6B,EAC7B,MAAM,GAAG,KAAK;AACd,sEAAsE;AACtE,0EAA0E;AAC1E,uEAAuE;AACvE,uEAAuE;AACvE,oEAAoE;AACpE,wEAAwE;AACxE,sEAAsE;AACtE,YAAY,GAAG,KAAK,EACJ,EAAE;IAClB,aAAa,CAAA;IAEb,wEAAwE;IACxE,6EAA6E;IAC7E,yDAAyD;IACzD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QACjB,GAAG,CAAC,OAAO,GAAG;YACZ,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SAC9B,CAAA;IACH,CAAC;IACD,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;IACxC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,CAAC,CAAA;IAE/E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;QAC3C,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC;YAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,4BAA4B,KAAK,GAAG,EAAE,CAAC;gBACrD,OAAO,CAAC,KAAK,CACX,4FAA4F,IAAI,CAAC,SAAS,CACxG,KAAK,CACN,qKAAqK,CACvK,CAAA;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW;QACpC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,CAAC,CAAA;IAExD,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;AACnC,CAAC,CAAA"}

package/dist/esm/hooks/useThemeName.js

@@ -0,0 +1,8 @@
+import { useThemeState } from './useThemeState.js';
+// can probably simplify this way down
+const forceUpdateState = { forceClassName: true, deopt: true, needsUpdate: () => true };
+const forceKeys = { current: new Set(['']) };
+export function useThemeName() {
+    return useThemeState(forceUpdateState, false, forceKeys)?.name || '';
+}
+//# sourceMappingURL=useThemeName.js.map

package/dist/esm/hooks/useThemeName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeName.js","sourceRoot":"","sources":["../../../src/hooks/useThemeName.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,sCAAsC;AACtC,MAAM,gBAAgB,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAA;AACvF,MAAM,SAAS,GAAG,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAA;AAE5C,MAAM,UAAU,YAAY;IAC1B,OAAO,aAAa,CAAC,gBAAgB,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,IAAI,IAAI,EAAE,CAAA;AACtE,CAAC"}