update and lint

e2e/home.test.ts

@@ -42,7 +42,7 @@ test.describe.serial("Token Handling and Subsequent Tests", () => {
 			// Verify token is in localStorage
 			const storedToken = await page.evaluate(
 				key => JSON.parse(window.localStorage.getItem(key) ?? ""),
-				HF_TOKEN_STORAGE_KEY
+				HF_TOKEN_STORAGE_KEY,
 			);
 			expect(storedToken).toBe(HF_TOKEN);
 

eslint.config.mts

@@ -96,5 +96,5 @@ export default ts.config(
 				...globals.node,
 			},
 		},
-	}
+	},
 );

package.json

@@ -22,7 +22,7 @@
 		"@eslint/js": "^9.22.0",
 		"@floating-ui/dom": "^1.6.13",
 		"@huggingface/hub": "^2.1.0",
-		"@huggingface/inference": "^4.4.0",
+		"@huggingface/inference": "^4.5.3",
 		"@huggingface/tasks": "^0.19.8",
 		"@huggingface/transformers": "^3.5.1",
 		"@iconify-json/carbon": "^1.2.8",

pnpm-lock.yaml

@@ -34,8 +34,8 @@ importers:
         specifier: ^2.1.0
         version: 2.1.0
       '@huggingface/inference':
-        specifier: ^4.4.0
-        version: 4.4.0
+        specifier: ^4.5.3
+        version: 4.5.3
       '@huggingface/tasks':
         specifier: ^0.19.8
         version: 0.19.8
@@ -589,20 +589,20 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  '@huggingface/inference@4.4.0':
-    resolution: {integrity: sha512-YpkegUf1Mnrhkh+Tv47yIsA0+OEP73ODdn8GjMOG7Jf86y6MxO8LNGDVUUreg+Y4VgVq//j9j/tmENa8tYR4Dg==}
+  '@huggingface/inference@4.5.3':
+    resolution: {integrity: sha512-SAWKT+e32jSfxwYkRaBQx1rlfgzkHCu0PXbCbOpY0Pvx6Si5wHia2BzZZdwgrpldaRbmFClxmNJy6lfCzQYfOw==}
     engines: {node: '>=18'}
 
   '@huggingface/jinja@0.4.1':
     resolution: {integrity: sha512-3WXbMFaPkk03LRCM0z0sylmn8ddDm4ubjU7X+Hg4M2GOuMklwoGAFXp9V2keq7vltoB/c7McE5aHUVVddAewsw==}
     engines: {node: '>=18'}
 
-  '@huggingface/jinja@0.5.0':
-    resolution: {integrity: sha512-Ptc03/jGRiYRoi0bUYKZ14MkDslsBRT24oxmsvUlfYrvQMldrxCevhPnT+hfX8awKTT8/f/0ZBBWldoeAcMHdQ==}
+  '@huggingface/jinja@0.5.1':
+    resolution: {integrity: sha512-yUZLld4lrM9iFxHCwFQ7D1HW2MWMwSbeB7WzWqFYDWK+rEb+WldkLdAJxUPOmgICMHZLzZGVcVjFh3w/YGubng==}
     engines: {node: '>=18'}
 
-  '@huggingface/tasks@0.19.22':
-    resolution: {integrity: sha512-jtRXsJZTES01X4gJ5VOUnEm3ONyyfXUcWKObbWkr/SQmjaH/kxtWqc2zVWKaxL4QLoXqXJ+T+Pi5xupMStSudQ==}
+  '@huggingface/tasks@0.19.26':
+    resolution: {integrity: sha512-E1+A6RIdfIS32tBjo+ReM61sZ5H3fHUDOH/gGO5uxvapjxaOns1IFtl+ESH8g9Tu+2HRmANoQ4bxli48igRAcA==}
 
   '@huggingface/tasks@0.19.8':
     resolution: {integrity: sha512-gR88OvYQQ2zu1Dt/tfFRVWJRfsKCdssxJBb8bz3tVd9fh3rneNE/pjkaGyG3oT1VlHv7wEmrqrnkmMcXy8O0rg==}
@@ -3548,16 +3548,16 @@ snapshots:
     dependencies:
       '@huggingface/tasks': 0.19.8
 
-  '@huggingface/inference@4.4.0':
+  '@huggingface/inference@4.5.3':
     dependencies:
-      '@huggingface/jinja': 0.5.0
-      '@huggingface/tasks': 0.19.22
+      '@huggingface/jinja': 0.5.1
+      '@huggingface/tasks': 0.19.26
 
   '@huggingface/jinja@0.4.1': {}
 
-  '@huggingface/jinja@0.5.0': {}
+  '@huggingface/jinja@0.5.1': {}
 
-  '@huggingface/tasks@0.19.22': {}
+  '@huggingface/tasks@0.19.26': {}
 
   '@huggingface/tasks@0.19.8': {}
 

src/lib/attachments/observe.svelte.ts

@@ -50,8 +50,8 @@ export const observed: Record<ObservedElements, ObservedData> = $state(
 			};
 			return acc;
 		},
