chore: use pnpm workspace

Author: jason89521

package.json

@@ -1,17 +1,9 @@
 {
-  "name": "react-typist-component",
+  "name": "react-components-monorepo",
   "version": "1.0.4",
-  "description": "A react component lets you create typewriter effect.",
   "author": "Yu-Xuan Zheng",
   "keywords": [
-    "react",
-    "react component",
-    "typewriter",
-    "typewriter component",
-    "react typewriter component",
-    "typist",
-    "typist component",
-    "react typist component"
+    "react components"
   ],
   "license": "MIT",
   "repository": {
@@ -33,60 +25,23 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "commit": "cz",
-    "dev": "vite",
-    "test": "jest",
-    "build:website": "tsc && vite build",
-    "build:types": "rimraf types/* && tsc --project tsconfig.lib.json",
-    "build:lib": "pnpm build:types && vite build --mode lib && api-extractor run",
-    "prepublishOnly": "pnpm build:lib",
-    "preview": "vite preview",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "test": "pnpm -r --filter ./packages/* run test",
+    "build:lib": "pnpm -r --filter ./packages/* run build:lib",
+    "prepublishOnly": "pnpm build:lib"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.5",
-    "@microsoft/api-extractor": "^7.28.4",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-interactions": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/builder-vite": "^0.2.0",
-    "@storybook/react": "^6.5.9",
-    "@storybook/testing-library": "^0.0.13",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.3.0",
-    "@types/jest": "^28.1.6",
-    "@types/react": "^18.0.15",
-    "@types/react-dom": "^18.0.6",
     "@typescript-eslint/eslint-plugin": "^5.25.0",
     "@typescript-eslint/parser": "^5.25.0",
-    "@vitejs/plugin-react": "^2.0.0",
-    "autoprefixer": "^10.4.8",
-    "babel-loader": "^8.2.5",
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "3.3.0",
     "eslint": "^8.15.0",
     "eslint-plugin-react": "^7.30.0",
     "eslint-plugin-react-hooks": "^4.5.0",
     "eslint-plugin-storybook": "^0.6.1",
-    "grapheme-splitter": "^1.0.4",
-    "jest": "^28.1.3",
-    "jest-environment-jsdom": "^28.1.3",
-    "postcss": "^8.4.16",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^3.0.2",
-    "tailwindcss": "^3.1.8",
-    "ts-jest": "^28.0.7",
-    "typescript": "^4.7.4",
-    "vite": "^3.0.2"
+    "typescript": "^4.7.4"
   },
-  "peerDependencies": {
-    "react": ">=18.0.0"
-  },
-  "dependencies": {},
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
@@ -98,5 +53,16 @@
     "singleQuote": true,
     "jsxSingleQuote": true,
     "printWidth": 80
+  },
+  "pnpm": {
+    "overrides": {
+      "@types/react": "^18.0.15",
+      "@types/react-dom": "^18.0.6",
+      "react": "^18.2.0",
+      "react-dom": "^18.2.0",
+      "vite": "^3.0.2",
+      "@vitejs/plugin-react": "^2.0.0",
+      "typescript": "^4.7.4"
+    }
   }
 }

.storybook/main.js …eact-typist-component/.storybook/main.js.storybook/main.js renamed to packages/react-typist-component/.storybook/main.js .storybook/main.js renamed to packages/react-typist-component/.storybook/main.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Typist from '../src';
+import Typist from '../packages/react-typist-component/src';
 import Header from './components/Header';
 import Section from './components/Section';
 import PauseExample from './components/PauseExample';

.storybook/preview-head.html …t-component/.storybook/preview-head.html.storybook/preview-head.html renamed to packages/react-typist-component/.storybook/preview-head.html .storybook/preview-head.html renamed to packages/react-typist-component/.storybook/preview-head.html

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Typist from '../../src';
+import Typist from '../../packages/react-typist-component/src';
 import randomDelayGenerator from '../utils/randomDelayGenerator';
 
 export default function Header() {

.storybook/preview.js …t-typist-component/.storybook/preview.js.storybook/preview.js renamed to packages/react-typist-component/.storybook/preview.js .storybook/preview.js renamed to packages/react-typist-component/.storybook/preview.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import Typist from '../../src';
+import Typist from '../../packages/react-typist-component/src';
 import Section from './Section';
 
 export default function PauseExample() {