native-document 1.0.278 → 1.0.280

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

@@ -7,6 +7,7 @@ import transformNdForHrm from './src/transformers/transformNdForHrm.js';
 export default function NdViteDevtools(options) {
     const {
         include = /\.nd\.js$/,
+        includeCustomFile = /\.nd\.js$/,
         preserveState = true,
     } = options;
 
@@ -34,9 +35,13 @@ 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;
             }
@@ -44,11 +49,13 @@ export default function NdViteDevtools(options) {
                 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

@@ -7,8 +7,6 @@ import {TRANSFORMED_OBSERVABLE_ID} from '../constantes.js';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-
-
 export function template(code, params) {
     let codeFormatted = code;
     for(const key in params) {

package/package.json

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

package/src/core/data/Observable.hrm.js

@@ -1,5 +1,4 @@
 import {Observable as ObservableOriginal} from './Observable';
-import {call} from '@babel/traverse/lib/path/context';
 import {TRANSFORMED_OBSERVABLE_ID} from '../../../devtools/constantes';
 
 const HrmGlobakObservableRegistry = new Map();