refactor: clean up code formatting and remove unnecessary whitespace

Author: Azgaar

src/controllers/coastline-editor.ts

@@ -5,7 +5,7 @@ import {
   defaultCoastSettings,
   fractalize,
   makeRoughnessProfile,
-  PROFILE_SIZE
+  PROFILE_SIZE,
 } from "../renderers/coastline-fractal";
 import { byId } from "../utils";
 
@@ -27,7 +27,7 @@ const SLIDER_DEFS: SliderDef[] = [
     min: 1,
     max: 5,
     step: 1,
-    key: "maxDepth"
+    key: "maxDepth",
   },
   {
     id: "coastBaseAmplitude",
@@ -36,7 +36,7 @@ const SLIDER_DEFS: SliderDef[] = [
     min: 0.2,
     max: 4,
     step: 0.1,
-    key: "baseAmplitude"
+    key: "baseAmplitude",
   },
   {
     id: "coastAmplitudeDecay",
@@ -45,7 +45,7 @@ const SLIDER_DEFS: SliderDef[] = [
     min: 0.01,
     max: 0.99,
     step: 0.01,
-    key: "amplitudeDecay"
+    key: "amplitudeDecay",
   },
   {
     id: "coastMinEdge",
@@ -54,7 +54,7 @@ const SLIDER_DEFS: SliderDef[] = [
     min: 0.1,
     max: 10,
     step: 0.1,
-    key: "minEdge"
+    key: "minEdge",
   },
   {
     id: "coastSmoothThreshold",
@@ -63,7 +63,7 @@ const SLIDER_DEFS: SliderDef[] = [
     min: 0.01,
     max: 0.5,
     step: 0.01,
-    key: "smoothThreshold"
+    key: "smoothThreshold",
   },
   {
     id: "coastRoughnessContrast",
@@ -72,7 +72,7 @@ const SLIDER_DEFS: SliderDef[] = [
     min: 0.5,
     max: 10,
     step: 0.1,
-    key: "roughnessContrast"
+    key: "roughnessContrast",
   },
   {
     id: "coastProfileHarmonics",
@@ -81,7 +81,7 @@ const SLIDER_DEFS: SliderDef[] = [
     min: 1,
     max: 8,
     step: 1,
-    key: "profileHarmonics"
+    key: "profileHarmonics",
   },
   {
     id: "coastLakeSmoothThreshMult",
@@ -90,8 +90,8 @@ const SLIDER_DEFS: SliderDef[] = [
     min: 0.1,
     max: 5,
     step: 0.1,
-    key: "lakeSmoothThreshMult"
-  }
+    key: "lakeSmoothThreshMult",
+  },
 ];
 
 const COAST_PRESETS: Record<string, Omit<CoastlineSettings, "enabled">> = {
@@ -147,7 +147,7 @@ export function open(): void {
     document.body.insertAdjacentHTML("beforeend", buildDialogHTML());
   }
 
-  for (const {id, key} of SLIDER_DEFS) {
+  for (const { id, key } of SLIDER_DEFS) {
     const slider = byId(id) as HTMLInputElement | null;
     const output = byId(`${id}Out`) as HTMLElement | null;
     const resetBtn = byId(`${id}Reset`) as HTMLElement | null;
@@ -185,7 +185,7 @@ export function open(): void {
     thumb.style.left = defaultCoastSettings.enabled ? "18px" : "2px";
     slidersDiv.style.opacity = defaultCoastSettings.enabled ? "" : "0.4";
     slidersDiv.style.pointerEvents = defaultCoastSettings.enabled ? "" : "none";
-    Object.keys(COAST_PRESETS).forEach(name => {
+    Object.keys(COAST_PRESETS).forEach((name) => {
       const btn = byId(`coastPreset_${name}`) as HTMLButtonElement | null;
       if (btn) btn.disabled = !defaultCoastSettings.enabled;
     });
@@ -205,7 +205,7 @@ export function open(): void {
     if (!btn) continue;
     btn.on("click", () => {
       const preset = COAST_PRESETS[name];
-      for (const {id, key} of SLIDER_DEFS) {
+      for (const { id, key } of SLIDER_DEFS) {
         if (!(key in preset)) continue;
         const val = preset[key as keyof typeof preset];
         defaultCoastSettings[key] = val;
@@ -225,19 +225,20 @@ export function open(): void {
   $("#coastlineSettingsDialog").dialog({
     title: "Coastline Settings Editor",
     resizable: false,
-    width: 'auto',
-    position: {my: "right top", at: "right-10 top+10", of: "svg"}
+    width: "auto",
+    position: { my: "right top", at: "right-10 top+10", of: "svg" },
   });
 }
 
 function buildDialogHTML(): string {
   const presetButtons = Object.keys(COAST_PRESETS)
     .map(
-      name => `<button id="coastPreset_${name}" style="font-size:.78em;padding:2px 8px">${name}</button>`
+      (name) =>
+        `<button id="coastPreset_${name}" style="font-size:.78em;padding:2px 8px">${name}</button>`,
     )
     .join("");
 
-  const rows = SLIDER_DEFS.map(({id, label, tip, min, max, step, key}) => {
+  const rows = SLIDER_DEFS.map(({ id, label, tip, min, max, step, key }) => {
     const value = defaultCoastSettings[key];
     return /* html */ `
       <tr data-tip="${tip}">
@@ -303,7 +304,11 @@ function drawRoughnessGraph(canvas: HTMLCanvasElement): void {
   ctx.clearRect(0, 0, W, H);
 
   const rand = Alea(PREVIEW_SEED);
-  const profile = makeRoughnessProfile(rand, defaultCoastSettings.roughnessContrast, defaultCoastSettings.profileHarmonics);
+  const profile = makeRoughnessProfile(
+    rand,
+    defaultCoastSettings.roughnessContrast,
+    defaultCoastSettings.profileHarmonics,
+  );
 
   const thresh = Math.min(Math.max(defaultCoastSettings.smoothThreshold, 0), 1);
   const threshY = H * (1 - thresh);
@@ -337,7 +342,11 @@ function drawRoughnessGraph(canvas: HTMLCanvasElement): void {
   };
 
   // Helper: stroke curve clipped to a horizontal band
-  const strokeBand = (clipTop: number, clipBot: number, color: string): void => {
+  const strokeBand = (
+    clipTop: number,
+    clipBot: number,
+    color: string,
+  ): void => {
     const h = clipBot - clipTop;
     if (h <= 0) return;
     ctx.save();
@@ -407,23 +416,37 @@ function drawShapePreview(canvas: HTMLCanvasElement): void {
     [cx, cy - r], // top
     [cx + r, cy], // right
     [cx, cy + r], // bottom
-    [cx - r, cy] // left
+    [cx - r, cy], // left
   ];
 
   const shape = defaultCoastSettings.enabled
     ? fractalize(basePts, Alea(PREVIEW_SEED), defaultCoastSettings)
-    : {points: basePts, origIndices: [0, 1, 2, 3]};
+    : { points: basePts, origIndices: [0, 1, 2, 3] };
   const path = new Path2D(`${buildCoastlinePath(shape)}Z`);
 
   // Ocean background — radial gradient, lighter at centre
-  const bgGrad = ctx.createRadialGradient(cx, cy, 0, cx, cy, Math.max(W, H) * 0.85);
+  const bgGrad = ctx.createRadialGradient(
+    cx,
+    cy,
+    0,
+    cx,
+    cy,
+    Math.max(W, H) * 0.85,
+  );
   bgGrad.addColorStop(0, "#cce5f5");
   bgGrad.addColorStop(1, "#6aa4cb");
   ctx.fillStyle = bgGrad;
   ctx.fillRect(0, 0, W, H);
 
   // Land fill with drop shadow
-  const landGrad = ctx.createRadialGradient(cx - r * 0.1, cy - r * 0.1, r * 0.05, cx, cy, r * 1.1);
+  const landGrad = ctx.createRadialGradient(
+    cx - r * 0.1,
+    cy - r * 0.1,
+    r * 0.05,
+    cx,
+    cy,
+    r * 1.1,
+  );
   landGrad.addColorStop(0, "#d8c87a");
   landGrad.addColorStop(0.5, "#9cbc60");
   landGrad.addColorStop(1, "#5c8e40");
@@ -443,7 +466,7 @@ function drawShapePreview(canvas: HTMLCanvasElement): void {
   ctx.stroke(path);
 
   // Original polygon skeleton — shows the raw 4-vertex input before fractalization
-  const origPts = shape.origIndices.map(i => shape.points[i]);
+  const origPts = shape.origIndices.map((i) => shape.points[i]);
   ctx.beginPath();
   for (let j = 0; j < origPts.length; j++) {
     const [x, y] = origPts[j];
@@ -482,8 +505,8 @@ function drawShapePreview(canvas: HTMLCanvasElement): void {
 
 declare global {
   interface Window {
-    CoastlineEditor: {open: () => void};
+    CoastlineEditor: { open: () => void };
   }
 }
 
-window.CoastlineEditor = {open};
+window.CoastlineEditor = { open };

src/renderers/coastline-fractal.ts

@@ -154,7 +154,8 @@ export function fractalizeCoastline(
           ...defaultCoastSettings,
           smoothThreshold: Math.min(
             1,
-            defaultCoastSettings.smoothThreshold * defaultCoastSettings.lakeSmoothThreshMult,
+            defaultCoastSettings.smoothThreshold *
+              defaultCoastSettings.lakeSmoothThreshMult,
           ),
         }
       : defaultCoastSettings;

src/renderers/index.ts

@@ -12,4 +12,3 @@ import "./draw-relief-icons";
 import "./draw-scalebar";
 import "./draw-state-labels";
 import "./draw-temperature";
-