@stanlemon/webdev 0.1.200 → 0.2.0

package/eslint.config.js

@@ -0,0 +1 @@
+export { default } from "@stanlemon/eslint-config";

package/jest.config.js

@@ -1,6 +1,5 @@
-const path = require("path");
-
-const babelOptions = require("./.babelrc.json");
+import path from "path";
+import babelOptions from "./.babelrc.json" assert { type: "json" };
 
 // Disable using esmodules everywhere
 babelOptions.presets.find(
@@ -19,9 +18,9 @@ const esModules = [
   "@stanlemon/server-with-auth",
 ].join("|");
 
-module.exports = {
+export default {
   verbose: true,
-  setupFilesAfterEnv: [path.resolve(__dirname, "./jest.setup.js")],
+  setupFilesAfterEnv: [path.resolve(import.meta.dirname, "./jest.setup.js")],
   testEnvironment: "jsdom",
   transform: {
     "^.+\\.(js|jsx|ts|tsx)?$": ["babel-jest", babelOptions],
@@ -32,7 +31,7 @@ module.exports = {
   moduleNameMapper: {
     "\\.(css|less|sass|scss)$": "identity-obj-proxy",
     // Force module uuid to resolve with the CJS entry point, because Jest does not support package.json.exports. See https://github.com/uuidjs/uuid/issues/451
-    uuid: require.resolve("uuid"),
+    "^uuid$": "uuid",
   },
   testPathIgnorePatterns: ["/node_modules/", "/dist/"],
   coverageDirectory: "coverage",

package/jest.setup.js

@@ -1,4 +1,4 @@
-require("@testing-library/jest-dom");
+import "@testing-library/jest-dom";
 
 if (!global.setImmediate) {
   // This is as gross as it looks. It's a workaround for using PouchDB in tests.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanlemon/webdev",
-  "version": "0.1.200",
+  "version": "0.2.0",
   "description": "My typical web development setup, but without all the copy and paste.",
   "keywords": [
     "webpack",
@@ -13,11 +13,13 @@
   "engines": {
     "node": ">=20.0"
   },
-  "type": "commonjs",
+  "type": "module",
   "scripts": {
     "build": "WEBDEV_ENTRY=./example.tsx webpack build",
     "lint": "eslint .",
-    "lint:fix": "eslint --fix ."
+    "lint:fix": "eslint --fix .",
+    "test": "jest",
+    "tsc": "tsc"
   },
   "dependencies": {
     "@babel/cli": "^7.25.6",

package/tsconfig.json

@@ -15,8 +15,8 @@
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
     "noImplicitAny": true,
-    "module": "ES6",
-    "moduleResolution": "node",
+    "module": "es2015",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "react-jsx"

package/webpack.config.js

@@ -1,14 +1,13 @@
-const path = require("path");
-const { existsSync } = require("fs");
-const webpack = require("webpack");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
-const { config } = require("dotenv");
+import path from "path";
+import { existsSync } from "fs";
+import webpack from "webpack";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
+import { config } from "dotenv";
+import babelOptions from "./.babelrc.json" assert { type: "json" };
 
 config();
 
-const babelOptions = require("./.babelrc.json");
-
 function getWebdevEntry() {
   if (process.env.WEBDEV_ENTRY) {
     return process.env.WEBDEV_ENTRY;
@@ -33,19 +32,22 @@ const WEBDEV_PROXY = process.env.WEBDEV_PROXY ?? "";
 const WEBPACK_PUBLIC_PATH = process.env.WEBPACK_PUBLIC_PATH ?? "/";
 const NODE_ENV = process.env.NODE_ENV ?? "development";
 
-const proxy = {};
-WEBDEV_PROXY.split(";").forEach((entry) => {
-  if (entry.indexOf("@") === -1) {
-    return;
-  }
-  const path = entry.substring(0, entry.indexOf("@"));
-  const host = entry.substring(entry.indexOf("@") + 1);
-  proxy[path] = host;
-});
+const proxy = WEBDEV_PROXY.split(";")
+  .map((entry) => {
+    if (entry.indexOf("@") === -1) {
+      return null;
+    }
+    const path = entry.substring(0, entry.indexOf("@"));
+    const host = entry.substring(entry.indexOf("@") + 1);
+
+    return { context: [path], target: host };
+  })
+  // Remove any nulls
+  .filter((e) => e !== null);
 
 const isDevelopment = NODE_ENV !== "production";
 
-module.exports = {
+export default {
   mode: isDevelopment ? "development" : "production",
   entry: WEBDEV_ENTRY.split(";"),
   output: {
@@ -100,7 +102,6 @@ module.exports = {
           loader: "babel-loader",
           options: {
             ...babelOptions,
-            plugins: [isDevelopment && "react-refresh/babel"].filter(Boolean),
           },
         },
         resolve: {

package/.eslintignore

@@ -1 +0,0 @@
-dist/**

package/.eslintrc.json

@@ -1,5 +0,0 @@
-{
-  "extends": [
-    "@stanlemon"
-  ]
-}