Implement monorepo

.github/workflows/ci.yml

@@ -38,6 +38,9 @@ jobs:
         env:
           HUSKY: 0
 
+      - name: Build package
+        run: yarn build
+
       - name: Run tests
         run: yarn lint
 
@@ -72,6 +75,9 @@ jobs:
         env:
           HUSKY: 0
 
+      - name: Build package
+        run: yarn build
+
       - name: Run type checking
         run: yarn tsc
 

.github/workflows/publish.yml

@@ -42,11 +42,13 @@ jobs:
       - name: Publish with latest tag
         if: github.event.release.prelease == false
         run: yarn npm publish --tag latest
+        working-directory: packages/react-date-picker
         env:
           YARN_NPM_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
       - name: Publish with next tag
         if: github.event.release.prelease == true
         run: yarn npm publish --tag next
+        working-directory: packages/react-date-picker
         env:
           YARN_NPM_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.prettierignore

@@ -1,5 +1,3 @@
 .cache
 .yarn
-coverage
-dist
-*.yml
+yarnrc.yml

.yarnrc.yml

@@ -5,4 +5,5 @@ logFilters:
 nodeLinker: node-modules
 
 plugins:
-  - path: .yarn/plugins/plugin-remove-postinstall.cjs
+  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
+    spec: '@yarnpkg/plugin-workspace-tools'

package.json

