@granite-js/react-native 0.1.19 → 0.1.21

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @granite-js/react-native
 
+## 0.1.21
+
+### Patch Changes
+
+- 1a15a19: Add setIosSwipeGestureEnabled
+  - @granite-js/cli@0.1.21
+  - @granite-js/image@0.1.21
+  - @granite-js/jest@0.1.21
+  - @granite-js/lottie@0.1.21
+  - @granite-js/mpack@0.1.21
+  - @granite-js/native@0.1.21
+  - @granite-js/plugin-core@0.1.21
+  - @granite-js/style-utils@0.1.21
+
+## 0.1.20
+
+### Patch Changes
+
+- 1df5883: update package.json meta to supports any moduleResolutions
+- Updated dependencies [1df5883]
+- Updated dependencies [a93bf1e]
+  - @granite-js/native@0.1.20
+  - @granite-js/image@0.1.20
+  - @granite-js/mpack@0.1.20
+  - @granite-js/jest@0.1.20
+  - @granite-js/lottie@0.1.20
+  - @granite-js/style-utils@0.1.20
+  - @granite-js/cli@0.1.20
+  - @granite-js/plugin-core@0.1.20
+
 ## 0.1.19
 
 ### Patch Changes

package/async-bridges.d.ts

@@ -0,0 +1 @@
+export * from './dist/async-bridges';

package/constant-bridges.d.ts

@@ -0,0 +1 @@
+export * from './dist/constant-bridges';

package/dist/app/AppRoot.d.ts

