Upload script.js with huggingface_hub

script.js

@@ -8,20 +8,40 @@ const INDEX_URL = IS_LOCAL
   : 'https://huggingface.co/datasets/maxxxzdn/mosaic-demo-cache/resolve/main/examples_index.json';
 const COAST_URL = 'coastlines.json';
 const HEADER_BYTES = 512;
-// Plotly colorscale name lookup. Append _r to any name to reverse it.
-// Keys are what getCmapForVar / m.cmap may return; values are Plotly strings.
+// Custom colorscale arrays — avoid any Plotly.js named-scale lookup entirely.
+// Each array: [[position 0-1, hex], ...], 0=vmin, 1=vmax.
+
+// RdBu_r: blue(cold/negative) → white → red(warm/positive)
+const CS_RDBU_R = [
+  [0,'#053061'],[0.125,'#2166ac'],[0.25,'#4393c3'],[0.375,'#92c5de'],
+  [0.5,'#f7f7f7'],[0.625,'#f4a582'],[0.75,'#d6604d'],[0.875,'#b2182b'],[1,'#67001f'],
+];
+// Magma: black → deep purple → red-orange → pale yellow (pops on dark bg)
+const CS_MAGMA = [
+  [0,'#000004'],[0.125,'#1d1147'],[0.25,'#51127c'],[0.375,'#832681'],
+  [0.5,'#b5367a'],[0.625,'#d9555e'],[0.75,'#f17c4a'],[0.875,'#fbb938'],[1,'#fcfdbf'],
+];
+// Turbo: dark-blue → cyan → green → yellow → orange → dark-red
+const CS_TURBO = [
+  [0,'#30123b'],[0.125,'#3e47c9'],[0.25,'#21bdbb'],[0.375,'#60ff56'],
+  [0.5,'#c1f334'],[0.625,'#fba40a'],[0.75,'#f05b12'],[0.875,'#c81a0c'],[1,'#7a0403'],
+];
+// Viridis: deep purple → teal → bright yellow
+const CS_VIRIDIS = [
+  [0,'#440154'],[0.125,'#482878'],[0.25,'#3e4989'],[0.375,'#31688e'],
+  [0.5,'#26828e'],[0.625,'#35b779'],[0.75,'#6dcd59'],[0.875,'#b4de2c'],[1,'#fde725'],
+];
+
+// Keys must match exactly what getCmapForVar returns or what m.cmap may contain.
 const PLOTLY_CMAP = {
-  RdBu_r:  'rdbu_r',   // blue=vmin(cold/neg) → white → red=vmax(warm/pos)
-  RdBu:    'rdbu',
-  magma:   'magma',
-  turbo:   'turbo',
-  viridis: 'viridis',
-  rdylbu_r:'rdylbu_r',
-  rdylbu:  'rdylbu',
-  YlGnBu:  'ylgnbu',
-  cividis: 'cividis',
-  plasma:  'plasma',
-  inferno: 'inferno',
+  'RdBu_r': CS_RDBU_R,
+  'magma':   CS_MAGMA,
+  'turbo':   CS_TURBO,
+  'viridis': CS_VIRIDIS,
+  // precomputed-cmap fallbacks (from binary headers)
+  'RdBu':    CS_RDBU_R,   // treat plain RdBu as _r since we want blue=cold
+  'YlGnBu':  CS_VIRIDIS,  // fallback for humidity if label doesn't match
+  'viridis_r': CS_VIRIDIS, // just in case
 };
 const R = 1.0;
 const COAST_R = 1.010;
@@ -326,7 +346,7 @@ function mkCbar(x, units) {
 function drawFigure() {
   const m = app.meta, g = app.geom, c = app.coastXYZ, { t } = app;
   const cmapKey = getCmapForVar(app.currentVar) || m.cmap;
-  const cmap = PLOTLY_CMAP[cmapKey] || 'viridis';
+  const cmap = PLOTLY_CMAP[cmapKey] || CS_VIRIDIS;
   const diff = app.rightMode === 'diff';
 
   const rl = document.getElementById('right-label');
@@ -358,7 +378,7 @@ function drawFigure() {
     surf('scene',  app.meanFrames[t], cmap, vmin, vmax, cbar0),
     coast('scene'),
     surf('scene2', app.rightFrames[t],
-         diff ? 'rdbu_r' : cmap,
+         diff ? CS_RDBU_R : cmap,
          diff ? -m.diff_abs_max : vmin, diff ? m.diff_abs_max : vmax, cbar2),
     coast('scene2'),
   ];