@carats/csr 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1,10 +1,29 @@
 import { CaratsComponent } from '@carats/core';
 
+declare global {
+    interface HTMLAnchorElement {
+        _isHandled: boolean;
+    }
+}
 interface PageComponentResult {
     component: CaratsComponent<any>;
     params: Record<string, string>;
 }
-declare function getPageComponent(path: string): PageComponentResult;
-declare function renderPage(url: string, fetcher: (sspUrl: string) => Promise<any>): Promise<string>;
+type Fetcher<T> = (url: string) => Promise<T>;
+interface CaratsClientSideAPI {
+    getPageComponent: (path: string) => PageComponentResult;
+    renderPage: <T = any>(url: string, fetcher: Fetcher<T>) => Promise<string>;
+    clientRender: (url: string) => Promise<void>;
+}
+interface CaratsClientSideBuilderConfig {
+    inAppRouting?: boolean;
+    routes: Record<string, CaratsComponent>;
+    suspense: {
+        loading: () => JSX.Element;
+        error: (error: Error) => JSX.Element;
+        notFound: () => JSX.Element;
+    };
+}
+declare function CaratsClientSideBuilder(config: CaratsClientSideBuilderConfig): CaratsClientSideAPI;
 
-export { getPageComponent, renderPage };
+export { CaratsClientSideBuilder as default };

package/dist/index.js

@@ -1 +1 @@
-import{transpile as m}from"jjsx";import{getConfig as u}from"@carats/core";import{matchRoute as l,parseUrl as g,qs as d,replaceParams as f}from"@carats/url";function P(r){let{routes:p,suspense:o}=u(),s=Object.fromEntries(Object.entries(p).filter(([e,n])=>n.public));for(let e in s){let{component:n}=s[e],t=l(e,r);if(t)return n instanceof Promise?{component:()=>{let a=`carats-suspense-${e}`;return n.then(c=>{document.getElementById(a)?.replaceWith(m(c))}).catch(c=>{document.getElementById(a)?.replaceWith(m(o.error(c)))}),JJSX.jsxFactory("div",{id:a},o.loading({id:a}))},params:t}:{component:n,params:t}}return{component:o.notFound,params:{}}}async function R(r,p){let{path:o,query:s}=g(r),{component:e,params:n}=P(o),t=e.ssp?f(e.ssp+d(s),n):null,i=t?await p(t):e.defaultProps||{url:r,params:n};return m(e(i))}export{P as getPageComponent,R as renderPage};
+import{transpile as i}from"jjsx";import{matchRoute as y,parseUrl as P,qs as S,replaceParams as T}from"@carats/url";import{clearHydrations as w}from"@carats/hooks";function L(g){let{routes:d,suspense:c,inAppRouting:f=!0}=g,C=c.loading??(()=>JJSX.jsxFactory(JJSX.fragmentFactory,null,"\u{1F48E} Loading...")),l=c.error??(r=>JJSX.jsxFactory(JJSX.fragmentFactory,null,"\u{1F48E} Error: ",r.message)),h=c.notFound??(()=>JJSX.jsxFactory(JJSX.fragmentFactory,null,"\u{1F48E} Not Found"));function m(r){for(let e in d){let n=d[e],t=y(e,r);if(t)return n instanceof Promise?{component:()=>{let a=`carats-suspense-${e}`;return n.then(s=>{document.getElementById(a)?.replaceWith(i(s))}).catch(s=>{document.getElementById(a)?.replaceWith(i(l(s)))}),JJSX.jsxFactory("div",{id:a},C())},params:t}:{component:n,params:t}}return{component:h,params:{}}}async function p(r,e){let{path:n,query:t}=P(r),{component:o,params:a}=m(n),s=o.ssp?T(o.ssp+S(t),a):null,E=s?await e(s):o.defaultProps||{url:r,params:a};return i(o(E))}async function u(r){let e=setTimeout(()=>{document.getElementById("loading-indicator")?.classList.remove("hide")},250);await w();try{let n=await p(r,async t=>await fetch(t).then(o=>o.json()));document.getElementById("app").innerHTML=n}catch(n){document.getElementById("app").innerHTML=i(l(n))}finally{clearTimeout(e),history.pushState(null,"",r),window.dispatchEvent(new Event("load")),document.getElementById("loading-indicator")?.classList.add("hide")}}return f&&window.addEventListener("load",()=>{document.querySelectorAll("a").forEach(e=>{e._isHandled||(e.addEventListener("click",n=>{let t=new URL(e.href);t.origin!==location.origin||e.download||(n.preventDefault(),u(t.pathname+t.search))}),e._isHandled=!0)})}),{getPageComponent:m,renderPage:p,clientRender:u}}export{L as default};

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@carats/csr",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "main": "dist/index.js",
   "dependencies": {
     "jjsx": "^3.3.0"
   },
   "peerDependencies": {
-    "@carats/core": "^0.0.3",
+    "@carats/core": "^0.0.6",
+    "@carats/hooks": "^0.0.2",
     "@carats/url": "^0.0.1"
   },
   "description": "CSR module for Carats",