@granite-js/react-native 0.1.23-next.5 → 0.1.23-next.7

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @granite-js/react-native
 
+## 0.1.23-next.7
+
+### Patch Changes
+
+- fix
+- Updated dependencies
+  - @granite-js/plugin-core@0.1.23-next.7
+  - @granite-js/style-utils@0.1.23-next.7
+  - @granite-js/lottie@0.1.23-next.7
+  - @granite-js/native@0.1.23-next.7
+  - @granite-js/image@0.1.23-next.7
+  - @granite-js/mpack@0.1.23-next.7
+  - @granite-js/jest@0.1.23-next.7
+  - @granite-js/cli@0.1.23-next.7
+
+## 0.1.23-next.6
+
+### Patch Changes
+
+- test
+- Updated dependencies
+  - @granite-js/plugin-core@0.1.23-next.6
+  - @granite-js/style-utils@0.1.23-next.6
+  - @granite-js/lottie@0.1.23-next.6
+  - @granite-js/native@0.1.23-next.6
+  - @granite-js/image@0.1.23-next.6
+  - @granite-js/mpack@0.1.23-next.6
+  - @granite-js/jest@0.1.23-next.6
+  - @granite-js/cli@0.1.23-next.6
+
 ## 0.1.23-next.5
 
 ### Patch Changes

package/dist/async-bridges.d.mts

@@ -18,7 +18,7 @@
  * }
  * ```
  */
-declare function closeView(): Promise<void | undefined>;
+declare function closeView(): Promise<void>;
 
 /**
  * @public

package/dist/async-bridges.js

@@ -25,12 +25,9 @@ __export(async_bridges_exports, {
 });
 module.exports = __toCommonJS(async_bridges_exports);
 
-// src/native-modules/natives/GraniteModule.ts
-var import_react_native = require("react-native");
-var GraniteModule = import_react_native.TurboModuleRegistry.get("GraniteModule");
-if (!GraniteModule) {
-  console.warn("[GraniteModule] is not registered");
-}
+// src/native-modules/natives/GraniteModule.brick.ts
+var import_brick_module = require("brick-module");
+var GraniteModule = import_brick_module.BrickModule.get("GraniteModule");
 
 // src/native-modules/natives/closeView.ts
 async function closeView() {
@@ -38,9 +35,9 @@ async function closeView() {
 }
 
 // src/native-modules/natives/openURL.ts
-var import_react_native2 = require("react-native");
+var import_react_native = require("react-native");
 function openURL(url) {
-  return import_react_native2.Linking.openURL(url);
+  return import_react_native.Linking.openURL(url);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/async-bridges.mjs

@@ -1,6 +1,6 @@
 import {
   GraniteModule
-} from "./chunk-2PYPIQMA.mjs";
+} from "./chunk-OWDLSIVX.mjs";
 
 // src/native-modules/natives/closeView.ts
 async function closeView() {

package/dist/chunk-OWDLSIVX.mjs

@@ -0,0 +1,7 @@
+// src/native-modules/natives/GraniteModule.brick.ts
+import { BrickModule } from "brick-module";
+var GraniteModule = BrickModule.get("GraniteModule");
+
+export {
+  GraniteModule
+};

package/dist/constant-bridges.js

@@ -24,16 +24,13 @@ __export(constant_bridges_exports, {
 });
 module.exports = __toCommonJS(constant_bridges_exports);
 
-// src/native-modules/natives/GraniteModule.ts
-var import_react_native = require("react-native");
-var GraniteModule = import_react_native.TurboModuleRegistry.get("GraniteModule");
-if (!GraniteModule) {
-  console.warn("[GraniteModule] is not registered");
-}
+// src/native-modules/natives/GraniteModule.brick.ts
+var import_brick_module = require("brick-module");
+var GraniteModule = import_brick_module.BrickModule.get("GraniteModule");
 
 // src/native-modules/natives/getSchemeUri.ts
 function getSchemeUri() {
-  return GraniteModule?.schemeUri ?? "unknown";
+  return GraniteModule.schemeUri;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/constant-bridges.mjs

@@ -1,10 +1,10 @@
 import {
   GraniteModule
-} from "./chunk-2PYPIQMA.mjs";
+} from "./chunk-OWDLSIVX.mjs";
 
 // src/native-modules/natives/getSchemeUri.ts
 function getSchemeUri() {
-  return GraniteModule?.schemeUri ?? "unknown";
+  return GraniteModule.schemeUri;
 }
 export {
   getSchemeUri

package/dist/native-modules/natives/GraniteModule.brick.d.ts

@@ -0,0 +1,10 @@
+import { BrickModuleSpec } from 'brick-module';
+interface GraniteModuleSpec extends BrickModuleSpec {
+    readonly moduleName: 'GraniteModule';
+    closeView(): Promise<void>;
+    schemeUri: string;
+}
+export declare const GraniteModule: GraniteModuleSpec & {
+    addEventListener<TEvent = unknown>(eventName: never, listener: (event: TEvent) => void): () => void;
+};
+export {};

package/dist/native-modules/natives/closeView.d.ts

@@ -18,4 +18,4 @@
  * }
  * ```
  */
