SethTrowbridge/eno
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects 1 Releases 2 Wiki Activity

ssr-metas #26

Merged
SethTrowbridge merged 5 commits from ssr-metas into master 2023-05-14 07:48:00 -04:00
Conversation 0 Commits 5 Files Changed 7 +15 -5
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 31c9f8fc07 - Show all commits

10
example/app.tsx
View File

@ -23,6 +23,9 @@ const Comp = React.lazy(()=>import("./deep/component.tsx"));
export default ()=> export default ()=>
{ {
const [stack] = React.useContext(Iso.Meta.Context);
return <div class="p-4 font-sans"> return <div class="p-4 font-sans">
<Iso.Meta.Metas title="Main Page!" description="its great"/> <Iso.Meta.Metas title="Main Page!" description="its great"/>
<nav class="p-4"> <nav class="p-4">
@ -48,7 +51,12 @@ export default ()=>
</Iso.Switch> </Iso.Switch>
</Iso.Case> </Iso.Case>
<Iso.Case value="lol/idk">lol/idk</Iso.Case> <Iso.Case value="lol/idk">lol/idk</Iso.Case>
<Iso.Case default><p>404!</p></Iso.Case> <Iso.Case default>
<>
<Iso.Meta.Metas description="a 404 has occurred"/>
<p>404!</p>
</>
</Iso.Case>
</Iso.Switch> </Iso.Switch>
</div>; </div>;
}; };

2
example/deep/component.tsx
View File

@ -13,7 +13,7 @@ export default ()=>
console.log("component.tsx render!!") console.log("component.tsx render!!")
return <div class="p-4 text-red-500"> return <div class="p-4 text-red-500">
<Iso.Meta.Metas title="Component!"/> <Iso.Meta.Metas title="Component!" description="components can set metas"/>
Component Route is: {routeGet.Path.toString()} Component Route is: {routeGet.Path.toString()}
<button className="p-4 bg-green-500 text-white" onClick={e=>{countSet(countGet+1); routeSet(["lol", "idk"], {count:countGet+1});}}>{countGet}</button> <button className="p-4 bg-green-500 text-white" onClick={e=>{countSet(countGet+1); routeSet(["lol", "idk"], {count:countGet+1});}}>{countGet}</button>
<a href="/page/about-us" className="p-2 text(lg blue-500) font-bold">a link</a> <a href="/page/about-us" className="p-2 text(lg blue-500) font-bold">a link</a>

8
server.tsx
View File

@ -372,7 +372,8 @@ else if(App && TwindInst)
Iso.Fetch.ServerTouched = new Set(); Iso.Fetch.ServerTouched = new Set();
Iso.Fetch.ServerRemove = new Set(); Iso.Fetch.ServerRemove = new Set();
let app = <Iso.Router.Provider url={url}><App/></Iso.Router.Provider>; let app = <Iso.Router.Provider url={url}><App/></Iso.Router.Provider>;
await Prepass(app) await Prepass(app);
Iso.Meta.Stack = [];
let bake = SSR(app); let bake = SSR(app);
while(Iso.Fetch.ServerBlocking.length) while(Iso.Fetch.ServerBlocking.length)
{ {
@ -381,7 +382,8 @@ else if(App && TwindInst)
// at this point, anything that was requested that was not cached, has now been loaded and cached // at this point, anything that was requested that was not cached, has now been loaded and cached
// this next render will use cached resources. using a cached resource (if its "Seed" is true) adds it to the "touched" set. // this next render will use cached resources. using a cached resource (if its "Seed" is true) adds it to the "touched" set.
app = <Iso.Router.Provider url={url}><App/></Iso.Router.Provider>; app = <Iso.Router.Provider url={url}><App/></Iso.Router.Provider>;
await Prepass(app) await Prepass(app);
Iso.Meta.Stack = [];
bake = SSR(app); bake = SSR(app);
} }
@ -394,7 +396,7 @@ else if(App && TwindInst)
Iso.Fetch.ServerTouched = false; Iso.Fetch.ServerTouched = false;
Iso.Meta.Meta = Iso.Meta.ComputeFinal(Iso.Meta.Stack); Iso.Meta.Meta = Iso.Meta.ComputeFinal(Iso.Meta.Stack);
console.log(Iso.Meta.Stack);
const results = Twind.extract(bake, TwindInst); const results = Twind.extract(bake, TwindInst);
type = `text/html`; type = `text/html`;