Drive provider filters from the archive dataset

poc/public/media.js

@@ -1332,7 +1332,14 @@
 
     function toggleFilterDrawer() {
         filterDrawer.hidden = !filterDrawer.hidden;
-        if (!filterDrawer.hidden) renderFilterDrawer();
+        if (!filterDrawer.hidden) {
+            renderFilterDrawer();
+            if (!state.status?.providerFilters?.length) {
+                void loadScrapes().then(() => {
+                    if (!filterDrawer.hidden) renderFilterDrawer();
+                });
+            }
+        }
     }
 
     /** The drawer holds the less common filters; the basic ones live in the bar. */
@@ -1504,13 +1511,8 @@
             on ? [...new Set([...list, value])] : list.filter(entry => entry !== value);
 
         const sourceGroup = group("Sources");
-        for (const [value, label] of [
-            ["twitch", "Twitch"],
-            ["youtube", "YouTube"],
-            ["discord", "Discord"],
-            ["tenor", "Tenor"],
-            ["giphy", "Giphy"]
-        ]) {
+        for (const value of state.status?.providerFilters ?? []) {
+            const label = value.charAt(0).toUpperCase() + value.slice(1);
             sourceGroup.append(
                 checkRow(label, draft.excludeProviders.includes(value), on => {
                     draft.excludeProviders = toggle(draft.excludeProviders, value, on);