context7.json

{
  "$schema": "https://context7.com/schema/context7.json",
  "projectTitle": "splitflap",
  "description": "Split-flap departure-board text for the web: a React component, a <split-flap> custom element and a framework-free canvas player; every letter rolls, flips or flickers into place",
  "excludeFolders": ["dist", "demo", ".github", ".devin"],
  "excludeFiles": [
    "CHANGELOG.md",
    "CODE_OF_CONDUCT.md",
    "LICENSE",
    "SECURITY.md"
  ],
  "rules": [
    "Install and import the scoped package @enavermate/splitflap; the unscoped names splitflap and react-splitflap are not this package",
    "Import React from @enavermate/splitflap/react, the custom element from @enavermate/splitflap/element (a side-effect import that defines <split-flap>), SplitflapBoard and the planner from @enavermate/splitflap",
    "Style the board with CSS like text (font, color, letter-spacing, line-height); there are no font or color props",
    "flip and scramble do not accept cellWidth=\"natural\"; direction applies to reel and roll only",
    "The React component is a client component and renders plain text on the server; no dynamic import or ssr:false is needed in Next.js",
    "There are no dependencies; do not add an animation library for it. Right-to-left scripts are not supported"
  ]
}