+13 -2

src/components/json.tsx

reviewed

··· 23 23 truncate?: boolean; 24 24 parentIsBlob?: boolean; 25 25 newTab?: boolean; 26 26 + hideBlobs?: boolean; 26 27 } 27 28 28 29 const JSONCtx = createContext<JSONContext>(); ··· 260 261 261 262 const blob: AtBlob = props.data as any; 262 263 const canShowMedia = () => 263 263 - pds() && params.rkey && (blob.mimeType.startsWith("image/") || blob.mimeType === "video/mp4"); 264 264 + pds() && 265 265 + !ctx.hideBlobs && 266 266 + (blob.mimeType.startsWith("image/") || blob.mimeType === "video/mp4"); 264 267 265 268 const MediaDisplay = () => ( 266 269 <div> ··· 347 350 repo: string; 348 351 truncate?: boolean; 349 352 newTab?: boolean; 353 353 + hideBlobs?: boolean; 350 354 }) => { 351 355 return ( 352 352 - <JSONCtx.Provider value={{ repo: props.repo, truncate: props.truncate, newTab: props.newTab }}> 356 356 + <JSONCtx.Provider 357 357 + value={{ 358 358 + repo: props.repo, 359 359 + truncate: props.truncate, 360 360 + newTab: props.newTab, 361 361 + hideBlobs: props.hideBlobs, 362 362 + }} 363 363 + > 353 364 <JSONValueInner data={props.data} /> 354 365 </JSONCtx.Provider> 355 366 );

+1

src/components/record-hover-card.tsx

reviewed

··· 146 146 repo={parsed()?.repo || ""} 147 147 truncate 148 148 newTab 149 149 + hideBlobs 149 150 /> 150 151 </div> 151 152 </Show>

+2 -2

src/views/car/explore.tsx

reviewed

··· 556 556 ref={previewRef} 557 557 class={`dark:bg-dark-300 dark:shadow-dark-700 pointer-events-none absolute left-[50%] z-25 block max-h-80 w-max max-w-sm -translate-x-1/2 overflow-hidden rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-xs whitespace-pre-wrap shadow-md sm:max-h-112 lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`} 558 558 > 559 559 - <JSONValue data={entry.record} repo={props.archive.did} truncate /> 559 559 + <JSONValue data={entry.record} repo={props.archive.did} truncate hideBlobs /> 560 560 </span> 561 561 </Show> 562 562 </button> ··· 596 596 } 597 597 > 598 598 <div class="max-w-full min-w-full font-mono text-xs wrap-anywhere whitespace-pre-wrap sm:w-max sm:max-w-screen sm:px-4 sm:text-sm md:max-w-3xl"> 599 599 - <JSONValue data={props.record.record} repo={props.archive.did || ""} newTab /> 599 599 + <JSONValue data={props.record.record} repo={props.archive.did || ""} newTab hideBlobs /> 600 600 </div> 601 601 </Show> 602 602 </div>

+1

src/views/collection.tsx

reviewed

··· 82 82 data={props.record.record.value as JSONType} 83 83 repo={props.record.record.uri.split("/")[2]} 84 84 truncate 85 85 + hideBlobs 85 86 /> 86 87 </span> 87 88 </Show>

+1 -1

src/views/stream/index.tsx

reviewed

··· 402 402 <For each={records().toReversed()}> 403 403 {(rec) => ( 404 404 <div class="pb-2"> 405 405 - <JSONValue data={rec} repo={rec.did ?? rec.repo} /> 405 405 + <JSONValue data={rec} repo={rec.did ?? rec.repo} hideBlobs /> 406 406 </div> 407 407 )} 408 408 </For>