mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +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/
79 lines
2.3 KiB
TypeScript
79 lines
2.3 KiB
TypeScript
"use client"
|
|
|
|
import Script from "next/script"
|
|
import { Button } from "@/examples/base/ui/button"
|
|
import { Redo02Icon, Undo02Icon } from "@hugeicons/core-free-icons"
|
|
import { HugeiconsIcon } from "@hugeicons/react"
|
|
|
|
import { useHistory } from "@/app/(create)/hooks/use-history"
|
|
|
|
export const UNDO_FORWARD_TYPE = "undo-forward"
|
|
export const REDO_FORWARD_TYPE = "redo-forward"
|
|
|
|
export function HistoryButtons() {
|
|
const { canGoBack, canGoForward, goBack, goForward } = useHistory()
|
|
|
|
return (
|
|
<div className="flex items-center gap-1">
|
|
<Button
|
|
variant="ghost"
|
|
size="icon"
|
|
title="Undo"
|
|
disabled={!canGoBack}
|
|
onClick={goBack}
|
|
>
|
|
<HugeiconsIcon icon={Undo02Icon} />
|
|
<span className="sr-only">Undo</span>
|
|
</Button>
|
|
<Button
|
|
variant="ghost"
|
|
size="icon"
|
|
title="Redo"
|
|
disabled={!canGoForward}
|
|
onClick={goForward}
|
|
>
|
|
<HugeiconsIcon icon={Redo02Icon} />
|
|
<span className="sr-only">Redo</span>
|
|
</Button>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function HistoryScript() {
|
|
return (
|
|
<Script
|
|
id="history-listener"
|
|
strategy="beforeInteractive"
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
(function() {
|
|
document.addEventListener('keydown', function(e) {
|
|
if (!e.metaKey && !e.ctrlKey) return;
|
|
if (
|
|
(e.target instanceof HTMLElement && e.target.isContentEditable) ||
|
|
e.target instanceof HTMLInputElement ||
|
|
e.target instanceof HTMLTextAreaElement ||
|
|
e.target instanceof HTMLSelectElement
|
|
) {
|
|
return;
|
|
}
|
|
var key = e.key.toLowerCase();
|
|
if ((key === 'z' && e.shiftKey) || (key === 'y' && e.ctrlKey)) {
|
|
e.preventDefault();
|
|
if (window.parent && window.parent !== window) {
|
|
window.parent.postMessage({ type: '${REDO_FORWARD_TYPE}' }, '*');
|
|
}
|
|
} else if (key === 'z') {
|
|
e.preventDefault();
|
|
if (window.parent && window.parent !== window) {
|
|
window.parent.postMessage({ type: '${UNDO_FORWARD_TYPE}' }, '*');
|
|
}
|
|
}
|
|
});
|
|
})();
|
|
`,
|
|
}}
|
|
/>
|
|
)
|
|
}
|