svelte-ag 0.0.2-dev.82 → 0.0.2-dev.84

package/dist/lib/api/form.svelte.d.ts

@@ -1,11 +1,13 @@
 import { type SuperForm, type SuperValidated } from 'sveltekit-superforms';
 import type { ApiRequestFunction, HTTPMethod, ApiEndpoints, ApiInput, ApiSuccessBody, ApiErrorBody } from 'ts-ag';
 import type * as v from 'valibot';
+type ValidInput<E extends ApiEndpoints, P extends E['path'], M extends E['method']> = NonNullable<ApiInput<E, P, M>>;
 export type ApiRequestForm<API extends ApiEndpoints> = <Path extends API['path'], Method extends Extract<API, {
     path: Path;
 }>['method']>(path: Path, method: Method, actions: {
-    onSuccess?: (form: SuperValidated<ApiInput<API, Path, Method>>, response: ApiSuccessBody<API, Path, Method>) => void;
-    onFail?: (form: SuperValidated<ApiInput<API, Path, Method>>, response: ApiErrorBody<API, Path, Method>) => void;
-}) => SuperForm<ApiInput<API, Path, Method>>;
+    onSuccess?: (form: SuperValidated<ValidInput<API, Path, Method>>, response: ApiSuccessBody<API, Path, Method>) => void;
+    onFail?: (form: SuperValidated<ValidInput<API, Path, Method>>, response: ApiErrorBody<API, Path, Method>) => void;
+}) => SuperForm<ValidInput<API, Path, Method>>;
 export declare function createFormFunction<API extends ApiEndpoints>(schemas: Record<API['path'], Record<HTTPMethod, v.GenericSchema>>, request: ApiRequestFunction<API>): ApiRequestForm<API>;
+export {};
 //# sourceMappingURL=form.svelte.d.ts.map

package/dist/lib/api/form.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/api/form.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAA6C,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtH,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAClH,OAAO,KAAK,KAAK,CAAC,MAAM,SAAS,CAAC;AAElC,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,YAAY,IAAI,CACrD,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC,EAErD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;IACP,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EACjD,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KACxC,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACjH,KACE,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAE5C,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,YAAY,EACzD,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,EACjE,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC/B,cAAc,CAAC,GAAG,CAAC,CAwCrB"}
+{"version":3,"file":"form.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/api/form.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtH,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAClH,OAAO,KAAK,KAAK,CAAC,MAAM,SAAS,CAAC;AAElC,KAAK,UAAU,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAErH,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,YAAY,IAAI,CACrD,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC,EAErD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;IACP,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EACnD,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KACxC,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACnH,KACE,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAE9C,wBAAgB,kBAAkB,CAAC,GAAG,SAAS,YAAY,EACzD,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,EACjE,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,GAC/B,cAAc,CAAC,GAAG,CAAC,CAwCrB"}

package/dist/lib/api/form.svelte.js

