natxocc/sigpro
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

$router with Lazy Loading

Browse Source
This commit is contained in:
natxocc
2026-03-30 23:24:29 +02:00
parent 76081089c4
commit 5f19a62936
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
sigpro/index.js
View File

@@ -336,7 +336,6 @@ const $for = (source, render, keyFn) => {
* @param {Array<{path: string, component: Function}>} routes - Route definitions. * @param {Array<{path: string, component: Function}>} routes - Route definitions.
* @returns {HTMLElement} The router outlet container. * @returns {HTMLElement} The router outlet container.
*/ */
const $router = (routes) => { const $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(/^#/, "") || "/"));
@@ -346,23 +345,31 @@ const $router = (routes) => {
$watch([sPath], async () => { $watch([sPath], async () => {
const path = sPath(); const path = sPath();
const route = routes.find(r => { const route = routes.find(r => {
const rp = r.path.split("/").filter(Boolean); const rp = r.path.split("/").filter(Boolean), pp = path.split("/").filter(Boolean);
const pp = path.split("/").filter(Boolean);
return rp.length === pp.length && rp.every((p, i) => p.startsWith(":") || p === pp[i]); return rp.length === pp.length && rp.every((p, i) => p.startsWith(":") || p === pp[i]);
}) || routes.find(r => r.path === "*"); }) || routes.find(r => r.path === "*");
if (route) { if (route) {
const module = await route.component(); let comp = route.component;
const component = module?.default || module; if (typeof comp === "function" && comp.toString().includes('import')) {
comp = (await comp()).default || (await comp());
}
const params = {}; const params = {};
route.path.split("/").filter(Boolean).forEach((p, i) => { route.path.split("/").filter(Boolean).forEach((p, i) => {
if (p.startsWith(":")) params[p.slice(1)] = path.split("/").filter(Boolean)[i]; if (p.startsWith(":")) params[p.slice(1)] = path.split("/").filter(Boolean)[i];
}); });
if ($router.params) $router.params(params);
if (current) current.destroy(); if (current) current.destroy();
if ($router.params) $router.params(params);
current = _view(() => typeof component === "function" ? component(params) : component);
current = _view(() => {
try {
return typeof comp === "function" ? comp(params) : comp;
} catch (e) {
return $html("div", { class: "p-4 text-error" }, "Error loading view");
}
});
outlet.appendChild(current.container); outlet.appendChild(current.container);
} }
}); });
@@ -415,7 +422,7 @@ if (typeof window !== "undefined") {
window[helperName] = (props, content) => $html(tagName, props, content); window[helperName] = (props, content) => $html(tagName, props, content);
} }
}); });
window.SigPro = Object.freeze(registry); window.SigPro = Object.freeze(registry);
}; };