CACHE_CLEAR_GUIDE.md

Browser Cache Clear Guide

The Problem

Your browser cached the old static version of the site and won't load the new Docker version with the comprehensive API.

Solutions (Try in order)

Method 1: Hard Refresh + Cache Clear

Chrome/Edge:

1. Open the site: https://chunte-thumbnail-crafter-mini-mcp-experiment.hf.space
2. Press Ctrl + Shift + Delete
3. Select:
   • Time range: Last hour (or All time to be safe)
   • Check: Cached images and files
4. Click Clear data
5. Close the browser completely
6. Reopen and visit the site
7. Press Ctrl + Shift + R (hard refresh)

Firefox:

1. Press Ctrl + Shift + Delete
2. Select Cache
3. Clear
4. Press Ctrl + F5 to reload

Method 2: Incognito/Private Window

Easiest way to bypass cache:

1. Press Ctrl + Shift + N (Chrome) or Ctrl + Shift + P (Firefox)
2. Go to: https://chunte-thumbnail-crafter-mini-mcp-experiment.hf.space
3. Press F12 → Console
4. Type: window.thumbnailAPI

You should now see 50+ methods!

Method 3: DevTools Network Disable Cache

1. Open the site
2. Press F12 (DevTools)
3. Go to Network tab
4. Check ☑️ Disable cache
5. Keep DevTools open
6. Press Ctrl + R to reload

Method 4: Different Browser

If all else fails, try a different browser you haven't used for this site:

• If you used Chrome, try Firefox
• If you used Firefox, try Chrome
• Or try Edge, Safari, etc.

How to Verify It Worked

After clearing cache, open the console (F12) and run:

// Check available methods
Object.keys(window.thumbnailAPI)

❌ Old API (8 methods):

["loadLayout", "setBgColor", "replaceLogoPlaceholder", "addImage",
 "updateText", "exportCanvas", "getInfo", "setCanvasSize"]

✅ New API (50+ methods):

["getCanvasState", "setCanvasSize", "setBgColor", "clearCanvas", "exportCanvas",
 "listLayouts", "loadLayout", "addObject", "addHuggy", "listHuggys",
 "updateObject", "deleteObject", "getObject", "listObjects", "selectObject",
 "deselectAll", "getSelection", "bringToFront", "sendToBack", "moveForward",
 "moveBackward", "moveObject", "resizeObject", "rotateObject",
 "replaceLogoPlaceholder", "updateText", "searchAndReplace", "undo", "redo",
 "getHistoryState", "batchUpdate", "findObjects", "downloadCanvas"]

Why This Happened

1. The site was originally deployed as sdk: static (just HTML/JS files)
2. Your browser cached everything
3. We changed to sdk: docker and rebuilt
4. Hugging Face is now serving the new version
5. But your browser still shows the cached old version

Proof New Version Is Live

We verified that:

• ✅ Server returns: thumbnail-crafter-comprehensive
• ✅ HTML references new JS file: index-D9l80Lnu.js
• ✅ Docker container is running
• ✅ Health endpoint works

The new version IS live - your browser just needs to be convinced to load it!