Darkages/SpotMicroESP32-Leika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐨 Removes unused components

Browse Source
This commit is contained in:
Rune Harlyk
2024-02-06 19:57:26 +01:00
parent 9fdb1de483
commit a2bb5b5312
7 changed files with 0 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/App.svelte
-4
View File
@@ -4,8 +4,6 @@
import TopBar from './components/TopBar.svelte';
import { connect } from './lib/socket';
import Controller from './routes/Controller.svelte';
import Config from './routes/Config.svelte';
import Health from './routes/SystemHealth.svelte';
import FileCache from './lib/cache';
import { socketLocation } from './lib/location';
import Settings from './routes/Settings.svelte';
@@ -45,7 +43,5 @@
<div class="absolute w-full h-full bg-background text-on-background">
<Route path="/" component={Controller} />
<Route path="/settings/*page" component={Settings} />
<Route path="/config" component={Config} />
<Route path="/health" component={Health} />
</div>
</Router>
app/src/components/Card.svelte
-3
View File
@@ -1,3 +0,0 @@
<div class={`${$$props.class} p-4 m-2 rounded-md shadow-lg bg-surface`}>
<slot />
</div>
app/src/components/CardHeader.svelte
-1
View File
@@ -1 +0,0 @@
<h2 class={`${$$props.class} text-lg border-b border-gray-600 text-on-background`}><slot/></h2>
app/src/components/Input.svelte
-10
View File
@@ -1,10 +0,0 @@
<script lang="ts">
export let value
export let placeholder = ""
export let required = false
export let disabled = false
</script>
<div class="{$$restProps.class || ''}">
<label for="first_name" class="block text-sm font-medium text-gray-900 dark:text-white"><slot/></label>
<input type="number" on:change placeholder={placeholder} disabled={disabled} bind:value={value} required={required} class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-1 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
</div>
app/src/components/index.ts
-2
View File
@@ -1,2 +0,0 @@
export { default as Card } from "./Card.svelte";
export { default as CardHeader } from "./CardHeader.svelte";
app/src/routes/Config.svelte
-50
View File
@@ -1,50 +0,0 @@
<script lang="ts">
import { Card, CardHeader } from "../components/index";
import { socket, isConnected } from "$lib/socket";
import { throttler } from "$lib/throttle";
let throttle = new throttler();
let throttle_timing = 25;
let pwm = 300
let servo = 0
let min = 0;
let halfWay = 0;
let max = 0;
let overallRange = 0;
$: buffer = (overallRange - 180) / 2
$: conversionRate = (max - min) / overallRange;
$: zeroMark = (conversionRate * buffer) + min;
$: oneEightyMark = (conversionRate * buffer) + halfWay;
$: pwm, throttle.throttle(() => $isConnected ? $socket.send(JSON.stringify({servo, pwm, action:0})) : console.log("Is not connected yet"), throttle_timing);
</script>
<div class="w-full h-full absolute top-0 p-4 flex justify-center items-center">
<Card class="w-full h-1/2">
<CardHeader>Servo calibration</CardHeader>
<div>Servo</div>
<input type="number" class="bg-background" bind:value={servo}>
<div class="flex w-full">
<label for="pwm">Pwm ({pwm})</label>
<div class="flex w-full">
<button class="p-2" on:click={() => pwm--}>-</button>
<input class="flex-1" bind:value={pwm} type="range" id="pwm" min={0} max={700}>
<button class="p-2" on:click={() => pwm++}>+</button>
</div>
</div>
<div class="grid grid-cols-2 w-1/2">
<div>Min pwm</div>
<input type="number" class="bg-background" bind:value={min}>
<div>Pwm at Halfway from min</div> <input type="number" class="bg-background" bind:value={halfWay}>
<div>Max pwm</div> <input type="number" class="bg-background" bind:value={max}>
<div>Overall angle</div> <input type="number" class="bg-background" bind:value={overallRange}>
<div>Buffer</div><div>{buffer}</div>
<div>Conversion rate</div><div>{conversionRate}</div>
<div>pwm for 0° mark</div><div>{zeroMark}</div>
<div>pwm for 180° Mark</div><div>{oneEightyMark}</div>
</div>
</Card>
</div>
app/src/routes/SystemHealth.svelte
-34
View File
@@ -1,34 +0,0 @@
<script lang="ts">
import { onDestroy, onMount } from 'svelte';
import { dataBuffer, socket } from '../lib/socket';
import { humanFileSize } from '../lib/utils';
let buf = new Uint8Array(2);
buf[0] = 1;
onMount(() => {
buf[1] = 1;
$socket.send(buf);
});
onDestroy(() => {
buf[1] = 0;
$socket.send(buf);
});
</script>
<div class="p-10 flex gap-4">
<div class="bg-slate-600 rounded-md p-2 drop-shadow-lg">
<b>Heap allocation:</b>
<div class="flex gap-2"><span>Total free:</span>{humanFileSize($dataBuffer[8])}</div>
<div class="flex gap-2"><span>Max free block:</span>{humanFileSize($dataBuffer[12])}</div>
<div class="flex gap-2"><span>Min:</span>{humanFileSize($dataBuffer[10])}</div>
</div>
<div class="bg-slate-600 rounded-md p-2 drop-shadow-lg">
<b>PSRam allocation:</b>
<div class="flex gap-2"><span>Free</span>{humanFileSize($dataBuffer[9])}</div>
<div class="flex gap-2"><span>Min:</span>{humanFileSize($dataBuffer[11])}</div>
<div class="flex gap-2"><span>Max block:</span>{humanFileSize($dataBuffer[13])}</div>
</div>
</div>