@stanlemon/webdev 0.1.29 → 0.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanlemon/webdev",
-  "version": "0.1.29",
+  "version": "0.1.32",
   "description": "My typical web development setup, but without all the copy and paste.",
   "keywords": [
     "webpack",
@@ -28,13 +28,13 @@
     "@stanlemon/eslint-config": "*",
     "@testing-library/dom": "^8.13.0",
     "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^14.0.4",
+    "@testing-library/react": "^13.1.1",
+    "@testing-library/user-event": "^14.1.0",
     "@types/jest": "^27.4.1",
-    "@types/react": "^18.0.1",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^18.0.5",
+    "@types/react-dom": "^18.0.1",
     "@types/webpack": "^5.28.0",
-    "@types/webpack-env": "^1.16.3",
+    "@types/webpack-env": "^1.16.4",
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.4",
     "clean-webpack-plugin": "^4.0.0",
@@ -46,8 +46,6 @@
     "less": "^4.1.2",
     "less-loader": "^10.2.0",
     "prettier": "^2.6.2",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
     "react-refresh": "^0.12.0",
     "style-loader": "^3.3.1",
     "typescript": "^4.6.3",
@@ -55,5 +53,14 @@
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.8.1"
+  },
+  "devDependencies": {
+    "@types/react-dom": "^18.0.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
   }
 }

package/test.tsx

@@ -1,4 +1,4 @@
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 
 type Props = {
   name: string;
@@ -8,4 +8,7 @@ function App({ name }: Props) {
   return <div>Hello {name}!</div>;
 }
 
-ReactDOM.render(<App name="world" />, document.getElementById("root"));
+const root = createRoot(
+  document.body.appendChild(document.createElement("div"))
+);
+root.render(<App name="world" />);

package/tsconfig.json

@@ -1,11 +1,15 @@
 {
   "compilerOptions": {
+    "noEmit": true,
     "target": "esnext",
     "lib": [
       "dom",
       "dom.iterable",
       "esnext"
     ],
+    "sourceMap": true,
+    "declaration": true,
+    "declarationMap": true,
     "allowJs": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
@@ -17,7 +21,6 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": true,
     "jsx": "react-jsx"
   }
 }

package/webpack.config.js

@@ -22,6 +22,7 @@ const WEBDEV_HTML = process.env.WEBDEV_HTML ?? "./index.html";
 // Proxy path's can be designated as path@host, separated by semi-colons
 // For example /api@http://localhost:3000;/auth@http://localhost:4000
 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 = {};
@@ -42,6 +43,7 @@ export default {
   output: {
     filename: "[name].[contenthash].js",
     path: path.resolve("./", "dist"),
+    publicPath: WEBPACK_PUBLIC_PATH,
   },
   devtool: isDevelopment ? "eval-source-map" : "source-map",
   devServer: {

package/dist/main.6f5ba670f2a14d925423.js

@@ -1,28 +0,0 @@
-"use strict";
-/*
- * ATTENTION: An "eval-source-map" devtool has been used.
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(self["webpackChunk_stanlemon_webdev"] = self["webpackChunk_stanlemon_webdev"] || []).push([["main"],{
-
-/***/ 8945:
-/*!******************!*\
-  !*** ./test.tsx ***!
-  \******************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("var _home_runner_work_javascript_javascript_node_modules_react_refresh_runtime_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache;\n__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _home_runner_work_javascript_javascript_node_modules_react_refresh_runtime_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/react-refresh/runtime.js */ 9139);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ 8316);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ 2322);\n/* provided dependency */ var __react_refresh_utils__ = __webpack_require__(/*! ../../node_modules/@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils.js */ 5506);\n\n__webpack_require__.$Refresh$.runtime = /*#__PURE__*/ (_home_runner_work_javascript_javascript_node_modules_react_refresh_runtime_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache || (_home_runner_work_javascript_javascript_node_modules_react_refresh_runtime_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache = __webpack_require__.t(_home_runner_work_javascript_javascript_node_modules_react_refresh_runtime_js__WEBPACK_IMPORTED_MODULE_0__, 2)));\n\n\n\n\n\nfunction App({\n  name\n}) {\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(\"div\", {\n    children: [\"Hello \", name, \"!\"]\n  });\n}\n\n_c = App;\nreact_dom__WEBPACK_IMPORTED_MODULE_1__.render( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(App, {\n  name: \"world\"\n}), document.getElementById(\"root\"));\n\nvar _c;\n\n__webpack_require__.$Refresh$.register(_c, \"App\");\n\nconst $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId;\nconst $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports(\n\t$ReactRefreshModuleId$\n);\n\nfunction $ReactRefreshModuleRuntime$(exports) {\n\tif (false) {}\n}\n\nif (typeof Promise !== 'undefined' && $ReactRefreshCurrentExports$ instanceof Promise) {\n\t$ReactRefreshCurrentExports$.then($ReactRefreshModuleRuntime$);\n} else {\n\t$ReactRefreshModuleRuntime$($ReactRefreshCurrentExports$);\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiODk0NS5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7OztBQU1BLFNBQVNDLEdBQVQsQ0FBYTtBQUFFQztBQUFGLENBQWIsRUFBOEI7QUFDNUIsc0JBQU87QUFBQSx5QkFBWUEsSUFBWjtBQUFBLElBQVA7QUFDRDs7S0FGUUQ7QUFJVEQsNkNBQUEsZUFBZ0IsdURBQUMsR0FBRDtBQUFLLE1BQUksRUFBQztBQUFWLEVBQWhCLEVBQXNDSSxRQUFRLENBQUNDLGNBQVQsQ0FBd0IsTUFBeEIsQ0FBdEMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9Ac3RhbmxlbW9uL3dlYmRldi8uL3Rlc3QudHN4P2ZhYTciXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0RE9NIGZyb20gXCJyZWFjdC1kb21cIjtcblxudHlwZSBQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xufTtcblxuZnVuY3Rpb24gQXBwKHsgbmFtZSB9OiBQcm9wcykge1xuICByZXR1cm4gPGRpdj5IZWxsbyB7bmFtZX0hPC9kaXY+O1xufVxuXG5SZWFjdERPTS5yZW5kZXIoPEFwcCBuYW1lPVwid29ybGRcIiAvPiwgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCJyb290XCIpKTtcbiJdLCJuYW1lcyI6WyJSZWFjdERPTSIsIkFwcCIsIm5hbWUiLCJyZW5kZXIiLCJkb2N1bWVudCIsImdldEVsZW1lbnRCeUlkIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///8945\n");
-
-/***/ })
-
-},
-/******/ __webpack_require__ => { // webpackRuntimeModules
-/******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-/******/ __webpack_require__.O(0, ["react-node_modules_react-dom_index_js-node_modules_react-refresh_runtime_js-node_modules_reac-b15b54","vendors"], () => (__webpack_exec__(794), __webpack_exec__(6101), __webpack_exec__(8945)));
-/******/ var __webpack_exports__ = __webpack_require__.O();
-/******/ }
-]);