react-diff-viewer-continued 4.0.0 → 4.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-diff-viewer-continued",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "private": false,
   "description": "Continuation of a simple and beautiful text diff viewer component made with diff and React",
   "keywords": [
@@ -19,76 +19,46 @@
     "Pranesh Ravi<praneshpranesh@gmail.com>",
     "Bart Riepe <bart@serial-experiments.com>"
   ],
-  "main": "lib/index",
-  "typings": "lib/index",
+  "main": "lib/cjs/src/index",
+  "module": "lib/esm/src/index",
+  "typings": "lib/cjs/src/index",
   "scripts": {
-    "build": "tsc --outDir lib/",
-    "build:examples": "webpack --progress",
-    "build:watch": "tsc --outDir lib/ -w",
+    "build": "tsc --project tsconfig.json && tsc --project tsconfig.esm.json",
+    "build:examples": "vite build examples",
     "publish:examples": "NODE_ENV=production pnpm run build:examples && gh-pages -d examples/dist -r $GITHUB_REPO_URL",
     "publish:examples:local": "NODE_ENV=production pnpm run build:examples && gh-pages -d examples/dist",
-    "start:examples": "webpack-dev-server --open --hot",
-    "test": "jest ./test/**",
-    "test:watch": "jest",
-    "lint": "eslint src/ test/",
-    "lint:fix": "eslint --fix src/ test/",
+    "start:examples": "vite examples",
+    "test": "vitest",
+    "lint": "biome lint src/ test/",
+    "lint:fix": "biome lint --apply-unsafe src/ test/",
     "prettier": "prettier --write ."
   },
   "dependencies": {
     "@emotion/css": "^11.11.2",
     "classnames": "^2.3.2",
-    "diff": "^5.1.0",
-    "memoize-one": "^6.0.0",
-    "prop-types": "^15.8.1"
+    "diff": "^5.2.0",
+    "memoize-one": "^6.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-env": "^7.23.2",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.2",
+    "@biomejs/biome": "^1.5.3",
     "@semantic-release/changelog": "6.0.1",
     "@semantic-release/git": "10.0.1",
     "@testing-library/react": "^13.4.0",
     "@types/diff": "^5.0.6",
-    "@types/expect": "^1.20.4",
-    "@types/memoize-one": "^4.1.1",
-    "@types/mocha": "^5.2.7",
-    "@types/node": "^12.20.55",
-    "@types/prop-types": "15.7.5",
-    "@types/react": "^16.14.49",
-    "@types/react-dom": "^16.9.20",
-    "@types/webpack": "^4.41.34",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "css-loader": "^6.8.1",
-    "eslint": "^8.51.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "expect": "^28.1.3",
-    "file-loader": "^6.2.0",
+    "@types/memoize-one": "^5.1.2",
+    "@types/node": "^20.11.17",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
     "gh-pages": "^4.0.0",
-    "html-webpack-plugin": "^5.5.3",
-    "jest": "^28.1.3",
-    "jest-environment-jsdom": "^28.1.3",
-    "mini-css-extract-plugin": "^2.7.6",
-    "mocha": "^10.2.0",
-    "prettier": "^2.8.8",
-    "raw-loader": "^4.0.2",
+    "happy-dom": "^13.3.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sass": "^1.69.3",
-    "sass-loader": "^13.3.2",
+    "sass": "^1.70.0",
     "semantic-release": "^19.0.5",
-    "spy": "^1.0.0",
-    "ts-loader": "^9.5.0",
     "ts-node": "^10.9.1",
     "typescript": "^5.2.2",
-    "webpack": "^5.89.0",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.15.1"
+    "vite": "^5.1.1",
+    "vitest": "^1.2.2"
   },
   "peerDependencies": {
     "react": "^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0",

package/tsconfig.esm.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "outDir": "lib/esm",
+    "declaration": false
+  },
+  "include": ["src/", "examples/"],
+  "exclude": ["node_modules"]
+}

package/tsconfig.json

@@ -6,11 +6,15 @@
     "moduleResolution": "node",
     "noImplicitAny": true,
     "esModuleInterop": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
     "target": "es2015",
     "declaration": true,
     "downlevelIteration": true,
     "lib": ["es2017", "dom"],
-    "types": ["jest", "node"]
+    "types": ["node"],
+    "outDir": "lib/cjs"
   },
   "include": ["src/", "examples/"],
   "exclude": ["node_modules"]

package/vitest.config.ts

@@ -0,0 +1,5 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  environment: 'jsdom'
+})

package/.eslintrc

@@ -1,13 +0,0 @@
-{
-  "extends": ["airbnb-base", "plugin:@typescript-eslint/recommended"],
-  "rules": {
-    "@typescript-eslint/indent": ["error", 2],
-    "arrow-body-style": "off",
-    "import/extensions": "off"
-  },
-  "env": {
-    "mocha": true,
-    "node": true,
-    "browser": true
-  }
-}

package/.github/workflows/test.yml

@@ -1,25 +0,0 @@
-name: Test
-on:
-  push:
-  pull_request:
-
-jobs:
-  release:
-    name: Unit tests
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-        with:
-          fetch-depth: 0
-      - name: Setup Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: 'lts/*'
-      - uses: pnpm/action-setup@v2.2.4
-        with:
-          version: latest
-      - name: Install dependencies
-        run: pnpm i
-      - name: Run unit tests
-        run: pnpm run test

package/.prettierrc

@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "trailingComma": "all"
-}

package/jest.config.js

@@ -1,5 +0,0 @@
-const config = {
-  testEnvironment: 'jsdom',
-};
-
-module.exports = config;

package/webpack.config.js

@@ -1,60 +0,0 @@
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const Css = require('mini-css-extract-plugin');
-
-module.exports = {
-  entry: {
-    main: './examples/src/index.tsx',
-  },
-  mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
-  resolve: {
-    extensions: ['.jsx', '.tsx', '.ts', '.scss', '.css', '.js'],
-  },
-  output: {
-    path: path.resolve(__dirname, 'examples/dist'),
-    filename: '[name].js',
-  },
-  devServer: {
-    static: {
-      directory: path.resolve(__dirname, 'examples/dist'),
-    },
-    port: 8000,
-    hot: true,
-  },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        use: [
-          {
-            loader: 'ts-loader',
-            options: {
-              configFile: 'tsconfig.json',
-            },
-          },
-        ],
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.s?css$/,
-        use: [Css.loader, 'css-loader', 'sass-loader'],
-      },
-      {
-        test: /\.xml|.rjs|.java/,
-        use: 'raw-loader',
-      },
-      {
-        test: /\.svg|.png/,
-        use: 'file-loader',
-      },
-    ],
-  },
-  plugins: [
-    new HtmlWebpackPlugin({
-      template: './examples/src/index.ejs',
-    }),
-    new Css({
-      filename: 'main.css',
-    }),
-  ],
-};