-		{} as Record<ObservedElements, ObservedData>
-	)
+		{} as Record<ObservedElements, ObservedData>,
+	),
 );
 
 type ObserveArgs = {

src/lib/components/inference-playground/conversation.svelte

@@ -33,7 +33,7 @@
 			} catch {
 				// noop
 			}
-		}
+		},
 	);
 
 	async function regenMessage(idx: number) {

src/lib/components/inference-playground/custom-model-config.svelte

@@ -68,7 +68,7 @@
 			if (prev === undefined) testSuccessful = exists;
 			else testSuccessful = false;
 		},
-		{ lazy: true }
+		{ lazy: true },
 	);
 
 	let testing = $state(false);

src/lib/components/inference-playground/custom-provider-select.svelte

@@ -71,7 +71,7 @@
 		"focus-outline relative flex items-center justify-between gap-6 overflow-hidden rounded-lg border bg-gray-100/80 px-3 py-1.5 leading-tight whitespace-nowrap shadow-sm",
 		"hover:brightness-95 dark:border-gray-700 dark:bg-gray-800 dark:hover:brightness-110",
 		select.open && "!custom-outline",
-		classes
+		classes,
 	)}
 	type="button"
 >

src/lib/components/inference-playground/generation-config.svelte

@@ -28,7 +28,7 @@
 					max_tokens: maxTokens,
 				},
 			});
-		}
+		},
 	);
 
 	type Config = (typeof conversation)["data"]["config"];

src/lib/components/inference-playground/message.svelte

@@ -34,7 +34,7 @@
 	const canUploadImgs = $derived(
 		message.role === "user" &&
 			"pipeline_tag" in conversation.model &&
-			conversation.model.pipeline_tag === PipelineTag.ImageTextToText
+			conversation.model.pipeline_tag === PipelineTag.ImageTextToText,
 	);
 
 	const fileQueue = new AsyncQueue();

src/lib/components/inference-playground/project-select.svelte

@@ -67,7 +67,7 @@
 		{...select.trigger}
 		class={cn(
 			"relative flex grow items-center justify-between gap-6 overflow-hidden rounded-lg border bg-gray-100/80 px-3 py-1.5 leading-tight whitespace-nowrap shadow-sm",
-			"hover:brightness-95 dark:border-gray-700 dark:bg-gray-800 dark:hover:brightness-110"
+			"hover:brightness-95 dark:border-gray-700 dark:bg-gray-800 dark:hover:brightness-110",
 		)}
 	>
 		<div class="flex items-center gap-1 text-sm">

src/lib/components/inference-playground/provider-select.svelte

@@ -89,7 +89,7 @@
 		class={cn(
 			"relative flex items-center justify-between gap-6 overflow-hidden rounded-lg border bg-gray-100/80 px-3 py-1.5 leading-tight whitespace-nowrap shadow-sm",
 			"hover:brightness-95 dark:border-gray-700 dark:bg-gray-800 dark:hover:brightness-110",
-			classes
+			classes,
 		)}
 	>
 		<div class="flex items-center gap-1 text-sm">

src/lib/components/inference-playground/structured-output-modal.svelte

@@ -71,7 +71,7 @@
 		value: parseJsonSchema,
 		onChange(v) {
 			const required = Array.from(new Set(v.schema?.required)).filter(name =>
-				keys(v.schema?.properties ?? {}).includes(name)
+				keys(v.schema?.properties ?? {}).includes(name),
 			);
 			const validated: Schema = {
 				schema: {
@@ -138,7 +138,7 @@
 										const updatedProperties = renameKey(
 											schemaObj.current.schema?.properties ?? {},
 											propertyName,
-											value
+											value,
 										);
 										updateSchemaNested({ properties: updatedProperties });
 									}

src/lib/components/share-modal.svelte

@@ -58,7 +58,7 @@
 				await sleep(100);
 				encoded = encodeObject(fullProject);
 			})();
-		}
+		},
 	);
 	let pasted = $state("");
 
@@ -160,7 +160,7 @@
 												...omit(c, "id", "createdAt"),
 												projectId,
 											});
-										})
+										}),
 									);
 									projects.activeId = projectId;
 									saving = false;

src/lib/remult.ts

