diff options
| author |  Jarred Sumner <jarred@jarredsumner.com>
| 2021-07-01 05:12:15 -0700 |
|---|---|---|
| committer | Jarred Sumner <jarred@jarredsumner.com>
| 2021-07-01 05:12:15 -0700 |
| commit | b7d7fac635d260a09383212bfaecc3a25bfb9881 (patch) | |
| tree | 6f8f76d6d1d3e735f99654024b38e19624c0cba0 /demos/css-stress-test | |
| parent | a1d3191b89de8f6a05469cc50d7685d7d24d77d1 (diff) | |
| download | bun-b7d7fac635d260a09383212bfaecc3a25bfb9881.tar.gz bun-b7d7fac635d260a09383212bfaecc3a25bfb9881.tar.zst bun-b7d7fac635d260a09383212bfaecc3a25bfb9881.zip | |
this kind of works, but there is a crash when bundling. I think its missing a Stmt.Data.Store.reset()
Former-commit-id: 88aad6aeb19f3d1d73ced59a7a5aaddc2d7408ee
Diffstat (limited to 'demos/css-stress-test')
| -rw-r--r-- | demos/css-stress-test/framework.tsx | 28 | ||||
| -rw-r--r-- | demos/css-stress-test/package.json | 1 | ||||
| -rw-r--r-- | demos/css-stress-test/src/index.tsx | 8 | ||||
| -rw-r--r-- | demos/css-stress-test/tsconfig.json | 2 |
4 files changed, 30 insertions, 9 deletions
diff --git a/demos/css-stress-test/framework.tsx b/demos/css-stress-test/framework.tsx new file mode 100644 index 000000000..0d1e5d18c --- /dev/null +++ b/demos/css-stress-test/framework.tsx @@ -0,0 +1,28 @@ +import ReactDOMServer from "react-dom/server.browser"; +import { Base } from "./src/index"; + +addEventListener("fetch", (event: FetchEvent) => { + const response = new Response(` + <!DOCTYPE html> +<html> + <head> + <link + rel="stylesheet" + crossorigin="anonymous" + href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Space+Mono:wght@400;700" + /> + </head> + <body> + <link rel="stylesheet" href="./src/index.css" /> + <div id="reactroot">${ReactDOMServer.renderToString(<Base />)}</div> + + <script src="./src/index.tsx" async type="module"></script> + </body> +</html> + `); + + event.respondWith(response); +}); + +// typescript isolated modules +export {}; diff --git a/demos/css-stress-test/package.json b/demos/css-stress-test/package.json index 24b2082ee..fefc4d2b2 100644 --- a/demos/css-stress-test/package.json +++ b/demos/css-stress-test/package.json @@ -27,6 +27,7 @@ } }, "devDependencies": { + "@microsoft/fetch-event-source": "^2.0.1", "@snowpack/plugin-react-refresh": "^2.5.0", "typescript": "^4.3.4" } diff --git a/demos/css-stress-test/src/index.tsx b/demos/css-stress-test/src/index.tsx index 267691467..16855fd11 100644 --- a/demos/css-stress-test/src/index.tsx +++ b/demos/css-stress-test/src/index.tsx @@ -1,5 +1,3 @@ -import ReactDOMServer from "react-dom/server.browser"; - import { Main } from "./main"; import classNames from "classnames"; const Base = ({}) => { @@ -15,10 +13,6 @@ function startReact() { ReactDOM.render(<Base />, document.querySelector("#reactroot")); } -function ssr() { - console.log(ReactDOMServer.renderToString(<Base />)); -} - if (typeof window !== "undefined") { console.log("HERE!!"); globalThis.addEventListener("DOMContentLoaded", () => { @@ -26,8 +20,6 @@ if (typeof window !== "undefined") { }); startReact(); -} else { - ssr(); } export { Base }; diff --git a/demos/css-stress-test/tsconfig.json b/demos/css-stress-test/tsconfig.json index 401ede344..c13e650d0 100644 --- a/demos/css-stress-test/tsconfig.json +++ b/demos/css-stress-test/tsconfig.json @@ -1,7 +1,7 @@ { "compilerOptions": { "target": "esnext", - "lib": ["dom", "dom.iterable", "esnext"], + "lib": ["dom", "dom.iterable", "esnext", "WebWorker"], "allowJs": true, "skipLibCheck": true, "strict": false, |