@makeitvisible/cli 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +43 -0
- package/dist/bin/index.js +696 -82
- package/dist/bin/index.js.map +1 -1
- package/dist/index.d.ts +17 -62
- package/dist/index.js +143 -11
- package/dist/index.js.map +1 -1
- package/dist/types-BmNeVNFe.d.ts +62 -0
- package/dist/video/remotion/index.d.ts +2 -0
- package/dist/video/remotion/index.js +716 -0
- package/dist/video/remotion/index.js.map +1 -0
- package/dist/video/remotion/render.d.ts +111 -0
- package/dist/video/remotion/render.js +110 -0
- package/dist/video/remotion/render.js.map +1 -0
- package/dist/video/renderer.d.ts +154 -0
- package/dist/video/renderer.js +367 -0
- package/dist/video/renderer.js.map +1 -0
- package/package.json +15 -4
package/README.md
CHANGED
|
@@ -10,6 +10,7 @@ The Visible CLI helps technical teams analyze code, PRs, and repositories to gen
|
|
|
10
10
|
- **Pull Request Analysis**: Analyze GitHub PRs with automatic context extraction
|
|
11
11
|
- **AI-Powered Code Exploration**: Use "The Detective" agent to intelligently explore and understand codebases
|
|
12
12
|
- **Artifact Generation**: Create structured artifacts ready for documentation generation
|
|
13
|
+
- **Video Generation**: Automatically generate professional tutorial and release videos from your code
|
|
13
14
|
|
|
14
15
|
## Installation
|
|
15
16
|
|
|
@@ -49,6 +50,7 @@ The CLI requires the following environment variables:
|
|
|
49
50
|
export OPENAI_API_KEY=sk-your-openai-api-key
|
|
50
51
|
|
|
51
52
|
# Required for posting artifacts to Visible API
|
|
53
|
+
# For local dev, defaults to http://localhost:3000/api and no API key is required
|
|
52
54
|
export VISIBLE_API_BASE_URL=https://your-visible-instance.com
|
|
53
55
|
export VISIBLE_API_KEY=your-api-key
|
|
54
56
|
|
|
@@ -78,6 +80,9 @@ visible analyze diff --no-post
|
|
|
78
80
|
**Options:**
|
|
79
81
|
- `[range]` - Git commit range (default: `HEAD~1..HEAD`)
|
|
80
82
|
- `--no-post` - Skip posting artifact to Visible API
|
|
83
|
+
- `--video [path]` - Generate video (optional: output directory)
|
|
84
|
+
- `--video-format <format>` - Video format: `mp4` or `webm`
|
|
85
|
+
- `--video-resolution <res>` - Resolution: `1080p`, `720p`, `480p`, `square`, `vertical`
|
|
81
86
|
|
|
82
87
|
### `visible analyze pr`
|
|
83
88
|
|
|
@@ -98,6 +103,9 @@ visible analyze pr --url https://github.com/owner/repo/pull/123 --no-post
|
|
|
98
103
|
- `--url <url>` - Pull request URL
|
|
99
104
|
- `--number <number>` - Pull request number (uses current repo)
|
|
100
105
|
- `--no-post` - Skip posting artifact to Visible API
|
|
106
|
+
- `--video [path]` - Generate video (optional: output directory)
|
|
107
|
+
- `--video-format <format>` - Video format: `mp4` or `webm`
|
|
108
|
+
- `--video-resolution <res>` - Resolution: `1080p`, `720p`, `480p`, `square`, `vertical`
|
|
101
109
|
|
|
102
110
|
### `visible analyze prompt "<query>"`
|
|
103
111
|
|
|
@@ -124,6 +132,9 @@ visible analyze prompt "explain the search feature" --no-post
|
|
|
124
132
|
- `<query>` - Natural language prompt describing what to analyze
|
|
125
133
|
- `-v, --verbose` - Show detailed agent activity
|
|
126
134
|
- `--no-post` - Skip posting artifact to Visible API
|
|
135
|
+
- `--video [path]` - Generate video (optional: output directory)
|
|
136
|
+
- `--video-format <format>` - Video format: `mp4` or `webm`
|
|
137
|
+
- `--video-resolution <res>` - Resolution: `1080p`, `720p`, `480p`, `square`, `vertical`
|
|
127
138
|
|
|
128
139
|
**How The Detective Agent works:**
|
|
129
140
|
|
|
@@ -139,6 +150,34 @@ visible analyze prompt "explain the search feature" --no-post
|
|
|
139
150
|
- Data structures involved
|
|
140
151
|
- Usage examples from the codebase
|
|
141
152
|
|
|
153
|
+
## Video Generation
|
|
154
|
+
|
|
155
|
+
Generate professional videos that showcase your features, explain changes, or create tutorials.
|
|
156
|
+
|
|
157
|
+
```bash
|
|
158
|
+
# Generate a video from feature analysis
|
|
159
|
+
visible analyze prompt "how does checkout work" --video
|
|
160
|
+
|
|
161
|
+
# Generate a video from git changes
|
|
162
|
+
visible analyze diff --video
|
|
163
|
+
|
|
164
|
+
# Customize resolution and format
|
|
165
|
+
visible analyze pr --url https://github.com/org/repo/pull/123 \
|
|
166
|
+
--video ./videos \
|
|
167
|
+
--video-resolution 1080p \
|
|
168
|
+
--video-format mp4
|
|
169
|
+
```
|
|
170
|
+
|
|
171
|
+
**Resolution presets:** `1080p`, `720p`, `480p`, `square` (Instagram), `vertical` (TikTok/Stories)
|
|
172
|
+
|
|
173
|
+
Videos include:
|
|
174
|
+
- AI-generated UI mockups matching your app's design
|
|
175
|
+
- Code highlights with syntax highlighting
|
|
176
|
+
- Professional transitions and animations
|
|
177
|
+
- Your color scheme and branding
|
|
178
|
+
|
|
179
|
+
See [docs/VIDEO-GENERATION.md](docs/VIDEO-GENERATION.md) for the complete guide.
|
|
180
|
+
|
|
142
181
|
## Example Workflow
|
|
143
182
|
|
|
144
183
|
```bash
|
|
@@ -148,6 +187,7 @@ cd your-project
|
|
|
148
187
|
# 2. Set up environment
|
|
149
188
|
export OPENAI_API_KEY=sk-xxx
|
|
150
189
|
export VISIBLE_API_BASE_URL=http://localhost:3000
|
|
190
|
+
# API key is optional when using localhost
|
|
151
191
|
export VISIBLE_API_KEY=my-key
|
|
152
192
|
|
|
153
193
|
# 3. Explore a feature and create an artifact
|
|
@@ -157,6 +197,9 @@ visible analyze prompt "how do users create new projects"
|
|
|
157
197
|
# - Investigation results (entry points, data flow, key files)
|
|
158
198
|
# - Post the artifact to the Visible API
|
|
159
199
|
# - Return a URL to continue in the dashboard
|
|
200
|
+
|
|
201
|
+
# 5. Generate a video (optional)
|
|
202
|
+
visible analyze prompt "how do users create new projects" --video
|
|
160
203
|
```
|
|
161
204
|
|
|
162
205
|
## Artifact Output
|