@@ -1,4 +1,3 @@
-import { sleep } from 'radash';
 import { superForm, defaults, setError, setMessage } from 'sveltekit-superforms';
 import { valibot } from 'sveltekit-superforms/adapters';
 export function createFormFunction(schemas, request) {

package/dist/lib/api/index.d.ts

@@ -1,3 +1,3 @@
 export * from './form.svelte.js';
-export * from './query.svelte.js';
+export * from './query/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/api/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/api/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/api/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/lib/api/index.js

@@ -1,2 +1,2 @@
 export * from './form.svelte.js';
-export * from './query.svelte.js';
+export * from './query/index.js';

package/dist/lib/api/query/cache.svelte.d.ts

@@ -0,0 +1,13 @@
+export declare class Cache {
+    #private;
+    constructor();
+    deregister(key: string): void;
+    register(key: string, opts: {
+        timeout: number | 'inf';
+    }): void;
+    set(key: string, value: any): void;
+    get(key: string): any;
+    reset(key: string): void;
+    has(key: string): boolean;
+}
+//# sourceMappingURL=cache.svelte.d.ts.map

package/dist/lib/api/query/cache.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/api/query/cache.svelte.ts"],"names":[],"mappings":"AAEA,qBAAa,KAAK;;;IAIhB,UAAU,CAAC,GAAG,EAAE,MAAM;IAMtB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,KAAK,CAAA;KAAE;IAMvD,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAQ3B,GAAG,CAAC,GAAG,EAAE,MAAM;IAYf,KAAK,CAAC,GAAG,EAAE,MAAM;IAOjB,GAAG,CAAC,GAAG,EAAE,MAAM;CAWhB"}

package/dist/lib/api/query/cache.svelte.js

@@ -0,0 +1,48 @@
+import { SvelteMap } from 'svelte/reactivity';
+export class Cache {
+    #cache = new SvelteMap();
+    constructor() { }
+    deregister(key) {
+        if (this.#cache.has(key)) {
+            this.#cache.delete(key);
+        }
+    }
+    register(key, opts) {
+        if (!this.#cache.has(key)) {
+            this.#cache.set(key, { ...opts, updatedAt: null, value: null });
+        }
+    }
+    set(key, value) {
+        const details = this.#cache.get(key);
+        if (!details)
+            throw new Error(`The key ${key} is not registered in the cache`);
+        details.updatedAt = Date.now();
+        details.value = value;
+    }
+    get(key) {
+        const details = this.#cache.get(key);
+        if (!details)
+            throw new Error(`The key ${key} is not registered in the cache`);
+        if (details.updatedAt !== null && (details.timeout === 'inf' || details.updatedAt + details.timeout > Date.now())) {
+            // Return cached value if its within the timeout or timeout is inf
+            return details.value;
+        }
+        return null;
+    }
+    reset(key) {
+        const details = this.#cache.get(key);
+        if (!details)
+            throw new Error(`The key ${key} is not registered in the cache`);
+        details.updatedAt = null;
+    }
+    has(key) {
+        const details = this.#cache.get(key);
+        if (!details)
+            return false;
+        if (details.updatedAt !== null && (details.timeout === 'inf' || details.updatedAt + details.timeout > Date.now())) {
+            // Return cached value if its within the timeout or timeout is inf
+            return true;
+        }
+        return false;
+    }
+}

package/dist/lib/api/query/entrypoint.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { ApiEndpoints, ApiRequestFunction, ApiInput, ApiResponse } from 'ts-ag';
+import { Query } from './query.svelte.js';
+export type BatchDetails<API extends ApiEndpoints, Path extends API['path'], Method extends Extract<API, {
+    path: Path;
+}>['method']> = {
+    canBatch: (input: ApiInput<API, Path, Method>) => string | false;
+    batchInput: (inputs: ApiInput<API, Path, Method>[]) => ApiInput<API, Path, Method>;
+    unBatchOutput: (inputs: ApiInput<API, Path, Method>[], output: ApiResponse<API, Path, Method>) => ApiResponse<API, Path, Method>[] | Promise<ApiResponse<API, Path, Method>[]>;
+};
+export type ApiBatchDetails<API extends ApiEndpoints> = {
+    [Path in API['path']]?: {
+        [Method in Extract<API, {
+            path: Path;
+        }>['method']]?: BatchDetails<API, Path, Method>;
+    };
+};
+/**
+ * Helper function to use once so that creating queries is easier.
+ *
+ * @example
+ * export const createQuery = createQueryFunction<YourApiEndpoints>(yourApiRequest);
+ *
+ */
+export declare function createQueryFunction<API extends ApiEndpoints>(request: ApiRequestFunction<API>, batchDetails: ApiBatchDetails<API>): <Path extends API["path"], Method extends Extract<API, {
+    path: Path;
+}>["method"]>(path: Path, method: Method, input: ApiInput<API, Path, Method>, opts?: ConstructorParameters<typeof Query<API, Path, Method>>[0]["opts"]) => Query<API, Path, Method>;
+//# sourceMappingURL=entrypoint.svelte.d.ts.map

package/dist/lib/api/query/entrypoint.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entrypoint.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/api/query/entrypoint.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,EAAa,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAcrD,MAAM,MAAM,YAAY,CACtB,GAAG,SAAS,YAAY,EACxB,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC,IACnD;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,MAAM,GAAG,KAAK,CAAC;IACjE,UAAU,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IACnF,aAAa,EAAE,CACb,MAAM,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,EACrC,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,KACnC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;CACnF,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,YAAY,IAAI;KACrD,IAAI,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;SACrB,MAAM,IAAI,OAAO,CAAC,GAAG,EAAE;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC;KACrF;CACF,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,YAAY,EAC1D,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAChC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,IAE1B,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC,EACrF,MAAM,IAAI,EACV,QAAQ,MAAM,EACd,OAAO,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,EAClC,OAAO,qBAAqB,CAAC,OAAO,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KACvE,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAe5B"}

package/dist/lib/api/query/entrypoint.svelte.js

@@ -0,0 +1,32 @@
+import { SvelteMap } from 'svelte/reactivity';
+import { Requestor, Query } from './query.svelte.js';
+import { Cache } from './cache.svelte.js';
+import { batchQueryKey, cacheKey } from './utils.svelte.js';
+// ---------------- Global state ----------------
+// Map of path_method to the corresponding batch query instance
+const requestors = new SvelteMap();
+// Map of path_method_input to the corresponding query instance
+const queries = new SvelteMap();
+const cache = new Cache();
+/**
+ * Helper function to use once so that creating queries is easier.
+ *
+ * @example
+ * export const createQuery = createQueryFunction<YourApiEndpoints>(yourApiRequest);
+ *
+ */
+export function createQueryFunction(request, batchDetails) {
+    return (path, method, input, opts) => {
+        const queryKey = cacheKey(path, method, input);
+        if (!queries.has(queryKey)) {
+            const key = batchQueryKey(path, method);
+            if (!requestors.has(key)) {
+                requestors.set(key, new Requestor(path, method, request, cache, batchDetails[path]?.[method]));
+            }
+            const requestor = requestors.get(key);
+            queries.set(queryKey, new Query({ path, method, input, requestor, cache, opts }));
+        }
+        const query = queries.get(queryKey);
+        return query;
+    };
+}

package/dist/lib/api/query/index.d.ts

@@ -0,0 +1,5 @@
+export * from './utils.svelte.js';
+export * from './cache.svelte.js';
+export * from './entrypoint.svelte.js';
+export * from './query.svelte.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/api/query/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/api/query/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAElC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC"}

package/dist/lib/api/query/index.js

@@ -0,0 +1,4 @@
+export * from './utils.svelte.js';
+export * from './cache.svelte.js';
+export * from './entrypoint.svelte.js';
+export * from './query.svelte.js';

package/dist/lib/api/query/query.svelte.d.ts

@@ -0,0 +1,40 @@
+import type { ApiEndpoints, ApiInput, ApiRequestFunction, ApiSuccessBody, ApiErrorBody, ApiResponse } from 'ts-ag';
+import type { Cache } from './cache.svelte';
+import type { BatchDetails } from './entrypoint.svelte';
+export type QueryStatus = 'idle' | 'loading' | 'success' | 'error';
+export declare class Query<API extends ApiEndpoints, Path extends API['path'], Method extends Extract<API, {
+    path: Path;
+}>['method']> {
+    #private;
+    constructor({ path, method, input, requestor, cache }: {
+        path: Path;
+        method: Method;
+        input: ApiInput<API, Path, Method>;
+        requestor: Requestor<API, Path, Method>;
+        cache: Cache;
+        opts?: {
+            cache?: Parameters<Cache['register']>[1];
+        };
+    });
+    request(): Promise<ApiResponse<API, Path, Method>>;
+    get cacheKey(): string;
+    get isCached(): boolean;
+    resetCache(): void;
+    get status(): QueryStatus;
+    get data(): ApiSuccessBody<API, Path, Method> | null;
+    get errorData(): ApiErrorBody<API, Path, Method> | null;
+}
+export declare class Requestor<API extends ApiEndpoints, Path extends API['path'], Method extends Extract<API, {
+    path: Path;
+}>['method']> {
+    #private;
+    constructor(path: Path, method: Method, request: ApiRequestFunction<API>, cache: Cache, batchDetails?: BatchDetails<API, Path, Method>);
+    private fetch;
+    /**
+     * Empties the batch queue for the id by combining the inputs.
+     * Then it separates the outputs and resolves each of the promises
+     */
+    private flushBatchQueue;
+    request(input: ApiInput<API, Path, Method>): Promise<ApiResponse<API, Path, Method>>;
+}
+//# sourceMappingURL=query.svelte.d.ts.map

package/dist/lib/api/query/query.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/api/query/query.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAInH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAK5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE,qBAAa,KAAK,CAChB,GAAG,SAAS,YAAY,EACxB,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC;;gBAyBzC,EACV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,KAAK,EACN,EAAE;QACD,IAAI,EAAE,IAAI,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QACnC,SAAS,EAAE,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QACxC,KAAK,EAAE,KAAK,CAAC;QACb,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1C,CAAC;KACH;IAgBK,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IA+BxD,IAAI,QAAQ,WAEX;IACD,IAAI,QAAQ,YAEX;IACD,UAAU;IAMV,IAAI,MAAM,gBAET;IACD,IAAI,IAAI,IAAI,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,IAAI,CAEnD;IACD,IAAI,SAAS,IAAI,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,IAAI,CAEtD;CACF;AAED,qBAAa,SAAS,CACpB,GAAG,SAAS,YAAY,EACxB,IAAI,SAAS,GAAG,CAAC,MAAM,CAAC,EACxB,MAAM,SAAS,OAAO,CAAC,GAAG,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC,QAAQ,CAAC;;gBA6BnD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAChC,KAAK,EAAE,KAAK,EACZ,YAAY,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC;YAkBlC,KAAK;IAOnB;;;OAGG;YACW,eAAe;IAqBvB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;CAkB3F"}

package/dist/lib/api/query/query.svelte.js

@@ -0,0 +1,157 @@
+import { stringify } from 'devalue';
+import Bottleneck from 'bottleneck';
+import * as env from '$env/static/public';
+import { sleep } from 'radash';
+import { cacheKey } from './utils.svelte.js';
+export class Query {
+    // -------- Constants --------
+    #TIMEOUT = 1000 * 60 * 5; // 5 minutes
+    // -------- Set in constructor --------
+    #path;
+    #method;
+    #input;
+    #inputString;
+    #cacheKey;
+    #requestor;
+    #cache;
+    // -------- State --------
+    // Requesting state
+    #pendingRequest = null;
+    // Response state
+    #status = $state('idle');
+    #data = $state(null);
+    #errorData = $state(null);
+    // -------- Functions --------
+    constructor({ path, method, input, requestor, cache }) {
+        this.#requestor = requestor;
+        this.#cache = cache;
+        this.#path = path;
+        this.#method = method;
+        // if (this.#cachekey) this.#cache.deregister(this.#cachekey);
+        this.#input = input;
+        this.#inputString = stringify(input);
+        this.#cacheKey = cacheKey(path, method, input);
+        this.#cache.register(this.#cacheKey, { timeout: this.#TIMEOUT });
+    }
+    async request() {
+        const cachedValue = this.#cache.get(this.#cacheKey);
+        if (cachedValue !== null) {
+            return cachedValue;
+        }
+        this.#status = 'loading';
+        if (this.#pendingRequest === null) {
+            this.#pendingRequest = this.#requestor.request(this.#input);
+        }
+        const res = await this.#pendingRequest;
+        this.#pendingRequest = null;
+        this.#cache.set(this.#cacheKey, res);
+        if (res.ok === false) {
+            const body = await res.json();
+            this.#status = 'error';
+            // @ts-expect-error Generics not working for some reason
+            this.#errorData = body;
+            return res;
+        }
+        else {
+            const body = await res.json();
+            this.#status = 'success';
+            this.#data = body;
+            return res;
+        }
+    }
+    get cacheKey() {
+        return this.#cacheKey;
+    }
+    get isCached() {
+        return this.#cache.has(this.#cacheKey);
+    }
+    resetCache() {
+        if (this.isCached) {
+            this.#cache.reset(this.#cacheKey);
+        }
+    }
+    get status() {
+        return this.#status;
+    }
+    get data() {
+        return this.#data;
+    }
+    get errorData() {
+        return this.#errorData;
+    }
+}
+export class Requestor {
+    // -------- Constants --------
+    #batchDelay = 100;
+    // -------- Set in constructor --------
+    #path;
+    #method;
+    #request;
+    #canBatch;
+    #batchInput;
+    #unBatchOutput;
+    #limiter;
+    #cache;
+    // -------- State --------
+    #batchQueue = {};
+    #batchTimers = {};
+    constructor(path, method, request, cache, batchDetails) {
+        this.#path = path;
+        this.#method = method;
+        this.#request = request;
+        this.#limiter = new Bottleneck({
+            maxConcurrent: 5,
+            minTime: 100
+        });
+        this.#cache = cache;
+        // TODO
+        this.#canBatch = batchDetails ? batchDetails.canBatch : () => false;
+        this.#batchInput = batchDetails ? batchDetails.batchInput : (inputs) => inputs;
+        this.#unBatchOutput = batchDetails ? batchDetails.unBatchOutput : (inputs, output) => [output];
+    }
+    // Makes the actual call to the api
+    async fetch(input) {
+        if ('PUBLIC_ENVIRONMENT' in env && env.PUBLIC_ENVIRONMENT === 'development') {
+            await sleep(1000);
+        }
+        return await this.#limiter.schedule(() => this.#request(this.#path, this.#method, input));
+    }
+    /**
+     * Empties the batch queue for the id by combining the inputs.
+     * Then it separates the outputs and resolves each of the promises
+     */
+    async flushBatchQueue(batchId) {
+        const queue = this.#batchQueue[batchId].splice(0);
+        const batchedInput = this.#batchInput(queue.map((q) => q.input));
+        const res = await this.fetch(batchedInput);
+        const output = await this.#unBatchOutput(queue.map((q) => q.input), res);
+        queue.forEach(({ resolve, reject }, i) => {
+            if (output[i].ok === true) {
+                resolve(output[i]);
+            }
+            else {
+                reject(output[i]);
+            }
+        });
+    }
+    // Performs a request for a given input. Batches it if possible
+    async request(input) {
+        const batchId = this.#canBatch(input);
+        if (batchId !== false) {
+            return new Promise((resolve, reject) => {
+                if (!this.#batchQueue[batchId])
+                    this.#batchQueue[batchId] = [];
+                this.#batchQueue[batchId].push({ input, resolve, reject });
+                if (!this.#batchTimers[batchId]) {
+                    this.#batchTimers[batchId] = setTimeout(() => {
+                        this.flushBatchQueue(batchId);
+                        delete this.#batchTimers[batchId];
+                    }, this.#batchDelay);
+                }
+            });
+        }
+        else {
+            return await this.fetch(input);
+        }
+    }
+}

