Function loadPalettes

web/js/main.js:558–606

()

}

async function loadPalettes() {
    try {
        const [pRes, iRes] = await Promise.all([fetch('palette/palettes.json'), fetch('palette/palette-info.json')]);
        const palettes = await pRes.json();
        const info = await iRes.json();

        // Map info and sort: wplace first, then others alphabetically
        allPalettes = palettes.map(p => ({ ...p, info: info[p.id] || {} }));
        allPalettes.sort((a, b) => {
            if (a.id === 'wplace') return -1;
            if (b.id === 'wplace') return 1;
            return (a.displayName || a.id).localeCompare(b.displayName || b.id);
        });

        // Load bead palettes
        try {
            const beadPkgRes = await fetch('palette/bead-palettes/package.json');
            if (beadPkgRes.ok) {
                const beadPkg = await beadPkgRes.json();
                if (beadPkg.contributes && beadPkg.contributes.palettes) {
                    const beadPalettes = [];
                    for (const bp of beadPkg.contributes.palettes) {
                        try {
                            const res = await fetch(`palette/bead-palettes/${bp.path.replace('./', '')}`);
                            if (res.ok) {
                                const data = await res.json();
                                beadPalettes.push({
                                    id: bp.id,
                                    displayName: bp.id,
                                    colors: data.colors,
                                    meta: data.meta || null,
                                    info: { author: data.meta?.brand || '', description: t('palette.fuseBeadDesc') },
                                });
                            }
                        } catch (e) {
                            console.warn(`Failed to load bead palette: ${bp.id}`, e);
                        }
                    }
                    allPalettes = [...beadPalettes, ...allPalettes];
                }
            }
        } catch (e) {
            console.warn('Failed to load bead palette package', e);
        }

        palettesLoaded = true;
    } catch (e) { console.error(e); }
    loadCustomPalettes();
}

loadPalettes();