Create the sensor, move values to config

[rbdr/canvas] / src / lib / components / sensor.svelte

diff --git a/src/lib/components/sensor.svelte b/src/lib/components/sensor.svelte
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..da968a3220432c74dc24401af9fa54d48175cd7a 100644 (file)
--- a/src/lib/components/sensor.svelte
+++ b/src/lib/components/sensor.svelte
@@ -0,0 +1,34 @@
+<script>
+  import { browser } from '$app/env';
+  import { maxSize } from '$lib/config';
+
+  export let x;
+  export let y;
+
+  const kSensorSize = 2;
+
+  let left;
+  let right;
+  let top;
+  let bottom;
+
+  let timer;
+  const fetchItems = function fetchItems( left, top, right, bottom ) {
+    clearTimeout(timer);
+               timer = setTimeout(() => {
+      console.log('fetching', left, top, right, bottom);
+               }, 50);
+  }
+
+  $: {
+    if (browser) {
+      left = x - window.screen.width * kSensorSize;
+      top = y - window.screen.height * kSensorSize;
+      right = x + window.screen.width * kSensorSize;
+      bottom = y + window.screen.height * kSensorSize;
+
+      fetchItems(left, top, right, bottom);
+    }
+  }
+
+</script>