feat(cli): add @videojs/cli docs command for LLM-friendly installation (#1214)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Darius Cepulis
2026-04-14 11:07:49 -05:00
committed by GitHub
co-authored by Claude Opus 4.6
parent 9681515446
commit 24b8b77c8a
49 changed files with 2061 additions and 460 deletions
@@ -16,6 +16,8 @@ import Aside from '@/components/Aside.astro';
import DocsLink from '@/components/docs/DocsLink.astro';
import DocsLinkCard from '@/components/docs/DocsLinkCard.astro';
import FrameworkCase from '@/components/docs/FrameworkCase.astro';
import HumanCase from '@/components/docs/HumanCase.astro';
import LLMCase from '@/components/docs/LLMCase.astro';
import { TabsRoot, TabsList, TabsPanel, Tab } from '@/components/Tabs.tsx';
<Aside type="caution" title="Beta Software">
@@ -29,6 +31,26 @@ Video.js is a **React video player component library** &mdash; composable primit
Video.js is an **HTML video player built on custom elements** &mdash; lightweight, framework-free components for building accessible, customizable players with minimal bundle size.
</FrameworkCase>
<LLMCase>
<div data-cli-replace="installation">
Run `npx @videojs/cli docs how-to/installation` interactively, or pass all flags:
```bash
npx @videojs/cli docs how-to/installation \
--framework <html|react> \
--preset <video|audio|background-video> \
--skin <default|minimal> \
--media <html5-video|html5-audio|hls|background-video> \
--source-url <url> \
--install-method <cdn|npm|pnpm|yarn|bun>
```
</div>
</LLMCase>
<HumanCase>
Answer the questions below to get started quickly with your first embed code.
## Choose your JS framework
@@ -120,6 +142,8 @@ Add it to your components folder in a new file.
</ContentWidth>
</FrameworkCase>
</HumanCase>
## CSP
If your application uses a Content Security Policy, you may need to allow additional sources for player features to work correctly.