1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
import { derived, writable } from 'svelte/store';
import { createClient } from '@supabase/supabase-js';
import { supabase } from '$lib/config';
import { maxSize } from '$lib/config';
const boxParser = /\(([0-9]+),([0-9]+)\),\(([0-9]+),([0-9]+)\)/
const client = createClient(supabase.url, supabase.key);
export const sensor = writable({left: 0, top: 0, right: 0, bottom: 0});
const getBoxes = function getBoxes ({left, top, right, bottom}) {
const results = [
`box.ov."((${left},${top}),(${right},${bottom}))"`,
`box.ov."((${left+maxSize},${top+maxSize}),(${right+maxSize},${bottom+maxSize}))"`,
`box.ov."((${left+maxSize},${top}),(${right+maxSize},${bottom}))"`,
`box.ov."((${left},${top+maxSize}),(${right},${bottom+maxSize}))"`,
`box.ov."((${left-maxSize},${top-maxSize}),(${right-maxSize},${bottom-maxSize}))"`,
`box.ov."((${left-maxSize},${top}),(${right-maxSize},${bottom}))"`,
`box.ov."((${left},${top-maxSize}),(${right},${bottom-maxSize}))"`
];
return results
};
const serialize = function serialize(widget) {
const boxComponents = widget.box
.match(boxParser)
.slice(1,5)
.map(Number);
const box = {
left: Math.min(boxComponents[0], boxComponents[2]),
right: Math.max(boxComponents[0], boxComponents[2]),
top: Math.min(boxComponents[1], boxComponents[3]),
bottom: Math.max(boxComponents[1], boxComponents[3])
};
return {...widget, box }
};
let ac = null;
export const widgets = derived(sensor, async function ($sensor, set) {
const boxes = getBoxes($sensor);
ac && ac.abort()
ac = new AbortController();
const { data } = await client
.from('widgets')
.select()
.or(boxes.join(','))
.abortSignal(ac.signal)
if (data) {
return set(data.map(serialize));
}
});
|
