@smtv/tv-component-library

A TV-optimized React component library for audio streaming applications.

Features

• TV-specific UI components
• Remote control navigation support
• Accessibility-focused design
• Dark mode by default
• Built with TypeScript
• Storybook documentation

Installation

npm install @smtv/tv-component-library

Usage

import { ChannelCard } from '@smtv/tv-component-library';

function App() {
  return (
    <ChannelCard
      title="Channel Name"
      description="Channel description"
      // Add other props as needed
    />
  );
}

Development

1. Clone the repository
2. Install dependencies:

   npm install

3. Start Storybook:

   npm run storybook

4. Build the library:

   npm run build

Publishing to npm

After editing or adding components, follow these steps to publish a new version to npm:

1. Pull the latest changes

   git pull origin main

2. Install dependencies (if you haven't already)

   npm install

3. Build the library

   npm run build

4. Commit and push your changes to GitHub

   git add .
   git commit -m "commit message"
   git push origin main

5. Update the version number in package.json
   • Follow semantic versioning:
     • Patch: bug fixes
     • Minor: new features/components
     • Major: breaking changes
   • Example: change "version": "1.2.3" to "version": "1.2.4"
   • Or use the CLI to bump the patch version:

     npm version patch

6. Login to npm (if not already logged in)

   npm login

7. Publish the package

   npm publish --access public

Note:

• You must have permission to publish to the npm package.
• If you encounter any issues, ask a developer for help.

Documentation

Visit our Storybook documentation for detailed component documentation and examples.

License

ISC