Upgrade website build system, move it to ts, update docs with ts type defs

Author: armedx86

.gitignore

@@ -3,7 +3,7 @@
 .idea
 node_modules/
 .eslintcache
-.cache
+.parcel-cache
 build
 build-website
 tmp

eslint.config.mjs

@@ -7,7 +7,7 @@ import prettierrc from './.prettierrc.json' with { type: 'json' }
 
 export default tseslint.config({
   files: ['**/*.ts', '**/*.tsx'],
-  ignores: ['**/build/**', '**/node_modules/**'],
+  ignores: ['**/build/**', '**/build-website/**', '**/node_modules/**'],
 
   extends: [
     eslintJs.configs.recommended,

package.json

@@ -40,14 +40,17 @@
     "src/style.scss"
   ],
   "scripts": {
-    "setup": "yarn && yarn deduplicate",
+    "setup": "yarn && yarn deduplicate && cd website && yarn",
     "deduplicate": "yarn-deduplicate yarn.lock",
     "start": "parcel website/index.html -d tmp",
+    "clean:build": "rm -rf build",
+    "clean:build-website": "rm -rf build-website website/.parcel-cache",
     "prebuild": "npx update-browserslist-db@latest && rm -rf build",
     "build": "run-p build:ts build:css",
     "build:ts": "tsup",
     "build:css": "sass src/style.scss build/style.css --no-source-map && postcss build/style.css --use autoprefixer -o build/style.css",
-    "build:website": "rm -rf build-website/* && parcel build website/index.html -d build-website --experimental-scope-hoisting --no-content-hash && cp website/CNAME build-website/CNAME",
+    "prebuild:website": "run-p clean:build-website build",
+    "build:website": "cd website && yarn && yarn build && cp CNAME favicon.png ../build-website/",
     "deploy": "gh-pages -d build-website",
     "dev:package": "tsup src/index.ts --watch",
     "lint": "eslint src test --ext .ts,.tsx",
@@ -82,12 +85,9 @@
     "jest": "^30.0.3",
     "jest-environment-jsdom": "^30.0.2",
     "npm-run-all": "^4.1.5",
-    "parcel-bundler": "^1.12.4",
-    "parcel-plugin-prerender": "^1.4.1",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "prettier": "^3.6.2",
-    "prism-react-renderer": "^1.0.2",
     "react": "^18",
     "react-dom": "^18",
     "react-test-renderer": "^18.3.1",

src/useDateInput.ts

@@ -1,14 +1,15 @@
 import { ChangeEvent, useEffect, useState } from 'react'
 import { format, parse, isValid, Locale } from 'date-fns'
 import { isSelectable } from './utils'
+import { DateChangeCallBack } from './types'
 
 export interface UseDateInputProps {
   date?: Date | null
   format?: string
   locale: Locale
   minimumDate?: Date | null
   maximumDate?: Date | null
-  onDateChange: (date: Date | null) => void
+  onDateChange: DateChangeCallBack
   validate?: (date: Date) => boolean
 }
 

tsconfig.eslint.json

@@ -4,5 +4,9 @@
     "**/*.ts",
     "**/*.tsx"
   ],
-  "exclude": ["website/**"]
+  "exclude": [
+    "build",
+    "build-website",
+    "website/.parcel-cache/**",
+  ]
 }