Zum Inhalt

src/stores/thumbnailStore.ts

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
// src/stores/thumbnailStore.ts
// Reactive, localStorage-backed store of per-preset preview images.
import { createSignal } from 'solid-js';

const KEY = 'physarum:thumbnails';

function load(): Record<string, string> {
  try {
    const raw = localStorage.getItem(KEY);
    if (!raw) return {};
    const parsed: unknown = JSON.parse(raw);
    return typeof parsed === 'object' && parsed !== null ? (parsed as Record<string, string>) : {};
  } catch {
    return {};
  }
}

const [thumbnails, setThumbnails] = createSignal<Record<string, string>>(load());

export { thumbnails };

/** Stores a preview image (data URL) for a preset and persists it. */
export function setThumbnail(presetId: string, dataUrl: string): void {
  const next = { ...thumbnails(), [presetId]: dataUrl };
  setThumbnails(next);
  try {
    localStorage.setItem(KEY, JSON.stringify(next));
  } catch {
    // localStorage quota exceeded — keep the in-memory copy, drop persistence
  }
}

export function getThumbnail(presetId: string): string | undefined {
  return thumbnails()[presetId];
}