Update to latest prettier

Preqreuisite to updating to the latest TypeScript (and thus using the
type modifier for imports).

Author: mihaip

.prettierignore

@@ -0,0 +1,4 @@
+src/emulator/minivmac-*.js
+src/emulator/SheepShaver.js
+src/emulator/BasiliskII.js
+src/Data/*.json

package-lock.json

@@ -43,6 +43,7 @@
         "preview": "vite preview --host",
         "worker-dev": "wrangler dev --local --port=3128",
         "worker-deploy": "wrangler publish --env production",
+        "prettier": "prettier --write src workers-site",
         "lint": "eslint src",
         "check": "tsc --noEmit",
         "format-macemu": "clang-format -i --glob=macemu/BasiliskII/src/Unix/JS/*"

package.json

@@ -44,7 +44,8 @@ export function About({onDone}: {onDone: () => void}) {
                 <a
                     href="https://www.youtube.com/embed/tljxs9zuaA8"
                     target="_blank"
-                    rel="noopener noreferrer">
+                    rel="noopener noreferrer"
+                >
                     this video
                 </a>
                 . To learn more, including how it was built, see{" "}

src/About.tsx

@@ -150,7 +150,8 @@ function DiskContents({disk, onRun, setBezelStyle}: DiskContentsProps) {
                                 disk.machines[e.target.selectedIndex];
                             setMachine(machine);
                             setBezelStyle(machine.bezelStyle);
-                        }}>
+                        }}
+                    >
                         {disk.machines.map((machine, i) => (
                             <option value={machine.name} key={i}>
                                 {machine.name}
@@ -208,7 +209,8 @@ function DiskContents({disk, onRun, setBezelStyle}: DiskContentsProps) {
                 <Button
                     appearance={buttonAppearance}
                     className="CustomizeButton"
-                    onClick={() => setCustomizing(!customizing)}>
+                    onClick={() => setCustomizing(!customizing)}
+                >
                     {customizing ? "Cancel" : "Customize…"}
                 </Button>
                 <Button appearance={buttonAppearance} onClick={run}>

src/Browser.tsx

@@ -32,7 +32,8 @@ export function Dialog(props: DialogProps) {
                     onClick={e => {
                         e.preventDefault();
                         onDone();
-                    }}>
+                    }}
+                >
                     {doneLabel}
                 </Button>
             </footer>

src/Dialog.tsx

@@ -16,12 +16,14 @@ export function Footer({onLogoClick}: {onLogoClick?: () => void}) {
             </span>
             <span
                 onClick={() => setAboutVisible(true)}
-                className="Footer-About">
+                className="Footer-About"
+            >
                 About
             </span>
             <span
                 onClick={() => setDonateVisible(true)}
-                className="Footer-Donate">
+                className="Footer-Donate"
+            >
                 Donate
             </span>
         </div>

src/Footer.tsx

@@ -413,7 +413,8 @@ export default function Mac({
                         />
                     )}
                 </>
-            }>
+            }
+        >
             {progress}
             {dragCount > 0 && <div className="Mac-Overlay Mac-Drag-Overlay" />}
             {ethernetProviderRef.current && (
@@ -529,7 +530,8 @@ function MacEthernetStatus({
     return (
         <div
             className="Mac-Ethernet-Status"
-            onClick={() => setExpanded(!expanded)}>
+            onClick={() => setExpanded(!expanded)}
+        >
             <div className="ScreenFrame-Bezel-Text">{text}</div>
             {details}
         </div>
@@ -553,7 +555,8 @@ function MacSettings({
         <Dialog
             title="Settings"
             onDone={onDone}
-            buttonAppearance={buttonAppearance}>
+            buttonAppearance={buttonAppearance}
+        >
             <label>
                 <input
                     type="checkbox"
@@ -585,7 +588,8 @@ function MacSettings({
                                     event.target.value
                                 ) as EmulatorSpeed,
                             })
-                        }>
+                        }
+                    >
                         {Array.from(
                             EMULATOR_SPEEDS.entries(),
                             ([speed, label]) => (

src/Mac.tsx

@@ -61,7 +61,8 @@ export function ScreenFrame(props: ScreenFrameProps) {
                 height: `calc(${height}px + 2 * var(--screen-underscan))`,
                 transform: scale === undefined ? undefined : `scale(${scale})`,
             }}
-            {...divProps}>
+            {...divProps}
+        >
             <div className="ScreenFrame-Controls-Container">
                 <div className="ScreenFrame-Apple-Logo">
                     <AppleLogo className="Background" />
@@ -74,7 +75,8 @@ export function ScreenFrame(props: ScreenFrameProps) {
                             visibility: alwaysVisible ? "visible" : undefined,
                         }}
                         onClick={handler}
-                        key={label}>
+                        key={label}
+                    >
                         {label}
                     </div>
                 ))}
@@ -92,7 +94,8 @@ export function ScreenFrame(props: ScreenFrameProps) {
                 style={{
                     width,
                     height,
-                }}>
+                }}
+            >
                 {screen}
             </div>
             {children}

src/ScreenFrame.tsx

@@ -8,7 +8,9 @@ body {
     background: #282c34;
 }
 
-body, html, #root {
+body,
+html,
+#root {
     height: 100%;
     width: 100%;
 }