@cfdez11/vex 0.10.18 → 0.10.20

package/README.md

@@ -89,3 +89,4 @@ npm run dev
 - [ ] Authentication middleware
 - [ ] CDN cache integration
 - [ ] Fix Suspense marker replacement with multi-root templates
+- [ ] Refactor template engine — replace `htmlparser2` + `dom-serializer` parse/transform/serialize pipeline with a build-time template compiler (à la Vue/Svelte) that generates render functions. Current limitations: `htmlparser2` decodes HTML entities on parse and `dom-serializer` doesn't re-encode them correctly (`&lt;` inside `<pre>` becomes literal `<`); whitespace inside `<pre>`/`<code>` is incorrectly stripped; workarounds patched but root cause is architectural. Build-time compilation would eliminate all these issues and improve runtime performance.

package/dist/client/services/navigation/create-navigation.js

@@ -1 +1 @@
-import{setupLinkInterceptor as s}from"./link-interceptor.js";import{setupPrefetchObserver as f}from"./prefetch.js";import{navigateInternal as m}from"./navigate.js";import{findRouteWithParams as u}from"./router.js";import{createLayoutRenderer as p}from"./create-layouts.js";function w(){let t=null;const n=p();function i(){t&&t.abort()}async function r(e,l=!0){i();const o=new AbortController;t=o;try{await m({path:e,addToHistory:l,controller:o,layoutRenderer:n,onFinish:()=>{t===o&&(t=null)}})}catch(a){a.name!=="AbortError"&&console.error("Navigation error:",a)}}function c(){window.addEventListener("popstate",()=>{r(location.pathname,!1)}),s(r),f(),n.reset();const{route:e}=u(location.pathname);e?.meta?.ssr||r(location.pathname,!1)}return{navigate:r,initialize:c}}export{w as createNavigationRuntime};
+import{setupLinkInterceptor as s}from"./link-interceptor.js";import{setupPrefetchObserver as f}from"./prefetch.js";import{navigateInternal as m}from"./navigate.js";import{findRouteWithParams as u}from"./router.js";import{createLayoutRenderer as p}from"./create-layouts.js";function w(){let t=null;const n=p();function i(){t&&t.abort()}async function o(r,l=!0){i();const e=new AbortController;t=e;try{await m({path:r,addToHistory:l,controller:e,layoutRenderer:n,onFinish:()=>{t===e&&(t=null)}})}catch(a){a.name!=="AbortError"&&console.error("Navigation error:",a)}}function c(){window.addEventListener("popstate",()=>{o(`${location.pathname}${location.search}${location.hash}`,!1)}),s(o),f(),n.reset();const{route:r}=u(location.pathname);r?.meta?.ssr||o(location.pathname,!1)}return{navigate:o,initialize:c}}export{w as createNavigationRuntime};

package/dist/client/services/navigation/link-interceptor.js

@@ -1 +1 @@
-function a(i){document.addEventListener("click",r=>{const t=r.target.closest("a");if(!t)return;const e=t.getAttribute("href");if(!e||e.startsWith("#"))return;const n=new URL(e,window.location.origin);n.origin!==window.location.origin||t.dataset.reload!==void 0||t.target==="_blank"||t.rel==="external"||n.pathname===window.location.pathname&&n.hash||(r.preventDefault(),i(n.pathname+n.hash))})}export{a as setupLinkInterceptor};
+function i(a){document.addEventListener("click",n=>{const e=n.target.closest("a");if(!e)return;const r=e.getAttribute("href");if(!r||r.startsWith("#"))return;const t=new URL(r,window.location.origin);if(!(t.origin!==window.location.origin||e.dataset.reload!==void 0||e.target==="_blank"||e.rel==="external")){if(t.pathname===window.location.pathname&&t.hash){n.preventDefault(),history.pushState({},"",`${t.pathname}${t.search}${t.hash}`),document.getElementById(t.hash.slice(1))?.scrollIntoView({behavior:"smooth"});return}n.preventDefault(),a(t.pathname+t.search+t.hash)}})}export{i as setupLinkInterceptor};

package/dist/client/services/navigation/navigate.js

@@ -1 +1 @@
-import{findRouteWithParams as l}from"./router.js";import{routes as m}from"../_routes.js";import{updateRouteParams as c}from"./use-route-params.js";import{renderPage as f}from"./render-page.js";import{renderSSRPage as d}from"./render-ssr.js";async function S({path:t,addToHistory:n,controller:i,layoutRenderer:r,onFinish:a}){c(t);const s=t.split("?")[0],{route:u}=l(s),e=u??m.find(o=>o.isNotFound)??null;n&&history.pushState({},"",t);try{if(e?.meta?.ssr){r.reset(),await d(t,i.signal);return}if(e?.meta?.requiresAuth&&!app.Store?.loggedIn){location.href="/account/login";return}if(e?.meta?.guestOnly&&app.Store?.loggedIn){location.href="/account";return}await f({route:e,layoutRenderer:r})}finally{a();const o=t.includes("#")?t.slice(t.indexOf("#")+1):null;o&&document.getElementById(o)?.scrollIntoView()}}export{S as navigateInternal};
+import{findRouteWithParams as m}from"./router.js";import{routes as f}from"../_routes.js";import{updateRouteParams as g}from"./use-route-params.js";import{renderPage as d}from"./render-page.js";import{renderSSRPage as h}from"./render-ssr.js";async function O({path:t,addToHistory:r,controller:i,layoutRenderer:n,onFinish:a}){g(t);const s=t.split("?")[0].split("#")[0],c=t.split("#")[0],u=`${location.pathname}${location.search}`===c,{route:l}=m(s),e=l??f.find(o=>o.isNotFound)??null;r&&history.pushState({},"",t);try{if(u)return;if(e?.meta?.ssr){n.reset(),await h(t,i.signal);return}if(e?.meta?.requiresAuth&&!app.Store?.loggedIn){location.href="/account/login";return}if(e?.meta?.guestOnly&&app.Store?.loggedIn){location.href="/account";return}await d({route:e,layoutRenderer:n})}finally{a();const o=t.includes("#")?t.slice(t.indexOf("#")+1):null;o&&document.getElementById(o)?.scrollIntoView()}}export{O as navigateInternal};

