From f7f1b604443c030afe29d1059b90f72c69afe081 Mon Sep 17 00:00:00 2001
From: Colin McDonnell <colinmcd94@gmail.com>
Date: Wed, 9 Nov 2022 15:40:40 -0800
Subject: Add bun-types, add typechecking, add `child_process` types (#1475)

* Add bun-types to packages

* Improve typing

* Fix types in tests

* Fix dts tests

* Run formatter

* Fix all type errors

* Add strict mode, fix type errors

* Add ffi changes

* Move workflows to root

* Add workflows

* Remove labeler

* Add child_process types

* Fix synthetic defaults issue

* Remove docs

* Move scripts

* Run prettier

* Include examples in typechecking

* captureStackTrace types

* moved captureStackTrace types to globals

* Address reviews

Co-authored-by: Colin McDonnell <colinmcd@alum.mit.edu>
Co-authored-by: Dylan Conway <dylan.conway567@gmail.com>
---
 src/api/demo/pages/index.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'src/api/demo/pages/index.tsx')

diff --git a/src/api/demo/pages/index.tsx b/src/api/demo/pages/index.tsx
index 7274b3d39..24577acb3 100644
--- a/src/api/demo/pages/index.tsx
+++ b/src/api/demo/pages/index.tsx
@@ -1,19 +1,22 @@
 import Head from "next/head";
 import Image from "next/image";
 import styles from "../styles/Home.module.css";
+import { readFile } from "fs/promises";
 
 import React from "react";
 
 if (typeof window !== "undefined") {
   globalThis.Run = await import("../lib/run");
-  await import("../lib/api.ts");
+  await import("../lib/api");
 }
 
 export async function getStaticProps(ctx) {
   return {
     props: {
-      code: Bun.readFile(
-        "/Users/jarred/Build/es-module-lexer/test/samples/magic-string.js"
+      // not tested
+      code: readFile(
+        "/Users/jarred/Build/es-module-lexer/test/samples/magic-string.js",
+        { encoding: "utf-8" },
       ),
     },
   };
@@ -21,7 +24,7 @@ export async function getStaticProps(ctx) {
 
 var textDecoder = new TextDecoder();
 export default function Home({ code }) {
-  const fileNameRef = React.useRef();
+  const fileNameRef = React.useRef<HTMLInputElement>(null);
   const [esbuildResult, setEsbuildResult] = React.useState("");
   const [bunResult, setBunResult] = React.useState("");
   const [swcResult, setSWCResult] = React.useState("");
@@ -33,14 +36,14 @@ export default function Home({ code }) {
     (event) => {
       globalThis.Run.transform(
         event.target.value,
-        fileNameRef.current.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]
+    [fileNameRef, setEsbuildResult, setBunResult, setSWCResult],
   );
   return (
     <div className={styles.container}>
-- 
cgit v1.2.3

