Add room/product thumbnails to tower tooltips; pm2-served; Figma design capture

a09d7ff145632f532f6376fa51b2c27365241fef · 2026-06-26 08:32:23 -0700 · Steve
Files touched

M public/index.html
M public/scene.json
Diff

commit a09d7ff145632f532f6376fa51b2c27365241fef
Author: Steve <steve@designerwallcoverings.com>
Date:   Fri Jun 26 08:32:23 2026 -0700

    Add room/product thumbnails to tower tooltips; pm2-served; Figma design capture
---
 public/index.html |  5 +++-
 public/scene.json | 72 ++++++++++++++++++++++++++++++++++++-------------------
 2 files changed, 52 insertions(+), 25 deletions(-)

diff --git a/public/index.html b/public/index.html
index b200292..8e74446 100644
--- a/public/index.html
+++ b/public/index.html
@@ -30,6 +30,8 @@
     border-radius:10px;padding:10px 12px;font-size:12px;display:none;min-width:170px;
     box-shadow:0 8px 30px #000a}
   #tooltip .v{font-weight:800;font-size:13px;margin-bottom:6px;color:var(--gold)}
+  #tooltip img{width:100%;height:96px;object-fit:cover;border-radius:7px;margin:2px 0 8px;
+    border:1px solid #2A2F3A;background:#0c0f15}
   #tooltip .l{display:flex;justify-content:space-between;gap:14px;line-height:1.55}
   #tooltip .l b{font-variant-numeric:tabular-nums}
   .dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}