package/dist/lib/api/query/utils.svelte.d.ts

@@ -0,0 +1,3 @@
+export declare function batchQueryKey(path: string, method: string): string;
+export declare function cacheKey(path: string, method: string, input: any): string;
+//# sourceMappingURL=utils.svelte.d.ts.map

package/dist/lib/api/query/utils.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/api/query/utils.svelte.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAEzD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAEhE"}

package/dist/lib/api/query/utils.svelte.js

@@ -0,0 +1,7 @@
+import { stringify } from 'devalue';
+export function batchQueryKey(path, method) {
+    return `${path}_${method}`;
+}
+export function cacheKey(path, method, input) {
+    return `${path}_${method}_${stringify(input)}`;
+}

package/dist/lib/components/animated/animated.svelte

@@ -6,14 +6,18 @@
     variants: {
       animation: {
         flyAndScale: `
-          data-[state="visible"]:animate-in data-[state="visible"]:fade-in-0 data-[state="visible"]:zoom-in-95
+          data-[state="visible"]:animate-in data-[state="visible"]:fade-in-0
+          data-[state="visible"]:zoom-in-95
           data-[state="visible"]:slide-in-from-bottom-[10%]
-          data-[state="hidden"]:animate-out data-[state="hidden"]:fade-out-0 data-[state="hidden"]:zoom-out-95
+          data-[state="hidden"]:animate-out data-[state="hidden"]:fade-out-0
+          data-[state="hidden"]:zoom-out-95
           data-[state="hidden"]:slide-out-to-bottom-[10%]
         `,
         slide: `
-          data-[state="visible"]:animate-in data-[state="visible"]:slide-in-from-right
-          data-[state="hidden"]:animate-out data-[state="hidden"]:slide-out-to-right
+          data-[state="visible"]:animate-in
+          data-[state="visible"]:slide-in-from-right
+          data-[state="hidden"]:animate-out
+          data-[state="hidden"]:slide-out-to-right
         `,
         fade: `
           data-[state="visible"]:animate-in data-[state="visible"]:fade-in
@@ -24,12 +28,16 @@
           data-[state="hidden"]:animate-out data-[state="hidden"]:zoom-out-95
         `,
         slideUp: `
-          data-[state="visible"]:animate-in data-[state="visible"]:slide-in-from-bottom
-          data-[state="hidden"]:animate-out data-[state="hidden"]:slide-out-to-bottom
+          data-[state="visible"]:animate-in
+          data-[state="visible"]:slide-in-from-bottom
+          data-[state="hidden"]:animate-out
+          data-[state="hidden"]:slide-out-to-bottom
         `,
         slideDown: `
-          data-[state="visible"]:animate-in data-[state="visible"]:slide-in-from-top
-          data-[state="hidden"]:animate-out data-[state="hidden"]:slide-out-to-top
+          data-[state="visible"]:animate-in
+          data-[state="visible"]:slide-in-from-top
+          data-[state="hidden"]:animate-out
+          data-[state="hidden"]:slide-out-to-top
         `,
         growHeight: `overflow-hidden`
       },
@@ -74,47 +82,32 @@
     children
   }: Props = $props();
 
