fix: wip

Author: mrkpatchaa

example/.env

@@ -0,0 +1,2 @@
+# EXPO_UNSTABLE_METRO_OPTIMIZE_GRAPH=1
+# EXPO_UNSTABLE_TREE_SHAKING=1

example/App.tsx

@@ -13,7 +13,7 @@ import {
   Image,
   TouchableOpacity,
 } from 'react-native';
-import * as IconPack from 'phosphor-react-native';
+import * as IconPack from @mrkpatchaa/phosphor-react-native';
 import PhosphorLogo from './phosphor-mark-tight-yellow.png';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

example/app/(tabs)/_layout.tsx

@@ -1,7 +1,7 @@
 import { Tabs } from 'expo-router';
 import React from 'react';
 
-// import List from 'phosphor-react-native/src/icons/List';
+import List from '@mrkpatchaa/phosphor-react-native/src/icons/List';
 // import TestTube from '@/components/icons/icons/TestTube';
 import { Colors } from '@/constants/Colors';
 import { useColorScheme } from '@/hooks/useColorScheme';
@@ -20,9 +20,9 @@ export default function TabLayout() {
         name="index"
         options={{
           title: 'All icons',
-          // tabBarIcon: ({ color, focused }) => (
-          //   <List weight={focused ? 'fill' : 'light'} color={color} />
-          // ),
+          tabBarIcon: ({ color, focused }) => (
+            <List weight={focused ? 'fill' : 'light'} color={color} />
+          ),
         }}
       />
       {/* <Tabs.Screen

example/app/(tabs)/test-lab.tsxold

@@ -14,7 +14,7 @@ import {
 import { SafeAreaView } from 'react-native-safe-area-context';
 import PhosphorLogo from '@/assets/images/phosphor-mark-tight-yellow.png';
 
-import { Icon, iconList } from 'phosphor-react-native/src';
+import { Icon, iconList } from '@mrkpatchaa/phosphor-react-native/src';
 
 export default function TestLabScreen() {
   const [toggleActive, setToggleActive] = useState(false);

example/components/home-subset.tsx

@@ -12,7 +12,9 @@ import {
   TouchableOpacity,
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { IconWeight, Icon } from 'phosphor-react-native/src';
+import { IconWeight, Icon } from '@mrkpatchaa/phosphor-react-native';
+import { Camera } from 'lucide-react-native';
+
 import PhosphorLogo from '@/assets/images/phosphor-mark-tight-yellow.png';
 
 const weights = ['thin', 'light', 'regular', 'bold', 'fill', 'duotone'];
@@ -101,6 +103,7 @@ export default function HomeScreen() {
               mirrored={mirrorActive}
               color={iconColor}
             />
+            <Camera />
             <Text style={styles.iconName}>{name}</Text>
           </View>
         )}

example/components/home.tsx

@@ -12,7 +12,7 @@ import {
   TouchableOpacity,
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { IconWeight, Icon, iconList } from 'phosphor-react-native/src';
+import { IconWeight, Icon, iconList } from '@mrkpatchaa/phosphor-react-native/src';
 import PhosphorLogo from '@/assets/images/phosphor-mark-tight-yellow.png';
 
 const weights = ['thin', 'light', 'regular', 'bold', 'fill', 'duotone'];

example/metro.config.js

@@ -24,4 +24,10 @@ config.resolver.nodeModulesPaths = [
 // 3. Force Metro to resolve (sub)dependencies only from the `nodeModulesPaths`
 config.resolver.disableHierarchicalLookup = true;
 
+// config.transformer.getTransformOptions = async () => ({
+//   transform: {
+//     experimentalImportSupport: true,
+//   },
+// });
+
 module.exports = config;

example/package.json

@@ -10,6 +10,7 @@
     "lint": "eslint . --fix"
   },
   "dependencies": {
+    "@mrkpatchaa/phosphor-react-native": "^2.2.2",
     "@react-navigation/native": "^7.0.0",
     "expo": "^52.0.0",
     "expo-constants": "~17.0.3",
@@ -18,21 +19,22 @@
     "expo-splash-screen": "~0.29.18",
     "expo-status-bar": "~2.0.0",
     "expo-system-ui": "~4.0.6",
+    "lucide-react-native": "^0.469.0",
     "react": "18.3.1",
     "react-native": "0.76.5",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-reanimated": "~3.16.1",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "~4.1.0",
-    "react-native-svg": "15.8.0",
-    "phosphor-react-native": "file:.."
+    "react-native-svg": "15.8.0"
   },
   "devDependencies": {
     "@babel/core": "^7.24.0",
     "@eslint/js": "^9.9.0",
     "@types/react": "~18.3.12",
     "eslint": "9.x",
     "eslint-plugin-react": "^7.35.0",
+    "expo-atlas": "^0.4.0",
     "globals": "^15.9.0",
     "typescript": "~5.3.3",
     "typescript-eslint": "^8.0.1"