import Head from "next/head"; import Image from "next/image"; import styles from "../styles/Home.module.css"; import React from "react"; if (typeof window !== "undefined") { globalThis.Run = await import("../lib/run"); await import("../lib/api.ts"); } export async function getStaticProps(ctx) { return { props: { code: Bun.readFile( "/Users/jarred/Build/es-module-lexer/test/samples/magic-string.js" ), }, }; } var textDecoder = new TextDecoder(); export default function Home({ code }) { const fileNameRef = React.useRef(); const [esbuildResult, setEsbuildResult] = React.useState(""); const [bunResult, setBunResult] = React.useState(""); const [swcResult, setSWCResult] = React.useState(""); React.useEffect(() => { globalThis.Run.start(); }, []); const runBuild = React.useCallback( (event) => { globalThis.Run.transform( event.target.value, fileNameRef.current.value ).then((result) => { setEsbuildResult(result.esbuild.code); setBunResult(textDecoder.decode(result.bun.files[0].data)); setSWCResult(result.swc.code); }, console.error); }, [fileNameRef, setEsbuildResult, setBunResult, setSWCResult] ); return (
Next.js
); }