diff --git a/deno.json b/deno.json index 43e76fc..6ccafe7 100644 --- a/deno.json +++ b/deno.json @@ -3,14 +3,15 @@ "deno.window", "DOM" ]}, "imports": { - "react-original": "https://esm.sh/react@18.2.0", - "react": "https://esm.sh/react@18.2.0", + "react-original": "https://esm.sh/preact@10.13.2/compat", + "react": "https://esm.sh/preact@10.13.2/compat", "@eno/app": "./dummy-app.tsx" }, "tasks": { "install": "deno install -f -A --unstable --no-lock -n eno server.tsx", "run": "deno run -A --unstable --no-lock server.tsx", + "complete": "deno run -A --unstable https://deno.land/std@0.181.0/http/file_server.ts & cd example && pwd && deno task dev", "host": "deno run -A --unstable https://deno.land/std@0.181.0/http/file_server.ts" } } \ No newline at end of file diff --git a/example/app.tsx b/example/app.tsx new file mode 100644 index 0000000..fd1825c --- /dev/null +++ b/example/app.tsx @@ -0,0 +1,11 @@ +import React from "react"; +import Component from "./deep/component.tsx"; + +export default ()=>{ + const [countGet, countSet] = React.useState(1); +return
+

Title!!

+

subtitle

+ +
; +}; \ No newline at end of file diff --git a/example/deep/component.tsx b/example/deep/component.tsx new file mode 100644 index 0000000..6c39b7d --- /dev/null +++ b/example/deep/component.tsx @@ -0,0 +1,9 @@ +import React from "react"; + +export default ()=> +{ + const [countGet, countSet] = React.useState(1); + return
+ Component!!! +
; +}; \ No newline at end of file diff --git a/example/deno.json b/example/deno.json new file mode 100644 index 0000000..97ba37d --- /dev/null +++ b/example/deno.json @@ -0,0 +1,11 @@ +{ + "imports": + { + "react": "https://esm.sh/preact@10.13.2/compat", + "@deep/": "./deep/", + "@eno/app": "./app.tsx" + }, + "tasks": { + "dev": "deno run -A --unstable --reload=http://localhost:4507/ --no-lock --config=deno.json http://localhost:4507/server.tsx" + } +} \ No newline at end of file diff --git a/lib/react.tsx b/lib/react.tsx index 71780c7..3b013cd 100644 --- a/lib/react.tsx +++ b/lib/react.tsx @@ -73,4 +73,5 @@ const ProxyState =(arg)=> export * from "react-original"; export { ProxyCreate as createElement, ProxyState as useState }; -export default {...ReactParts.default, createElement:ProxyCreate, useState:ProxyState}; \ No newline at end of file +export const isProxy = true; +export default {...ReactParts.default, createElement:ProxyCreate, useState:ProxyState, isProxy:true}; \ No newline at end of file diff --git a/server.tsx b/server.tsx index b59bafa..2ecf332 100644 --- a/server.tsx +++ b/server.tsx @@ -1,6 +1,8 @@ import * as ESBuild from 'https://deno.land/x/esbuild@v0.14.45/mod.js'; import * as MIME from "https://deno.land/std@0.180.0/media_types/mod.ts"; import { debounce } from "https://deno.land/std@0.151.0/async/debounce.ts"; +import SSR from "https://esm.sh/v113/preact-render-to-string@6.0.2/deno/preact-render-to-string.mjs"; +import React, {createElement as h} from "react"; const Transpiled = new Map(); const Transpileable =(inFilePath:string):boolean=> @@ -124,38 +126,8 @@ catch(e) { console.log(`deno.json not found`); } -const Index = ` - - - - - - - - -
Loading
- - - -`; +const App = await import("@eno/app"); Deno.serve({ port: 3000 }, async(_req:Request) => { @@ -193,7 +165,7 @@ Deno.serve({ port: 3000 }, async(_req:Request) => { // serve index by default let type = `text/html`; - let body:BodyInit = Index; + let body:BodyInit = ``; const isLib = url.pathname.startsWith(`/${LibPath}/`) @@ -246,6 +218,40 @@ FileListen("${url.pathname}", reloadHandler);`; body = await Deno.readFile(fsPath); } } + else + { + type = `text/html`; + body = ` + + + + + + + +
${SSR()}
+ + +`; + } return new Response(body, {headers:{"content-type":type as string}}); }