@lwrjs/client-modules - npm Package Compare versions

Comparing version 0.0.2-alpha17 to 0.0.2-alpha18

build/modules/lwr/hmr/hmr.js

 import { updateStaleModule } from './util/swap';
 
+async function moduleUpdate(payload) {
+    const {
+        oldUri,
+        newUri,
+        module: { specifier },
+    } = payload;
+
+    const oldModule = await import(oldUri);
+    const newModule = await import(newUri);
+
+    updateStaleModule({
+        oldModule,
+        newModule,
+        specifier,
+    });
+}
+
+async function viewUpdate(payload) {
+    const pathName = window.location.pathname;
+    const requestPath = payload.viewId.requestPath;
+
+    if (requestPath === pathName) {
+        window.location.reload();
+    }
+}
+
 export function initHMR() {
     const socket = new WebSocket(`ws://${location.host}`);
     socket.addEventListener('message', async ({ data }) => {
-        const event = JSON.parse(data);
-        if (event.eventType === 'moduleUpdate') {
-            const {
-                oldUri,
-                newUri,
-                module: { specifier },
-            } = event.payload;
-            const oldModule = await import(oldUri);
-            const newModule = await import(newUri);
-            updateStaleModule({
-                oldModule,
-                newModule,
-                specifier,
-            });
+        const { eventType, payload } = JSON.parse(data);
+
+        switch (eventType) {
+            case 'moduleUpdate':
+                return moduleUpdate(payload);
+            case 'viewUpdate':
+                return viewUpdate(payload);
+            default:
+                return;
         }
     });
 }

modules/lwr/hmr/hmr.js

 import { updateStaleModule } from './util/swap';
 
+async function moduleUpdate(payload) {
+    const {
+        oldUri,
+        newUri,
+        module: { specifier },
+    } = payload;
+
+    const oldModule = await import(oldUri);
+    const newModule = await import(newUri);
+
+    updateStaleModule({
+        oldModule,
+        newModule,
+        specifier,
+    });
+}
+
+async function viewUpdate(payload) {
+    const pathName = window.location.pathname;
+    const requestPath = payload.viewId.requestPath;
+
+    if (requestPath === pathName) {
+        window.location.reload();
+    }
+}
+
 export function initHMR() {
     const socket = new WebSocket(`ws://${location.host}`);
     socket.addEventListener('message', async ({ data }) => {
-        const event = JSON.parse(data);
-        if (event.eventType === 'moduleUpdate') {
-            const {
-                oldUri,
-                newUri,
-                module: { specifier },
-            } = event.payload;
-            const oldModule = await import(oldUri);
-            const newModule = await import(newUri);
-            updateStaleModule({
-                oldModule,
-                newModule,
-                specifier,
-            });
+        const { eventType, payload } = JSON.parse(data);
+
+        switch (eventType) {
+            case 'moduleUpdate':
+                return moduleUpdate(payload);
+            case 'viewUpdate':
+                return viewUpdate(payload);
+            default:
+                return;
         }
     });
 }

package.json

@@ -7,3 +7,3 @@ {
     },
-    "version": "0.0.2-alpha17",
+    "version": "0.0.2-alpha18",
     "homepage": "https://lwr.dev/",
@@ -27,9 +27,11 @@ "repository": {
     "scripts": {
-        "build": "node ../../../bin/pack-lwc --dir modules build/modules"
+        "build": "node ../../../bin/pack-lwc --dir modules build/modules && yarn build:locker",
+        "build:locker": "rollup --config ./scripts/rollup.config.locker.js"
     },
     "dependencies": {
-        "@lwrjs/shared-utils": "0.0.2-alpha17"
+        "@locker/sandbox": "0.11.7",
+        "@lwrjs/shared-utils": "0.0.2-alpha18"
     },
     "devDependencies": {
-        "lwc": "1.6.3"
+        "lwc": "1.8.3"
     },
@@ -53,3 +55,3 @@ "lwc": {
     },
-    "gitHead": "462556b16ca6b92f24becb361e510aa1a805e28b"
+    "gitHead": "9cf922f2e624d3255ab89d39a019be4e88793c61"
 }

No alert changes

Improved metrics

Total package byte prevSize

446879

increased by79.44%

Number of package files

17

increased by21.43%

Lines of code

10837

increased by71.77%

Worsened metrics

Dependency count

2

increased by100%

Dependency changes

• + Added@locker/sandbox@0.11.7

• + Added@caridy/sjs@0.3.1(transitive)

• + Added@locker/distortion@0.11.7(transitive)

• + Added@locker/html-sanitizer@0.11.7(transitive)

• + Added@locker/sandbox@0.11.7(transitive)

• + Added@locker/shared@0.11.7(transitive)

• + Added@locker/shared-dom@0.11.7(transitive)

• + Added@locker/shared-url@0.11.7(transitive)

• + Added@lwrjs/shared-utils@0.0.2-alpha18(transitive)

• + Added@types/dompurify@2.4.0(transitive)

• + Added@types/trusted-types@2.0.7(transitive)

• + Addedanymatch@3.1.3(transitive)

• + Addedbinary-extensions@2.3.0(transitive)

• + Addedbraces@3.0.3(transitive)

• + Addedchokidar@3.6.0(transitive)

• + Addeddompurify@2.5.8(transitive)

• + Addedfill-range@7.1.1(transitive)

• + Addedfsevents@2.3.3(transitive)

• + Addedglob-parent@5.1.2(transitive)

• + Addedis-binary-path@2.1.0(transitive)

• + Addedis-extglob@2.1.1(transitive)

• + Addedis-glob@4.0.3(transitive)

• + Addedis-number@7.0.0(transitive)

• + Addednormalize-path@3.0.0(transitive)

• + Addedpicomatch@2.3.1(transitive)

• + Addedreaddirp@3.6.0(transitive)

• + Addedto-regex-range@5.0.1(transitive)

• - Removed@lwrjs/shared-utils@0.0.2-alpha17(transitive)

• Updated@lwrjs/shared-utils@0.0.2-alpha18