mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
05fc512820
Upstream sync from shadcn-ui/ui (1686 commits since last merge base). Key changes: - packages/shadcn upgraded to 4.1.0 (CLI font transformers, scaffold from github, chart colors) - apps/v4 replaces apps/www as the primary docs/registry app - Font system: 25+ heading font registries, font markers utility, @supports override - Chart improvements: recharts v3 compat, radial chart fixes - templates/ updated with monorepo variants (astro, vite, react-router, start) - skills/shadcn AI skill definitions added - deprecated/ removed (auth, auth-firebase, cli, www) Preserved Hanzo-only paths: app/, pkg/, demo/, docs/, template/next/
70 lines
1.5 KiB
TypeScript
70 lines
1.5 KiB
TypeScript
"use client"
|
|
|
|
import * as React from "react"
|
|
|
|
import type { DesignSystemSearchParams } from "@/app/(create)/lib/search-params"
|
|
|
|
type ParentToIframeMessage = {
|
|
type: "design-system-params"
|
|
data: DesignSystemSearchParams
|
|
}
|
|
|
|
export const isInIframe = () => {
|
|
if (typeof window === "undefined") {
|
|
return false
|
|
}
|
|
return window.self !== window.top
|
|
}
|
|
|
|
export function useIframeMessageListener<
|
|
Message extends ParentToIframeMessage,
|
|
MessageType extends Message["type"],
|
|
>(
|
|
messageType: MessageType,
|
|
onMessage: (data: Extract<Message, { type: MessageType }>["data"]) => void
|
|
) {
|
|
const onMessageRef = React.useRef(onMessage)
|
|
|
|
React.useEffect(() => {
|
|
onMessageRef.current = onMessage
|
|
}, [onMessage])
|
|
|
|
React.useEffect(() => {
|
|
if (!isInIframe()) {
|
|
return
|
|
}
|
|
|
|
const handleMessage = (event: MessageEvent) => {
|
|
if (event.data.type === messageType) {
|
|
onMessageRef.current(event.data.data)
|
|
}
|
|
}
|
|
|
|
window.addEventListener("message", handleMessage)
|
|
return () => {
|
|
window.removeEventListener("message", handleMessage)
|
|
}
|
|
}, [messageType])
|
|
}
|
|
|
|
export function sendToIframe<
|
|
Message extends ParentToIframeMessage,
|
|
MessageType extends Message["type"],
|
|
>(
|
|
iframe: HTMLIFrameElement | null,
|
|
messageType: MessageType,
|
|
data: Extract<Message, { type: MessageType }>["data"]
|
|
) {
|
|
if (!iframe?.contentWindow) {
|
|
return
|
|
}
|
|
|
|
iframe.contentWindow.postMessage(
|
|
{
|
|
type: messageType,
|
|
data,
|
|
},
|
|
"*"
|
|
)
|
|
}
|