@hanzogui/web 8.3.0 → 8.3.2

package/dist/esm/hooks/getThemeProxied.js

@@ -0,0 +1,122 @@
+import { supportsDynamicColorIOS } from '@hanzogui/constants';
+import { getConfig, getSetting } from '../config.js';
+import { getVariable } from '../createVariable.js';
+import { getDynamicVal } from '../helpers/getDynamicVal.js';
+import { doesRootSchemeMatchSystem } from './doesRootSchemeMatchSystem.js';
+// only proxy each theme one time, after that we know that renders are sync,
+// so we can just change the focus of the proxied theme and it can be re-used
+const cache = new Map();
+let curKeys;
+let curSchemeKeys;
+let curProps;
+let curState;
+const emptyObject = {};
+export function getThemeProxied(
+// underscore to prevent accidental usage below
+_props, _state, _keys, _schemeKeys) {
+    if (!_state?.theme) {
+        return emptyObject;
+    }
+    curKeys = _keys;
+    curSchemeKeys = _schemeKeys;
+    curProps = _props;
+    curState = _state;
+    if (cache.has(curState.theme)) {
+        const proxied = cache.get(curState.theme);
+        return proxied;
+    }
+    // first time running on this theme, create:
+    // from here on only use current*
+    const config = getConfig();
+    function track(key, schemeOptimized = false) {
+        if (!curKeys)
+            return;
+        if (!curKeys.current) {
+            curKeys.current = new Set();
+        }
+        curKeys.current.add(key);
+        // track scheme-optimized keys separately so we know if a scheme-only
+        // change can skip re-render (when all accessed keys use DynamicColorIOS)
+        if (schemeOptimized && curSchemeKeys) {
+            if (!curSchemeKeys.current) {
+                curSchemeKeys.current = new Set();
+            }
+            curSchemeKeys.current.add(key);
+        }
+        if (process.env.NODE_ENV === 'development' && curProps.debug) {
+            console.info(` 🎨 useTheme() tracking key: ${key} schemeOptimized=${schemeOptimized}`);
+        }
+    }
+    const proxied = Object.fromEntries(Object.entries(_state.theme).flatMap(([key, value]) => {
+        const proxied = {
+            ...value,
+            get val() {
+                // when they touch the actual value we only track it if its a variable (web), its ignored!
+                if (!globalThis.hanzoguiAvoidTracking) {
+                    // always track .val - not scheme optimized since they're getting raw value
+                    track(key, false);
+                }
+                return value.val;
+            },
+            get(platform) {
+                if (!curState)
+                    return;
+                const outVal = getVariable(value);
+                const { name, scheme } = curState;
+                if ("web" === 'native') {
+                    // ios can avoid re-rendering for scheme changes (light↔dark) when using DynamicColorIOS.
+                    // DynamicColorIOS always resolves by the OS appearance, so this is only correct for a
+                    // subtree that follows the OS scheme. it does NOT work when a <Theme> forces a scheme
+                    // away from the OS/root — at any depth. `inverses` counts scheme flips from the root, so
+                    // `inverses === 0` is exactly "this subtree still follows the OS". isInverse alone was
+                    // wrong: a sub-theme keeping its parent's forced scheme (dark_blue under a forced dark,
+                    // light root) has isInverse=false yet must NOT optimize, or iOS would pick the OS-scheme
+                    // value (light) instead of the forced dark value.
+                    const fastSchemeChange = getSetting('fastSchemeChange');
+                    const rootMatchesSystem = doesRootSchemeMatchSystem();
+                    const shouldOptimize = scheme &&
+                        platform !== 'web' &&
+                        supportsDynamicColorIOS &&
+                        !curProps.deopt &&
+                        !curState.inverses &&
+                        fastSchemeChange &&
+                        rootMatchesSystem;
+                    if (process.env.NODE_ENV === 'development' && curProps.debug === 'verbose') {
+                        console.info(` 🎨 useTheme().get(${key}) theme=${name} scheme=${scheme}`, `\n   shouldOptimize=${shouldOptimize} (dynamicColorIOS=${supportsDynamicColorIOS} deopt=${curProps.deopt} inverses=${curState.inverses} fastScheme=${fastSchemeChange} rootMatch=${rootMatchesSystem})`);
+                    }
+                    if (shouldOptimize) {
+                        const oppositeScheme = scheme === 'dark' ? 'light' : 'dark';
+                        const oppositeName = name.replace(scheme, oppositeScheme);
+                        const color = getVariable(config.themes[name]?.[key]);
+                        const oppositeColor = getVariable(config.themes[oppositeName]?.[key]);
+                        if (process.env.NODE_ENV === 'development' &&
+                            curProps.debug === 'verbose') {
+                            console.info(` 🎨 useTheme().get(${key}) using DynamicColorIOS`, `\n   color=${color} oppositeColor=${oppositeColor}`);
+                        }
+                        const dynamicVal = getDynamicVal({
+                            scheme,
+                            val: color,
+                            oppositeVal: oppositeColor,
+                        });
+                        // track as scheme-optimized - can skip re-render for scheme-only changes
+                        track(key, true);
+                        return dynamicVal;
+                    }
+                    if (process.env.NODE_ENV === 'development' && curProps.debug) {
+                        console.info(` 🎨 useTheme().get(${key}) tracking key (not optimizing)`, `\n   platform=${platform} dynamicColorIOS=${supportsDynamicColorIOS} deopt=${curProps.deopt} fastScheme=${fastSchemeChange}`);
+                    }
+                    // not scheme-optimized
+                    track(key, false);
+                }
+                return outVal;
+            },
+        };
+        return [
+            [key, proxied],
+            [`$${key}`, proxied],
+        ];
+    }));
+    cache.set(_state.theme, proxied);
+    return proxied;
+}
+//# sourceMappingURL=getThemeProxied.js.map

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

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

