@rspack/dev-client - npm Package Compare versions

Comparing version 0.0.0-cee6624d89-20221111073501 to 0.0.0-cf8719208-20221122074551

CHANGELOG.md

 # @rspack/dev-client
 
-## 0.0.0-cee6624d89-20221111073501
+## 0.0.0-cf8719208-20221122074551
 
 ### Patch Changes
 
-- Updated dependencies [cee6624d89]
-  - @rspack/core@0.0.0-cee6624d89-20221111073501
+- Updated dependencies [2eca9aded]
+  - @rspack/core@0.0.0-cf8719208-20221122074551
 
+## 0.0.10
+
+### Patch Changes
+
+- Updated dependencies [062e692d]
+  - @rspack/core@0.0.10
+
 ## 0.0.9
@@ -11,0 +18,0 @@

dist/devServer.js

@@ -5,8 +5,9 @@ // copy from webpack/hot/dev-server
 if (module.hot) {
-    var lastHash;
+    // var lastHash;
     var upToDate = function upToDate() {
+        // TODO: should use hash.
         // return lastHash.indexOf(__webpack_hash__) >= 0;
         return false;
     };
-    var log = require("./log");
+    var log = require("./utils/log");
     var check = function check() {
@@ -22,5 +23,6 @@ module.hot
             }
-            if (!upToDate()) {
-                // check();
-            }
+            // TODO: add this after hash
+            // if (!upToDate()) {
+            // 	// check();
+            // }
             // require("./log-apply-result")(updatedModules, updatedModules);
@@ -43,7 +45,6 @@ if (upToDate()) {
     };
-    self.__rspack_runtime__.hotEmitter =
-        self.__rspack_runtime__.hotEmitter || require("./emitter");
-    //TODO:  var hotEmitter = require("./emitter");
-    self.__rspack_runtime__.hotEmitter.on("hotUpdate", function (currentHash) {
-        lastHash = currentHash;
+    self.hotEmitter = self.hotEmitter || require("./emitter");
+    self.hotEmitter.on("hotUpdate", function (_currentHash) {
+        // TODO: should use hash
+        // lastHash = currentHash;
         if (!upToDate() && module.hot.status() === "idle") {
@@ -50,0 +51,0 @@ log("info", "[HMR] Checking for updates on the server...");

dist/index.js

@@ -7,34 +7,18 @@ "use strict";
 const socket_1 = __importDefault(require("./socket"));
-// const parsedResourceQuery = parseURL(document.location.toString());
-// const socketURL = createSocketURL(parsedResourceQuery as any);
-function reloadApp(data) {
-    // @ts-ignore
-    self.__rspack_runtime__.__rspack_require__.hmrM = () => {
-        return new Promise(resolve => {
-            const { uri, content } = JSON.parse(data);
-            const update = {
-                c: ["main"],
-                r: [],
-                m: [],
-                // TODO: remove this after hash
-                updatedModule: {
-                    uri,
-                    content: `self["hotUpdate"](
-						"main", 
-						{ 
-							"${uri}": function (module, exports, __rspack_require__) { ${content} } 
-						}
-						)`
-                }
-            };
-            resolve(update);
-        });
-    };
-    // @ts-ignore
-    self.__rspack_runtime__.hotEmitter.emit("hotUpdate");
-}
+const createSocketURL_1 = __importDefault(require("./createSocketURL"));
+const parseURL_js_1 = __importDefault(require("./parseURL.js"));
+const reloadApp_1 = __importDefault(require("./utils/reloadApp"));
+const status = {
+    currentHash: ""
+};
+const options = {
+    hot: true,
+    liveReload: true,
+    progress: true,
+    overlay: true
+};
+// TODO: change `options` by the result of `parsedResourceQuery`.
 const onSocketMessage = {
-    // TODO: remove data after jsonp
-    ok: function (data) {
-        reloadApp(data);
+    ok: function () {
+        (0, reloadApp_1.default)(options, status);
     },
@@ -45,6 +29,9 @@ close: function () {
     "static-changed": function () {
+        // Use it after memoryFileSystem.
         self.location.reload();
     }
 };
-(0, socket_1.default)(`ws://${location.host}/ws`, onSocketMessage);
+const parsedResourceQuery = (0, parseURL_js_1.default)(location.search);
+const socketURL = (0, createSocketURL_1.default)(parsedResourceQuery);
+(0, socket_1.default)(socketURL, onSocketMessage);
 //# sourceMappingURL=index.js.map

dist/reactRefresh.js

@@ -16,5 +16,5 @@ const RefreshRuntime = require("react-refresh/runtime");
     // @ts-ignored
-    __rspack_runtime__.installedModules[id] =
+    __webpack_require__.m[id] =
         // @ts-ignored
-        __rspack_runtime__.installedModules[id] ||
+        __webpack_require__.m[id] ||
             function (module, exports) {
@@ -21,0 +21,0 @@ module.exports = {

dist/socket.d.ts

 export interface Handler {
-    ok(data: any): void;
+    ok(): void;
     close(): void;
@@ -4,0 +4,0 @@ "static-changed"(): void;

package.json

 {
   "name": "@rspack/dev-client",
   "description": "",
-  "version": "0.0.0-cee6624d89-20221111073501",
+  "version": "0.0.0-cf8719208-20221122074551",
   "author": "",
@@ -14,6 +14,7 @@ "license": "ISC",
     "ws": "8.8.1",
-    "events": "3.3.0"
+    "events": "3.3.0",
+    "mini-css-extract-plugin": "2.6.1"
   },
   "peerDependencies": {
-    "@rspack/core": "0.0.0-cee6624d89-20221111073501",
+    "@rspack/core": "0.0.0-cf8719208-20221122074551",
     "react-refresh": ">=0.10.0 <1.0.0"
@@ -24,3 +25,4 @@ },
     "./devServer": "./dist/devServer.js",
-    "./react-refresh": "./dist/reactRefresh.js"
+    "./react-refresh": "./dist/reactRefresh.js",
+    "./css": "./dist/css.js"
   },
@@ -27,0 +29,0 @@ "scripts": {

src/devServer.ts

@@ -5,8 +5,9 @@ // copy from webpack/hot/dev-server
 if (module.hot) {
-	var lastHash;
+	// var lastHash;
 	var upToDate = function upToDate() {
+		// TODO: should use hash.
 		// return lastHash.indexOf(__webpack_hash__) >= 0;
 		return false;
 	};
-	var log = require("./log");
+	var log = require("./utils/log");
 	var check = function check() {
@@ -26,5 +27,6 @@ module.hot
 
-				if (!upToDate()) {
-					// check();
-				}
+				// TODO: add this after hash
+				// if (!upToDate()) {
+				// 	// check();
+				// }
 
@@ -51,7 +53,6 @@ // require("./log-apply-result")(updatedModules, updatedModules);
 	};
-	self.__rspack_runtime__.hotEmitter =
-		self.__rspack_runtime__.hotEmitter || require("./emitter");
-	//TODO:  var hotEmitter = require("./emitter");
-	self.__rspack_runtime__.hotEmitter.on("hotUpdate", function (currentHash) {
-		lastHash = currentHash;
+	self.hotEmitter = self.hotEmitter || require("./emitter");
+	self.hotEmitter.on("hotUpdate", function (_currentHash) {
+		// TODO: should use hash
+		// lastHash = currentHash;
 		if (!upToDate() && module.hot.status() === "idle") {
@@ -58,0 +59,0 @@ log("info", "[HMR] Checking for updates on the server...");

src/index.ts

@@ -5,37 +5,18 @@ import socket from "./socket";
 import type { Handler } from "./socket";
+import reloadApp from "./utils/reloadApp";
 
-// const parsedResourceQuery = parseURL(document.location.toString());
-// const socketURL = createSocketURL(parsedResourceQuery as any);
+const status = {
+	currentHash: ""
+};
+const options = {
+	hot: true,
+	liveReload: true,
+	progress: true,
+	overlay: true
+};
+// TODO: change `options` by the result of `parsedResourceQuery`.
 
-function reloadApp(data: string) {
-	// @ts-ignore
-	self.__rspack_runtime__.__rspack_require__.hmrM = () => {
-		return new Promise(resolve => {
-			const { uri, content } = JSON.parse(data);
-			const update = {
-				c: ["main"],
-				r: [],
-				m: [],
-				// TODO: remove this after hash
-				updatedModule: {
-					uri,
-					content: `self["hotUpdate"](
-						"main", 
-						{ 
-							"${uri}": function (module, exports, __rspack_require__) { ${content} } 
-						}
-						)`
-				}
-			};
-			resolve(update);
-		});
-	};
-	// @ts-ignore
-	self.__rspack_runtime__.hotEmitter.emit("hotUpdate");
-}
-
 const onSocketMessage: Handler = {
-	// TODO: remove data after jsonp
-	ok: function (data): void {
-		reloadApp(data);
+	ok: function (): void {
+		reloadApp(options, status);
 	},
@@ -46,2 +27,3 @@ close: function (): void {
 	"static-changed": function () {
+		// Use it after memoryFileSystem.
 		self.location.reload();
@@ -51,2 +33,5 @@ }
 
-socket(`ws://${location.host}/ws`, onSocketMessage);
+const parsedResourceQuery = parseURL(location.search);
+const socketURL = createSocketURL(parsedResourceQuery as any);
+
+socket(socketURL, onSocketMessage);

src/reactRefresh.ts

@@ -20,5 +20,5 @@ const RefreshRuntime = require("react-refresh/runtime");
 	// @ts-ignored
-	__rspack_runtime__.installedModules[id] =
+	__webpack_require__.m[id] =
 		// @ts-ignored
-		__rspack_runtime__.installedModules[id] ||
+		__webpack_require__.m[id] ||
 		function (module, exports) {
@@ -25,0 +25,0 @@ module.exports = {

src/socket.ts

 import { createWebSocketClient } from "./ws";
 
 export interface Handler {
-	// TODO: remove data after jsonp
-	ok(data: any): void;
+	ok(): void;
 	close(): void;
@@ -7,0 +6,0 @@ "static-changed"(): void;

No alert changes

Improved metrics

Total package byte prevSize

88406

increased by16.76%

Number of package files

69

increased by27.78%

Lines of code

1044

increased by17.04%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Addedmini-css-extract-plugin@2.6.1

• + Added@jridgewell/gen-mapping@0.3.8(transitive)

• + Added@jridgewell/resolve-uri@3.1.2(transitive)

• + Added@jridgewell/set-array@1.2.1(transitive)

• + Added@jridgewell/source-map@0.3.6(transitive)

• + Added@jridgewell/sourcemap-codec@1.5.0(transitive)

• + Added@jridgewell/trace-mapping@0.3.25(transitive)

• + Added@rspack/binding@0.0.0-cf8719208-20221122074551(transitive)

• + Added@rspack/core@0.0.0-cf8719208-20221122074551(transitive)

• + Added@swc/helpers@0.4.13(transitive)

• + Added@types/eslint@9.6.1(transitive)

• + Added@types/eslint-scope@3.7.7(transitive)

• + Added@types/estree@1.0.6(transitive)

• + Added@types/json-schema@7.0.15(transitive)

• + Added@types/node@22.13.1(transitive)

• + Added@webassemblyjs/ast@1.14.1(transitive)

• + Added@webassemblyjs/floating-point-hex-parser@1.13.2(transitive)

• + Added@webassemblyjs/helper-api-error@1.13.2(transitive)

• + Added@webassemblyjs/helper-buffer@1.14.1(transitive)

• + Added@webassemblyjs/helper-numbers@1.13.2(transitive)

• + Added@webassemblyjs/helper-wasm-bytecode@1.13.2(transitive)

• + Added@webassemblyjs/helper-wasm-section@1.14.1(transitive)

• + Added@webassemblyjs/ieee754@1.13.2(transitive)

• + Added@webassemblyjs/leb128@1.13.2(transitive)

• + Added@webassemblyjs/utf8@1.13.2(transitive)

• + Added@webassemblyjs/wasm-edit@1.14.1(transitive)

• + Added@webassemblyjs/wasm-gen@1.14.1(transitive)

• + Added@webassemblyjs/wasm-opt@1.14.1(transitive)

• + Added@webassemblyjs/wasm-parser@1.14.1(transitive)

• + Added@webassemblyjs/wast-printer@1.14.1(transitive)

• + Added@xtuc/ieee754@1.2.0(transitive)

• + Added@xtuc/long@4.2.2(transitive)

• + Addedacorn@8.14.0(transitive)

• + Addedajv@6.12.68.17.1(transitive)

• + Addedajv-formats@2.1.1(transitive)

• + Addedajv-keywords@3.5.25.1.0(transitive)

• + Addedbuffer-from@1.1.2(transitive)

• + Addedchrome-trace-event@1.0.4(transitive)

• + Addedcommander@2.20.3(transitive)

• + Addedenhanced-resolve@5.18.1(transitive)

• + Addedes-module-lexer@1.6.0(transitive)

• + Addedeslint-scope@5.1.1(transitive)

• + Addedesrecurse@4.3.0(transitive)

• + Addedestraverse@4.3.05.3.0(transitive)

• + Addedfast-deep-equal@3.1.3(transitive)

• + Addedfast-json-stable-stringify@2.1.0(transitive)

• + Addedfast-uri@3.0.6(transitive)

• + Addedglob-to-regexp@0.4.1(transitive)

• + Addedgraceful-fs@4.2.11(transitive)

• + Addedhas-flag@4.0.0(transitive)

• + Addedjest-worker@27.5.1(transitive)

• + Addedjson-parse-even-better-errors@2.3.1(transitive)

• + Addedjson-schema-traverse@0.4.11.0.0(transitive)

• + Addedloader-runner@4.3.0(transitive)

• + Addedmerge-stream@2.0.0(transitive)

• + Addedmime-db@1.52.0(transitive)

• + Addedmime-types@2.1.35(transitive)

• + Addedmini-css-extract-plugin@2.6.1(transitive)

• + Addedpunycode@2.3.1(transitive)

• + Addedrandombytes@2.1.0(transitive)

• + Addedrequire-from-string@2.0.2(transitive)

• + Addedsafe-buffer@5.2.1(transitive)

• + Addedschema-utils@3.3.04.3.0(transitive)

• + Addedserialize-javascript@6.0.2(transitive)

• + Addedsource-map-support@0.5.21(transitive)

• + Addedsupports-color@8.1.1(transitive)

• + Addedterser@5.38.2(transitive)

• + Addedterser-webpack-plugin@5.3.11(transitive)

• + Addedundici-types@6.20.0(transitive)

• + Addeduri-js@4.4.1(transitive)

• + Addedwatchpack@2.4.2(transitive)

• + Addedwebpack@5.97.1(transitive)

• - Removed@rspack/binding@0.0.0-cee6624d89-20221111073501(transitive)

• - Removed@rspack/core@0.0.0-cee6624d89-20221111073501(transitive)

• - Removed@rspack/plugin-less@0.0.0-fca72318f7-20221109072118(transitive)

• - Removed@rspack/plugin-postcss@0.0.0-fca72318f7-20221109072118(transitive)

• - Removedcopy-anything@2.0.6(transitive)

• - Removedcssesc@3.0.0(transitive)

• - Removeddebug@3.2.7(transitive)

• - Removederrno@0.1.8(transitive)

• - Removedgeneric-names@4.0.0(transitive)

• - Removediconv-lite@0.4.24(transitive)

• - Removedicss-replace-symbols@1.1.0(transitive)

• - Removedicss-utils@5.1.0(transitive)

• - Removedimage-size@0.5.5(transitive)

• - Removedis-what@3.14.1(transitive)

• - Removedklona@2.0.5(transitive)

• - Removedless@4.1.2(transitive)

• - Removedloader-utils@3.3.1(transitive)

• - Removedlodash.camelcase@4.3.0(transitive)

• - Removedmake-dir@2.1.0(transitive)

• - Removedmime@1.6.0(transitive)

• - Removedms@2.1.3(transitive)

• - Removednanoid@3.3.8(transitive)

• - Removedneedle@2.9.1(transitive)

• - Removedparse-node-version@1.0.1(transitive)

• - Removedpify@4.0.1(transitive)

• - Removedpostcss@8.5.2(transitive)

• - Removedpostcss-modules@5.0.0(transitive)

• - Removedpostcss-modules-extract-imports@3.1.0(transitive)

• - Removedpostcss-modules-local-by-default@4.2.0(transitive)

• - Removedpostcss-modules-scope@3.2.1(transitive)

• - Removedpostcss-modules-values@4.0.0(transitive)

• - Removedpostcss-pxtorem@6.1.0(transitive)

• - Removedpostcss-selector-parser@7.1.0(transitive)

• - Removedpostcss-value-parser@4.2.0(transitive)

• - Removedprr@1.0.1(transitive)

• - Removedsafer-buffer@2.1.2(transitive)

• - Removedsax@1.4.1(transitive)

• - Removedsemver@5.7.2(transitive)

• - Removedsource-map-js@1.2.1(transitive)

• - Removedstring-hash@1.1.3(transitive)

• - Removedutil-deprecate@1.0.2(transitive)