@blokkli/editor 2.0.0-alpha.47 → 2.0.0-alpha.48

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@blokkli/editor",
   "configKey": "blokkli",
-  "version": "2.0.0-alpha.47",
+  "version": "2.0.0-alpha.48",
   "compatibility": {
     "nuxt": ">=3.15.0"
   },

package/dist/module.mjs

@@ -18,7 +18,7 @@ import 'typescript';
 import 'oxc-walker';
 
 const name = "@blokkli/editor";
-const version = "2.0.0-alpha.47";
+const version = "2.0.0-alpha.48";
 
 function validateOption(optionKey, option, icons) {
   const errors = [];
@@ -809,16 +809,32 @@ const BlokkliEditingPlugin = (nuxt) => {
         }
       },
       vite: {
-        handleHotUpdate({ file, server }) {
-          if (file.endsWith(".vue") && !file.includes(EDITING_MARKER)) {
+        hotUpdate: {
+          order: "post",
+          async handler({ file, modules, server }) {
+            if (!file.endsWith(".vue") || file.includes(EDITING_MARKER)) {
+              return;
+            }
             const editingVariantPath = file.replace(
               /\.vue$/,
               `${EDITING_MARKER}.vue`
             );
-            const editingModule = server.moduleGraph.getModuleById(editingVariantPath);
-            if (editingModule) {
-              server.reloadModule(editingModule);
+            const environment = server.environments["client"];
+            if (!environment) {
+              return;
+            }
+            const editingModules = environment.moduleGraph.getModulesByFile(editingVariantPath);
+            if (!editingModules || editingModules.size === 0) {
+              return;
+            }
+            const mainModule = [...editingModules].find(
+              (m) => !m.url.includes("?")
+            );
+            if (mainModule) {
+              environment.moduleGraph.invalidateModule(mainModule);
+              await environment.transformRequest(mainModule.url);
             }
+            return [...modules, ...editingModules];
           }
         }
       }