Engineering Lab

export type CopyButtonIconRenderer = (state: {
  copied: boolean;
  copyIcon: ReactNode;
  copiedIcon: ReactNode;
}) => ReactNode;

export interface CopyButtonBaseProps
  extends Omit<ComponentPropsWithRef<'button'>, 'value' | 'onCopy'> {
  /** Text written to the clipboard when the button is pressed. */
  value: string;
  /** Milliseconds the copied state stays active. `0` keeps it until re-copied. */
  timeout?: number;
  /** Label shown (and used for `aria-label`) in the idle state. */
  label?: string;
  /** Label shown (and used for `aria-label`) after a successful copy. */
  copiedLabel?: string;
  /** Overrides how the icon region renders; the animated entry uses this. */
  renderIcon?: CopyButtonIconRenderer;
}

export type CopyButtonProps = Omit<CopyButtonBaseProps, 'renderIcon'>;

// dist/ui/copy-button/animated/types.d.ts
import type { Transition } from 'framer-motion';
import type { CopyButtonProps } from '../types';

export type CopyButtonAnimation = 'swap' | 'pop' | 'fade';

export type CopyButtonAnimatedProps = CopyButtonProps & {
  animation?: CopyButtonAnimation;
};

// dist/ui/copy-button/index.d.ts — the static entry
export { CopyButton } from './copy-button';
export type { CopyButtonProps } from './types';

// dist/ui/copy-button/animated/index.d.ts — opt in, and only then
export { CopyButtonAnimated } from './copy-button-animated';
export { copyButtonAnimationPresets } from './animations';

const html = readFileSync('dist/index.html', 'utf8');

// 1. The scene is absent from the served HTML entirely.
check('no <canvas> in served HTML', !/<canvas/i.test(html));
check('no scene container in served HTML', !html.includes('data-scene-tier'));

// 2. The fallback is unconditional, with one art plate per band.
check('art fallback layer present', html.includes('art-plate'));
check('an art plate per band', plates === 8, `found ${plates}`);

// 3. The scene never reaches the critical path.
check('scene not on the critical path', !criticalJs.includes('three'));
check('scene is its own lazy chunk', sceneChunk !== undefined);

// 4. Source-level: nothing in the scene tree can take focus.
for (const file of readdirSync(SCENE_DIR)) {
  const src = readFileSync(join(SCENE_DIR, file), 'utf8');
  check(
    `no focusable elements in ${file}`,
    !/tabIndex|<button|<a\s|onClick/.test(src),
  );
}