Working with the source
The DayPicker monorepo contains two workspaces setup with Yarn:
./package/react-day-picker
: this workspace contains the DayPicker source code and the development tools./website
: the Docusaurus app for the documentation website
Getting started​
Prerequisites​
- Node 16.10 and later. To set the version via nvm run:
$ nvm use
- To enable yarn, make sure corepack is enabled (see Yarn installation guide):
$ corepack enabled
Setup​
Clone the monorepo and install the dependencies:
$ git clone git@github.com:gpbl/react-day-picker.git
$ cd react-day-picker
$ yarn install
If you use Visual Studio Code, open the react-day-picker.code-workspace with for the development environment.
Development scripts​
While working with the source code you will find useful these scripts:
$ yarn workspace react-day-picker typecheck-watch # start the typecheck in watch mode
$ yarn workspace react-day-picker develop # start the build in watch mode
$ yarn workspace website start # start the website in watch mode
$ yarn workspace website typecheck-watch # start the typecheck in watch mode for website
These are configured to start when opening the vscode project. If they won't, enable Manage Automatic Tasks In Folder from the Cmd+Shift+P menu.
Testing​
In DayPicker we run unit tests and integration tests:
$ yarn workspace react-day-picker test # run the unit tests
$ yarn workspace website test # run the integration tests
Run the relative watch script to run the test in watch mode:
$ yarn workspace react-day-picker test-watch # run the unit tests
$ yarn workspace website test-watch # run the integration tests