@carats/csr 0.0.3 → 0.0.5

package/dist/index.d.ts

@@ -1,18 +1,12 @@
-import { getConfig, CaratsComponent } from '@carats/core';
+import { CaratsRenderContext } from '@carats/core';
 
-interface PageComponentResult {
-    component: CaratsComponent<any>;
-    params: Record<string, string>;
+declare global {
+    interface HTMLAnchorElement {
+        _isHandled: boolean;
+    }
 }
-type Fetcher<T> = (url: string) => Promise<T>;
-interface CaratsClientSideAPI {
-    getPageComponent: (path: string) => PageComponentResult;
-    renderPage: <T = any>(url: string, fetcher: Fetcher<T>) => Promise<string>;
-}
-interface CaratsClientSideBuilderConfig {
-    routes: Awaited<ReturnType<typeof getConfig>>['routes'];
-    suspense: Awaited<ReturnType<typeof getConfig>>['suspense'];
-}
-declare function CaratsClientSideBuilder(config: CaratsClientSideBuilderConfig): CaratsClientSideAPI;
+declare function BuildCarats(config: CaratsRenderContext): {
+    clientRender: (url: string) => Promise<void>;
+};
 
-export { CaratsClientSideBuilder as default };
+export { BuildCarats as default };

package/dist/index.js

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

package/package.json

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