@@ -1,165 +1,26 @@
 {
-  "name": "react-date-picker",
-  "version": "10.5.0",
-  "description": "A date picker for your React app.",
+  "name": "react-date-picker-monorepo",
+  "version": "1.0.0",
+  "description": "react-date-picker monorepo",
   "type": "module",
-  "sideEffects": [
-    "*.css"
+  "workspaces": [
+    "packages/*",
+    "test"
   ],
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/esm/index.js",
-  "source": "./src/index.ts",
-  "types": "./dist/cjs/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
-    },
-    "./dist/DateInput": {
-      "import": "./dist/esm/DateInput.js",
-      "require": "./dist/cjs/DateInput.js"
-    },
-    "./dist/DateInput.js": {
-      "import": "./dist/esm/DateInput.js",
-      "require": "./dist/cjs/DateInput.js"
-    },
-    "./dist/DateInput/DayInput": {
-      "import": "./dist/esm/DateInput/DayInput.js",
-      "require": "./dist/cjs/DateInput/DayInput.js"
-    },
-    "./dist/DateInput/DayInput.js": {
-      "import": "./dist/esm/DateInput/DayInput.js",
-      "require": "./dist/cjs/DateInput/DayInput.js"
-    },
-    "./dist/DateInput/MonthInput": {
-      "import": "./dist/esm/DateInput/MonthInput.js",
-      "require": "./dist/cjs/DateInput/MonthInput.js"
-    },
-    "./dist/DateInput/MonthInput.js": {
-      "import": "./dist/esm/DateInput/MonthInput.js",
-      "require": "./dist/cjs/DateInput/MonthInput.js"
-    },
-    "./dist/DateInput/MonthSelect": {
-      "import": "./dist/esm/DateInput/MonthSelect.js",
-      "require": "./dist/cjs/DateInput/MonthSelect.js"
-    },
-    "./dist/DateInput/MonthSelect.js": {
-      "import": "./dist/esm/DateInput/MonthSelect.js",
-      "require": "./dist/cjs/DateInput/MonthSelect.js"
-    },
-    "./dist/DateInput/YearInput": {
-      "import": "./dist/esm/DateInput/YearInput.js",
-      "require": "./dist/cjs/DateInput/YearInput.js"
-    },
-    "./dist/DateInput/YearInput.js": {
-      "import": "./dist/esm/DateInput/YearInput.js",
-      "require": "./dist/cjs/DateInput/YearInput.js"
-    },
-    "./dist/cjs/DateInput": "./dist/cjs/DateInput.js",
-    "./dist/cjs/DateInput.js": "./dist/cjs/DateInput.js",
-    "./dist/cjs/DateInput/DayInput": "./dist/cjs/DateInput/DayInput.js",
-    "./dist/cjs/DateInput/DayInput.js": "./dist/cjs/DateInput/DayInput.js",
-    "./dist/cjs/DateInput/MonthInput": "./dist/cjs/DateInput/MonthInput.js",
-    "./dist/cjs/DateInput/MonthInput.js": "./dist/cjs/DateInput/MonthInput.js",
-    "./dist/cjs/DateInput/MonthSelect": "./dist/cjs/DateInput/MonthSelect.js",
-    "./dist/cjs/DateInput/MonthSelect.js": "./dist/cjs/DateInput/MonthSelect.js",
-    "./dist/cjs/DateInput/YearInput": "./dist/cjs/DateInput/YearInput.js",
-    "./dist/cjs/DateInput/YearInput.js": "./dist/cjs/DateInput/YearInput.js",
-    "./dist/esm/DateInput": "./dist/esm/DateInput.js",
-    "./dist/esm/DateInput.js": "./dist/esm/DateInput.js",
-    "./dist/esm/DateInput/DayInput": "./dist/esm/DateInput/DayInput.js",
-    "./dist/esm/DateInput/DayInput.js": "./dist/esm/DateInput/DayInput.js",
-    "./dist/esm/DateInput/MonthInput": "./dist/esm/DateInput/MonthInput.js",
-    "./dist/esm/DateInput/MonthInput.js": "./dist/esm/DateInput/MonthInput.js",
-    "./dist/esm/DateInput/MonthSelect": "./dist/esm/DateInput/MonthSelect.js",
-    "./dist/esm/DateInput/MonthSelect.js": "./dist/esm/DateInput/MonthSelect.js",
-    "./dist/esm/DateInput/YearInput": "./dist/esm/DateInput/YearInput.js",
-    "./dist/esm/DateInput/YearInput.js": "./dist/esm/DateInput/YearInput.js",
-    "./dist/DatePicker.css": "./dist/DatePicker.css"
-  },
   "scripts": {
-    "build": "yarn build-js && yarn copy-styles",
-    "build-js": "yarn build-js-esm && yarn build-js-cjs && yarn build-js-cjs-package",
-    "build-js-esm": "tsc --project tsconfig.build.json --outDir dist/esm --module esnext",
-    "build-js-cjs": "tsc --project tsconfig.build.json --outDir dist/cjs --module commonjs",
-    "build-js-cjs-package": "echo '{\n  \"type\": \"commonjs\"\n}' > dist/cjs/package.json",
-    "clean": "rimraf dist",
-    "copy-styles": "cpy 'src/**/*.css' dist",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "build": "yarn workspace react-date-picker build",
+    "dev": "yarn workspace react-date-picker watch & yarn workspace test dev",
+    "lint": "yarn workspaces foreach run lint",
     "postinstall": "husky install",
-    "prepack": "yarn clean && yarn build",
-    "prettier": "prettier --check . --cache",
-    "test": "yarn lint && yarn tsc && yarn prettier && yarn unit",
-    "tsc": "tsc --noEmit",
-    "unit": "vitest",
-    "watch": "yarn build-js-esm --watch & yarn build-js-cjs --watch & yarn build-js-cjs-package & nodemon --watch src --ext css --exec \"yarn copy-styles\""
-  },
-  "keywords": [
-    "calendar",
-    "date",
-    "date-picker",
-    "month-picker",
-    "react"
-  ],
-  "author": {
-    "name": "Wojciech Maj",
-    "email": "[email protected]"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "@wojtekmaj/date-utils": "^1.1.3",
-    "clsx": "^2.0.0",
-    "get-user-locale": "^2.2.1",
-    "make-event-props": "^1.6.0",
-    "prop-types": "^15.6.0",
-    "react-calendar": "^4.6.0",
-    "react-fit": "^1.7.0",
-    "update-input-width": "^1.4.0"
+    "prettier": "yarn workspaces foreach run prettier",
+    "test": "yarn workspaces foreach run test",
+    "tsc": "yarn workspaces foreach run tsc",
+    "unit": "yarn workspaces foreach run unit"
   },
   "devDependencies": {
-    "@testing-library/dom": "^9.0.0",
-    "@testing-library/jest-dom": "^5.15.0",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.0",
-    "@types/node": "*",
-    "@types/react": "*",
-    "cpy-cli": "^5.0.0",
-    "eslint": "^8.26.0",
-    "eslint-config-wojtekmaj": "^0.9.0",
     "husky": "^8.0.0",
-    "jsdom": "^21.1.0",
-    "nodemon": "^3.0.0",
     "prettier": "^2.7.0",
-    "pretty-quick": "^3.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^3.0.0",
-    "typescript": "^5.0.0",
-    "vitest": "^0.34.0",
-    "vitest-canvas-mock": "^0.2.2"
-  },
-  "peerDependencies": {
-    "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@types/react": {
-      "optional": true
-    }
-  },
-  "publishConfig": {
-    "access": "public",
-    "provenance": true
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wojtekmaj/react-date-picker.git"
+    "pretty-quick": "^3.1.0"
   },
-  "funding": "https://github.com/wojtekmaj/react-date-picker?sponsor=1",
   "packageManager": "[email protected]"
 }

packages/react-date-picker/.eslintignore

@@ -0,0 +1,2 @@
+dist
+node_modules

packages/react-date-picker/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "wojtekmaj/react-no-automatic-runtime"
+}

packages/react-date-picker/.prettierignore

@@ -0,0 +1 @@
+dist

packages/react-date-picker/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017–2023 Wojciech Maj
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.