chore: upgrade to Rollup 4, TypeScript 5, drop throttle-debounce

Replace rollup.config.js with rollup.config.mjs, swap rollup v1 plugins
for @rollup/plugin-node-resolve and @rollup/plugin-typescript, and
remove the throttle-debounce runtime dependency.

Author: iamdarshshah

package.json

@@ -56,11 +56,12 @@
     "@storybook/addon-essentials": "^7.6.0",
     "@storybook/react": "^7.6.0",
     "@storybook/react-webpack5": "^7.6.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
     "@testing-library/react": "^12.1.5",
     "@types/jest": "^29.5.14",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
-    "@types/throttle-debounce": "^2.1.0",
     "@typescript-eslint/eslint-plugin": "^8.50.1",
     "@typescript-eslint/parser": "^8.50.1",
     "babel-loader": "^8.0.6",
@@ -75,17 +76,13 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.0",
-    "rollup": "^1.26.3",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-typescript2": "^0.25.2",
+    "rollup": "^4.0.0",
     "size-limit": "^12.0.1",
     "storybook": "^7.6.0",
     "ts-jest": "^29.4.6",
-    "typescript": "^4.9.0"
-  },
-  "dependencies": {
-    "throttle-debounce": "^2.1.0"
+    "typescript": "^5.4.0"
   },
+  "dependencies": {},
   "size-limit": [
     {
       "path": "dist/index.es.js",

rollup.config.js

@@ -0,0 +1,35 @@
+import resolve from '@rollup/plugin-node-resolve';
+import typescript from '@rollup/plugin-typescript';
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+const pkg = require('./package.json');
+
+export default {
+  input: './src/index.tsx',
+  output: [
+    {
+      file: pkg.main,
+      format: 'cjs',
+      sourcemap: true,
+    },
+    {
+      file: pkg.module,
+      format: 'es',
+      sourcemap: true,
+    },
+    {
+      file: pkg.unpkg,
+      format: 'iife',
+      sourcemap: true,
+      name: 'InfiniteScroll',
+      globals: {
+        react: 'React',
+        'react/jsx-runtime': 'ReactJSXRuntime',
+        'react-dom': 'ReactDOM',
+      },
+    },
+  ],
+  external: [...Object.keys(pkg.peerDependencies || {}), 'react/jsx-runtime'],
+  plugins: [resolve(), typescript({ tsconfig: './tsconfig.json' })],
+};

rollup.config.mjs

@@ -6,23 +6,23 @@
     "lib": [
       "ES2019",
       "DOM"
-    ], /* Specify library files to be included in the compilation. */
+    ] /* Specify library files to be included in the compilation. */,
     // "allowJs": true,                       /* Allow javascript files to be compiled. */
     // "checkJs": true,                       /* Report errors in .js files. */
     "jsx": "react-jsx" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
     "declaration": true /* Generates corresponding '.d.ts' file. */,
     "declarationDir": "./dist",
-    "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */
-    "sourceMap": true, /* Generates corresponding '.map' file. */
+    "declarationMap": true /* Generates a sourcemap for each corresponding '.d.ts' file. */,
+    "sourceMap": true /* Generates corresponding '.map' file. */,
     // "outFile": "./",                       /* Concatenate and emit output to single file. */
-    "outDir": "./dist", /* Redirect output structure to the directory. */
+    "outDir": "./dist" /* Redirect output structure to the directory. */,
     // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
     // "composite": true,                     /* Enable project compilation */
     // "removeComments": true,                /* Do not emit comments to output. */
     // "noEmit": true,                        /* Do not emit outputs. */
     // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
     // "downlevelIteration": true,            /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
-    "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+    "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
     /* Strict Type-Checking Options */
     "strict": true /* Enable all strict type-checking options. */,
     "noImplicitAny": true /* Raise error on expressions and declarations with an implied 'any' type. */,
@@ -43,11 +43,13 @@
     // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
     // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
     // "typeRoots": [],                       /* List of folders to include type definitions from. */
-    // "types": [],                           /* Type declaration files to be included in compilation. */
+    "types": [
+      "jest"
+    ] /* Type declaration files to be included in compilation. */,
     // "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
     "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
     "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
+    "forceConsistentCasingInFileNames": true
     // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
     /* Source Map Options */
     // "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */
@@ -58,14 +60,6 @@
     // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
   },
-  "include": [
-    "src/**/*",
-    "lint-staged.config.js",
-    "jest.config.js",
-    "rollup.config.js"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}
+  "include": ["src/**/*", "lint-staged.config.js", "jest.config.js"],
+  "exclude": ["node_modules", "dist"]
+}