Build with tsup (#26)

Author: goto-bus-stop

.gitignore

@@ -1,5 +1,3 @@
 node_modules
-index.cjs.js
-index.es.js
 package-lock.json
 dist

index.js renamed to index.tsx

@@ -1,27 +1,22 @@
 import React from 'react'
-import mitt from 'mitt'
+import mitt, { type Emitter, type EventType, type Handler } from 'mitt'
 
-export const BusContext = React.createContext(/** @type {null|import('mitt').Emitter} */ (null))
+export const BusContext = React.createContext<Emitter | null>(null)
 const P = BusContext.Provider
 
-/**
- * Return the event emitter.
- *
- * @return {import('mitt').Emitter}
- */
+/** Return the event emitter. */
 export function useBus () {
   const bus = React.useContext(BusContext)
   if (!bus) throw new Error('useBus: missing context')
   return bus
 }
 
 /**
- * Attach an event listener to the bus while this component is mounted. Adds the listener after mount, and removes it before unmount.
-
- * @param {import('mitt').EventType} name
- * @param {import('mitt').Handler} listener
+ * Attach an event listener to the bus while this component is mounted.
+ *
+ * Adds the listener after mount, and removes it before unmount.
  */
-export function useListener (name, listener) {
+export function useListener (name: EventType, listener: Handler) {
   const bus = useBus()
   React.useEffect(() => {
     bus.on(name, listener)
@@ -33,10 +28,8 @@ export function useListener (name, listener) {
 
 /**
  * Create an event emitter that will be available to all deeply nested child elements using the useBus() hook.
- *
- * @param {{ children?: import('react').ReactNode }} props
  */
-export function Provider ({ children }) {
+export function Provider ({ children }: { children: React.ReactNode }) {
   const [bus] = React.useState(() => mitt())
   return <P value={bus}>{children}</P>
 }

package.json

@@ -2,7 +2,16 @@
   "name": "react-bus",
   "description": "A global event emitter for react.",
   "version": "3.0.0",
-  "typings": "types/index.d.ts",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "dist/index.d.mts",
+      "require": "dist/index.js",
+      "default": "dist/index.mjs"
+    }
+  },
   "author": "Renée Kooi <[email protected]>",
   "bugs": {
     "url": "https://github.com/goto-bus-stop/react-bus/issues"
@@ -15,10 +24,9 @@
     "react": ">=17.0.0"
   },
   "devDependencies": {
-    "@rollup/plugin-buble": "^0.21.3",
     "react": "^17.0.0",
     "react-test-renderer": "^17.0.0",
-    "rollup": "^2.38.0",
+    "tsup": "^8.1.0",
     "typescript": "^5.0.2"
   },
   "homepage": "https://github.com/goto-bus-stop/react-bus#readme",
@@ -30,14 +38,12 @@
     "react"
   ],
   "license": "MIT",
-  "main": "./dist/react-bus.cjs.js",
-  "module": "./dist/react-bus.es.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/goto-bus-stop/react-bus.git"
   },
   "scripts": {
-    "build": "rollup -c",
+    "build": "tsup --format=esm --format=cjs --dts index.tsx index.tsx",
     "prepare": "npm run build",
     "test": "node --test"
   }

tsconfig.json

@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
     "lib": ["es2015"],
+    "moduleResolution": "node",
     "allowJs": true,
     "checkJs": true,
     "declaration": true,
@@ -10,5 +11,5 @@
     "esModuleInterop": true,
     "outDir": "types"
   },
-  "files": ["index.js"]
+  "files": ["index.tsx"]
 }