diff options
| author | 2023-05-03 01:22:45 +0800 | |
|---|---|---|
| committer | 2023-05-03 01:22:45 +0800 | |
| commit | e76a5f847e78fee4e62f6eb37d468557a1504c55 (patch) | |
| tree | 4bcdeeeafb5bdc5945d855a22e6495926b5fbdd6 /docs/components/pages/pack-home/PackBenchmarks.tsx | |
| parent | 4ddbf86780b7dd2f74f8fcc037ede1222f73f81e (diff) | |
| download | HydroRoll-e76a5f847e78fee4e62f6eb37d468557a1504c55.tar.gz HydroRoll-e76a5f847e78fee4e62f6eb37d468557a1504c55.zip | |
Diffstat (limited to 'docs/components/pages/pack-home/PackBenchmarks.tsx')
| -rw-r--r-- | docs/components/pages/pack-home/PackBenchmarks.tsx | 97 |
1 files changed, 0 insertions, 97 deletions
diff --git a/docs/components/pages/pack-home/PackBenchmarks.tsx b/docs/components/pages/pack-home/PackBenchmarks.tsx deleted file mode 100644 index 9bd1db8..0000000 --- a/docs/components/pages/pack-home/PackBenchmarks.tsx +++ /dev/null @@ -1,97 +0,0 @@ -import { useState } from "react"; -import { FadeIn } from "../home-shared/FadeIn"; -import { SectionHeader, SectionSubtext } from "../home-shared/Headings"; -import { BenchmarksGraph } from "./PackBenchmarksGraph"; -import { PackBenchmarksPicker } from "./PackBenchmarksPicker"; -import { PackBenchmarkTabs } from "./PackBenchmarkTabs"; - -export type BenchmarkNumberOfModules = "1000" | "5000" | "10000" | "30000"; -export type BenchmarkCategory = - | "cold" - | "from_cache" - | "file_change" - | "code_build" - | "build_from_cache"; -export interface BenchmarkData { - next13: number; - next12: number; - vite: number; - next11: number; -} - -export interface BenchmarkBar { - label: string; - key: keyof BenchmarkData; - turbo?: true; - swc?: true; -} - -export const DEFAULT_BARS: BenchmarkBar[] = [ - { - key: "next13", - label: "Next.js 13", - turbo: true, - }, - { - key: "next12", - label: "Next.js 12", - }, - { - key: "vite", - label: "Vite", - swc: true, - }, - { - key: "next11", - label: "Next.js 11", - }, -]; -export const HMR_BARS: BenchmarkBar[] = [ - { - key: "next13", - label: "Next.js 13", - turbo: true, - }, - { - key: "vite", - label: "Vite", - swc: true, - }, - { - key: "next12", - label: "Next.js 12", - }, - { - key: "next11", - label: "Next.js 11", - }, -]; - -export function PackBenchmarks() { - const [numberOfModules, setNumberOfModules] = - useState<BenchmarkNumberOfModules>("1000"); - const [category, setCategory] = useState<BenchmarkCategory>("cold"); - - return ( - <FadeIn className="relative flex flex-col items-center justify-center w-full gap-10 py-16 font-sans md:py-24 lg:py-32"> - <div className="flex flex-col items-center gap-5 md:gap-6"> - <SectionHeader>Faster Than Fast</SectionHeader> - <SectionSubtext> - Crafted by the creators of Webpack, Turbopack delivers unparalleled - performance at scale. - </SectionSubtext> - </div> - <div className="flex flex-col items-center w-full"> - <PackBenchmarkTabs onTabChange={setCategory} /> - <BenchmarksGraph - category={category} - numberOfModules={numberOfModules} - bars={DEFAULT_BARS} - /> - </div> - <PackBenchmarksPicker - setNumberOfModules={setNumberOfModules} - ></PackBenchmarksPicker> - </FadeIn> - ); -} |
