@granite-js/react-native 0.1.25 → 0.1.27

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @granite-js/react-native
 
+## 0.1.27
+
+### Patch Changes
+
+- 664f2a1: add useIsInitialScreen export in index(for user's import)
+- d13ddeb: fix(router): useParams used from is strict: true
+- e32b020: ci: oidc
+- Updated dependencies [e32b020]
+- Updated dependencies [1dd9179]
+  - @granite-js/cli@0.1.27
+  - @granite-js/image@0.1.27
+  - @granite-js/jest@0.1.27
+  - @granite-js/lottie@0.1.27
+  - @granite-js/mpack@0.1.27
+  - @granite-js/native@0.1.27
+  - @granite-js/plugin-core@0.1.27
+  - @granite-js/style-utils@0.1.27
+
+## 0.1.26
+
+### Patch Changes
+
+- 41f9ab3: ensure polyfill setup during initialization and update package.json config for improve tree shaking
+- Updated dependencies [41f9ab3]
+  - @granite-js/style-utils@0.1.26
+  - @granite-js/lottie@0.1.26
+  - @granite-js/image@0.1.26
+  - @granite-js/jest@0.1.26
+  - @granite-js/cli@0.1.26
+  - @granite-js/mpack@0.1.26
+  - @granite-js/native@0.1.26
+  - @granite-js/plugin-core@0.1.26
+
 ## 0.1.25
 
 ### Patch Changes

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from './intersection-observer';
 export * from './impression-area';
 export * from './scroll-view-inertial-background';
 export * from './router/createRoute';
+export * from './router/hooks/useIsInitialScreen';
 export * from './event';
 export * from './video';
 export * from './status-bar';

package/dist/polyfills/index.d.ts

@@ -0,0 +1 @@
+export declare function setupPolyfills(): void;

package/dist/router/hooks/useIsInitialScreen.d.ts

@@ -1 +1,6 @@
+/**
+ * Hook that determines if the current screen is the initial screen in the navigation stack.
+ *
+ * @returns {boolean} True if the current screen is the initial (first) screen in the stack, false otherwise.
+ */
 export declare function useIsInitialScreen(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/react-native",
-  "version": "0.1.25",
+  "version": "0.1.27",
   "description": "The Granite Framework",
   "bin": {
     "granite": "./bin/cli.js"
@@ -14,6 +14,11 @@
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/toss/granite.git",
+    "directory": "packages/react-native"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -86,7 +91,7 @@
     "@babel/core": "^7.24.9",
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-typescript": "^7.24.7",
-    "@granite-js/native": "0.1.25",
+    "@granite-js/native": "0.1.27",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
     "@types/babel__core": "^7",
@@ -112,14 +117,18 @@
     "react-native": "*"
   },
   "dependencies": {
-    "@granite-js/cli": "0.1.25",
-    "@granite-js/image": "0.1.25",
-    "@granite-js/jest": "0.1.25",
-    "@granite-js/lottie": "0.1.25",
-    "@granite-js/mpack": "0.1.25",
-    "@granite-js/plugin-core": "0.1.25",
-    "@granite-js/style-utils": "0.1.25",
+    "@granite-js/cli": "0.1.27",
+    "@granite-js/image": "0.1.27",
+    "@granite-js/jest": "0.1.27",
+    "@granite-js/lottie": "0.1.27",
+    "@granite-js/mpack": "0.1.27",
+    "@granite-js/plugin-core": "0.1.27",
+    "@granite-js/style-utils": "0.1.27",
     "es-toolkit": "^1.39.8",
-    "react-native-url-polyfill": "1.3.0"
-  }
+    "react-native-url-polyfill": "3.0.0"
+  },
+  "sideEffects": [
+    "dist/async-bridges.*",
+    "dist/constant-bridges.*"
+  ]
 }

package/src/app/Granite.tsx

@@ -6,6 +6,7 @@ import type { RouterProps, RequireContext } from '../router';
 import { AppRoot } from './AppRoot';
 import { HostAppRoot } from './HostAppRoot';
 import { getSchemeUri } from '../constant-bridges';
