X-Git-Url: https://git.r.bdr.sh/rbdr/canvas/blobdiff_plain/2df937df1372359babd123d1361e702a1a4b8168..c55cffecda48be785d89721dc8c8f04c99270b2d:/src/lib/components/sensor.svelte?ds=inline

diff --git a/src/lib/components/sensor.svelte b/src/lib/components/sensor.svelte
index da968a3..3b7dfc2 100644
--- a/src/lib/components/sensor.svelte
+++ b/src/lib/components/sensor.svelte
@@ -1,9 +1,8 @@
 <script>
   import { browser } from '$app/env';
   import { maxSize } from '$lib/config';
-
-  export let x;
-  export let y;
+  import { canvas } from '$lib/stores/canvas';
+  import { sensor } from '$lib/stores/widgets';
 
   const kSensorSize = 2;
 
@@ -16,16 +15,16 @@
   const fetchItems = function fetchItems( left, top, right, bottom ) {
     clearTimeout(timer);
 		timer = setTimeout(() => {
-      console.log('fetching', left, top, right, bottom);
+      sensor.set({ 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;
+      left = $canvas.x - window.screen.width * kSensorSize;
+      top = $canvas.y - window.screen.height * kSensorSize;
+      right = $canvas.x + window.screen.width * kSensorSize;
+      bottom = $canvas.y + window.screen.height * kSensorSize;
 
       fetchItems(left, top, right, bottom);
     }