feat: tree shaking move to individual components

Author: mrkpatchaa

.gitignore

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

.npmignore

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

example/.eslintrc.js

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

example/.gitignore

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

example/.node-version

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

example/.ruby-version

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

example/Gemfile

@@ -0,0 +1,79 @@
+This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+
+# Getting Started
+
+>**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding.
+
+## Step 1: Start the Metro Server
+
+First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
+
+To start Metro, run the following command from the _root_ of your React Native project:
+
+```bash
+# using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Start your Application
+
+Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
+
+### For Android
+
+```bash
+# using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### For iOS
+
+```bash
+# using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
+
+This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
+
+## Step 3: Modifying your App
+
+Now that you have successfully run the app, let's modify it.
+
+1. Open `App.tsx` in your text editor of choice and edit some lines.
+2. For **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Developer Menu** (<kbd>Ctrl</kbd> + <kbd>M</kbd> (on Window and Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (on macOS)) to see your changes!
+
+   For **iOS**: Hit <kbd>Cmd ⌘</kbd> + <kbd>R</kbd> in your iOS Simulator to reload the app and see your changes!
+
+## Congratulations! :tada:
+
+You've successfully run and modified your React Native App. :partying_face:
+
+### Now what?
+
+- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
+- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+
+# Learn More
+
+To learn more about React Native, take a look at the following resources:
+
+- [React Native Website](https://reactnative.dev) - learn more about React Native.
+- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
+- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
+- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
+- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.

example/IconsScreen.js

@@ -6,6 +6,10 @@ 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';