@carats/csr 0.0.4 → 0.0.5

package/dist/index.d.ts

@@ -1,29 +1,12 @@
-import { CaratsComponent } from '@carats/core';
+import { CaratsRenderContext } from '@carats/core';
 
 declare global {
     interface HTMLAnchorElement {
         _isHandled: boolean;
     }
 }
-interface PageComponentResult {
-    component: CaratsComponent<any>;
-    params: Record<string, string>;
-}
-type Fetcher<T> = (url: string) => Promise<T>;
-interface CaratsClientSideAPI {
-    getPageComponent: (path: string) => PageComponentResult;
-    renderPage: <T = any>(url: string, fetcher: Fetcher<T>) => Promise<string>;
+declare function BuildCarats(config: CaratsRenderContext): {
     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 { CaratsClientSideBuilder as default };
+export { BuildCarats as default };

package/dist/index.js

@@ -1 +1 @@
-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};
+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,12 @@
 {
   "name": "@carats/csr",
-  "version": "0.0.4",
+  "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"
   },