native-document 1.0.279 → 1.0.281

package/devtools/ComponentRegistry.js

@@ -46,7 +46,7 @@ const ComponentRegistry = (function() {
                 instance.anchor.setContent(newFactoryInstance);
                 return;
             }
-            const anchor = Anchor(factoryName);
+            const anchor = Anchor('Component : '+factoryName);
             const instance = {
                 __hrm: true,
                 anchor,
@@ -62,7 +62,9 @@ const ComponentRegistry = (function() {
             registryItem.instances.add(instance);
 
             attachLocalExtensions(instance, factoryInstance);
-            factoryInstance.toNdElement = () => anchor;
+            factoryInstance.toNdElement = () => {
+                return anchor;
+            };
             return factoryInstance;
         };
     };
@@ -93,6 +95,10 @@ const ComponentRegistry = (function() {
             }
             DebugManager.log(`[HMR] Updating ${component.instances.size} instance(s) of ${id}`);
             const oldFactory = component.factory;
+            if(typeof newFactory !== 'function') {
+                DebugManager.log('[HMR] Updating factory is not a function : ', newFactory);
+                return;
+            }
             component.factory = newFactory;
             component.version++;
             const instances = Array.from(component.instances);
@@ -124,8 +130,8 @@ const ComponentRegistry = (function() {
             if (!timers) {
                 return;
             }
-            for(const item in timers) {
-                item.cleaner(item.timerId);
+            for(const item of timers) {
+                item.cleaner();
             }
         },
     };

package/devtools/nd-vite-devtools.js

@@ -6,7 +6,8 @@ import transformNdForHrm from './src/transformers/transformNdForHrm.js';
 
 export default function NdViteDevtools(options) {
     const {
-        include = /\.nd\.js$/,
+        include = /\\.js$/,
+        includeCustomFile = /\.nd\.js$/,
         preserveState = true,
     } = options;
 
@@ -34,21 +35,27 @@ export default function NdViteDevtools(options) {
             return modules.filter(Boolean);
         },
         transform(code, id) {
-            if (!include.test(id)) {
+            if (include.test(id)) {
                 if(isFileMustBeModified(id)) {
-                    return transformForHrm(code, id, { preserveState, ...options});
+                    try {
+                        return transformForHrm(code, id, { preserveState, ...options});
+                    } catch (error) {
+                        console.error(`[NativeDocument] Transform error in ${id}:`, error);
+                    }
                 }
                 return null;
             }
-            if (id.includes('node_modules') || id.includes('native-document')) {
+            if (id.includes('node_modules')) {
                 return null;
             }
 
-            try {
-                return transformNdForHrm(code, id, { preserveState, ...options });
-            } catch (error) {
-                console.error(`[NativeDocument] Transform error in ${id}:`, error);
-                return null;
+            if (includeCustomFile.test(id)) {
+                try {
+                    return transformNdForHrm(code, id, { preserveState, ...options });
+                } catch (error) {
+                    console.error(`[NativeDocument] Transform error in ${id}:`, error);
+                    return null;
+                }
             }
         },
 

package/devtools/src/templates/hrm.hook.template.js

@@ -23,7 +23,16 @@ if (import.meta.hot) {
             return;
         }
 
-        // console.log('[HMR Browser] Calling ComponentRegistry.update()');
+        console.log('[HMR Browser] Calling ComponentRegistry.update()');
+        try {
+            for(const componentId of componentIds) {
+                ComponentRegistry.cleanTimer(componentId);
+            }
+            ComponentRegistry.cleanTimer('${id}')
+            console.log('[HMR Browser] ✓ Clean timer successful');
+        } catch (error) {
+            console.error('[HMR Browser] ✗ Clean timers failed:', error);
+        }
         try {
             for(const componentId of componentIds) {
                 ComponentRegistry.cleanTimer(componentId);
@@ -37,7 +46,7 @@ if (import.meta.hot) {
             ComponentRegistry.update('${id}', newModule.default, '${id}');
             // console.log('[HMR Browser] ✓ Update successful');
         } catch (error) {
-            // console.error('[HMR Browser] ✗ Update failed:', error);
+            console.error('[HMR Browser] ✗ Update failed:', error);
         }
     });
 

package/devtools/src/transformers/timerSourceCode.js

@@ -4,7 +4,7 @@ export const timerSourceCode = () => {
 
     return 'const customSetTimeout = (contextId, targetId, , callback, delay, ...args) => {\n' +
     '    const timerId = window.setTimeout(callback, delay, ...args)' +
-    '    ComponentRegistry.registerTimer(contextId, timerId, clearTimeout);\n' +
+    '    ComponentRegistry.registerTimer(contextId, timerId, () => clearTimeout(timerId));\n' +
     '    return timerId;\n' +
     '};\n' +
     '\n' +
@@ -12,9 +12,8 @@ export const timerSourceCode = () => {
     '\n',
     '\n',
     'const customSetInterval = (contextId, targetId, callback, delay, ...args) => {\n' +
-    'console.log({ targetId, callback, delay })\n' +
     '    const timerId = window.setInterval(callback, delay, ...args);\n' +
-    '    ComponentRegistry.registerTimer(contextId, timerId, clearInterval);\n' +
+    '    ComponentRegistry.registerTimer(contextId, timerId, () => clearInterval(timerId));\n' +
     '    return timerId\n' +
     '};\n' +
     '\n' +

package/devtools/src/utils.js

@@ -52,7 +52,7 @@ export function transformObservableDeclarations(code, id) {
 }
 
 export function isFileMustBeModified(file) {
-    if(!file.includes('/src/') || file.includes('native-document') || file.includes('node_modules') || /\.test\.js$/.test(file)) {
+    if(!file.includes('/src/') || file.includes('node_modules') || /\.test\.js$/.test(file)) {
         return false;
     }
     const content = fs.readFileSync(file, 'utf-8');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.279",
+  "version": "1.0.281",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",