@@ -33,7 +33,7 @@ export function initRemultSvelteReactivity() {
 export class JsonEntityIndexedDbStorage implements JsonEntityStorage {
 	constructor(
 		private dbName: string = "db",
-		private storeName: string = "jsonStore"
+		private storeName: string = "jsonStore",
 	) {}
 	supportsRawJson = true;
 	//@internal

src/lib/server/providers/index.ts

@@ -109,7 +109,7 @@ async function updateCache(provider: string, modelId: string, maxTokens: number)
 export async function getMaxTokens(
 	provider: string,
 	modelId: string,
-	apiKey: string | undefined
+	apiKey: string | undefined,
 ): Promise<number | null> {
 	const cache = await readCache();
 	const cachedValue = cache[provider]?.[modelId];

src/lib/spells/extract.svelte.ts

@@ -7,7 +7,7 @@ import type { MaybeGetter } from "$lib/types.js";
  */
 export function extract<T, D extends T>(
 	value: MaybeGetter<T>,
-	defaultValue?: D
+	defaultValue?: D,
 ): D extends undefined | null ? T : Exclude<T, undefined | null> | D {
 	if (isFunction(value)) {
 		const getter = value;

src/lib/spells/scroll-state.svelte.ts

@@ -100,7 +100,7 @@ export class ScrollState {
 			right: 0,
 			top: 0,
 			bottom: 0,
-		})
+		}),
 	);
 	onScroll = $derived(this.#options.onScroll ?? noop);
 	onStop = $derived(this.#options.onStop ?? noop);
@@ -108,14 +108,14 @@ export class ScrollState {
 		this.#options.eventListenerOptions ?? {
 			capture: false,
 			passive: true,
-		}
+		},
 	);
 	behavior = $derived(extract(this.#options.behavior, "auto"));
 	onError = $derived(
 		this.#options.onError ??
 			((e: unknown) => {
 				console.error(e);
-			})
+			}),
 	);
 
 	/** State */
@@ -162,14 +162,14 @@ export class ScrollState {
 			"scroll",
 			// throttle ? useThrottleFn(onScrollHandler, throttle, true, false) : onScrollHandler,
 			this.onScrollHandler,
-			this.eventListenerOptions
+			this.eventListenerOptions,
 		);
 
 		useEventListener(
 			() => this.element,
 			"scrollend",
 			e => this.onScrollEnd(e),
-			this.eventListenerOptions
+			this.eventListenerOptions,
 		);
 
 		onMount(() => {

src/lib/spells/textarea-autosize.svelte.ts

@@ -43,7 +43,7 @@ export class TextareaAutosize {
 
 		watch(
 			() => this.textareaHeight,
-			() => options?.onResize?.()
+			() => options?.onResize?.(),
 		);
 
 		useResizeObserver(
@@ -55,7 +55,7 @@ export class TextareaAutosize {
 
 				this.textareaOldWidth = contentRect.width;
 				this.triggerResize();
-			}
+			},
 		);
 
 		onDestroy(() => {

src/lib/state/checkpoints.svelte.ts

@@ -60,7 +60,7 @@ class Checkpoints {
 				conversations: conversations.for(project.id).map(c => c.data),
 				timestamp: new Date(),
 				projectId: project.id,
-			})
+			}),
 		);
 
 		// Hack because dates are formatted to string by save

src/lib/state/conversations.svelte.ts

@@ -195,7 +195,7 @@ export class ConversationClass {
 							this.updateMessage({ index, message: streamingMessage });
 						}
 					},
