Added native icons publish (#211)

* Added native icons publish

* updated workflow

* added --yes flag in npx

* minor changes

* update README

* Ignored the dist folder

* edited dist/index generation

* minor changes

* README updation

* README updation

* function name change

* removed dist

* indev generation edits

---------

Co-authored-by: Abhay V Ashokan <[email protected]>

Author: mohitharshan123

.github/workflows/create_and_publish_releases.yml

@@ -79,3 +79,28 @@ jobs:
         with:
           access: "public"
           token: ${{ secrets.NPM_TOKEN }}
+
+  generate_and_publish_native:
+    name: "Generate and Publish Native Icons"
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout the repository
+        uses: actions/checkout@93ea575cb5d8a053eaa0ac8fa3b40d7e05a33cc8
+
+      - name: Setup git user
+        run: |
+          git config user.name "Abhay V Ashokan"
+          git config user.email "[email protected]"
+
+      - name: Setup NodeJS LTS version
+        uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516
+        with:
+          node-version-file: '.nvmrc'
+
+      - name: Generate native icons
+        working-directory: ./native
+        run: yarn generate
+
+      - name: Publish native package to NPM
+        working-directory: ./native
+        run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc && yarn publish --access public

.github/workflows/publish.yml

@@ -27,3 +27,24 @@ jobs:
         with:
           access: "public"
           token: ${{ secrets.NPM_TOKEN }}
+
+  publish_native:
+    name: Publish Native Package to npm
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout the repository
+        uses: actions/checkout@v3
+
+      - name: Setup NodeJS LTS version
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18.12.0"
+
+      - name: Generate native icons
+        working-directory: ./native
+        run: yarn generate
+
+      - name: Publish the native package on NPM
+        working-directory: ./native
+        run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc && yarn publish --access public
+

.gitignore

@@ -5,6 +5,7 @@
 /out-tsc
 /dist
 /generate
+native/dist
 
 # Runtime data
 pids

README.md

@@ -1,20 +1,43 @@
 # neetoIcons
 
-The neetoIcons library is a collection of SVG React component icons that drives
+The neetoIcons and neetoIconsRN library are a collection of SVG React component icons that drives
 the experience in the neeto products built at BigBinary.
 
 ### Installation
 
+Web:
+
 ```
 yarn add @bigbinary/neeto-icons
 ```
 
+React Native:
+
+```
+yarn add @bigbinary/neeto-icons-rn
+```
+
+
 ### Usage
 
+Web:
+
 ```javascript
 import { Clock } from "@bigbinary/neeto-icons";
 ```
 
+React Native:
+
+```javascript
+import { Icons } from "@bigbinary/neeto-icons-rn";
+import { AppIcons } from "@bigbinary/neeto-icons-rn";
+import { Logos } from "@bigbinary/neeto-icons-rn";
+import { Misc as MiscIcons } from "@bigbinary/neeto-icons-rn";
+import { TypefaceLogos } from "@bigbinary/neeto-icons-rn";
+
+const { Archive } = Icons;
+```
+
 Anywhere in your React file
 
 ```jsx
@@ -85,7 +108,7 @@ Anywhere in your React file
 
 # Building and releasing.
 
-The `@bigbinary/neeto-icons` package gets published to NPM when we merge a PR
+The `@bigbinary/neeto-icons` and `@bigbinary/neeto-icons-rn` package gets published to NPM when we merge a PR
 with `patch`, `minor` or `major` label to the `main` branch. The `patch` label
 is used for bug fixes, `minor` label is used for new features and `major` label
 is used for breaking changes. You can checkout the `Create and publish releases`
@@ -101,6 +124,6 @@ github actions will automatically publish the built package to npm. You can
 checkout the `Publish to npm` workflow in GitHub Actions to get a live update.
 
 Please note that before publishing the package, you need to verify the
-functionality in some of the neeto web-apps locally using `yalc` package
+functionality in some of the neeto web and mobile apps locally using `yalc` package
 manager. The usage of yalc is explained in this video:
 https://youtu.be/QBiYGP0Rhe0

native/index-template.js

@@ -0,0 +1,34 @@
+const path = require("path");
+const fs = require("fs");
+
+function defaultIndexTemplate(filePaths) {
+  const exportEntries = filePaths.map(({ path: filePath }) => {
+    const basename = path.basename(filePath, path.extname(filePath));
+    const exportName = /^\d/.test(basename) ? `Svg${basename}` : basename;
+    return `export { default as ${exportName} } from './${basename}'`;
+  });
+  const distPath = path.join(__dirname, "dist");
+  const folderNames = fs
+    .readdirSync(distPath, { withFileTypes: true })
+    .filter((entry) => entry.isDirectory())
+    .map((entry) => entry.name);
+
+  const indexPath = path.join(distPath, "index.js");
+  const importStatements = folderNames.map(
+    (folderName) =>
+      `import * as ${folderName.replace(
+        /^./,
+        folderName[0].toUpperCase()
+      )} from './${folderName}';`
+  );
+  let indexContent = importStatements;
+  const exportStatement = `export { ${folderNames
+    .map((folderName) => folderName.replace(/^./, folderName[0].toUpperCase()))
+    .join(", ")} }`;
+  indexContent.push(exportStatement);
+  fs.writeFileSync(indexPath, indexContent.join("\n"));
+
+  return exportEntries.join("\n");
+}
+
+module.exports = defaultIndexTemplate;

native/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@bigbinary/neeto-icons-rn",
+  "version": "1.0.0",
+  "main": "./dist/index.js",
+  "author": "sangameshsomawar",
+  "license": "MIT",
+  "scripts": {
+    "generate": "npx --yes @svgr/cli  --out-dir dist --native --index-template index-template.js -- ../source"
+  },
+  "devDependencies": {},
+  "dependencies": {},
+  "repository": "https://github.com/bigbinary/neeto-icons.git",
+  "sideEffects": false
+}