diff --git a/src/svelte/elem/stores.mjs b/src/svelte/elem/stores.ts
similarity index 56%
rename from src/svelte/elem/stores.mjs
rename to src/svelte/elem/stores.ts
index d624dd7..7eb9589 100644
--- a/src/svelte/elem/stores.mjs
+++ b/src/svelte/elem/stores.ts
@@ -1,17 +1,22 @@
import { writable } from "svelte/store"
+//import type Pulldown from "./pulldowns/Pulldown.svelte"
+import type { SvelteComponent } from "svelte"
+import type { Account } from "../../server/lib/accounts"
+import type cfg from "../../../config.json"
+import type { FilePointer } from "../../server/lib/files"
export let refreshNeeded = writable(false)
-export let pulldownManager = writable(0)
-export let account = writable({})
-export let serverStats = writable({})
-export let files = writable([])
+export let pulldownManager = writable
()
+export let account = writable()
+export let serverStats = writable()
+export let files = writable<(FilePointer & {id:string})[]>([])
export let fetchAccountData = function() {
fetch("/auth/me").then(async (response) => {
if (response.status == 200) {
account.set(await response.json())
} else {
- account.set({})
+ account.set(undefined)
}
}).catch((err) => { console.error(err) })
}
diff --git a/src/svelte/elem/transition/_void.js b/src/svelte/elem/transition/_void.js
deleted file mode 100644
index c9bfd0d..0000000
--- a/src/svelte/elem/transition/_void.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { circIn, circOut } from "svelte/easing"
-
-export function _void(node, { duration, easingFunc, op, prop, rTarg }) {
- let rect = node.getBoundingClientRect()
-
- return {
- duration: duration||300,
- css: t => {
- let eased = (easingFunc || circIn)(t)
-
- return `
- white-space: nowrap;
- ${prop||"height"}: ${(eased)*(rect[rTarg||prop||"height"])}px;
- padding: 0px;
- opacity:${eased};
- overflow: clip;
- `
- }
- }
-}
\ No newline at end of file
diff --git a/src/svelte/elem/transition/_void.ts b/src/svelte/elem/transition/_void.ts
new file mode 100644
index 0000000..4178d1e
--- /dev/null
+++ b/src/svelte/elem/transition/_void.ts
@@ -0,0 +1,23 @@
+import { circIn, circOut } from "svelte/easing"
+
+export function _void(
+ node: HTMLElement,
+ options?: { duration?:number, easingFunc?: (a:number)=>number, prop?:string, rTarg?: "height"|"width"}
+) {
+ const { duration = 300, easingFunc = circIn, prop, rTarg } = options ?? {}
+ let rect = node.getBoundingClientRect()
+
+ return {
+ duration,
+ css: (t: number) => {
+ let eased = easingFunc(t)
+ return `
+ white-space: nowrap;
+ ${prop||"height"}: ${(eased)*(rect[rTarg || (prop && prop in rect) ? prop as keyof Omit : "height"])}px;
+ padding: 0px;
+ opacity:${eased};
+ overflow: clip;
+ `
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/svelte/elem/transition/padding_scaleY.js b/src/svelte/elem/transition/padding_scaleY.js
deleted file mode 100644
index c19a44b..0000000
--- a/src/svelte/elem/transition/padding_scaleY.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { circIn, circOut } from "svelte/easing"
-
-export function padding_scaleY(node, { duration, easingFunc, padY, padX, op }) {
- let rect = node.getBoundingClientRect()
-
- return {
- duration: duration||300,
- css: t => {
- let eased = (easingFunc || circOut)(t)
-
- return `
- height: ${eased*(rect.height-(padY||0))}px;
- ${padX&&padY ? `padding: ${(eased)*(padY)}px ${(padX)}px;` : ""}
- ${op ? `opacity: ${eased};` : ""}
- `
- }
- }
-}
\ No newline at end of file
diff --git a/src/svelte/elem/transition/padding_scaleY.ts b/src/svelte/elem/transition/padding_scaleY.ts
new file mode 100644
index 0000000..8c88c24
--- /dev/null
+++ b/src/svelte/elem/transition/padding_scaleY.ts
@@ -0,0 +1,21 @@
+import { circIn, circOut } from "svelte/easing"
+
+function padding_scaleY(node: HTMLElement, options?: { duration?: number, easingFunc?: (a: number) => number, padY?: number, padX?: number, op?: boolean }) {
+ const { duration = 300, easingFunc = circOut, padY, padX, op } = options ?? {}
+ let rect = node.getBoundingClientRect()
+
+ return {
+ duration,
+ css: (t:number) => {
+ let eased = easingFunc(t)
+
+ return `
+ height: ${eased*(rect.height-(padY||0))}px;
+ ${padX&&padY ? `padding: ${(eased)*(padY)}px ${(padX)}px;` : ""}
+ ${op ? `opacity: ${eased};` : ""}
+ `
+ }
+ }
+}
+
+export {padding_scaleY}
\ No newline at end of file
diff --git a/src/svelte/elem/uploader/AttachmentZone.svelte b/src/svelte/elem/uploader/AttachmentZone.svelte
index 7d70559..0a22b59 100644
--- a/src/svelte/elem/uploader/AttachmentZone.svelte
+++ b/src/svelte/elem/uploader/AttachmentZone.svelte
@@ -1,56 +1,35 @@
-