page.tsx•856 B
'use client'
import { useEffect, useState } from 'react'
import { useConfig } from '@/src/app/config-context'
import { tokenRegistry } from '@/src/lib/token-registry'
import { useToken } from '@/src/hooks/use-token'
export default function PlaygroundPage() {
const config = useConfig()
const [iframeUrl, setIframeUrl] = useState('')
const token = useToken()
useEffect(() => {
// Construct URL with auth token as query parameter
const url = new URL(config.superglueEndpoint)
url.searchParams.set('token', tokenRegistry.getToken())
setIframeUrl(url.toString())
}, [config.superglueEndpoint, token])
return (
<div className="w-full h-screen">
{iframeUrl && (
<iframe
src={iframeUrl}
className="w-full h-full border-0"
allow="clipboard-write"
/>
)}
</div>
)
}