From e4e4b5202bf0039127f591941fddc1ff5ca09897 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Tue, 24 Jan 2023 13:07:20 +0100
Subject: Update project, improve sensor/render logic

---
 src/routes/+layout.svelte |  5 +++
 src/routes/+page.svelte   | 88 +++++++++++++++++++++++++++++++++++++++++++++++
 src/routes/index.svelte   | 86 ---------------------------------------------
 3 files changed, 93 insertions(+), 86 deletions(-)
 create mode 100644 src/routes/+layout.svelte
 create mode 100644 src/routes/+page.svelte
 delete mode 100644 src/routes/index.svelte

(limited to 'src/routes')

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..e1b87bc
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,5 @@
+<script>
+  import '../app.css'
+</script>
+
+<slot />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..1fd4752
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,88 @@
+<script>
+  import Sensor from '$lib/components/sensor.svelte';
+  import Background from '$lib/components/background.svelte';
+  import Palette from '$lib/components/palette.svelte';
+  import Hud from '$lib/components/hud.svelte';
+  import Minimap from '$lib/components/minimap.svelte';
+  import Widget from '$lib/components/widget.svelte';
+  import { modulo } from '$lib/math';
+  import { widgets } from '$lib/stores/widgets';
+  import { canvas } from '$lib/stores/canvas';
+
+  import { coordinateLength, maxSize } from '$lib/config';
+
+  $: shouldShowPalette = false;
+
+  let dragging = false;
+
+  const moveCanvas = function moveCanvas(event) {
+
+    if (dragging) {
+      let deltaX = event.x - dragging.x;
+      let deltaY = event.y - dragging.y;
+      let x = modulo($canvas.x - deltaX, maxSize);
+      let y = modulo($canvas.y - deltaY, maxSize);
+      dragging.x = event.x;
+      dragging.y = event.y;
+      canvas.set({ x, y })
+    }
+  }
+
+  const startDragging = function startDragging(event) {
+    dragging = {
+      x: event.x,
+      y: event.y
+    };
+  }
+
+  const stopDragging = function startDragging() {
+    dragging = null;
+  }
+
+  const showPalette = function showPalette(event) {
+    event.preventDefault();
+    dragging = null;
+    document.documentElement.style.setProperty('--palette-x', event.clientX + 'px');
+    document.documentElement.style.setProperty('--palette-y', event.clientY + 'px');
+    shouldShowPalette = true;
+  }
+
+  const hidePalette = function hidePalette() {
+    event.preventDefault();
+    shouldShowPalette = false;
+  }
+</script>
+
+<div
+  class="canvas"
+  on:click={hidePalette}
+  on:contextmenu={showPalette}
+  on:mousedown={startDragging}
+  on:mouseup={stopDragging}
+  on:mousemove={moveCanvas}
+>
+  <Sensor />
+  <Background />
+  <Hud />
+  <Minimap />
+
+  {#if shouldShowPalette }
+    <Palette/>
+  {/if}
+
+  {#if $widgets}
+    {#each $widgets as widget}
+      <Widget widget={widget}/>
+    {/each}
+  {/if}
+</div>
+
+<style>
+  .canvas {
+    user-select: none;
+    padding: 0;
+    margin: 0;
+    width: 100vw;
+    height: 100vh;
+  }
+</style>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
deleted file mode 100644
index 411b81f..0000000
--- a/src/routes/index.svelte
+++ /dev/null
@@ -1,86 +0,0 @@
-<script>
-  import Sensor from '$lib/components/sensor.svelte';
-  import Background from '$lib/components/background.svelte';
-  import Palette from '$lib/components/palette.svelte';
-  import Hud from '$lib/components/hud.svelte';
-  import Widget from '$lib/components/widget.svelte';
-  import { modulo } from '$lib/math';
-  import { widgets } from '$lib/stores/widgets';
-  import { canvas } from '$lib/stores/canvas';
-
-  import { coordinateLength, maxSize } from '$lib/config';
-
-  $: shouldShowPalette = false;
-
-  let dragging = false;
-
-  const moveCanvas = function moveCanvas(event) {
-
-    if (dragging) {
-      let deltaX = event.x - dragging.x;
-      let deltaY = event.y - dragging.y;
-      let x = modulo($canvas.x - deltaX, maxSize);
-      let y = modulo($canvas.y - deltaY, maxSize);
-      dragging.x = event.x;
-      dragging.y = event.y;
-      canvas.set({ x, y })
-    }
-  }
-
-  const startDragging = function startDragging(event) {
-    dragging = {
-      x: event.x,
-      y: event.y
-    };
-  }
-
-  const stopDragging = function startDragging() {
-    dragging = null;
-  }
-
-  const showPalette = function showPalette(event) {
-    event.preventDefault();
-    dragging = null;
-    document.documentElement.style.setProperty('--palette-x', event.clientX + 'px');
-    document.documentElement.style.setProperty('--palette-y', event.clientY + 'px');
-    shouldShowPalette = true;
-  }
-
-  const hidePalette = function hidePalette() {
-    event.preventDefault();
-    shouldShowPalette = false;
-  }
-</script>
-
-<div
-  class="canvas"
-  on:click={hidePalette}
-  on:contextmenu={showPalette}
-  on:mousedown={startDragging}
-  on:mouseup={stopDragging}
-  on:mousemove={moveCanvas}
->
-  <Sensor />
-  <Background />
-  <Hud />
-
-  {#if shouldShowPalette }
-    <Palette/>
-  {/if}
-
-  {#if $widgets}
-    {#each $widgets as widget}
-      <Widget widget={widget}/>
-    {/each}
-  {/if}
-</div>
-
-<style>
-  .canvas {
-    user-select: none;
-    padding: 0;
-    margin: 0;
-    width: 100vw;
-    height: 100vh;
-  }
-</style>
-- 
cgit