Quality of life changes

ShortestPathLab · Oct 26, 2023 · 8e22e2e · 8e22e2e
1 parent 8b59272
commit 8e22e2e
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git a/client/src/components/inspector/FullscreenProgress.tsx b/client/src/components/inspector/FullscreenProgress.tsx
@@ -15,7 +15,11 @@ export function FullscreenProgress() {
   const messages = values(busy);
   return (
     <Backdrop
-      sx={{ ...acrylic, zIndex: (t) => t.zIndex.tooltip + 1 }}
+      sx={{
+        ...acrylic,
+        zIndex: (t) => t.zIndex.tooltip + 1,
+        WebkitAppRegion: "drag",
+      }}
       open={!!messages.length}
       unmountOnExit
       mountOnEnter

diff --git a/client/src/components/renderer/parser/parseTrace.ts b/client/src/components/renderer/parser/parseTrace.ts
@@ -8,6 +8,7 @@ import {
   ParseTraceWorkerReturnType,
 } from "./parseTrace.worker";
 import parseGridWorkerUrl from "./parseTrace.worker.ts?worker&url";
+import { stringify } from "yaml";
 
 export class ParseTraceWorker extends Worker {
   constructor() {
@@ -36,7 +37,7 @@ export function useTraceParser(params: ParseTraceWorkerParameters) {
             );
             return output;
           } catch (e) {
-            push("Error parsing", `${e}`);
+            push("Error parsing", `${stringify(e)}`);
           }
         }
       }),

diff --git a/client/src/slices/layers.ts b/client/src/slices/layers.ts
@@ -47,7 +47,6 @@ export function useLayer<T extends Record<string, any> = Record<string, any>>(
         layer,
         setLayer: (newLayer: Layer<T>) => {
           const mergedLayer = { ...layer, ...newLayer };
-          console.log(layer, newLayer, mergedLayer);
           setLayers(({ layers: prev }) => ({
             layers: map(prev, (l) =>
               l.key === mergedLayer.key ? mergedLayer : l

diff --git a/internal-renderers/src/d2-renderer/D2RendererWorker.ts b/internal-renderers/src/d2-renderer/D2RendererWorker.ts
@@ -205,6 +205,23 @@ export class D2RendererWorker extends EventEmitter<
     ctx.imageSmoothingEnabled = false;
     ctx.fillStyle = this.#options.backgroundColor;
     ctx.fillRect(0, 0, tile.width, tile.height);
+
+    const x = 16;
+    const thickness = 1;
+    ctx.fillStyle = `rgba(127,127,127,0.25)`;
+    ctx.fillRect(
+      (tile.width - x) / 2,
+      (tile.height - thickness) / 2,
+      x,
+      thickness
+    );
+    ctx.fillRect(
+      (tile.width - thickness) / 2,
+      (tile.height - x) / 2,
+      thickness,
+      x
+    );
+
     for (const { component } of sortBy(
       this.#system.search({
         minX: left,