jp
0917366cdf
- vm_api.py: pure FastAPI JSON API on :8098 with CORS - vm-api.service: systemd unit for API (replaces inline HTML vm_web.py for frontend) - vm_web.py: kept intact as fallback; Apache now proxies /api/ -> :8098 - frontend/: Vite + React + TanStack Query scaffold - Apache vhost updated: DocumentRoot -> frontend/dist, /api/ proxy, SPA fallback - All original HTML pages still functional via :8099 during transition
76 lines
2.3 KiB
JavaScript
76 lines
2.3 KiB
JavaScript
"use client";
|
|
const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
|
|
let react = require("react");
|
|
react = require_runtime.__toESM(react, 1);
|
|
let _tanstack_router_core_isServer = require("@tanstack/router-core/isServer");
|
|
/**
|
|
* React.use if available (React 19+), undefined otherwise.
|
|
* Use dynamic lookup to avoid Webpack compilation errors with React 18.
|
|
*/
|
|
var reactUse = react["use"];
|
|
var useLayoutEffect = _tanstack_router_core_isServer.isServer ?? typeof window === "undefined" ? react.useEffect : react.useLayoutEffect;
|
|
/**
|
|
* React hook to wrap `IntersectionObserver`.
|
|
*
|
|
* This hook will create an `IntersectionObserver` and observe the ref passed to it.
|
|
*
|
|
* When the intersection changes, the callback will be called with the `IntersectionObserverEntry`.
|
|
*
|
|
* @param ref - The ref to observe
|
|
* @param callback - The callback to call when the intersection changes
|
|
* @param disabled - Whether observation is disabled
|
|
* @returns The IntersectionObserver instance
|
|
* @example
|
|
* ```tsx
|
|
* const MyComponent = () => {
|
|
* const ref = React.useRef<HTMLDivElement>(null)
|
|
* useIntersectionObserver(
|
|
* ref,
|
|
* (entry) => { doSomething(entry) },
|
|
* false
|
|
* )
|
|
* return <div ref={ref} />
|
|
* ```
|
|
*/
|
|
function useIntersectionObserver(ref, callback, disabled) {
|
|
react.useEffect(() => {
|
|
if (!ref.current || disabled || typeof IntersectionObserver !== "function") return () => callback();
|
|
const observer = new IntersectionObserver((entries) => {
|
|
callback(entries.pop());
|
|
}, { rootMargin: "100px" });
|
|
observer.observe(ref.current);
|
|
return () => {
|
|
observer.disconnect();
|
|
callback();
|
|
};
|
|
}, [
|
|
callback,
|
|
disabled,
|
|
ref
|
|
]);
|
|
}
|
|
/**
|
|
* React hook to take a `React.ForwardedRef` and returns a `ref` that can be used on a DOM element.
|
|
*
|
|
* @param ref - The forwarded ref
|
|
* @returns The inner ref returned by `useRef`
|
|
* @example
|
|
* ```tsx
|
|
* const MyComponent = React.forwardRef((props, ref) => {
|
|
* const innerRef = useForwardedRef(ref)
|
|
* return <div ref={innerRef} />
|
|
* })
|
|
* ```
|
|
*/
|
|
function useForwardedRef(ref) {
|
|
const innerRef = react.useRef(null);
|
|
react.useImperativeHandle(ref, () => innerRef.current, []);
|
|
return innerRef;
|
|
}
|
|
//#endregion
|
|
exports.reactUse = reactUse;
|
|
exports.useForwardedRef = useForwardedRef;
|
|
exports.useIntersectionObserver = useIntersectionObserver;
|
|
exports.useLayoutEffect = useLayoutEffect;
|
|
|
|
//# sourceMappingURL=utils.cjs.map
|