+import { setupPolyfills } from '../polyfills';
 
 export interface GraniteProps {
   /**
@@ -50,6 +51,8 @@ export interface GraniteProps {
 const createApp = () => {
   let _appName: string | null = null;
 
+  setupPolyfills();
+
   function registerComponent(appKey: string, component: React.ComponentType<any>): string {
     if (AppRegistry.getAppKeys().includes(appKey)) {
       // `AppRegistry.registerComponent` returns the app key.

package/src/dev-entrypoint/index.tsx

@@ -1,9 +1,6 @@
 import type { ComponentType } from 'react';
 import { AppRegistry } from 'react-native';
 import { ENTRY_BUNDLE_NAME } from '../constants';
-import { setup } from '../rn-polyfills';
-
-setup();
 
 export function register(Component: ComponentType<any>) {
   if (AppRegistry.getAppKeys().includes(ENTRY_BUNDLE_NAME)) {

package/src/index.ts

@@ -14,6 +14,7 @@ export * from './intersection-observer';
 export * from './impression-area';
 export * from './scroll-view-inertial-background';
 export * from './router/createRoute';
+export * from './router/hooks/useIsInitialScreen';
 export * from './event';
 export * from './video';
 export * from './status-bar';

package/src/polyfills/index.ts

@@ -0,0 +1,5 @@
+import { setupURLPolyfill } from 'react-native-url-polyfill';
+
+export function setupPolyfills() {
+  setupURLPolyfill();
+}

package/src/router/createRoute.ts

@@ -133,14 +133,15 @@ export function useParams<TScreen extends keyof RegisterScreen>(
   const routeOptions = useMatchOptions(options);
   const route = useRoute();
 
+  const isStrict = typeof options.from === 'string' ? true : options.strict;
   const params = useMemo(() => {
     if (!routeOptions) {
       return (route.params ?? {}) as Readonly<object | undefined>;
     }
 
     const parsedParams = routeOptions.parserParams(route.params as Record<string, string>);
-    return options.strict && routeOptions.validateParams ? routeOptions.validateParams(parsedParams) : parsedParams;
-  }, [routeOptions, route.params, options.strict]);
+    return isStrict && routeOptions.validateParams ? routeOptions.validateParams(parsedParams) : parsedParams;
+  }, [routeOptions, route.params, isStrict]);
 
   return params;
 }

package/src/router/hooks/useIsInitialScreen.ts

@@ -1,5 +1,10 @@
 import { useNavigationState } from '@granite-js/native/@react-navigation/native';
 
+/**
+ * Hook that determines if the current screen is the initial screen in the navigation stack.
+ *
+ * @returns {boolean} True if the current screen is the initial (first) screen in the stack, false otherwise.
+ */
 export function useIsInitialScreen() {
   const index = useNavigationState((state) => state?.index ?? 0);
 

package/dist/rn-polyfills/index.d.ts

@@ -1 +0,0 @@
-export declare function setup(): void;

package/dist/rn-polyfills/symbol-asynciterator/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Polyfill for @swc/helpers build compatibility
- *
- * @see https://github.com/swc-project/swc/blob/v1.4.15/packages/helpers/esm/_async_iterator.js#L3
- *
- * - babel: No runtime issues after build as there is a fallback for `Symbol.asyncIterator`
- * - swc: No fallback for `Symbol.asyncIterator`, so it needs to be defined in advance
- */
-export declare function setup(): void;

package/dist/rn-polyfills/url/index.d.ts

@@ -1 +0,0 @@
-export { setupURLPolyfill as setup } from 'react-native-url-polyfill';

package/src/rn-polyfills/index.ts

@@ -1,7 +0,0 @@
-import { setup as setupSymbolAsyncIterator } from './symbol-asynciterator';
-import { setup as setupURLPolyfill } from './url';
-
-export function setup() {
-  setupSymbolAsyncIterator();
-  setupURLPolyfill();
-}

package/src/rn-polyfills/symbol-asynciterator/index.ts

@@ -1,15 +0,0 @@
-/**
- * Polyfill for @swc/helpers build compatibility
- *
- * @see https://github.com/swc-project/swc/blob/v1.4.15/packages/helpers/esm/_async_iterator.js#L3
- *
- * - babel: No runtime issues after build as there is a fallback for `Symbol.asyncIterator`
- * - swc: No fallback for `Symbol.asyncIterator`, so it needs to be defined in advance
- */
-export function setup() {
-  if (typeof Symbol !== 'undefined' && !Symbol.asyncIterator) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    Symbol.asyncIterator = Symbol.for('@@asyncIterator');
-  }
-}

package/src/rn-polyfills/url/index.ts

@@ -1 +0,0 @@
-export { setupURLPolyfill as setup } from 'react-native-url-polyfill';