aboutsummaryrefslogtreecommitdiff
path: root/examples/css-stress-test/src/main.tsx
diff options
context:
space:
mode:
authorGravatar Jarred Sumner <jarred@jarredsumner.com> 2021-10-07 21:27:47 -0700
committerGravatar Jarred Sumner <jarred@jarredsumner.com> 2021-10-07 21:27:47 -0700
commitae7b91efe2076254d66d608052f4729fd34b3546 (patch)
tree1bc8f86ca8997c4801839f38326e7b3993efe651 /examples/css-stress-test/src/main.tsx
parent6d9ccd9b8edb149aee957b3e6c7668cc45ce7664 (diff)
downloadbun-ae7b91efe2076254d66d608052f4729fd34b3546.tar.gz
bun-ae7b91efe2076254d66d608052f4729fd34b3546.tar.zst
bun-ae7b91efe2076254d66d608052f4729fd34b3546.zip
Add CSS HMR benchmarkjarred/bench
Diffstat (limited to 'examples/css-stress-test/src/main.tsx')
-rw-r--r--examples/css-stress-test/src/main.tsx67
1 files changed, 0 insertions, 67 deletions
diff --git a/examples/css-stress-test/src/main.tsx b/examples/css-stress-test/src/main.tsx
deleted file mode 100644
index 556f3d3b7..000000000
--- a/examples/css-stress-test/src/main.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-export const Main = ({ productName }) => {
- return (
- <>
- <header>
- <div className="Title">CSS HMR Stress Test!</div>
- <p className="Description">
- This page visually tests how quickly a bundler can update CSS over Hot
- Module Reloading.
- </p>
- </header>
- <main className="main">
- <section className="ProgressSection">
- <p className="Subtitle">
- <span className="Subtitle-part">
- Ran: <span className="timer"></span>
- </span>
- </p>
-
- <div className="ProgressBar-container">
- <div className="ProgressBar"></div>
- </div>
- <div className="SectionLabel">
- The progress bar should move from left to right smoothly.
- </div>
- </section>
-
- <section>
- <div className="Spinners">
- <div className="Spinner-container Spinner-1">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-2">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-3">
- <div className="Spinner"></div>
- </div>
-
- <div className="Spinner-container Spinner-4">
- <div className="Spinner"></div>
- </div>
- </div>
- <div className="SectionLabel">
- The spinners should rotate &amp; change color smoothly.
- </div>
- </section>
- </main>
- <footer>
- <div className="SectionLabel FooterLabel">
- There are no CSS animations on this page.
- </div>
-
- <div className="Bundler-container">
- <div className="Bundler">{productName}</div>
- <div className="Bundler-updateRate">
- {/* This should loose all the styles
- <span className="highlight">
- <span className="interval"></span>ms
- </span> */}
- </div>
- </div>
- </footer>
- </>
- );
-};