lägg till förkortning autostäd och ingen autocomplete

src/components/create.svelte

@@ -12,7 +12,7 @@
 	import { Badge } from '$lib/components/ui/badge';
 	import { Separator } from '$lib/components/ui/separator';
 	import { db, createShortform, type List, type Shortform } from '../db/main';
-	import { cacheShortforms } from "../modules/shortforms";
+	import { cacheShortform } from "../modules/shortforms";
 	import { liveQuery } from "dexie";
 
 	import { ScrollArea } from "$lib/components/ui/scroll-area/index.js";
@@ -42,20 +42,26 @@
     */
 		const sf = {
 			listid: abbForm.target.value,
-			shortform: abbForm.shortform, 
-			phrase: abbForm.phrase, 
-			used: new Date(0),
+			shortform: abbForm.shortform.replace(/\s/g,"").toLowerCase(),
+			phrase: abbForm.phrase.trim(), 
+			last_used: new Date(0),
 			uses: 0,
 			remind: 0,
 			updated: Date.now(),
 		}
-		appState.open = ""
-		db.shortforms.where({listid: sf.listid, shortform: sf.shortform}).first()
+		//appState.open = ""
+		db.shortforms.where("[listid+shortform]").equals([sf.listid, sf.shortform]).first()
 		.then(existing => {
 			sf.id = existing.id
 			db.shortforms.put(sf).then(result => {
-				shortforms.cache = cacheShortforms([sf.listid]);
-			cancelCreate()
+				cacheShortform(sf);
+				appState.open = ""
+			})
+		})
+		.catch(() => {
+			db.shortforms.put(sf).then(result => {
+				cacheShortform(sf);
+				appState.open = ""
 			})
 		})
 	};
@@ -93,7 +99,7 @@
 		<Card.Description></Card.Description>
 	</Card.Header>
 	<Card.Content class="mx-auto">
-		<form class="grid gap-4 py-4" method="post" enctype="multipart/form-data" on:submit={handleCreate}>
+		<form class="grid gap-4 py-4" method="post" enctype="multipart/form-data" on:submit={handleCreate} autocomplete="off">
 			<div class="grid grid-cols-4 items-center gap-4">
 				<Label>Förkortning</Label>
 				<Input id="shortformEl" bind:value={abbForm.shortform} focus placeholder="" class="w-[290px]" />

src/components/dashboard.svelte

@@ -12,11 +12,7 @@
 	import { Badge } from '$lib/components/ui/badge';
 	import { Separator } from '$lib/components/ui/separator';
 	import Import from './import/import.svelte';
