import { useEffect, useRef, useState } from 'react'
import useAppStore from '../store/appStore'
export default function PreviewFrame({ url }) {
// The TopBar Reload button bumps runtime.iframeKey in the store. Without
// reading it here, clicks did nothing — local key only changed on URL flip.
const storeKey = useAppStore((s) => s.runtime.iframeKey)
const [iframeKey, setIframeKey] = useState(0)
const [loaded, setLoaded] = useState(false)
const urlRef = useRef(url)
// Force a fresh iframe load on URL change OR external reload request.
useEffect(() => {
setLoaded(false)
setIframeKey((k) => k + 1)
urlRef.current = url
}, [url, storeKey])
if (!url) {
return (
Click Run to start the dev servers
)
}
return (