@rpcbase/client 0.301.0 → 0.302.0

package/dist/RootProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RootProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,cAAY,iBAAiB,4CAUzD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RootProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,cAAY,iBAAiB,4CAQzD,CAAA"}

package/dist/hooks/useThrottledMeasure.d.ts

@@ -1,4 +1,4 @@
-export declare const useThrottledMeasure: (throttleDuration?: number) => (import('react-use/lib/useMeasure.js').UseMeasureRef<Element> | {
+type Rect = {
     x: number;
     y: number;
     width: number;
@@ -7,5 +7,7 @@ export declare const useThrottledMeasure: (throttleDuration?: number) => (import
     left: number;
     bottom: number;
     right: number;
-})[];
+};
+export declare const useThrottledMeasure: (throttleDuration?: number) => (Rect | ((el: HTMLElement | null) => void))[];
+export {};
 //# sourceMappingURL=useThrottledMeasure.d.ts.map

package/dist/hooks/useThrottledMeasure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottledMeasure.d.ts","sourceRoot":"","sources":["../../src/hooks/useThrottledMeasure.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,mBAAmB,GAAI,yBAAwC;;;;;;;;;IAsC3E,CAAA"}
+{"version":3,"file":"useThrottledMeasure.d.ts","sourceRoot":"","sources":["../../src/hooks/useThrottledMeasure.ts"],"names":[],"mappings":"AAKA,KAAK,IAAI,GAAG;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAA;AA+B3H,eAAO,MAAM,mBAAmB,GAAI,yBAAwC,mBAvB7C,WAAW,GAAG,IAAI,aA2DhD,CAAA"}

package/dist/index.js

@@ -1,10 +1,10 @@
 import env from "@rpcbase/env";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { StrictMode, useRef, useEffect, useCallback, useState, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StrictMode, useRef, useEffect, useCallback, useState, useLayoutEffect, useSyncExternalStore } from "react";
 import posthog from "posthog-js";
 import { createRoutesFromElements, createBrowserRouter, RouterProvider, useLocation, useRouteError, isRouteErrorResponse } from "@rpcbase/router";
 import { hydrateRoot } from "react-dom/client";
-import useMeasure from "react-use/lib/useMeasure.js";
+import { PostHogProvider } from "posthog-js/react/dist/esm/index.js";
 let apiClient;
 const initApiClient = async (args) => {
   if (env.SSR) {
@@ -125,7 +125,6 @@ const SsrErrorFallback = ({ state, renderErrorExtra }) => {
   ] }) });
 };
 const isProduction = env.MODE === "production";
-console.log("IS PRODUCTION CHECK SEE HERE:", env.MODE, globalThis.__rb_env__.MODE === "production", isProduction, env.MODE, env.DEV);
 const showErrorOverlay = (err) => {
   const ErrorOverlay = customElements.get("vite-error-overlay");
   if (!ErrorOverlay) {
@@ -918,7 +917,7 @@ function useApplyScroll() {
 }
 const RootProvider = ({ children }) => {
   useApplyScroll();
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(PostHogProvider, { client: posthog, children });
 };
 var isObject_1;
 var hasRequiredIsObject;
@@ -1529,14 +1528,31 @@ function createCustomEqual(options) {
   var equals = createCustomInternalComparator ? createCustomInternalComparator(comparator) : createInternalEqualityComparator(comparator);
   return createIsEqual({ circular, comparator, createState, equals, strict });
 }
-const useMeasureHook = useMeasure.default ?? useMeasure;
+const defaultRect = { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+const useLocalMeasure = () => {
+  const [node, setNode] = useState(null);
+  const ref = useCallback((el) => setNode(el), []);
+  const [rect, setRect] = useState(defaultRect);
+  useIsomorphicLayoutEffect(() => {
+    if (typeof window === "undefined" || typeof ResizeObserver === "undefined") return;
+    if (!node) return;
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (!entry?.contentRect) return;
+      const { x, y, width, height, top, left, bottom, right } = entry.contentRect;
+      setRect({ x, y, width, height, top, left, bottom, right });
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [node]);
+  return [ref, rect];
+};
 const DEFAULT_THROTTLE_TIME = 16;
 const useThrottledMeasure = (throttleDuration = DEFAULT_THROTTLE_TIME) => {
   const hasInitialMeasure = useRef(false);
-  const [ref, measuredRect] = useMeasureHook();
-  const [rect, setRect] = useState(() => {
-    return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, bottom: 0, right: 0 };
-  });
+  const [ref, measuredRect] = useLocalMeasure();
+  const [rect, setRect] = useState(() => defaultRect);
   const throttledSetRect = useCallback(
     _throttle(
       (newRect) => {

package/dist/initWithRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initWithRoutes.d.ts","sourceRoot":"","sources":["../src/initWithRoutes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAsB,wBAAwB,EAAiB,MAAM,iBAAiB,CAAA;AAK7F,OAAO,EAGL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAmCxB,KAAK,qBAAqB,GAAG;IAC3B,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAA;CAC9D,CAAA;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;AA8BnE,eAAO,MAAM,cAAc,GACzB,eAAe,aAAa,EAC5B,OAAO,qBAAqB,kBA+E7B,CAAA"}
+{"version":3,"file":"initWithRoutes.d.ts","sourceRoot":"","sources":["../src/initWithRoutes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAsB,wBAAwB,EAAiB,MAAM,iBAAiB,CAAA;AAK7F,OAAO,EAGL,oBAAoB,EACrB,MAAM,iBAAiB,CAAA;AAkCxB,KAAK,qBAAqB,GAAG;IAC3B,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAA;CAC9D,CAAA;AAED,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;AA8BnE,eAAO,MAAM,cAAc,GACzB,eAAe,aAAa,EAC5B,OAAO,qBAAqB,kBA+E7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/client",
-  "version": "0.301.0",
+  "version": "0.302.0",
   "type": "module",
   "files": [
     "dist"
@@ -57,8 +57,7 @@
     }
   },
   "peerDependencies": {
-    "axios": "^1.13",
-    "react-use": "17.6.0"
+    "axios": "^1.13"
   },
   "devDependencies": {
     "fast-equals": "5.2.2",