Añadimos Router con .to.path.params.back

This commit is contained in:
2026-04-08 12:06:57 +02:00
parent 2ac429c3f8
commit 925a673775

27
sw.js
View File

@@ -1,4 +1,3 @@
const isFunction = (value) => typeof value === 'function';
const isNode = (value) => value instanceof Node;
@@ -281,25 +280,29 @@ export const Transition = ({ enter, idle, leave }, { children: [child] }) => {
// --- Routing & Application Entry ---
export const Router = (routes) => {
const currentPath = signal(window.location.hash.slice(1) || '/');
window.onhashchange = () => currentPath.value = window.location.hash.slice(1) || '/';
const path = signal(window.location.hash.slice(1) || '/'), params = signal({});
Router.path = path;
Router.params = params;
Router.to = (p) => window.location.hash = p;
Router.back = () => window.history.back();
window.onhashchange = () => path.value = window.location.hash.slice(1) || '/';
return h('div', { class: 'router-view' }, () => {
const pathValue = currentPath.value;
for (const route of routes) {
const pattern = new RegExp(`^${route.path.replace(/:[^\s/]+/g, '([^/]+)')}$`);
const match = pathValue.match(pattern);
const cur = path.value;
for (const r of routes) {
const match = cur.match(new RegExp(`^${r.path.replace(/:[^\s/]+/g, '([^/]+)')}$`));
if (match) {
const params = {};
const keys = route.path.match(/:[^\s/]+/g) || [];
keys.forEach((key, index) => params[key.slice(1)] = match[index + 1]);
return h(route.component, { params, path: pathValue });
const p = {};
(r.path.match(/:[^\s/]+/g) || []).forEach((k, i) => p[k.slice(1)] = match[i + 1]);
untrack(() => params.value = p);
return h(r.component, { params: p, path: cur });
}
}
const fallback = routes.find(r => r.path === '*');
return fallback ? h(fallback.component) : '404';
return fallback ? h(fbk.component) : '404';
});
};
export const mount = (rootComponent, target, props = {}) => {
const destination = typeof target === 'string' ? document.querySelector(target) : target;
if (!destination) return;