update package.json files (#126)

Author: leegeunhyeok

.changeset/social-pigs-listen.md

@@ -0,0 +1,9 @@
+---
+'@granite-js/react-native': patch
+'@granite-js/style-utils': patch
+'@granite-js/lottie': patch
+'@granite-js/image': patch
+'@granite-js/jest': patch
+---
+
+ensure polyfill setup during initialization and update package.json config for improve tree shaking

packages/image/package.json

@@ -43,5 +43,6 @@
   },
   "dependencies": {
     "react-simplikit": "^0.0.40"
-  }
+  },
+  "sideEffects": false
 }

packages/jest/package.json

@@ -35,5 +35,6 @@
     "@granite-js/native": "*",
     "react": "*",
     "react-native": "*"
-  }
+  },
+  "sideEffects": false
 }

packages/lottie/package.json

@@ -34,5 +34,6 @@
     "@types/react": "*",
     "react": "*",
     "react-native": "*"
-  }
+  },
+  "sideEffects": false
 }

packages/react-native/package.json

@@ -121,5 +121,9 @@
     "@granite-js/style-utils": "workspace:*",
     "es-toolkit": "^1.39.8",
     "react-native-url-polyfill": "1.3.0"
-  }
+  },
+  "sideEffects": [
+    "dist/async-bridges.*",
+    "dist/constant-bridges.*"
+  ]
 }

packages/react-native/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 '../rn-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.

packages/react-native/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)) {

packages/react-native/src/rn-polyfills/index.ts

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

packages/style-utils/package.json

@@ -48,5 +48,6 @@
     "@types/react": "*",
     "react": "*",
     "react-native": "*"
-  }
+  },
+  "sideEffects": false
 }