-  let animationComplete = $state<boolean>(true);
+  let animationComplete = $state<boolean>(disableInitialAnimation);
   let isInitialRender = $state(true);
   //svelte-ignore non_reactive_update
   let growHeightElement: HTMLDivElement | undefined;
 
   function handleAnimationEnd(e: AnimationEvent) {
-    if (!visible) {
-      animationComplete = true;
-    } else {
-      animationComplete = false;
-    }
-
-    // Mark initial render as complete after animation
-    isInitialRender = false;
-
-    if (onAnimationComplete) {
-      onAnimationComplete(visible);
-    }
+    animationComplete = true;
+    onAnimationComplete?.(visible);
   }
 
   // Reset animation state when visibility changes
   watch(
     () => visible,
-    (newValue) => {
-      if (newValue) {
+    (newValue, oldValue) => {
+      if (newValue !== oldValue) {
+        isInitialRender = false;
         animationComplete = false;
       }
     },
-    { lazy: false }
+    // Dont run on mount
+    { lazy: true }
   );
 
-  // Set initial render to false when component mounts if disableInitialAnimation is true
-  $effect(() => {
-    if (disableInitialAnimation) {
-      isInitialRender = false;
-    }
-  });
-
   const dataState = $derived(visible ? 'visible' : 'hidden');
   // Skip animation classes on initial render when disableInitialAnimation is true
-  const shouldApplyAnimationClasses = $derived(!isInitialRender || !disableInitialAnimation);
+  const shouldApplyAnimationClasses = $derived(!(isInitialRender && disableInitialAnimation));
 
   // Duration in ms for animations
   const durationMap = {
@@ -210,11 +203,14 @@
     }
   }
 
-  $effect(() => {
-    if (animation === 'growHeight') {
-      animateHeight();
+  watch(
+    () => visible,
+    (newValue, oldValue) => {
+      if (animation === 'growHeight' && newValue !== oldValue) {
+        animateHeight();
+      }
     }
-  });
+  );
 </script>
 
 {#if animation === 'growHeight'}

package/dist/lib/components/animated/animated.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animated.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/animated/animated.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDA2C3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAGvE,OAAO,EAAM,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKpD,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAwLJ,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"animated.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/animated/animated.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAmD3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAGvE,OAAO,EAAM,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKpD,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4KJ,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/lib/components/dnd/Droppable.svelte

@@ -1,25 +1,27 @@
 <script lang="ts">
+  import { cn } from '../../utils/utils';
+  /**
+   * This is a component for a droppable region.
+   * Rendering of the region and anything that is dropped in it is done separately to this
+   */
   import { useDroppable, type UseDroppableArguments } from '@dnd-kit-svelte/core';
   import type { ClassValue } from 'clsx';
   import type { Snippet } from 'svelte';
 
-  // This may come in handy for when sorting needs to be done manually
-  // in a situation where i might want to sort the items myself based on another
-  // method but still want to be able to drag items between regions?
-
   interface DroppableProps extends UseDroppableArguments {
-    children: Snippet;
+    child?: Snippet<[{ isOver: boolean }]>;
     class?: ClassValue;
   }
 
-  let { children, class: className, ...rest }: DroppableProps = $props();
+  let { child, class: className, ...rest }: DroppableProps = $props();
 
-  const droppable = useDroppable(rest);
+  const { node, isOver } = useDroppable(rest);
 </script>
 
-<div class={[className]} bind:this={droppable.node.current}>
-  {@render children()}
+<div class={cn(className, '')} bind:this={node.current}>
+  {@render child?.({ isOver: isOver.current })}
 </div>
 
+<!-- Example -->
 <!-- <Droppable id="container" data={{ accepts: ['container'] }}> -->
 <!-- </Droppable> -->

package/dist/lib/components/dnd/Droppable.svelte.d.ts

@@ -1,8 +1,14 @@
+/**
+   * This is a component for a droppable region.
+   * Rendering of the region and anything that is dropped in it is done separately to this
+   */
 import { type UseDroppableArguments } from '@dnd-kit-svelte/core';
 import type { ClassValue } from 'clsx';
 import type { Snippet } from 'svelte';
 interface DroppableProps extends UseDroppableArguments {
-    children: Snippet;
+    child?: Snippet<[{
+        isOver: boolean;
+    }]>;
     class?: ClassValue;
 }
 declare const Droppable: import("svelte").Component<DroppableProps, {}, "">;

package/dist/lib/components/dnd/Droppable.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Droppable.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/Droppable.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAOpC,UAAU,cAAe,SAAQ,qBAAqB;IACpD,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAqBH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Droppable.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/Droppable.svelte.ts"],"names":[],"mappings":"AAIA;;;KAGK;AACL,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,cAAe,SAAQ,qBAAqB;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAwBH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/lib/components/dnd/default.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { DragEndProps, DragOverProps, DragStartProps } from './types.js';
+/**
+ * Sets state for the active item when dragging starts
+ */
+declare function onDragStart({ active, dnd }: DragStartProps): void;
+export declare function onDragEnd({ active, over, dnd }: DragEndProps): void;
+export declare function onDragOver({ active, over, dnd }: DragOverProps): void;
+declare const _default: {
+    onDragEnd: typeof onDragEnd;
+    onDragOver: typeof onDragOver;
+    onDragStart: typeof onDragStart;
+};
+export default _default;
+//# sourceMappingURL=default.svelte.d.ts.map

package/dist/lib/components/dnd/default.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dnd/default.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAI9E;;GAEG;AACH,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,cAAc,QAMnD;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,YAAY,QAAI;AAEjE,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,aAAa,QAAI;;;;;;AAEnE,wBAIE"}

package/dist/lib/components/dnd/default.svelte.js

@@ -0,0 +1,18 @@
+import { data } from './utils.svelte';
+// --------------------- Handlers ---------------------
+/**
+ * Sets state for the active item when dragging starts
+ */
+function onDragStart({ active, dnd }) {
+    const d = data(active);
+    dnd.activeType = d.type?.current;
+    dnd.activeItem = d.item?.current;
+    // console.log('Drag start', dnd.activeItem!.id);
+}
+export function onDragEnd({ active, over, dnd }) { }
+export function onDragOver({ active, over, dnd }) { }
+export default {
+    onDragEnd,
+    onDragOver,
+    onDragStart
+};