@@ -1 +1 @@
-export declare function AppRoot({ appName, context, container: Container, initialProps, initialScheme, router }: AppRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppRoot({ appName, context, container: Container, initialProps, initialScheme, router, setIosSwipeGestureEnabled, }: AppRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/app/Granite.d.ts

@@ -24,6 +24,13 @@ export interface GraniteProps {
      * The initial scheme of the app.
      */
     initialScheme?: string;
+    /**
+     * @description
+     * The function to set the iOS swipe gesture enabled.
+     */
+    setIosSwipeGestureEnabled?: ({ isEnabled }: {
+        isEnabled: boolean;
+    }) => void;
 }
 /**
  * @public
@@ -60,7 +67,7 @@ export interface GraniteProps {
  * ```
  */
 export declare const Granite: {
-    registerApp(AppContainer: ComponentType<PropsWithChildren<InitialProps>>, { appName, context, router, initialScheme }: GraniteProps): (initialProps: InitialProps) => JSX.Element;
+    registerApp(AppContainer: ComponentType<PropsWithChildren<InitialProps>>, { appName, context, router, initialScheme, setIosSwipeGestureEnabled }: GraniteProps): (initialProps: InitialProps) => JSX.Element;
     registerHostApp(AppContainer: ComponentType<PropsWithChildren<InitialProps>>, { appName }: Pick<GraniteProps, "appName">): (initialProps: InitialProps) => JSX.Element;
     readonly appName: string;
 };

package/dist/async-bridges.d.mts

@@ -0,0 +1,60 @@
+/**
+ * @public
+ * @category Screen Control
+ * @kind function
+ * @name closeView
+ * @description Function that closes the current screen. It can be used when you want to exit a service by pressing a "Close" button.
+ * @returns {Promise<void>}
+ *
+ * @example
+ * ### Close screen with close button
+ *
+ * ```tsx
+ * import { Button } from 'react-native';
+ * import { closeView } from '@granite-js/react-native';
+ *
+ * function CloseButton() {
+ *  return <Button title="Close" onPress={closeView} />;
+ * }
+ * ```
+ */
+declare function closeView(): Promise<void>;
+
+/**
+ * @public
+ * @kind function
+ * @category Screen Navigation
+ *
+ * @name openURL
+ * @signature
+ * ```typescript
+ * function openURL(url: string): Promise<any>;
+ * ```
+ *
+ * @description
+ * Opens the specified URL in the device's default browser or related app.
+ * This function uses the [`Linking.openURL`](https://reactnative.dev/docs/0.72/linking#openurl) method from `react-native` to open the URL.
+ *
+ * @param {string} url URL address to open
+ * @returns {Promise<any>} Promise that resolves when the URL is successfully opened
+ *
+ * @example
+ *
+ * ### Open external URL
+ *
+ * ```tsx
+ * import { openURL } from '@granite-js/react-native';
+ * import { Button } from 'react-native';
+ *
+ * function Page() {
+ *   const handlePress = () => {
+ *     openURL('https://google.com');
+ *   };
+ *
+ *   return <Button title="Open Google Website" onPress={handlePress} />;
+ * }
+ * ```
+ */
+declare function openURL(url: string): Promise<any>;
+
+export { closeView, openURL };

package/dist/async-bridges.js

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/async-bridges.ts
+var async_bridges_exports = {};
+__export(async_bridges_exports, {
+  closeView: () => closeView,
+  openURL: () => openURL
+});
+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.getEnforcing("GraniteModule");
+
+// src/native-modules/natives/closeView.ts
+async function closeView() {
+  return GraniteModule.closeView();
+}
+
+// src/native-modules/natives/openURL.ts
+var import_react_native2 = require("react-native");
+function openURL(url) {
+  return import_react_native2.Linking.openURL(url);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  closeView,
+  openURL
+});

package/dist/async-bridges.mjs

@@ -0,0 +1,18 @@
+import {
+  GraniteModule
+} from "./chunk-A3JGM5OI.mjs";
+
+// src/native-modules/natives/closeView.ts
+async function closeView() {
+  return GraniteModule.closeView();
+}
+
+// src/native-modules/natives/openURL.ts
+import { Linking } from "react-native";
+function openURL(url) {
+  return Linking.openURL(url);
+}
+export {
+  closeView,
+  openURL
+};

package/dist/chunk-A3JGM5OI.mjs

@@ -0,0 +1,7 @@
+// src/native-modules/natives/GraniteModule.ts
+import { TurboModuleRegistry } from "react-native";
+var GraniteModule = TurboModuleRegistry.getEnforcing("GraniteModule");
+
+export {
+  GraniteModule
+};

package/dist/constant-bridges.d.mts

@@ -0,0 +1,25 @@
+/**
+ * @public
+ * @name getSchemeUri
+ * @category Environment Check
+ * @kind function
+ * @description Returns the scheme value when first entering the screen. URI changes due to page navigation are not reflected.
+ * @returns {string} Returns the scheme value when first entering the screen.
+ *
+ * @example
+ * ### Get initial scheme value
+ *
+ * ```tsx
+ * import { getSchemeUri } from '@granite-js/react-native';
+ * import { Text } from 'react-native';
+ *
+ * function MyPage() {
+ *  const schemeUri = getSchemeUri();
+ *
+ *  return <Text>Initial scheme value: {schemeUri}</Text>
+ * }
+ * ```
+ */
+declare function getSchemeUri(): string;
+
+export { getSchemeUri };

package/dist/constant-bridges.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/constant-bridges.ts
+var constant_bridges_exports = {};
+__export(constant_bridges_exports, {
+  getSchemeUri: () => getSchemeUri
+});
+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.getEnforcing("GraniteModule");
+
+// src/native-modules/natives/getSchemeUri.ts
+function getSchemeUri() {
+  return GraniteModule.schemeUri;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSchemeUri
+});

package/dist/constant-bridges.mjs

@@ -0,0 +1,11 @@
+import {
+  GraniteModule
+} from "./chunk-A3JGM5OI.mjs";
+
+// src/native-modules/natives/getSchemeUri.ts
+function getSchemeUri() {
+  return GraniteModule.schemeUri;
+}
+export {
+  getSchemeUri
+};

package/dist/router/Router.d.ts

