Add total performance, adjust theme

Author: purefunctor

docs/src/App.tsx

@@ -46,6 +46,7 @@ export default function App() {
         lex: parsed.lex,
         layout: parsed.layout,
         parse: parsed.parse,
+        total: parsed.lex + parsed.layout + parsed.parse,
       });
 
       // Run type checker if in that mode
@@ -61,6 +62,7 @@ export default function App() {
           resolve: checked.timing.resolve,
           lower: checked.timing.lower,
           check: checked.timing.check,
+          total: checked.timing.total,
         });
       }
     } catch (err) {

docs/src/components/PerformanceBar.tsx

@@ -31,6 +31,10 @@ export function PerformanceBar({ timing }: Props) {
           <span className="font-mono text-fg-muted">{formatMs(metric.value!)}</span>
         </div>
       ))}
+      <div className="flex items-center gap-1.5 border-l border-bg-lighter pl-4">
+        <span className="font-medium">Total:</span>
+        <span className="font-mono text-fg-muted">{formatMs(timing.total)}</span>
+      </div>
     </div>
   );
 }

docs/src/lib/types.ts

@@ -30,6 +30,7 @@ export interface CheckTiming {
   resolve: number;
   lower: number;
   check: number;
+  total: number;
 }
 
 export interface CheckResult {
@@ -49,6 +50,7 @@ export interface Timing {
   resolve?: number;
   lower?: number;
   check?: number;
+  total: number;
 }
 
 export interface Lib {

docs/src/themes/catppuccin.ts

@@ -107,8 +107,10 @@ function createTheme(palette: Palette, base: "vs" | "vs-dark"): monaco.editor.IS
     colors: {
       "editor.background": palette.base,
       "editor.foreground": palette.text,
-      "editor.lineHighlightBackground": palette.surface0,
-      "editor.selectionBackground": palette.surface2,
+      "editor.lineHighlightBackground": palette.text + "12",
+      "editor.selectionBackground": palette.overlay2 + (base === "vs" ? "4D" : "40"),
+      "editor.wordHighlightBackground": palette.overlay2 + "33",
+      "editor.wordHighlightStrongBackground": palette.blue + (base === "vs" ? "26" : "33"),
       "editorCursor.foreground": palette.rosewater,
       "editorLineNumber.foreground": palette.overlay0,
       "editorLineNumber.activeForeground": palette.lavender,

docs/src/wasm/src/lib.rs

@@ -87,6 +87,7 @@ pub struct CheckTiming {
     resolve: f64,
     lower: f64,
     check: f64,
+    total: f64,
 }
 
 #[derive(Serialize)]
@@ -103,6 +104,8 @@ pub fn check(source: &str) -> JsValue {
     let performance = get_performance();
 
     let result = ENGINE.with_borrow_mut(|engine| {
+        let total_start = performance.now();
+
         // Parse
         let start = performance.now();
         let lexed = lexing::lex(source);
@@ -145,6 +148,7 @@ pub fn check(source: &str) -> JsValue {
                         resolve: 0.0,
                         lower: 0.0,
                         check: 0.0,
+                        total: performance.now() - total_start,
                     },
                 };
             }
@@ -171,6 +175,7 @@ pub fn check(source: &str) -> JsValue {
                     resolve: 0.0,
                     lower: 0.0,
                     check: 0.0,
+                    total: performance.now() - total_start,
                 },
             };
         }
@@ -196,6 +201,7 @@ pub fn check(source: &str) -> JsValue {
                     resolve: resolve_time,
                     lower: 0.0,
                     check: 0.0,
+                    total: performance.now() - total_start,
                 },
             };
         }
@@ -223,6 +229,7 @@ pub fn check(source: &str) -> JsValue {
                         resolve: resolve_time,
                         lower: lower_time,
                         check: 0.0,
+                        total: performance.now() - total_start,
                     },
                 };
             }
@@ -283,6 +290,8 @@ pub fn check(source: &str) -> JsValue {
             });
         }
 
+        let total_time = performance.now() - total_start;
+
         CheckResult {
             terms,
             types,
@@ -297,6 +306,7 @@ pub fn check(source: &str) -> JsValue {
                 resolve: resolve_time,
                 lower: lower_time,
                 check: check_time,
+                total: total_time,
             },
         }
     });

docs/vite.config.ts

@@ -5,6 +5,12 @@ import tailwindcss from "@tailwindcss/vite";
 export default defineConfig({
   base: "/purescript-analyzer/",
   plugins: [react(), tailwindcss()],
+  server: {
+    headers: {
+      "Cross-Origin-Opener-Policy": "same-origin",
+      "Cross-Origin-Embedder-Policy": "require-corp",
+    },
+  },
   build: {
     outDir: "build",
     target: "esnext",