-	export let open = true;
-
-	export let data = {
-		form: {}
-	};
+	let {open} = $props();
 
 	import default_shortforms from '../db/shortforms.se.json';
 	const importDefaultList = () => {

src/components/textarea.svelte

@@ -110,6 +110,7 @@
 		on:keyup={change} 
 		on:beforeinput={input} 
 		bind:value={appState.text}
+		spellcheck="false"
 	></textarea>
 </div>
 

src/db/main.ts

@@ -35,7 +35,7 @@ export class SkrivertDB extends Dexie {
         super("skrivertdb");
         this.version(1).stores({
             syncInfo: "key, last_sync",
-            shortforms: "++id, listid, shortform, phrase, last_use, uses, remind, updated",
+            shortforms: "++id, [listid+shortform], phrase, used, uses, remind, updated",
             lists: "++id, name, type, updated",
         });
         this.on("ready", async (db) => {

src/lib/stores.svelte.ts

@@ -39,6 +39,7 @@ export const appState = $state({ text: "", menuOpen: false, open: "" })
 
 import { toast } from "svelte-sonner";
 import { db } from "../db/main"
+import { cacheShortforms } from "../modules/shortforms"
 
 export const initShortformState = async () => {
 	const lists = await db.lists.toArray()
@@ -47,6 +48,7 @@ export const initShortformState = async () => {
 			console.log("Väljer en av standardlistorna")
 			shortforms.standardList = lists[0].id
 			toast("Ingen standardlista vald. Väljer " + lists[0].name)
+			shortforms.cache = cacheShortforms([shortforms.standardList]);
 		}
 	}
 }

src/modules/keyboard.ts

@@ -81,7 +81,8 @@ defaultExpanders.set(";", {
 hotkeys.set("F1", {
 	action: (e) => {
 		e.preventDefault()
-		console.log("Open help page")
+		console.log("Open dashboard")
+		appState.open = "dashboard"
 
 	}
 })

src/modules/shortforms.ts

@@ -1,7 +1,24 @@
 import { db } from "../db/main"
 import { type Shortform } from "../db/main"
+import { shortforms } from "../lib/stores.svelte"
+
+export async function cacheShortform(shortform: Shortform) {
+	if (shortforms.cache.has(shortform.shortform)) {
+		const existing = shortforms.cache.get(shortform.shortform)
+		const existingShortformList = await db.lists.where("id").equals(existing.listid).first()
+		const newShortformList = await db.lists.where("id").equals(shortform.listid).first()
+
+		if (newShortformList >= existingShortformList) {
+			shortforms.cache.set(shortform.shortform, shortform)
+		}
+
+	} else {
+		shortforms.cache.set(shortform.shortform, shortform)
+	}
+}
+
 export function cacheShortforms(lists: Array<number> = []) {
-	let shortforms = new Map();
+	let cache = new Map();
 	// console.log("Caching shortforms with lists:", lists);
 
 	var n = 0;
@@ -9,7 +26,7 @@ export function cacheShortforms(lists: Array<number> = []) {
 	var phrases_length = 0;
 	if (lists.length < 1) {
 		default_shortforms.map((sf: ShortformExportType) => {
-			shortforms.set(sf.sf, { phrase: sf.p, last: sf.u });
+			cache.set(sf.sf, { phrase: sf.p, last: sf.u });
 			/*     
 				n += 1;
 				shortforms_length += sf.sf.length;
@@ -26,13 +43,13 @@ export function cacheShortforms(lists: Array<number> = []) {
 			console.log("looking up shortforms for this listid:", listid)
 			db.shortforms.where("listid").equals(listid).toArray().then(sfs => {
 				sfs.forEach(sf => {
-					shortforms.set(sf.shortform, sf)
+					cache.set(sf.shortform, sf)
 				})
 			})
 
 		})
 	}
-	return shortforms;
+	return cache;
 }
 export function expandShortform(
 	cache: Map<string, any>,
@@ -41,17 +58,18 @@ export function expandShortform(
 	const u = new Date();
 	const shortform = ShortForm.toLowerCase();
 	if (cache.has(shortform)) {
-		const phrase = cache.get(shortform).phrase;
-		cache.set(shortform, { phrase: phrase, last: u });
+		const cachedShortform = cache.get(shortform);
+		cachedShortform.used = u;
+		cache.set(shortform, cachedShortform);
 
 		if (shortform.match(/(\d+)/) || ShortForm === shortform) {
-			return phrase;
+			return cachedShortform.phrase;
 		} else if (ShortForm === shortform.toUpperCase() && ShortForm.length > 1) {
-			return phrase.toUpperCase();
+			return cachedShortform.phrase.toUpperCase();
 		} else if (/^\p{Lu}(\p{L}*)/u.test(ShortForm)) {
-			return phrase.charAt(0).toUpperCase() + phrase.substring(1);
+			return cachedShortform.phrase.charAt(0).toUpperCase() + cachedShortform.phrase.substring(1);
 		} else {
-			return phrase;
+			return cachedShortform.phrase;
 		}
 	}
 	return "";

src/routes/+page.svelte

@@ -14,12 +14,16 @@
 			if (appState.open == "") {
 				textarea.focus()
 			}
+			if (appState.open == "dashboard") {
+				console.log("should open dashboard")
+				showDashboard = true
+			}
 		}
 		loaded = true
 
 	})
 	import { hotkeys } from '../modules/keyboard';
-	let showDashboard: boolean = false;
+	let showDashboard: boolean = true;
 	import { Toaster } from "$lib/components/ui/sonner";
 	const handleHotkeys = (e: KeyboardEvent) => {
 		hotkeys.get(e.key)?.action(e);
@@ -42,8 +46,8 @@
 		<Menu />
 		<Textarea bind:ref={textarea} />
 	<!--	<Button variant="destructive" on:click={deleteDefaultShortforms}>Ta bort standardlista</Button>-->
-	</div>
 		<!-- <Dashboard open={showDashboard} />-->
 	</div>
+</div>
 
 <Toaster />