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

client boot as file

Browse Source
This commit is contained in:
Seth Trowbridge 2023-04-30 15:28:46 -04:00
parent 70a0c2e96f
commit f5d7ca2e95
3 changed files with 3 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
deno.json
View File

@ -4,9 +4,8 @@
]}, ]},
"imports": { "imports": {
"react": "https://esm.sh/preact@10.13.2/compat", "react": "https://esm.sh/preact@10.13.2/compat",
"preact": "https://esm.sh/preact@10.13.2/compat",
"react-original": "https://esm.sh/preact@10.13.2/compat", "react-original": "https://esm.sh/preact@10.13.2/compat",
"@eno/app": "./example/app.tsx",
"@eno/iso": "./lib/iso.tsx" "@eno/iso": "./lib/iso.tsx"
}, },
"tasks": "tasks":

3
example/deno.jsonc
View File

@ -5,10 +5,9 @@
"react": "https://esm.sh/stable/preact@10.13.2/compat", "react": "https://esm.sh/stable/preact@10.13.2/compat",
"preact": "https://esm.sh/stable/preact@10.13.2/", "preact": "https://esm.sh/stable/preact@10.13.2/",
"@deep/": "./deep/", "@deep/": "./deep/",
"@eno/app": "./app.tsx",
"@eno/iso": "http://localhost:4507/lib/iso.tsx" "@eno/iso": "http://localhost:4507/lib/iso.tsx"
}, },
"tasks": { "tasks": {
"dev": "deno run -A --unstable --reload=http://localhost:4507/ --no-lock app.tsx --dev" "dev": "deno run -A --unstable --reload=http://localhost:4507/ --no-lock app.tsx"
} }
} }

20
server.tsx
View File

@ -305,25 +305,7 @@ async function Server(App:React.FunctionComponent, AppPath:string, TwindInst:Twi
} }
else if(url.pathname == "/server.tsx") else if(url.pathname == "/server.tsx")
{ {
body = ` body = await TranspileURL(`${Path.Hosted}/${Path.LibDir}/boot-client.tsx`, url.pathname, true);
import {hydrate, createElement as H} from "react";
import * as Twind from "https://esm.sh/v115/@twind/core@1.1.3/es2022/core.mjs";
import {Router, CSS, Meta} from "@eno/iso";
export function Boot(inApp, inCSS)
{
console.log(inApp, inCSS);
Twind.install(inCSS ? {...CSS, ...inCSS} : CSS);
const hmrWrap = H( ()=>H(inApp) );
hydrate(
H(Router.Provider, {url:window.location},
H(Meta.Provider, null, hmrWrap)
),
document.querySelector("#app")
);
}`;
} }
else if(DevMode && !url.searchParams.get("reload")) else if(DevMode && !url.searchParams.get("reload"))
{ {