Revert "feat: tree shaking move to individual components"

This reverts commit 8aa8e55.

Author: mrkpatchaa

.gitignore

@@ -1,6 +1 @@
-node_modules/
-src/all
-src/icons
-src/index.tsx
-# generated by bob
-/lib/
+node_modules/

.npmignore

@@ -2,7 +2,7 @@
 example/
 
 # Scripts
-src/generate-svg.js
+src/generate_icons.sh
 test.sh
 
 # CI

example/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: '@react-native',
-};
+  extends: '@react-native-community',
+};

example/.gitignore

@@ -61,6 +61,3 @@ yarn-error.log
 
 # Temporary files created by Metro to check the health of the file watcher
 .metro-health-check*
-
-# testing
-/coverage

example/.node-version

@@ -0,0 +1 @@
+16

example/.ruby-version

@@ -0,0 +1 @@
+2.7.6

example/Gemfile

@@ -1,5 +1,6 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby ">= 2.6.10"
-gem 'cocoapods', '~> 1.12'
+ruby File.read(File.join(__dir__, '.ruby-version')).strip
+
+gem 'cocoapods', '~> 1.11', '>= 1.11.3'

example/IconsScreen.js

@@ -11,8 +11,10 @@ import {
   useWindowDimensions,
   Button
 } from 'react-native';
-import * as IconPack from '@mrkpatchaa/react-native-ionicons';
-const { IconContext, ...Icons } = IconPack;
+import {Icon} from '@mrkpatchaa/react-native-ionicons';
+import {Icons} from '@mrkpatchaa/react-native-ionicons/src/map';
+
+const names = Object.keys(Icons);
 
 function PickerItem({tag, selection, setSelection}) {
   return (
@@ -39,7 +41,7 @@ const App = () => {
   const iconSize = (width - 6 * 32) / 5;
   const [color, setColor] = useState('');
   const [display, setDisplay] = useState('grid');
-  const [mirrorActive, setMirrorActive] = useState(false);
+  const [iconStyle, setIconStyle] = useState('outline');
 
   return (
     <SafeAreaView style={{flex: 1}}>
@@ -81,7 +83,7 @@ const App = () => {
           maxLength={6}
         />
         <View style={{flex: 1}} />
-        {/* <PickerItem
+        <PickerItem
           tag="outline"
           selection={iconStyle}
           setSelection={setIconStyle}
@@ -95,25 +97,26 @@ const App = () => {
           tag="sharp"
           selection={iconStyle}
           setSelection={setIconStyle}
-        /> */}
+        />
       </View>
       <FlatList
         contentContainerStyle={{paddingHorizontal: 16}}
         numColumns={display === 'grid' ? 5 : 1}
-        data={Object.entries(Icons).filter(([, Icon]) => !!Icon)}
-        keyExtractor={(item) => item[0]}
+        data={names.filter(item => iconStyle === 'filled' && !(item.endsWith('-outline') || item.endsWith('-sharp')) || item.endsWith(`-${iconStyle}`))}
+        keyExtractor={item => item}
         key={display}
-        renderItem={({ item: [name, Icon] }) => (
+        renderItem={({item}) => {
+          return (
             <View style={{padding: 16, alignItems:'center', flexDirection: display === 'list' ? 'row' : 'column'}}>
               <Icon
+                name={item}
                 size={iconSize}
                 color={color.length !== 6 ? '#000' : '#' + color}
-                mirrored={mirrorActive}
               />
-              {display === 'list' && <Text style={{marginLeft: 5}}>{name}</Text>  }
+              {display === 'list' && <Text style={{marginLeft: 5}}>{item}</Text>  }
             </View>
-          )
-        }
+          );
+        }}
       />
     </SafeAreaView>
   );

example/README.md

@@ -6,10 +6,6 @@ import 'react-native';
 import React from 'react';
 import App from '../App';
 
-// Note: import explicitly to use the types shiped with jest.
-import {it} from '@jest/globals';
-
-
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';