@@ -171,7 +173,8 @@ addEventListener('mousemove',e=>{
   if(hit){
     const d=DATA.find(x=>x.vendor===hit.object.userData.vendor);
     tip.style.display='block'; tip.style.left=(e.clientX+16)+'px'; tip.style.top=(e.clientY+14)+'px';
-    tip.innerHTML=`<div class="v">${d.vendor}</div>`+LAYERS.map(L=>
+    const img=d.img?`<img src="${d.img}" loading="lazy" onerror="this.style.display='none'"/>`:'';
+    tip.innerHTML=`<div class="v">${d.vendor}</div>`+img+LAYERS.map(L=>
       `<div class="l"><span><span class="dot" style="background:${HEX(L.key)}"></span>${L.name}</span><b>${(d[L.key]||0).toLocaleString()}</b></div>`).join('');
   } else tip.style.display='none';
 });
diff --git a/public/scene.json b/public/scene.json
index 11be047..5fe8730 100644
--- a/public/scene.json
+++ b/public/scene.json
@@ -5,7 +5,8 @@
   "staged": 3,
   "draft": 3497,
   "archived": 4909,
-  "deleted": 1835
+  "deleted": 1835,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/eyJidWNrZXQiOiJ0aGliYXV0LW1lZGlhLWZpbGVzIiwia2V5IjoicHJvZHVjdHMvMjUyMHgyNTIwL1QxNDU1NS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjI1MjAsImhlaWdodCI6MjUyMCwiZml0IjoiY292ZXIifSwidG9Gb3J_f259bf3a-d288-4ada-9a0a-87ff901efd0f.jpg?v=1774894550"
  },
  {
   "vendor": "Scalamandre Fabrics",
@@ -13,7 +14,8 @@
   "staged": 0,
   "draft": 0,
   "archived": 10177,
-  "deleted": 0
+  "deleted": 0,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/S7_0003ATTC_DWC.jpg?v=1589937291"
  },
  {
   "vendor": "Kravet",
@@ -21,7 +23,8 @@
   "staged": 4,
   "draft": 0,
   "archived": 2675,
-  "deleted": 2718
+  "deleted": 2718,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/LZW-30181_21541_bdbc679c-0019-4d8a-b4a4-09006be56c3d.jpg?v=1753290999"
  },
  {
   "vendor": "Hollywood Wallcoverings",
@@ -29,7 +32,8 @@
   "staged": 0,
   "draft": 52,
   "archived": 2433,
-  "deleted": 1
+  "deleted": 1,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/fls-2521-sample-faux-leaf-squares-wallpaper-hollywood-wallcoverings_5e245795-5e79-44f1-8d59-a21b32ae9f81.jpg?v=1779251490"
  },
  {
   "vendor": "Schumacher",
@@ -37,7 +41,8 @@
   "staged": 0,
   "draft": 50,
   "archived": 2790,
-  "deleted": 17
+  "deleted": 17,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/SCHUMACHER_WALLPAPER_DWSW_5007380_d2cedf81-fdd9-45e6-8a47-ec376ab363a1.jpg?v=1588281829"
  },
  {
   "vendor": "DW Bespoke Studio",
@@ -45,7 +50,8 @@
   "staged": 0,
   "draft": 3,
   "archived": 1407,
-  "deleted": 2632
+  "deleted": 2632,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/11859261-dig-762192-zepellin-zebras-safari-redblackwhite-by-designerwallcoverings_2_66a29c10-e338-480b-99b3-9593e2cfb51d.jpg?v=1756868402"
  },
  {
   "vendor": "Schumacher Fabrics",
@@ -53,7 +59,8 @@
   "staged": 0,
   "draft": 0,
   "archived": 4802,
-  "deleted": 45
+  "deleted": 45,
+  "img": ""
  },
  {
   "vendor": "Phillip Jeffries",
@@ -61,7 +68,8 @@
   "staged": 0,
   "draft": 30,
   "archived": 584,
-  "deleted": 1291
+  "deleted": 1291,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/PhillipJeffriesLogo_3601d8fe-ad74-4fc3-ab55-bf7c17b65822.png?v=1722463065"
  },
  {
   "vendor": "Clarke And Clarke",
@@ -69,7 +77,8 @@
   "staged": 0,
   "draft": 4,
   "archived": 350,
-  "deleted": 170
+  "deleted": 170,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/F0753_101_CAC_36b83934-872b-43fd-9f0c-ee58ec6fb241.jpg?v=1725865065"
  },
  {
   "vendor": "Malibu Wallpaper",
@@ -77,7 +86,8 @@
   "staged": 0,
   "draft": 884,
   "archived": 490,
-  "deleted": 15
+  "deleted": 15,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/0067897_coastal-hemp-27-pavestone_650_f57fdca3-4996-45ab-9e45-9e8837d327aa.jpg?v=1776902507"
  },
  {
   "vendor": "Thibaut",
@@ -85,7 +95,8 @@
   "staged": 1143,
   "draft": 713,
   "archived": 1106,
-  "deleted": 66
+  "deleted": 66,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Paramount-Parada-FABWP-02-DharaStripe-FAB-Mitford-FAB_7cca61ad-a89a-4c2a-b56c-4ae04795682c.jpg?v=1770346591"
  },
  {
   "vendor": "Lee Jofa",
@@ -93,7 +104,8 @@
   "staged": 0,
   "draft": 3,
   "archived": 1540,
-  "deleted": 187
+  "deleted": 187,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/MANSFIELD_LINEN_LARKSPU_74ec7baa-ec66-4b80-a1f5-0dbf529e9255.jpg?v=1726603128"
  },
  {
   "vendor": "Jeffrey Stevens",
@@ -101,7 +113,8 @@
   "staged": 0,
   "draft": 7,
   "archived": 2304,
-  "deleted": 4
+  "deleted": 4,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/0087538_minerva-blush-texture-geometric-wallpaper_6ef11f61-5265-40d3-b4eb-fdf4f72c448a.jpg?v=1775164398"
  },
  {
   "vendor": "Rebel Walls",
@@ -109,7 +122,8 @@
   "staged": 0,
   "draft": 0,
   "archived": 108,
-  "deleted": 0
+  "deleted": 0,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/R15391_image2_22759c11-7157-4ef7-bdd6-7d31dfb659ed.jpg?v=1756327469"
  },
  {
   "vendor": "Brunschwig & Fils",
@@ -117,7 +131,8 @@
   "staged": 0,
   "draft": 4,
   "archived": 606,
-  "deleted": 1
+  "deleted": 1,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/BR-700020_7312_50e90e58-77c7-4939-b451-3f9ca3115776.jpg?v=1725921119"
  },
  {
   "vendor": "JF FABRICS at DW",
@@ -125,7 +140,8 @@
   "staged": 0,
   "draft": 0,
   "archived": 3240,
-  "deleted": 0
+  "deleted": 0,
+  "img": ""
  },
  {
   "vendor": "Fentucci",
@@ -133,7 +149,8 @@
   "staged": 0,
   "draft": 3,
   "archived": 2589,
-  "deleted": 279
+  "deleted": 279,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DIG_ModSquad_AllBH90210Colors_0002_106_399ae70a-4ea2-43be-9d96-ac5cae04338a.jpg?v=1720393008"
  },
  {
   "vendor": "Graham & Brown",
@@ -141,7 +158,8 @@
   "staged": 1720,
   "draft": 0,
   "archived": 1274,
-  "deleted": 1207
+  "deleted": 1207,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/140100_TILE_FIBRE_2520STRIPE_2520CHCOLATE_2520SHEEN_01__22529.1769760353_e3519ffa-7afa-4f6a-ad32-cebeeae4bcba.jpg?v=1771645195"
  },
  {
   "vendor": "Koroseal",
@@ -149,7 +167,8 @@
   "staged": 233,
   "draft": 1,
   "archived": 196,
-  "deleted": 272
+  "deleted": 272,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/ROGER-THOMAS_ON-WATER_LAGOON-AT-NOON_2321-04__24X24_KOROSEAL_REVISED_05-2023_8aa49605-aaee-41f1-b264-3de204732e64.jpg?v=1751949438"
  },
  {
   "vendor": "JF Fabrics",
@@ -157,7 +176,8 @@
   "staged": 0,
   "draft": 0,
   "archived": 2643,
-  "deleted": 0
+  "deleted": 0,
+  "img": ""
  },
  {
   "vendor": "Designer Wallcoverings",
@@ -165,7 +185,8 @@
   "staged": 0,
   "draft": 38,
   "archived": 692,
-  "deleted": 140
+  "deleted": 140,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Authentic_Reproduction_1940s_Wallpaper-72dpi-DIG-42061_1f67db2a-db0e-40a9-a387-904b064ed259.jpg?v=1756877362"
  },
  {
   "vendor": "Los Angeles Fabrics",
@@ -173,7 +194,8 @@
   "staged": 0,
   "draft": 1,
   "archived": 525,
-  "deleted": 0
+  "deleted": 0,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Bernard-White-Pampas-Grass-1024x914_a592a895-372f-4705-bb32-6fac6962a744.jpg?v=1774996005"
  },
  {
   "vendor": "Gaston Y Daniela",
@@ -181,7 +203,8 @@
   "staged": 0,
   "draft": 2,
   "archived": 140,
-  "deleted": 11
+  "deleted": 11,
+  "img": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/GDT-5721-005_Tela_agra_agua_marcopolo_gastonydaniela_falso_liso_texturas_tapiceria_decoracion_cortinas_casa_detalle.jpg?v=1738181818"
  },
  {
   "vendor": "Schumacher Wallpaper",
@@ -189,6 +212,7 @@
   "staged": 0,
   "draft": 0,
   "archived": 2057,
-  "deleted": 0
+  "deleted": 0,
+  "img": ""
  }
 ]
\ No newline at end of file
← 09b5d67 Live 3D layered catalog model (vendor towers x status layers · back to Dw Catalog 3d · Multi-level drill-down: vendor -> collection -> product -> s a6a836c →