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

shuffle (state still broken)

Browse Source
This commit is contained in:
Seth Trowbridge 2025-10-08 13:41:25 -04:00
parent c265f85bc1
commit 2b0ba8c9fe
6 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app.tsx
View File

@ -1,10 +1,25 @@
import ReactDOM from "react-dom/client"; import ReactDOM from "react-dom/client";
import React from "react";
console.log(React.useId)
export function App(){ export function App(){
//const [countGet, countSet] = React.useState(0);
return <> return <>
<div>lol hey 3</div> <div>lol hey 12121</div>
<p>more</p>
</> </>
} }
ReactDOM.createRoot(document.body).render(<App/>); export const Other =()=>{
return <p>other app component</p>
}
export function Root()
{
}
ReactDOM.createRoot(document.body).render(<div><App/><Other/></div>);

5
bundle-file.ts
View File

@ -1,5 +0,0 @@
const resp = await Deno.bundle({
entrypoints:["file:///C:/Local%20Web%20Projects/gale/hmr/hmr-react.tsx"]
});
console.log(resp);

4
jsx-runtime.tsx → hmr/hmr-jsx-runtime.tsx
View File

@ -1,4 +1,6 @@
import Default from "react-jsx-runtime-original"; import Default from "react-jsx-runtime-original";
const jsx = Default.jsx; const jsx = Default.jsx;
const jsxs = Default.jsxs;
const Fragment = Default.Fragment; const Fragment = Default.Fragment;
export { jsx, Fragment }; console.log("run is", Default);
export { jsx, jsxs, Fragment };

2
hmr/hmr-react.tsx
View File

@ -2,8 +2,6 @@ import * as ReactOriginal from "react-original";
const ReactParts = ReactOriginal.default ? ReactOriginal.default : ReactOriginal; const ReactParts = ReactOriginal.default ? ReactOriginal.default : ReactOriginal;
console.log(ReactParts);
/* /*
Each custom component is secretly modified to have an extra state and id. Each custom component is secretly modified to have an extra state and id.

4
index.html
View File

@ -6,11 +6,7 @@
</head> </head>
<body> <body>
<script type="module"> <script type="module">
import React from "/>/npm:react";
console.log(React);
import "/app.tsx"; import "/app.tsx";
</script> </script>
</body> </body>
</html> </html>

2
server.ts
View File

@ -66,7 +66,7 @@ for(const key in denoBody.imports)
} }
denoBody.imports["react-jsx-runtime-original"] = `${denoBody.imports[denoBody.compilerOptions.jsxImportSource]}/jsx-runtime`; denoBody.imports["react-jsx-runtime-original"] = `${denoBody.imports[denoBody.compilerOptions.jsxImportSource]}/jsx-runtime`;
denoBody.imports["react/jsx-runtime"] = "/^/jsx-runtime.tsx"; denoBody.imports["react/jsx-runtime"] = "/^/hmr/hmr-jsx-runtime.tsx";
denoBody.imports["react-original"] = denoBody.imports[denoBody.compilerOptions.jsxImportSource]; denoBody.imports["react-original"] = denoBody.imports[denoBody.compilerOptions.jsxImportSource];
denoBody.imports["react"] = "/^/hmr/hmr-react.tsx"; denoBody.imports["react"] = "/^/hmr/hmr-react.tsx";