-					this.abortManager.createController()
+					this.abortManager.createController(),
 				);
 			} else {
 				const { message: newMessage, completion_tokens: newTokensCount } = await handleNonStreamingResponse(this);
@@ -273,7 +273,7 @@ class Conversations {
 	}
 
 	create = async (
-		args: { projectId: ProjectEntity["id"]; modelId?: Model["id"] } & Partial<ConversationEntityMembers>
+		args: { projectId: ProjectEntity["id"]; modelId?: Model["id"] } & Partial<ConversationEntityMembers>,
 	) => {
 		const conv = snapshot({
 			...getDefaultConversation(args.projectId),
@@ -348,7 +348,7 @@ class Conversations {
 		await Promise.allSettled(
 			fromArr.map(async c => {
 				conversations.create({ ...c.data, projectId: to });
-			})
+			}),
 		);
 	};
 

src/lib/utils/object.svelte.ts

@@ -88,7 +88,7 @@ export function deepMerge<T extends DeepMergeable, U extends DeepMergeable>(targ
 export function renameKey<T extends object>(
 	obj: T,
 	oldKey: keyof T,
-	newKey: string
+	newKey: string,
 ): { [K in keyof T as K extends typeof oldKey ? typeof newKey : K]: T[K] } {
 	const entries = Object.entries(obj);
 	// eslint-disable-next-line @typescript-eslint/no-explicit-any

src/lib/utils/poll.ts

@@ -6,7 +6,7 @@
  */
 export async function poll<T>(
 	predicate: () => T | Promise<T>,
-	options: { interval?: number; maxAttempts?: number } = {}
+	options: { interval?: number; maxAttempts?: number } = {},
 ): Promise<T | undefined> {
 	const { interval = 10, maxAttempts = 200 } = options;
 

src/lib/utils/snippets.ts

@@ -64,7 +64,7 @@ function insertPropertiesInternal(
 	openChar: string, // The opening character, e.g., '{' or '('
 	closeChar: string, // The closing character, e.g., '}' or ')'
 	propFormatter: (key: string, formattedValue: string, indent: string) => string,
-	valueFormatter: (value: unknown, baseIndent: string) => string
+	valueFormatter: (value: unknown, baseIndent: string) => string,
 ): string {
 	if (Object.keys(newProperties).length === 0) {
 		return snippet;
@@ -215,7 +215,7 @@ export function modifySnippet(snippet: string, newProperties: Record<string, unk
 			"{", // The parameters are in an object literal
 			"}",
 			(key, value, indent) => `${indent}${key}: ${value},\n`, // JS object literal style
-			formatJsJsonValue
+			formatJsJsonValue,
 		);
 	}
 	// JS: HuggingFace InferenceClient (non-streaming)
@@ -228,7 +228,7 @@ export function modifySnippet(snippet: string, newProperties: Record<string, unk
 			"{", // The parameters are in an object literal
 			"}",
 			(key, value, indent) => `${indent}${key}: ${value},\n`, // JS object literal style
-			formatJsJsonValue
+			formatJsJsonValue,
 		);
 	}
 	// JS: OpenAI Client
@@ -244,7 +244,7 @@ export function modifySnippet(snippet: string, newProperties: Record<string, unk
 			"{", // The parameters are in an object literal
 			"}",
 			(key, value, indent) => `${indent}${key}: ${value},\n`,
-			formatJsJsonValue
+			formatJsJsonValue,
 		);
 	}
 	// Python: OpenAI or HuggingFace Client using client.chat.completions.create
@@ -259,7 +259,7 @@ export function modifySnippet(snippet: string, newProperties: Record<string, unk
 				const snakeKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();
 				return `${indent}${snakeKey}=${value},\n`;
 			},
-			formatPythonValue
+			formatPythonValue,
 		);
 	}
 	// Python: requests example with query({...})
@@ -272,7 +272,7 @@ export function modifySnippet(snippet: string, newProperties: Record<string, unk
 			"}",
 			// Python dict keys are strings, values formatted for Python
 			(key, formattedValue, indent) => `${indent}"${key}": ${formattedValue},\n`,
-			formatPythonValue // Use formatPythonValue for the values themselves
+			formatPythonValue, // Use formatPythonValue for the values themselves
 		);
 	}
 	// Shell/curl (JSON content)
@@ -287,7 +287,7 @@ export function modifySnippet(snippet: string, newProperties: Record<string, unk
 				const snakeKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();
 				return `${indent}"${snakeKey}": ${value},\n`;
 			},
-			formatJsJsonValue
+			formatJsJsonValue,
 		);
 	}
 	return snippet;

src/routes/api/models/+server.ts

@@ -145,7 +145,7 @@ export const GET: RequestHandler = async ({ fetch }) => {
 					} else {
 						textGenModels = await response.json();
 					}
-				})
+				}),
 			);
 		}
 
@@ -158,7 +158,7 @@ export const GET: RequestHandler = async ({ fetch }) => {
 					} else {
 						imgText2TextModels = await response.json();
 					}
-				})
+				}),
 			);
 		}
 
@@ -191,7 +191,7 @@ export const GET: RequestHandler = async ({ fetch }) => {
 		}
 
 		const models: Model[] = [...textGenModels, ...imgText2TextModels].filter(
-			m => m.inferenceProviderMapping.length > 0
+			m => m.inferenceProviderMapping.length > 0,
 		);
 		models.sort((a, b) => a.id.toLowerCase().localeCompare(b.id.toLowerCase()));
 
@@ -209,7 +209,7 @@ export const GET: RequestHandler = async ({ fetch }) => {
 		console.log(
 			`Cache updated: ${models.length} models, status: ${cacheStatus}, ` +
 				`failed tokenizers: ${newFailedTokenizers.length}, ` +
-				`API failures: text=${newFailedApiCalls.textGeneration}, img=${newFailedApiCalls.imageTextToText}`
+				`API failures: text=${newFailedApiCalls.textGeneration}, img=${newFailedApiCalls.imageTextToText}`,
 		);
 
 		return createResponse({ models });