package/dist/esm/hooks/useComponentState.js

@@ -0,0 +1,252 @@
+import { getPlatformDriver, isServer, isWeb } from '@hanzogui/constants';
+import { mergeIfNotShallowEqual } from '@hanzogui/is-equal-shallow';
+import { useDidFinishSSR, useIsClientOnly } from '@hanzogui/use-did-finish-ssr';
+import { useRef, useState } from 'react';
+import { getSetting } from '../config.js';
+import { defaultComponentState, defaultComponentStateMounted, defaultComponentStateShouldEnter, } from '../defaultComponentState.js';
+import { isObj } from '../helpers/isObj.js';
+import { log } from '../helpers/log.js';
+export const useComponentState = (props, animationDriver, staticConfig, config) => {
+    'use no memo';
+    const isHydrated = useDidFinishSSR();
+    const needsHydration = !useIsClientOnly();
+    const useAnimations = animationDriver?.isStub
+        ? undefined
+        : animationDriver?.useAnimations;
+    const { isHOC } = staticConfig;
+    const stateRef = useRef(
+    // performance: avoid creating object every render
+    undefined);
+    if (!stateRef.current) {
+        stateRef.current = {
+            startedUnhydrated: needsHydration && !isHydrated,
+        };
+    }
+    // after we get states mount we need to turn off isAnimated for server side
+    const hasAnimationProp = Boolean((!isHOC && 'transition' in props) ||
+        (props.style && hasAnimatedStyleValue(props.style)));
+    const inputStyle = animationDriver?.inputStyle ?? 'css';
+    const outputStyle = animationDriver?.outputStyle ?? 'css';
+    const curStateRef = stateRef.current;
+    if (!needsHydration && hasAnimationProp) {
+        curStateRef.hasAnimated = true;
+    }
+    // a renderer platform driver with native pseudo states (react-native-gpui)
+    // makes ANY component with runtime pseudo styles ride the animation-driver
+    // emitter path — no per-site transition/animation prop required. the flip is
+    // driver-sourced (hover) or event-sourced (press/focus) but either way applies
+    // through the emitter with zero React commits; with no transition declared it
+    // resolves instant (see createComponent's effectiveTransition default).
+    const platformPseudo = Boolean(!isHOC &&
+        useAnimations &&
+        animationDriver?.avoidReRenders &&
+        getPlatformDriver()?.pseudo &&
+        ('hoverStyle' in props || 'pressStyle' in props || 'focusStyle' in props));
+    const willBeAnimatedClient = (() => {
+        const next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);
+        return Boolean(next || curStateRef.hasAnimated);
+    })();
+    const willBeAnimated = !isServer && willBeAnimatedClient;
+    // once animated, always animated to preserve hooks / vdom structure
+    if (willBeAnimated && !curStateRef.hasAnimated) {
+        curStateRef.hasAnimated = true;
+    }
+    const { disableClassName } = props;
+    // HOOK
+    const presence = (!isHOC &&
+        willBeAnimated &&
+        props['animatePresence'] !== false &&
+        animationDriver?.usePresence?.()) ||
+        null;
+    const presenceState = presence?.[2];
+    const isExiting = presenceState?.isPresent === false;
+    const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;
+    const hasEnterStyle = !!props.enterStyle;
+    const hasAnimationThatNeedsHydrate = hasAnimationProp &&
+        !isHydrated &&
+        (animationDriver?.isReactNative || inputStyle !== 'css');
+    const canImmediatelyEnter = hasEnterStyle || isEntering;
+    // this can be conditional because its only ever needed with animations
+    const shouldEnter = !isHOC &&
+        (hasEnterStyle ||
+            isEntering ||
+            hasAnimationThatNeedsHydrate ||
+            // disableClassName doesnt work server side, only client, so needs hydrate
+            // this is just for a better ux, supports css variables for light/dark, media queries, etc
+            disableClassName);
+    // two stage enter: because we switch from css driver to spring driver
+    //   - first render: render to match server with css driver
+    //   - second render: state.unmounted = should-enter, still rendering the initial,
+    //     non-entered state but now with the spring animation driver
+    const initialState = shouldEnter
+        ? // on the very first render we switch all spring animation drivers to css rendering
+            // this is because we need to use css variables, which they don't support to do proper SSR
+            // without flickers of the wrong colors.
+            // but once we do that initial hydration and we are in client side rendering mode,
+            // we can avoid the extra re-render on mount
+            canImmediatelyEnter
+                ? defaultComponentStateShouldEnter
+                : defaultComponentState
+        : defaultComponentStateMounted;
+    // will be nice to deprecate half of these:
+    const disabled = isDisabled(props);
+    if (disabled != null) {
+        initialState.disabled = disabled;
+    }
+    // HOOK
+    const states = useState(initialState);
+    const state = props.forceStyle ? { ...states[0], [props.forceStyle]: true } : states[0];
+    const setState = states[1];
+    // apply states we never updated from avoiding re-renders in animation driver
+    // unsafe yea yea
+    // if (stateRef.current.nextComponentState) {
+    //   Object.assign(state, stateRef.current.nextComponentState)
+    // }
+    // only web server + initial client render run this when not hydrated:
+    let isAnimated = willBeAnimated;
+    if (isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+        isAnimated = false;
+        curStateRef.willHydrate = true;
+    }
+    // immediately update disabled state and reset component state
+    if (disabled !== state.disabled) {
+        // if disabled remove all press/focus/hover states
+        if (disabled) {
+            Object.assign(state, defaultComponentStateMounted);
+        }
+        state.disabled = disabled;
+        setState((_) => ({ ...state }));
+    }
+    const groupName = props.group;
+    // hoisted shallow-set closure: created once per component instance and
+    // reused every render. drops the useCallback hook that useCreateShallowSetState
+    // would otherwise add. setState from useState is stable per instance so we
+    // can safely capture it. debug is read off stateRef at call time.
+    //
+    // important: this lives on `baseSetStateShallow`, not `setStateShallow`.
+    // createComponent's avoidReRenders path overwrites `stateRef.current.setStateShallow`
+    // with an emitter wrapper and captures this base as its real-re-render escape hatch.
+    // if the base shared the `setStateShallow` field, on the 2nd+ render this hook would
+    // read back the wrapper, the wrapper's escape hatch would point at itself, and a real
+    // re-render (e.g. unmounted 'should-enter' -> false) would never reach React, leaving
+    // enter animations stuck at opacity 0.
+    if (!stateRef.current.baseSetStateShallow) {
+        const r = stateRef.current;
+        r.baseSetStateShallow = (stateOrGetState) => {
+            setState((prev) => {
+                const next = typeof stateOrGetState === 'function' ? stateOrGetState(prev) : stateOrGetState;
+                const update = mergeIfNotShallowEqual(prev, next);
+                if (process.env.NODE_ENV === 'development') {
+                    const dbg = r.__debug;
+                    if (dbg && update !== prev) {
+                        console.groupCollapsed(`setStateShallow CHANGE`, '=>', update);
+                        console.info(`previously`, prev);
+                        console.trace();
+                        console.groupEnd();
+                    }
+                }
+                return update;
+            });
+        };
+    }
+    if (process.env.NODE_ENV === 'development') {
+        ;
+        stateRef.current.__debug = props.debug;
+    }
+    const setStateShallow = stateRef.current.baseSetStateShallow;
+    if (process.env.NODE_ENV === 'development' && globalThis.time)
+        globalThis.time `state-useCreateShallowSetState`;
+    // set enter/exit variants onto our new props object
+    if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
+        if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
+            console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
+        }
+        const { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
+        if (isObj(custom)) {
+            Object.assign(props, custom);
+        }
+        const exv = exitVariant ?? enterExitVariant;
+        const env = enterVariant ?? enterExitVariant;
+        if (state.unmounted && env && staticConfig.variants[env]) {
+            if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
+                console.warn(`Animating presence ENTER "${env}"`);
+            }
+            props[env] = true;
+        }
+        else if (isExiting && exv) {
+            if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
+                console.warn(`Animating presence EXIT "${exv}"`);
+            }
+            props[exv] = exitVariant !== enterExitVariant;
+        }
+    }
+    let noClass = !isWeb || !!props.forceStyle;
+    if (!isHydrated) {
+        noClass = false;
+    }
+    else {
+        // on server for SSR and animation compat added the && isHydrated but perhaps we want
+        // disableClassName="until-hydrated" to be more straightforward
+        // see issue if not, Button sets disableClassName to true <Button transition="" /> with
+        // the react-native driver errors because it tries to animate var(--color) to rbga(..)
+        // no matter what if fully unmounted or on the server we use className
+        // only once we hydrate do we switch to spring animation drivers or disableClassName etc
+        if (isWeb && isHydrated) {
+            const isAnimatedAndHydrated = isAnimated && isHydrated;
+            const isClassNameDisabled = !staticConfig.acceptsClassName && (getSetting('disableSSR') || !state.unmounted);
+            const isDisabledManually = disableClassName && !state.unmounted;
+            if (
+            // Only disable className for animation drivers that output inline styles (not css)
+            (isAnimatedAndHydrated && outputStyle !== 'css') ||
+                isDisabledManually ||
+                isClassNameDisabled) {
+                noClass = true;
+                if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
+                    log(`avoiding className`, {
+                        isAnimatedAndHydrated,
+                        isDisabledManually,
+                        isClassNameDisabled,
+                    });
+                }
+            }
+        }
+    }
+    return {
+        startedUnhydrated: curStateRef.startedUnhydrated,
+        curStateRef,
+        disabled,
+        groupName,
+        hasAnimationProp,
+        hasEnterStyle,
+        isAnimated,
+        isExiting,
+        isHydrated,
+        presence,
+        presenceState,
+        setState,
+        setStateShallow,
+        noClass,
+        state,
+        stateRef,
+        inputStyle,
+        outputStyle,
+        willBeAnimated,
+        willBeAnimatedClient,
+        platformPseudo,
+    };
+};
+function hasAnimatedStyleValue(style) {
+    return Object.keys(style).some((k) => {
+        const val = style[k];
+        return val && typeof val === 'object' && '_animation' in val;
+    });
+}
+const isDisabled = (props) => {
+    return (props.disabled ||
+        props.passThrough ||
+        props.accessibilityState?.disabled ||
+        props['aria-disabled'] ||
+        props.accessibilityDisabled ||
+        false);
+};
+//# sourceMappingURL=useComponentState.js.map

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

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

package/dist/esm/hooks/useDisableSSR.js

@@ -0,0 +1,5 @@
+import { getSetting } from '../config.js';
+export function getDisableSSR(componentContext) {
+    return componentContext?.disableSSR ?? getSetting('disableSSR');
+}
+//# sourceMappingURL=useDisableSSR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisableSSR.js","sourceRoot":"","sources":["../../../src/hooks/useDisableSSR.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,UAAU,aAAa,CAAC,gBAAoC;IAChE,OAAO,gBAAgB,EAAE,UAAU,IAAI,UAAU,CAAC,YAAY,CAAC,CAAA;AACjE,CAAC"}

package/dist/esm/hooks/useIsTouchDevice.js

@@ -0,0 +1,6 @@
+import { isTouchable, isWeb } from '@hanzogui/constants';
+import { useDidFinishSSR } from '@hanzogui/use-did-finish-ssr';
+export const useIsTouchDevice = () => {
+    return !isWeb ? true : useDidFinishSSR() ? isTouchable : false;
+};
+//# sourceMappingURL=useIsTouchDevice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsTouchDevice.js","sourceRoot":"","sources":["../../../src/hooks/useIsTouchDevice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAA;AAChE,CAAC,CAAA"}