-export declare function closeView(): Promise<void | undefined>;
+export declare function closeView(): Promise<void>;

package/dist/router/components/CanGoBackGuard.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
-export declare function CanGoBackGuard({ children, canGoBack, onBack, setIosSwipeGestureEnabled, }: {
+export declare function CanGoBackGuard({ children, canGoBack, onBack, isInitialScreen, setIosSwipeGestureEnabled, }: {
     canGoBack: boolean;
+    isInitialScreen: boolean;
     children: ReactNode;
     onBack?: () => void;
     setIosSwipeGestureEnabled?: ({ isEnabled }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/react-native",
-  "version": "0.1.23-next.5",
+  "version": "0.1.23-next.7",
   "description": "The Granite Framework",
   "bin": {
     "granite": "./bin/cli.js"
@@ -86,7 +86,7 @@
     "@babel/core": "^7.24.9",
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-typescript": "^7.24.7",
-    "@granite-js/native": "0.1.23-next.5",
+    "@granite-js/native": "0.1.23-next.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
     "@types/babel__core": "^7",
@@ -94,6 +94,7 @@
     "@types/node": "^22.10.2",
     "@types/react": "npm:19.1.0",
     "@vitest/coverage-v8": "^2.1.8",
+    "brick-module": "^0.1.12",
     "esbuild": "0.25.9",
     "eslint": "^9.7.0",
     "jsdom": "^25.0.1",
@@ -104,19 +105,20 @@
     "vitest": "^2.1.8"
   },
   "peerDependencies": {
-    "@granite-js/native": "0.1.23-next.5",
+    "@granite-js/native": "0.1.23-next.7",
     "@types/react": "*",
+    "brick-module": "*",
     "react": "*",
     "react-native": "*"
   },
   "dependencies": {
-    "@granite-js/cli": "0.1.23-next.5",
-    "@granite-js/image": "0.1.23-next.5",
-    "@granite-js/jest": "0.1.23-next.5",
-    "@granite-js/lottie": "0.1.23-next.5",
-    "@granite-js/mpack": "0.1.23-next.5",
-    "@granite-js/plugin-core": "0.1.23-next.5",
-    "@granite-js/style-utils": "0.1.23-next.5",
+    "@granite-js/cli": "0.1.23-next.7",
+    "@granite-js/image": "0.1.23-next.7",
+    "@granite-js/jest": "0.1.23-next.7",
+    "@granite-js/lottie": "0.1.23-next.7",
+    "@granite-js/mpack": "0.1.23-next.7",
+    "@granite-js/plugin-core": "0.1.23-next.7",
+    "@granite-js/style-utils": "0.1.23-next.7",
     "es-toolkit": "^1.39.8",
     "react-native-url-polyfill": "1.3.0"
   }

package/src/native-modules/natives/GraniteModule.brick.ts

@@ -0,0 +1,10 @@
+import { BrickModule, BrickModuleSpec } from 'brick-module';
+
+interface GraniteModuleSpec extends BrickModuleSpec {
+  readonly moduleName: 'GraniteModule';
+
+  closeView(): Promise<void>;
+  schemeUri: string;
+}
+
+export const GraniteModule = BrickModule.get<GraniteModuleSpec>('GraniteModule');

package/src/native-modules/natives/closeView.ts

@@ -1,4 +1,4 @@
-import { GraniteModule } from './GraniteModule';
+import { GraniteModule } from './GraniteModule.brick';
 
 /**
  * @public

package/src/native-modules/natives/getSchemeUri.ts

@@ -1,4 +1,4 @@
-import { GraniteModule } from './GraniteModule';
+import { GraniteModule } from './GraniteModule.brick';
 
 /**
  * @public
@@ -23,5 +23,5 @@ import { GraniteModule } from './GraniteModule';
  * ```
  */
 export function getSchemeUri() {
-  return GraniteModule?.schemeUri ?? 'unknown';
+  return GraniteModule.schemeUri;
 }

package/src/router/Router.tsx

@@ -7,7 +7,7 @@ import {
   RouteProp,
 } from '@granite-js/native/@react-navigation/native';
 import { NativeStackNavigationOptions } from '@granite-js/native/@react-navigation/native-stack';
-import { ComponentProps, ComponentType, Fragment, PropsWithChildren, ReactElement, useCallback } from 'react';
+import { ComponentProps, ComponentType, Fragment, PropsWithChildren, ReactElement, useCallback, useState } from 'react';
 import { InitialProps } from '..';
 import { closeView } from '../native-modules';
 import { BackButton } from './components/BackButton';
@@ -163,9 +163,23 @@ export function Router({
     [canGoBack, defaultScreenOption, headerLeft]
   );
 
+  const [isInitialScreen, setIsInitialScreen] = useState(true);
+
   return (
-    <NavigationContainer ref={navigationRef} {...navigationContainerProps} linking={linkingOptions}>
-      <CanGoBackGuard canGoBack={canGoBack} onBack={onBack} setIosSwipeGestureEnabled={setIosSwipeGestureEnabled}>
+    <NavigationContainer
+      onStateChange={(state) => {
+        setIsInitialScreen(state ? state?.index === 0 : true);
+      }}
+      ref={navigationRef}
+      {...navigationContainerProps}
+      linking={linkingOptions}
+    >
+      <CanGoBackGuard
+        canGoBack={canGoBack}
+        isInitialScreen={isInitialScreen}
+        onBack={onBack}
+        setIosSwipeGestureEnabled={setIosSwipeGestureEnabled}
+      >
         <Container {...initialProps}>
           <StackNavigator.Navigator initialRouteName={initialRouteName} screenOptions={screenOptions}>
             {Screens}

package/src/router/components/CanGoBackGuard.tsx

@@ -1,20 +1,19 @@
 import { ReactNode, useEffect } from 'react';
 import { BackHandler } from 'react-native';
-import { useIsInitialScreen } from '../hooks/useIsInitialScreen';
 
 export function CanGoBackGuard({
   children,
   canGoBack,
   onBack,
+  isInitialScreen,
   setIosSwipeGestureEnabled,
 }: {
   canGoBack: boolean;
+  isInitialScreen: boolean;
   children: ReactNode;
   onBack?: () => void;
   setIosSwipeGestureEnabled?: ({ isEnabled }: { isEnabled: boolean }) => void;
 }) {
-  const isInitialScreen = useIsInitialScreen();
-
   const shouldBlockGoingBack = !canGoBack;
 
   useEffect(() => {

package/src/native-modules/natives/GraniteModule.ts

@@ -1,11 +0,0 @@
-import { TurboModule, TurboModuleRegistry } from 'react-native';
-
-interface GraniteModuleSpec extends TurboModule {
-  closeView: () => void;
-  schemeUri: string;
-}
-
-export const GraniteModule = TurboModuleRegistry.get<GraniteModuleSpec>('GraniteModule');
-if (!GraniteModule) {
-  console.warn('[GraniteModule] is not registered');
-}