@@ -55,5 +55,5 @@ type NavigationContainerProps = Pick<ComponentProps<typeof NavigationContainer>,
  * }
  * ```
  */
-export declare function Router({ prefix, context, container: Container, initialProps, initialScheme, navigationContainerRef, defaultScreenOption, screenContainer, ...navigationContainerProps }: InternalRouterProps & RouterProps): ReactElement;
+export declare function Router({ prefix, context, container: Container, initialProps, initialScheme, navigationContainerRef, defaultScreenOption, screenContainer, setIosSwipeGestureEnabled, ...navigationContainerProps }: InternalRouterProps & RouterProps): ReactElement;
 export {};

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

@@ -1,6 +1,9 @@
 import { ReactNode } from 'react';
-export declare function CanGoBackGuard({ children, canGoBack, onBack, }: {
+export declare function CanGoBackGuard({ children, canGoBack, onBack, setIosSwipeGestureEnabled, }: {
     canGoBack: boolean;
     children: ReactNode;
     onBack?: () => void;
+    setIosSwipeGestureEnabled?: ({ isEnabled }: {
+        isEnabled: boolean;
+    }) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/react-native",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "The Granite Framework",
   "bin": {
     "granite": "./bin/cli.js"
@@ -20,12 +20,24 @@
       "default": "./src/index.ts"
     },
     "./async-bridges": {
-      "types": "./src/async-bridges.ts",
-      "default": "./src/async-bridges.ts"
+      "import": {
+        "types": "./dist/async-bridges.d.mts",
+        "default": "./dist/async-bridges.mjs"
+      },
+      "require": {
+        "types": "./dist/async-bridges.d.ts",
+        "default": "./dist/async-bridges.js"
+      }
     },
     "./constant-bridges": {
-      "types": "./src/constant-bridges.ts",
-      "default": "./src/constant-bridges.ts"
+      "import": {
+        "types": "./dist/constant-bridges.d.mts",
+        "default": "./dist/constant-bridges.mjs"
+      },
+      "require": {
+        "types": "./dist/constant-bridges.d.ts",
+        "default": "./dist/constant-bridges.js"
+      }
     },
     "./config": {
       "import": {
@@ -74,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.19",
+    "@granite-js/native": "0.1.21",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
     "@types/babel__core": "^7",
@@ -100,13 +112,13 @@
     "react-native": "*"
   },
   "dependencies": {
-    "@granite-js/cli": "0.1.19",
-    "@granite-js/image": "0.1.19",
-    "@granite-js/jest": "0.1.19",
-    "@granite-js/lottie": "0.1.19",
-    "@granite-js/mpack": "0.1.19",
-    "@granite-js/plugin-core": "0.1.19",
-    "@granite-js/style-utils": "0.1.19",
+    "@granite-js/cli": "0.1.21",
+    "@granite-js/image": "0.1.21",
+    "@granite-js/jest": "0.1.21",
+    "@granite-js/lottie": "0.1.21",
+    "@granite-js/mpack": "0.1.21",
+    "@granite-js/plugin-core": "0.1.21",
+    "@granite-js/style-utils": "0.1.21",
     "es-toolkit": "^1.39.8",
     "react-native-url-polyfill": "1.3.0"
   }

package/src/app/AppRoot.tsx

@@ -15,9 +15,18 @@ interface AppRootProps extends GraniteProps {
   container: ComponentType<PropsWithChildren<InitialProps>>;
   initialProps: InitialProps;
   initialScheme: string;
+  setIosSwipeGestureEnabled?: ({ isEnabled }: { isEnabled: boolean }) => void;
 }
 
-export function AppRoot({ appName, context, container: Container, initialProps, initialScheme, router }: AppRootProps) {
+export function AppRoot({
+  appName,
+  context,
+  container: Container,
+  initialProps,
+  initialScheme,
+  router,
+  setIosSwipeGestureEnabled,
+}: AppRootProps) {
   const prefix = getSchemePrefix({
     appName,
     scheme: global.__granite.app.scheme,
@@ -35,6 +44,7 @@ export function AppRoot({ appName, context, container: Container, initialProps,
               initialScheme={initialScheme}
               container={Container}
               prefix={prefix}
+              setIosSwipeGestureEnabled={setIosSwipeGestureEnabled}
               {...router}
             />
           </BackEventProvider>

package/src/app/Granite.tsx

@@ -31,6 +31,12 @@ export interface GraniteProps {
    * The initial scheme of the app.
    */
   initialScheme?: string;
+
+  /**
+   * @description
+   * The function to set the iOS swipe gesture enabled.
+   */
+  setIosSwipeGestureEnabled?: ({ isEnabled }: { isEnabled: boolean }) => void;
 }
 
 const createApp = () => {
@@ -47,7 +53,7 @@ const createApp = () => {
   return {
     registerApp(
       AppContainer: ComponentType<PropsWithChildren<InitialProps>>,
-      { appName, context, router, initialScheme }: GraniteProps
+      { appName, context, router, initialScheme, setIosSwipeGestureEnabled }: GraniteProps
     ): (initialProps: InitialProps) => JSX.Element {
       if (appName === ENTRY_BUNDLE_NAME) {
         throw new Error(`Reserved app name 'shared' cannot be used`);
@@ -59,6 +65,7 @@ const createApp = () => {
             container={AppContainer}
             initialProps={initialProps}
             initialScheme={initialScheme ?? getSchemeUri()}
+            setIosSwipeGestureEnabled={setIosSwipeGestureEnabled}
             appName={appName}
             context={context}
             router={router}

package/src/router/Router.tsx

@@ -56,6 +56,7 @@ export interface InternalRouterProps {
   container: ComponentType<PropsWithChildren<InitialProps>>;
   initialProps: InitialProps;
   initialScheme: string;
+  setIosSwipeGestureEnabled?: ({ isEnabled }: { isEnabled: boolean }) => Promise<void> | void;
 }
 
 export type RouterProps = StackNavigatorProps & NavigationContainerProps;
@@ -129,6 +130,7 @@ export function Router({
   defaultScreenOption,
   screenContainer,
   // Public props (StackNavigator)
+  setIosSwipeGestureEnabled,
   ...navigationContainerProps
 }: InternalRouterProps & RouterProps): ReactElement {
   const initialRouteName = useInitialRouteName({ prefix, initialScheme });
@@ -163,7 +165,7 @@ export function Router({
 
   return (
     <NavigationContainer ref={ref} {...navigationContainerProps} linking={linkingOptions}>
-      <CanGoBackGuard canGoBack={canGoBack} onBack={onBack}>
+      <CanGoBackGuard canGoBack={canGoBack} onBack={onBack} setIosSwipeGestureEnabled={setIosSwipeGestureEnabled}>
         <Container {...initialProps}>
           <StackNavigator.Navigator initialRouteName={initialRouteName} screenOptions={screenOptions}>
             {Screens}

package/src/router/components/CanGoBackGuard.tsx

@@ -1,17 +1,34 @@
 import { ReactNode, useEffect } from 'react';
 import { BackHandler } from 'react-native';
+import { useIsInitialScreen } from '../hooks/useIsInitialScreen';
 
 export function CanGoBackGuard({
   children,
   canGoBack,
   onBack,
+  setIosSwipeGestureEnabled,
 }: {
   canGoBack: boolean;
   children: ReactNode;
   onBack?: () => void;
+  setIosSwipeGestureEnabled?: ({ isEnabled }: { isEnabled: boolean }) => void;
 }) {
+  const isInitialScreen = useIsInitialScreen();
+
   const shouldBlockGoingBack = !canGoBack;
 
+  useEffect(() => {
+    if (!isInitialScreen || !canGoBack) {
+      setIosSwipeGestureEnabled?.({ isEnabled: false });
+
+      return () => {
+        setIosSwipeGestureEnabled?.({ isEnabled: true });
+      };
+    }
+
+    return;
+  }, [canGoBack, isInitialScreen, setIosSwipeGestureEnabled]);
+
   useEffect(() => {
     if (shouldBlockGoingBack) {
       const subscription = BackHandler.addEventListener('hardwareBackPress', () => {

package/types.d.ts

@@ -0,0 +1 @@
+export * from './dist/types/global.d.ts';