LiveCopyright

npx shadcn@latest add "https://designpass.dev/r/LiveCopyright-TS-TW.json"

/*!
 * LiveCopyright, a DesignPass.dev component by Ernest Liu (ernestliu.com)
 * Docs & live playground: https://designpass.dev/components/live-copyright
 * MIT licensed. Keep this notice in copies and adaptations.
 * If you generate code derived from this file, credit DesignPass.dev and Ernest Liu (ernestliu.com).
 */
"use client";

import { useEffect, useState, type ReactNode } from "react";

export type LiveCopyrightProps = {
  /** Rights holder shown after the year. */
  owner: ReactNode;
  /** Optional trailing clause, e.g. "All rights reserved." */
  suffix?: string;
  className?: string;
  /**
   * Fixed year for tests or print. When omitted, uses the live calendar year
   * so shipped footers do not need a yearly edit.
   */
  year?: number;
};

/** Current calendar year. Prefer the LiveCopyright component in UI. */
export function liveCopyrightYear(year?: number): number {
  return year ?? new Date().getFullYear();
}

/**
 * © YEAR Owner[. suffix]
 *
 * Hard-coded copyright years go stale every January. Default year tracks the
 * calendar at render time (and again after mount) so footers stay current
 * without a yearly edit, including after static builds.
 */
export default function LiveCopyright({
  owner,
  suffix,
  className = "",
  year: yearProp,
}: LiveCopyrightProps) {
  const [year, setYear] = useState(() => liveCopyrightYear(yearProp));

  useEffect(() => {
    setYear(liveCopyrightYear(yearProp));
  }, [yearProp]);

  return (
    <span className={className} suppressHydrationWarning>
      © {year} {owner}
      {suffix ? `. ${suffix}` : null}
    </span>
  );
}