feat: package (#35)

* feat: package

* fix: tsconfig

* feat(readme): update contrib

.gitignore

@@ -23,3 +23,5 @@ dist-ssr
 *.sln
 *.sw?
 .vercel
+
+package

README.md

@@ -11,7 +11,7 @@ A collection of [React Custom Hooks](https://reactjs.org/docs/hooks-custom.html)
 - (Optional) ⭐️ This repository
 - Create a new hook in `src/hooks` folder.
 - Show example usage in `src/App.tsx`.
-- If you don't know TypeScript, simply use `any` type or predefined [`DefinitelyNotAny`](./src/vite-env.d.ts) type
+- If you don't know TypeScript, simply use `any` type or import `DefinitelyNotAny` from "./types"
 - Try not to update other places or auto-format, it'll cause merge conflicts.
 
 ## TODOs

package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "package": "tsc -p tsconfig.package.json && cp package.json package"
   },
   "dependencies": {
     "react": "^18.2.0",
@@ -29,4 +30,4 @@
     "typescript": "^4.8.4",
     "vite": "^3.1.0"
   }
-}
+}

src/hooks/types.ts

@@ -0,0 +1 @@
+export type DefinitelyNotAny = any

src/hooks/useAny.ts

@@ -1,4 +1,5 @@
 import { useMemo } from "react"
+import { DefinitelyNotAny } from "./types"
 
 export function useAny(value: DefinitelyNotAny): DefinitelyNotAny {
   const result = useMemo(() => value as DefinitelyNotAny, [])

src/hooks/useCuteAndFunny.ts

@@ -1,4 +1,5 @@
 import { useMemo } from "react"
+import { DefinitelyNotAny } from "./types"
 
 export function useCuteAndFunny(...args: DefinitelyNotAny[]) {
   const result = useMemo(() => "😭", [])

src/hooks/useLess.ts

@@ -1,4 +1,5 @@
 import { useState } from "react"
+import { DefinitelyNotAny } from "./types"
 
 export function useLess(initialValue: DefinitelyNotAny) {
   const [value, _setValue] = useState(initialValue)

src/hooks/useSmile.ts

@@ -1,4 +1,5 @@
 import { useMemo } from "react"
+import { DefinitelyNotAny } from "./types"
 
 export function useSmile(...args: DefinitelyNotAny[]) {
   const result = useMemo(() => "😊", [])

src/hooks/useSus.ts

@@ -1,4 +1,5 @@
 import { useMemo } from "react"
+import { DefinitelyNotAny } from "./types"
 
 export function useSus(...args: DefinitelyNotAny[]) {
   const result = useMemo(() => "ඞ", [])

src/hooks/useVoid.ts

@@ -1,4 +1,5 @@
 import { useLayoutEffect } from "react"
+import { DefinitelyNotAny } from "./types"
 
 export function useVoid(...args: DefinitelyNotAny[]) {
   useLayoutEffect(() => {

src/vite-env.d.ts

@@ -1,3 +1 @@
 /// <reference types="vite/client" />
-
-type DefinitelyNotAny = any

tsconfig.package.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src/hooks",
+    "outDir": "./package",
+    "noEmit": false,
+    "declaration": true
+  },
+  "include": ["./src/hooks/**/*"]
+}