diff --git a/client/src/components/inspector/FullscreenProgress.tsx b/client/src/components/inspector/FullscreenProgress.tsx index 67bf990a..ef6fcad2 100644 --- 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 ( 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 index 5ae7a1d3..4f030a4d 100644 --- 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 index 7db2027e..5c32d6de 100644 --- a/client/src/slices/layers.ts +++ b/client/src/slices/layers.ts @@ -47,7 +47,6 @@ export function useLayer = Record>( layer, setLayer: (newLayer: Layer) => { 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 index 8fdb983e..3004862b 100644 --- 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,