@alien_org/react 0.2.1 → 0.2.2

package/dist/index.cjs

@@ -4,6 +4,7 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/context.tsx
+const useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
 const AlienContext = (0, react.createContext)(null);
 /**
 * Provider component that initializes the Alien miniapp context.
@@ -29,18 +30,23 @@ function AlienProvider({ children, autoReady = true }) {
 		readySent.current = true;
 		if ((0, _alien_org_bridge.isBridgeAvailable)()) (0, _alien_org_bridge.send)("app:ready", {});
 	}, []);
-	const value = (0, react.useMemo)(() => {
+	const [value, setValue] = (0, react.useState)(() => ({
+		authToken: void 0,
+		contractVersion: void 0,
+		isBridgeAvailable: false,
+		ready
+	}));
+	useIsomorphicLayoutEffect$1(() => {
 		const launchParams = (0, _alien_org_bridge.getLaunchParams)();
-		return {
+		const bridgeAvailable = (0, _alien_org_bridge.isBridgeAvailable)();
+		setValue({
 			authToken: launchParams?.authToken,
 			contractVersion: launchParams?.contractVersion,
-			isBridgeAvailable: (0, _alien_org_bridge.isBridgeAvailable)(),
+			isBridgeAvailable: bridgeAvailable,
 			ready
-		};
+		});
+		if (!bridgeAvailable) console.warn("[@alien_org/react] Bridge is not available. Running in dev mode? The SDK will handle errors gracefully, but bridge communication will not work.");
 	}, [ready]);
-	(0, react.useEffect)(() => {
-		if (!value.isBridgeAvailable) console.warn("[@alien_org/react] Bridge is not available. Running in dev mode? The SDK will handle errors gracefully, but bridge communication will not work.");
-	}, [value.isBridgeAvailable]);
 	(0, react.useEffect)(() => {
 		if (autoReady) ready();
 	}, [autoReady, ready]);
@@ -259,6 +265,7 @@ function useIsMethodSupported(method) {
 
 //#endregion
 //#region src/hooks/useLaunchParams.ts
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
 /**
 * Hook to get launch params.
 * Returns undefined if params unavailable (use mockLaunchParamsForDev in dev).
@@ -279,7 +286,11 @@ function useIsMethodSupported(method) {
 * ```
 */
 function useLaunchParams() {
-	return (0, react.useMemo)(() => (0, _alien_org_bridge.getLaunchParams)(), []);
+	const [params, setParams] = (0, react.useState)(void 0);
+	useIsomorphicLayoutEffect(() => {
+		setParams((0, _alien_org_bridge.getLaunchParams)());
+	}, []);
+	return params;
 }
 
 //#endregion

package/dist/index.mjs

@@ -1,9 +1,10 @@
 import { BridgeError, BridgeTimeoutError, BridgeUnavailableError, BridgeWindowUnavailableError, getLaunchParams, isBridgeAvailable, on, request, send, send as send$1 } from "@alien_org/bridge";
 import { getMethodMinVersion, getMethodMinVersion as getMethodMinVersion$1, isMethodSupported, isMethodSupported as isMethodSupported$1 } from "@alien_org/contract";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/context.tsx
+const useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 const AlienContext = createContext(null);
 /**
 * Provider component that initializes the Alien miniapp context.
@@ -29,18 +30,23 @@ function AlienProvider({ children, autoReady = true }) {
 		readySent.current = true;
 		if (isBridgeAvailable()) send$1("app:ready", {});
 	}, []);
-	const value = useMemo(() => {
+	const [value, setValue] = useState(() => ({
+		authToken: void 0,
+		contractVersion: void 0,
+		isBridgeAvailable: false,
+		ready
+	}));
+	useIsomorphicLayoutEffect$1(() => {
 		const launchParams = getLaunchParams();
-		return {
+		const bridgeAvailable = isBridgeAvailable();
+		setValue({
 			authToken: launchParams?.authToken,
 			contractVersion: launchParams?.contractVersion,
-			isBridgeAvailable: isBridgeAvailable(),
+			isBridgeAvailable: bridgeAvailable,
 			ready
-		};
+		});
+		if (!bridgeAvailable) console.warn("[@alien_org/react] Bridge is not available. Running in dev mode? The SDK will handle errors gracefully, but bridge communication will not work.");
 	}, [ready]);
-	useEffect(() => {
-		if (!value.isBridgeAvailable) console.warn("[@alien_org/react] Bridge is not available. Running in dev mode? The SDK will handle errors gracefully, but bridge communication will not work.");
-	}, [value.isBridgeAvailable]);
 	useEffect(() => {
 		if (autoReady) ready();
 	}, [autoReady, ready]);
@@ -259,6 +265,7 @@ function useIsMethodSupported(method) {
 
 //#endregion
 //#region src/hooks/useLaunchParams.ts
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 /**
 * Hook to get launch params.
 * Returns undefined if params unavailable (use mockLaunchParamsForDev in dev).
@@ -279,7 +286,11 @@ function useIsMethodSupported(method) {
 * ```
 */
 function useLaunchParams() {
-	return useMemo(() => getLaunchParams(), []);
+	const [params, setParams] = useState(void 0);
+	useIsomorphicLayoutEffect(() => {
+		setParams(getLaunchParams());
+	}, []);
+	return params;
 }
 
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alien_org/react",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",