natxocc/sigpro_old
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar src/sigpro.js

Browse Source
This commit is contained in:
natxocc
2026-03-21 14:19:08 +01:00
parent 47917ac5c8
commit b00a690a7d
1 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/sigpro.js
View File

@@ -90,17 +90,26 @@
}; };
/** /**
* System Utilities (_) * Application Mounter (Inspired by Vue)
* @param {HTMLElement|Function} node - Root component.
* @param {HTMLElement} [target] - Container element.
*/ */
window._render = (node, target = document.body) => { window.mount = (node, target = document.body) => {
target.innerHTML = ''; target.innerHTML = '';
target.appendChild(typeof node === 'function' ? node() : node); const root = typeof node === 'function' ? node() : node;
target.appendChild(root);
console.log("%c[SigPro] Mounted successfully", "color: #42b883; font-weight: bold;");
}; };
window._router = (routes) => { /**
* Integrated Router
* @param {Array} routes - Route definitions.
*/
window.router = (routes) => {
const sPath = $(window.location.hash.replace(/^#/, "") || "/"); const sPath = $(window.location.hash.replace(/^#/, "") || "/");
window.addEventListener("hashchange", () => sPath(window.location.hash.replace(/^#/, "") || "/")); window.addEventListener("hashchange", () => sPath(window.location.hash.replace(/^#/, "") || "/"));
return div({ class: "sigpro-router" }, [
return div([
() => { () => {
const current = sPath(); const current = sPath();
const route = routes.find(r => { const route = routes.find(r => {
@@ -109,6 +118,7 @@
if (rP.length !== cP.length) return false; if (rP.length !== cP.length) return false;
return rP.every((part, i) => part.startsWith(':') || part === cP[i]); return rP.every((part, i) => part.startsWith(':') || part === cP[i]);
}) || routes.find(r => r.path === "*"); }) || routes.find(r => r.path === "*");
return route ? (typeof route.component === 'function' ? route.component() : route.component) : h1("404"); return route ? (typeof route.component === 'function' ? route.component() : route.component) : h1("404");
} }
]); ]);