Fix example deploy GitHub action (#395)

* ⚗️ Run action on push

* ⚗️  Update action to use yarn

* 🔧 Update to build both library and example

* 🐛 Add base path in vite.config.js

* ✨ Add asset prefix only in production

* 👷 Run action only on push to main

Author: prateek3255

.github/workflows/github-page.yml

@@ -13,11 +13,13 @@ jobs:
         with:
           persist-credentials: false
 
+      - name: ⬢ Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.14.2
+
       - name: Install and Build 🔧 
-        run: |
-          cd example
-          npm install
-          npm run build
+        run: yarn && yarn example:build
 
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@3.6.2

example/package.json

@@ -13,6 +13,7 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@types/node": "^18.16.0",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@vitejs/plugin-react": "^3.1.0",

example/vite.config.ts

@@ -4,4 +4,5 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: process.env.NODE_ENV === 'production' ? '/react-otp-input/' : undefined,
 });

example/yarn.lock

@@ -360,6 +360,11 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
+"@types/node@^18.16.0":
+  version "18.16.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.16.0.tgz#4668bc392bb6938637b47e98b1f2ed5426f33316"
+  integrity sha512-BsAaKhB+7X+H4GnSjGhJG9Qi8Tw+inU9nJDwmD5CgOmBLEI6ArdhikpLX7DjbjDRDTbqZzU2LSQNZg8WGPiSZQ==
+
 "@types/prop-types@*":
   version "15.7.5"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"

package.json

@@ -11,7 +11,7 @@
     "lint": "eslint 'src/**/*.{js,jsx}' --quiet",
     "lint:fix": "eslint 'src/**/*.{js,jsx}' --fix",
     "prepublishOnly": "rm -rf dist && npm run build",
-    "demo:prod": "cd example && npm run build"
+    "example:build": "cd example && yarn && yarn build"
   },
   "keywords": [
     "otp",

tsconfig.json

@@ -14,7 +14,6 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true
   },
   "include": ["src"],