@granite-js/react-native 1.0.37 → 1.0.39

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @granite-js/react-native
 
+## 1.0.39
+
+### Patch Changes
+
+- Updated dependencies [c790dbf]
+  - @granite-js/mpack@1.0.39
+  - @granite-js/cli@1.0.39
+  - @granite-js/blur-view@1.0.39
+  - @granite-js/brownfield-module@1.0.39
+  - @granite-js/jest@1.0.39
+  - @granite-js/native@1.0.39
+  - @granite-js/plugin-core@1.0.39
+  - @granite-js/style-utils@1.0.39
+  - @granite-js/video@1.0.39
+
+## 1.0.38
+
+### Patch Changes
+
+- 757fa25: Deprecate `useBackEvent` in favor of `useBackHandler`. Handlers registered through `useBackHandler` receive a `BackEvent` object and can conditionally consume the back action by returning `true`. `useBackEvent` still works, but will be removed in a future release.
+  - @granite-js/blur-view@1.0.38
+  - @granite-js/brownfield-module@1.0.38
+  - @granite-js/cli@1.0.38
+  - @granite-js/jest@1.0.38
+  - @granite-js/mpack@1.0.38
+  - @granite-js/native@1.0.38
+  - @granite-js/plugin-core@1.0.38
+  - @granite-js/style-utils@1.0.38
+  - @granite-js/video@1.0.38
+
 ## 1.0.37
 
 ### Patch Changes

package/dist/use-back-event/useBackEvent.d.ts

@@ -63,6 +63,11 @@ export declare function BackEventProvider({ children }: {
  */
 export declare function useBackEventState(): PrivateBackEventControls;
 /**
+ * @deprecated Use `useBackHandler` instead. This will be removed in a future release.
+ * Handlers registered through `useBackHandler` receive a `BackEvent` object and can conditionally
+ * consume the back action by returning `true`. To keep the behavior of `useBackEvent`
+ * (always blocking default back navigation while registered), return `true` from the handler.
+ *
  * @public
  * @category Screen Control
  * @name useBackEvent

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/react-native",
-  "version": "1.0.37",
+  "version": "1.0.39",
   "description": "The Granite Framework",
   "bin": {
     "granite": "./bin/cli.js"
@@ -91,8 +91,8 @@
     "@babel/core": "7.28.5",
     "@babel/preset-env": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
-    "@granite-js/native": "1.0.37",
-    "@granite-js/vitest": "1.0.37",
+    "@granite-js/native": "1.0.39",
+    "@granite-js/vitest": "1.0.39",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
     "@types/babel__core": "^7",
@@ -114,21 +114,21 @@
     "zod": "^4.1.12"
   },
   "peerDependencies": {
-    "@granite-js/native": "1.0.37",
+    "@granite-js/native": "1.0.39",
     "@types/react": "*",
     "brick-module": "*",
     "react": "*",
     "react-native": "*"
   },
   "dependencies": {
-    "@granite-js/blur-view": "1.0.37",
-    "@granite-js/brownfield-module": "1.0.37",
-    "@granite-js/cli": "1.0.37",
-    "@granite-js/jest": "1.0.37",
-    "@granite-js/mpack": "1.0.37",
-    "@granite-js/plugin-core": "1.0.37",
-    "@granite-js/style-utils": "1.0.37",
-    "@granite-js/video": "1.0.37",
+    "@granite-js/blur-view": "1.0.39",
+    "@granite-js/brownfield-module": "1.0.39",
+    "@granite-js/cli": "1.0.39",
+    "@granite-js/jest": "1.0.39",
+    "@granite-js/mpack": "1.0.39",
+    "@granite-js/plugin-core": "1.0.39",
+    "@granite-js/style-utils": "1.0.39",
+    "@granite-js/video": "1.0.39",
     "@standard-schema/spec": "^1.0.0",
     "es-toolkit": "^1.39.8",
     "react-native-url-polyfill": "3.0.0"

package/src/router/components/CanGoBackGuard.spec.tsx

@@ -1,14 +1,24 @@
 import { render } from '@testing-library/react';
-import { BackHandler } from 'react-native';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { BackHandler, Platform } from 'react-native';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { CanGoBackGuard } from './CanGoBackGuard';
 
+function mockPlatformOS(os: typeof Platform.OS) {
+  vi.spyOn(Platform, 'OS', 'get').mockReturnValue(os);
+}
+
 describe('CanGoBackGuard', () => {
   beforeEach(() => {
     vi.mocked(BackHandler.addEventListener).mockClear();
   });
 
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
   it('passes Android hardware back events to onBack and consumes the native event', () => {
+    mockPlatformOS('android');
+
     const onBack = vi.fn();
 
     render(
@@ -25,6 +35,8 @@ describe('CanGoBackGuard', () => {
   });
 
   it('does not register Android hardware back when no back event exists', () => {
+    mockPlatformOS('android');
+
     const onBack = vi.fn();
 
     render(
@@ -37,6 +49,8 @@ describe('CanGoBackGuard', () => {
   });
 
   it('registers the iOS swipe back handler while back events exist', () => {
+    mockPlatformOS('ios');
+
     const onBack = vi.fn();
     const setiOSBackPressHandler = vi.fn();
 
@@ -63,6 +77,8 @@ describe('CanGoBackGuard', () => {
   });
 
   it('disables iOS swipe when the current state should block default back navigation', () => {
+    mockPlatformOS('ios');
+
     const setIosSwipeGestureEnabled = vi.fn();
 
     const { unmount } = render(

package/src/router/components/CanGoBackGuard.tsx

@@ -1,5 +1,5 @@
 import { ReactNode, useEffect } from 'react';
-import { BackHandler } from 'react-native';
+import { BackHandler, Platform } from 'react-native';
 import type { BackEvent } from '../../use-back-event';
 
 type SetIosSwipeGestureEnabled = ({ isEnabled }: { isEnabled: boolean }) => Promise<void> | void;
@@ -23,6 +23,10 @@ export function CanGoBackGuard({
   setiOSBackPressHandler?: SetIOSBackPressHandler;
 }) {
   useEffect(() => {
+    if (Platform.OS !== 'ios') {
+      return;
+    }
+
     if (!isInitialScreen || !canGoBack) {
       setIosSwipeGestureEnabled?.({ isEnabled: false });
 
@@ -35,6 +39,10 @@ export function CanGoBackGuard({
   }, [canGoBack, isInitialScreen, setIosSwipeGestureEnabled]);
 
   useEffect(() => {
+    if (Platform.OS !== 'android') {
+      return;
+    }
+
     if (!hasBackEvent) {
       return;
     }
@@ -51,6 +59,10 @@ export function CanGoBackGuard({
   }, [hasBackEvent, onBack]);
 
   useEffect(() => {
+    if (Platform.OS !== 'ios') {
+      return;
+    }
+
     if (!hasBackEvent || setiOSBackPressHandler == null) {
       return;
     }

package/src/use-back-event/useBackEvent.tsx

@@ -218,6 +218,11 @@ export function useBackEventState() {
 }
 
 /**
+ * @deprecated Use `useBackHandler` instead. This will be removed in a future release.
+ * Handlers registered through `useBackHandler` receive a `BackEvent` object and can conditionally
+ * consume the back action by returning `true`. To keep the behavior of `useBackEvent`
+ * (always blocking default back navigation while registered), return `true` from the handler.
+ *
  * @public
  * @category Screen Control
  * @name useBackEvent