native-document 1.0.275 → 1.0.277

package/components.hrm.js

@@ -0,0 +1,35 @@
+export { default as BaseComponent } from './src/components/BaseComponent';
+export * from './src/components/accordion/index';
+export * from './src/components/alert/index';
+export * from './src/components/avatar/index';
+export * from './src/components/badge/index';
+export * from './src/components/breadcrumb/index';
+export * from './src/components/button/index';
+export * from './src/components/card/index';
+export * from './src/components/drawer/index';
+export * from './src/components/context-menu/index';
+export * from './src/components/divider/index';
+export * from './src/components/dropdown/index';
+export * from './src/components/form/index';
+export * from './src/components/list/index';
+export * from './src/components/menu/index';
+export * from './src/components/modal/index';
+export * from './src/components/modal/createModal';
+export * from './src/components/pagination/index';
+export * from './src/components/popover/index';
+export * from './src/components/progress/index';
+export * from './src/components/skeleton/index';
+export * from './src/components/slider/index';
+export * from './src/components/spinner/index';
+export * from './src/components/splitter/index';
+export * from './src/components/stepper/index';
+export * from './src/components/switch/index';
+export * from './src/components/table/index';
+
+export * from './src/components/tabs/index';
+export * from './src/components/toast/index';
+export * from './src/components/tooltip/index';
+export * from './src/components/stacks/index';
+export * from './src/components/spacer/index';
+
+export * from './src/components/icon/index';

package/devtools/ComponentRegistry.js

@@ -62,7 +62,8 @@ const ComponentRegistry = (function() {
             registryItem.instances.add(instance);
 
             attachLocalExtensions(instance, factoryInstance);
-            return anchor;
+            factoryInstance.toNdElement = () => anchor;
+            return factoryInstance;
         };
     };
 

package/devtools/constantes.js

@@ -0,0 +1,2 @@
+
+export const TRANSFORMED_OBSERVABLE_ID = '#__@TRANSFORMED_OBSERVABLE_ID@__#';

package/devtools/src/utils.js

@@ -2,10 +2,13 @@ import fs from 'node:fs';
 import path from 'node:path';
 
 import { fileURLToPath } from 'node:url';
+import {TRANSFORMED_OBSERVABLE_ID} from '../constantes';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+
+
 export function template(code, params) {
     let codeFormatted = code;
     for(const key in params) {
@@ -34,7 +37,11 @@ export function renameImportedObservables(content, match) {
 }
 
 export function transformObservableImports(code, params = {}) {
-    return code.replace(/import\s+\{([^}]+?)\}\s+from\s+['"]native-document['"]/g, renameImportedObservables);
+    code = code.replace(/import\s+\{([^}]+?)\}\s+from\s+['"]native-document['"]/g, renameImportedObservables);
+
+    return code.replace(/import\s+\{([^}]+?)\}\s+from\s+['"]native-document\/components['"]/g, (content, match) => {
+        return `import {${match} } from 'native-document/components.hrm'`;
+    });
 }
 
 export function transformObservableDeclarations(code, id) {
@@ -42,7 +49,7 @@ export function transformObservableDeclarations(code, id) {
 
     return code.replace(regex, (match, varType, varName, caller, method) => {
         const obsName = method ? `${caller}${method}` : caller;
-        return `${varType} ${varName} = ${obsName}('${varName}', '${id}', (typeof arguments !== 'undefined') ? Array.from(arguments).at(-1) : null, `;
+        return `${varType} ${varName} = ${obsName}('${TRANSFORMED_OBSERVABLE_ID}', '${varName}', '${id}', (typeof arguments !== 'undefined') ? Array.from(arguments).at(-1) : null, `;
     });
 }
 
@@ -51,6 +58,9 @@ export function isFileMustBeModified(file) {
         return false;
     }
     const content = fs.readFileSync(file, 'utf-8');
+    if(/@ignore-hrm/.test(content)) {
+        return false;
+    }
     const isContainObservableImport = /import\s+\{([^}]+?)\}\s+from\s+['"]native-document['"]/g.test(content);
     if(isContainObservableImport) {
         return true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.275",
+  "version": "1.0.277",
   "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,13 +1,18 @@
 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();
 
-const overrideMethods = ['array', 'init', 'object', 'json'];
+const overrideMethods = ['array', 'init', 'object', 'json', 'computed', 'batch'];
 const noObservableOverride = ['ref', 'resource'];
 
 
 const override = (callback) => {
-    return function(name, id, scope, value, configs = null) {
+    return function(transformed_key, name, id, scope, value, configs = null) {
+        if(transformed_key !== TRANSFORMED_OBSERVABLE_ID) {
+            return callback(...arguments);
+        }
         if(!scope?.__hrm) {
             scope = null;
         }