Skip to main content

Replace external image links from platforms like WeChat and Xiaohongshu with a "loading" placeholder service until the images have finished loading.

ReedleBug - Reedle Parse
Posted by rizzotho ·
Status: Completed2 comments

Log in to comment and vote

Comments2

  • iopho

    Team•

    Jan 17

    fixed

    How It Works

    1. When article loads, ReaderContent checks if it's from WeChat/Xiaohongshu

    2. If restricted source, uses ProtectedImage component instead of default img

    3. ProtectedImage checks if URL is already cached (contains supabase.co/storage)

    4. If not cached, attempts to load via hidden Image() object

    5. Shows appropriate UI based on load result:

      • Loading: Shimmer placeholder with "图片加载中..."

      • Error: Warning placeholder with "图片暂时无法显示" + retry button

      • Success: Shows actual image

    please test

    • rizzotho

      •

      Jan 18

      working