@granite-js/react-native 0.1.13 → 0.1.14

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @granite-js/react-native
 
+## 0.1.14
+
+### Patch Changes
+
+- 0520d19: Fix type error
+- a06bb7d: Remove useWaitForReturnNavigator
+- 6d38bc5: Clarify error message for missing \_404 Page
+  - @granite-js/cli@0.1.14
+  - @granite-js/image@0.1.14
+  - @granite-js/jest@0.1.14
+  - @granite-js/lottie@0.1.14
+  - @granite-js/mpack@0.1.14
+  - @granite-js/native@0.1.14
+  - @granite-js/plugin-core@0.1.14
+  - @granite-js/style-utils@0.1.14
+
 ## 0.1.13
 
 ### Patch Changes

package/dist/index.d.ts

@@ -11,7 +11,6 @@ export * from './keyboard';
 export * from './intersection-observer';
 export * from './impression-area';
 export * from './scroll-view-inertial-background';
-export * from './react';
 export * from './router/createRoute';
 export * from './event';
 export * from './video';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/react-native",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "The Granite Framework",
   "bin": {
     "granite": "./bin/cli.js"
@@ -74,7 +74,7 @@
     "@babel/core": "^7.24.9",
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-typescript": "^7.24.7",
-    "@granite-js/native": "0.1.13",
+    "@granite-js/native": "0.1.14",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
     "@types/babel__core": "^7",
@@ -100,13 +100,13 @@
     "react-native": "*"
   },
   "dependencies": {
-    "@granite-js/cli": "0.1.13",
-    "@granite-js/image": "0.1.13",
-    "@granite-js/jest": "0.1.13",
-    "@granite-js/lottie": "0.1.13",
-    "@granite-js/mpack": "0.1.13",
-    "@granite-js/plugin-core": "0.1.13",
-    "@granite-js/style-utils": "0.1.13",
+    "@granite-js/cli": "0.1.14",
+    "@granite-js/image": "0.1.14",
+    "@granite-js/jest": "0.1.14",
+    "@granite-js/lottie": "0.1.14",
+    "@granite-js/mpack": "0.1.14",
+    "@granite-js/plugin-core": "0.1.14",
+    "@granite-js/style-utils": "0.1.14",
     "es-toolkit": "^1.39.8",
     "react-native-url-polyfill": "1.3.0"
   }

package/src/index.ts

@@ -13,7 +13,6 @@ export * from './keyboard';
 export * from './intersection-observer';
 export * from './impression-area';
 export * from './scroll-view-inertial-background';
-export * from './react';
 export * from './router/createRoute';
 export * from './event';
 export * from './video';

package/src/router/utils/screen.tsx

@@ -72,6 +72,12 @@ export function getScreenPathMapConfig(routeScreens: RouteScreen[]) {
     path: '',
   };
 
+  const notFoundPage = routeScreens.find((screen) => screen.path === '/_404');
+
+  if (notFoundPage == null) {
+    throw new Error('404 page not found. Please create a `_404.ts` or `_404.tsx` file in the `pages/*` folder.');
+  }
+
   // https://reactnavigation.org/docs/configuring-links/#handling-unmatched-routes-or-404
   screensConfig['/_404'] = {
     path: '*',

package/dist/react/index.d.ts

@@ -1 +0,0 @@
-export { useWaitForReturnNavigator } from './useWaitForReturnNavigator';

package/dist/react/useWaitForReturnNavigator.d.ts

@@ -1,39 +0,0 @@
-/**
- * @public
- * @category Screen Control
- * @name useWaitForReturnNavigator
- * @description
- * A Hook that helps execute the next code synchronously when returning from a screen transition.
- * Screen navigation uses [@react-navigation/native `useNavigation`'s `navigate`](https://reactnavigation.org/docs/6.x/navigation-prop#navigate).
- *
- * For example, it can be used when you want to log that a user has navigated to another screen and returned.
- *
- * @example
- * ### Example of code execution when returning from screen navigation
- *
- * When the **"Navigate"** button is pressed, it navigates to another screen, and logs are created when returning.
- *
- * ```tsx
- * import { Button } from 'react-native';
- * import { useWaitForReturnNavigator } from '@granite-js/react-native';
- *
- * export function UseWaitForReturnNavigator() {
- *   const navigate = useWaitForReturnNavigator();
- *
- *   return (
- *     <>
- *       <Button
- *         title="Navigate"
- *         onPress={async () => {
- *           console.log(1);
- *           await navigate('/examples/use-visibility');
- *           // This code executes when returning to the screen
- *           console.log(2);
- *         }}
- *       />
- *     </>
- *   );
- * }
- * ```
- */
-export declare function useWaitForReturnNavigator<T extends Record<string, object | undefined>>(): <RouteName extends keyof T>(route: RouteName, params?: T[RouteName]) => Promise<void>;

package/src/react/index.ts

@@ -1 +0,0 @@
-export { useWaitForReturnNavigator } from './useWaitForReturnNavigator';

package/src/react/useWaitForReturnNavigator.ts

@@ -1,75 +0,0 @@
-import { useNavigation } from '@granite-js/native/@react-navigation/native';
-import { NativeStackNavigationProp } from '@granite-js/native/@react-navigation/native-stack';
-import { useCallback, useRef } from 'react';
-import { useVisibilityChange, type VisibilityState } from '../visibility';
-
-/**
- * @public
- * @category Screen Control
- * @name useWaitForReturnNavigator
- * @description
- * A Hook that helps execute the next code synchronously when returning from a screen transition.
- * Screen navigation uses [@react-navigation/native `useNavigation`'s `navigate`](https://reactnavigation.org/docs/6.x/navigation-prop#navigate).
- *
- * For example, it can be used when you want to log that a user has navigated to another screen and returned.
- *
- * @example
- * ### Example of code execution when returning from screen navigation
- *
- * When the **"Navigate"** button is pressed, it navigates to another screen, and logs are created when returning.
- *
- * ```tsx
- * import { Button } from 'react-native';
- * import { useWaitForReturnNavigator } from '@granite-js/react-native';
- *
- * export function UseWaitForReturnNavigator() {
- *   const navigate = useWaitForReturnNavigator();
- *
- *   return (
- *     <>
- *       <Button
- *         title="Navigate"
- *         onPress={async () => {
- *           console.log(1);
- *           await navigate('/examples/use-visibility');
- *           // This code executes when returning to the screen
- *           console.log(2);
- *         }}
- *       />
- *     </>
- *   );
- * }
- * ```
- */
-
-export function useWaitForReturnNavigator<T extends Record<string, object | undefined>>() {
-  const callbacks = useRef<Array<() => void>>([]).current;
-  const navigation = useNavigation<NativeStackNavigationProp<T>>();
-
-  const startNavigating = useCallback(
-    <RouteName extends keyof T>(route: RouteName, params?: T[RouteName]): Promise<void> => {
-      return new Promise<void>((resolve) => {
-        callbacks.push(resolve);
-        navigation.navigate(route as any, params as any);
-      });
-    },
-    [callbacks, navigation]
-  );
-
-  const handleVisibilityChange = useCallback(
-    (state: VisibilityState) => {
-      if (state === 'visible' && callbacks.length > 0) {
-        for (const callback of callbacks) {
-          callback();
-        }
-
-        callbacks.splice(0, callbacks.length);
-      }
-    },
-    [callbacks]
-  );
-
-  useVisibilityChange(handleVisibilityChange);
-
-  return startNavigating;
-}