package/dist/client/services/navigation/prefetch.js

@@ -1 +1 @@
-import{routes as s}from"../_routes.js";import{prefetchRouteComponent as p}from"../cache.js";function h(){const o=new IntersectionObserver(e=>{e.forEach(n=>{if(!n.isIntersecting)return;const t=n.target;if(!t.hasAttribute("data-prefetch"))return;const c=new URL(t.href,location.origin),r=s.find(f=>f.path===c.pathname);r?.component&&(p(r.path,r.component),o.unobserve(t))})},{rootMargin:"200px"});document.querySelectorAll("a[data-prefetch]").forEach(e=>{e.__prefetchObserved||(e.__prefetchObserved=!0,o.observe(e))})}export{h as setupPrefetchObserver};
+import{prefetchRouteComponent as f}from"../cache.js";import{findRouteWithParams as s}from"./router.js";function p(){const o=new IntersectionObserver(e=>{e.forEach(n=>{if(!n.isIntersecting)return;const t=n.target;if(!t.hasAttribute("data-prefetch"))return;const c=new URL(t.href,location.origin),{route:r}=s(c.pathname);r?.component&&(f(r.path,r.component),o.unobserve(t))})},{rootMargin:"200px"});document.querySelectorAll("a[data-prefetch]").forEach(e=>{e.__prefetchObserved||(e.__prefetchObserved=!0,o.observe(e))})}export{p as setupPrefetchObserver};

package/dist/client/services/navigation/use-query-params.js

@@ -1 +1 @@
-function l(r){const o={},s=new URLSearchParams(r);for(const[a,u]of s.entries())o[a]=u;return o}function S(r){const o=new URLSearchParams;for(const s in r)r[s]!=null&&o.set(s,String(r[s]));return o.toString()}function m(r={}){const{schema:o={},replace:s=!1,listen:a=!0}=r,u={};for(const t in o)u[t]=o[t](void 0);let i=l(window.location.search);function h(t){const n={};for(const e in o){const c=o[e];n[e]=c(t[e])}for(const e in t)e in n||(n[e]=t[e]);return n}function d(t){const n={};for(const e in t){const c=t[e];Array.isArray(c)?n[e]=c.join(","):c!=null&&(n[e]=String(c))}return n}function f(t){i=t;const n=S(i),e=window.location.pathname+(n?`?${n}`:"")+window.location.hash;history[s?"replaceState":"pushState"](null,"",e)}function p(t){const n=d(t);f({...i,...n})}function w(...t){const n={...i};t.forEach(e=>delete n[e]),f(n)}function y(){f({})}return a&&window.addEventListener("popstate",()=>{i=l(window.location.search)}),{get params(){return h(i)},get raw(){return{...i}},set:p,remove:w,reset:y}}export{m as useQueryParams};
+function p(r){const o={},s=new URLSearchParams(r);for(const[u,l]of s.entries())o[u]=l;return o}function S(r){const o=new URLSearchParams;for(const s in r)r[s]!=null&&o.set(s,String(r[s]));return o.toString()}function g(r={}){const{schema:o={},replace:s=!1,listen:u=!0}=r,l={};for(const e in o)l[e]=o[e](void 0);let i=p(window.location.search);function d(e){const n={};for(const t in o){const c=o[t];n[t]=c(e[t])}for(const t in e)t in n||(n[t]=e[t]);return n}function h(e){const n={};for(const t in e){const c=e[t];Array.isArray(c)?n[t]=c.join(","):c!=null&&(n[t]=String(c))}return n}function f(e){i=e;const n=S(i),t=window.location.pathname+(n?`?${n}`:"")+window.location.hash;history[s?"replaceState":"pushState"](null,"",t)}function w(e){const n=h(e);f({...i,...n})}function y(...e){const n={...i};e.forEach(t=>delete n[t]),f(n)}function m(){f({})}let a=null;return u&&(a=()=>{i=p(window.location.search)},window.addEventListener("popstate",a)),{get params(){return d(i)},get raw(){return{...i}},set:w,remove:y,reset:m,cleanup(){a&&window.removeEventListener("popstate",a)}}}export{g as useQueryParams};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfdez11/vex",
-  "version": "0.10.18",
+  "version": "0.10.20",
   "description": "A vanilla JavaScript meta-framework with file-based routing, SSR/CSR/SSG/ISR and Vue-like reactivity",
   "repository": {
     "type": "git",