fix: esm exports (#263)

Author: jorisre

.github/dependabot.yml

@@ -13,15 +13,15 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node: ['14.x']
+        node: ['16.x']
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:
       - name: Checkout repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Use Node ${{ matrix.node }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node }}
 
@@ -34,21 +34,16 @@ jobs:
       - name: Test
         run: yarn test --ci --coverage --maxWorkers=2
 
-      - name: Upload coverage to Codecov
-        uses: codecov/codecov-action@v1
-        with:
-          token: ${{ secrets.CODECOV_TOKEN }}
-
   publish-module:
     name: 'Publish Module to NPM on Node ${{ matrix.node }} and ${{ matrix.os }}'
     needs: build
     if: github.repository == 'jorisre/react-screen-wake-lock' && (github.ref =='refs/heads/main')
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: 'Use Node ${{ matrix.node }}'
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: '${{ matrix.node }}'
           registry-url: 'https://registry.npmjs.org/'

.github/workflows/main.yml

@@ -11,11 +11,11 @@
     "react-screen-wake-lock": "^3.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.13",
-    "@types/react-dom": "^18.0.5",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
     "@vitejs/plugin-react-refresh": "^1.3.1",
-    "typescript": "^4.1.2",
-    "vite": "^3.1.4"
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9"
   },
   "alias": {
     "react": "../node_modules/react",

.prettierrc.json

@@ -1,12 +1,13 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 import './styles/style.css';
 import './styles/switch.css';
 
-ReactDOM.render(
+const root = createRoot(document.getElementById('root')!);
+
+root.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root')
 );

example/package.json

@@ -28,7 +28,12 @@
   "type": "module",
   "source": "src/index.ts",
   "main": "dist/react-screen-wake-lock.cjs",
-  "exports": "./dist/react-screen-wake-lock.esm.js",
+  "nodule": "./dist/react-screen-wake-lock.esm.js",
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "require": "./dist/react-screen-wake-lock.cjs",
+    "default": "./dist/react-screen-wake-lock.esm.js"
+  },
   "umd:main": "dist/react-screen-wake-lock.umd.js",
   "unpkg": "dist/react-screen-wake-lock.umd.js",
   "typings": "dist/index.d.ts",
@@ -55,36 +60,36 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@testing-library/dom": "^9.0.0",
+    "@testing-library/dom": "^9.3.1",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^8.0.1",
-    "@types/dom-screen-wake-lock": "^1.0.0",
-    "@types/jest": "^29.1.1",
-    "@types/react": "^18.0.13",
-    "@types/react-dom": "^18.0.5",
-    "@typescript-eslint/eslint-plugin": "^5.39.0",
-    "@typescript-eslint/parser": "^5.39.0",
-    "eslint": "^8.24.0",
-    "eslint-plugin-react": "^7.23.1",
+    "@types/dom-screen-wake-lock": "^1.0.1",
+    "@types/jest": "^29.5.4",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.4.1",
+    "@typescript-eslint/parser": "^6.4.1",
+    "eslint": "^8.48.0",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-testing-library": "^5.7.2",
-    "husky": "^8.0.1",
-    "jest": "^29.1.2",
-    "jest-environment-jsdom": "^29.1.2",
+    "eslint-plugin-testing-library": "^6.0.1",
+    "husky": "^8.0.3",
+    "jest": "^29.6.4",
+    "jest-environment-jsdom": "^29.6.4",
     "jest-wake-lock-mock": "^1.1.0",
     "lodash": "^4.17.21",
     "microbundle": "^0.15.1",
     "nano-staged": "^0.8.0",
     "npm-run-all": "^4.1.5",
     "pinst": "^3.0.0",
-    "prettier": "^2.2.1",
+    "prettier": "^3.0.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-test-renderer": "18.2.0",
-    "rimraf": "^4.0.4",
-    "ts-jest": "^29.0.3",
+    "rimraf": "^5.0.1",
+    "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",
-    "typescript": "^5.0.2"
+    "typescript": "^5.2.2"
   },
   "nano-staged": {
     "*.{ts,tsx}": "eslint --fix",

example/src/main.tsx

@@ -0,0 +1,7 @@
+module.exports = {
+  trailingComma: 'all',
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+  printWidth: 100,
+};

example/yarn.lock

@@ -0,0 +1,8 @@
+{
+  "groupName": "All",
+  "labels": [
+    "renovate"
+  ],
+  "rangeStrategy": "bump",
+  "schedule": "at any time"
+}