vectorvesper 0.3.2 → 0.3.4
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 +78 -0
- package/dist/index.js +2 -2
- package/package.json +6 -6
package/README.md
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
BANNER: host a wide image (≈1280×640) at an ABSOLUTE url — relative paths do
|
|
3
|
+
NOT render on npmjs.com — then uncomment this block:
|
|
4
|
+
|
|
5
|
+
<p align="center">
|
|
6
|
+
<a href="https://vectorvesper.dev">
|
|
7
|
+
<img src="https://vectorvesper.dev/banner.png" alt="Vector Vesper" width="100%" />
|
|
8
|
+
</a>
|
|
9
|
+
</p>
|
|
10
|
+
-->
|
|
11
|
+
|
|
12
|
+
<h1 align="center">Vector Vesper</h1>
|
|
13
|
+
|
|
14
|
+
<p align="center">
|
|
15
|
+
Production-grade WebGL, 3D, and motion components for React. Copy directly into your codebase and own the code.
|
|
16
|
+
</p>
|
|
17
|
+
|
|
18
|
+
<p align="center">
|
|
19
|
+
<a href="https://www.npmjs.com/package/vectorvesper"><img src="https://img.shields.io/npm/v/vectorvesper?color=7EACB5&label=npm" alt="npm version" /></a>
|
|
20
|
+
<a href="https://www.npmjs.com/package/vectorvesper"><img src="https://img.shields.io/npm/dm/vectorvesper?color=7EACB5&label=downloads" alt="downloads" /></a>
|
|
21
|
+
<a href="https://github.com/vectorvesper/vv-components/blob/main/LICENSE"><img src="https://img.shields.io/github/license/vectorvesper/vv-components?color=7EACB5&label=license" alt="license" /></a>
|
|
22
|
+
<a href="https://vectorvesper.dev"><img src="https://img.shields.io/badge/docs-vectorvesper.dev-7EACB5" alt="docs" /></a>
|
|
23
|
+
</p>
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
**Vector Vesper** is a motion toolkit for React consisting of 3D animations, shaders, and advanced motion components.
|
|
28
|
+
|
|
29
|
+
The CLI writes the component code directly into your repository. You have full control over the math, the shaders, and the styles.
|
|
30
|
+
|
|
31
|
+
## Quick Start
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
# Initialize project configuration
|
|
35
|
+
npx vectorvesper init
|
|
36
|
+
|
|
37
|
+
# Add a visual component
|
|
38
|
+
npx vectorvesper add video-card
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
The CLI auto-detects your workspace, installs required animation dependencies (such as `three`, `@react-three/fiber`, or `gsap`), and writes the code to `@/components/vv/`.
|
|
42
|
+
|
|
43
|
+
```tsx
|
|
44
|
+
import { VideoCard } from "@/components/vv/video-card";
|
|
45
|
+
|
|
46
|
+
export default function Page() {
|
|
47
|
+
return (
|
|
48
|
+
<div className="h-screen w-full">
|
|
49
|
+
<VideoCard src="/clip.mp4" />
|
|
50
|
+
</div>
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## CLI Command Reference
|
|
56
|
+
|
|
57
|
+
| Command | Description |
|
|
58
|
+
| --- | --- |
|
|
59
|
+
| `init` | Detect project setup and write `vv.config.json` |
|
|
60
|
+
| `add <slug>` | Add a component and auto-install its dependencies |
|
|
61
|
+
| `list` | List all available components in the registry |
|
|
62
|
+
| `update [slug]` | Update installed components to the latest version |
|
|
63
|
+
| `diff [slug]` | Check local files against registry updates |
|
|
64
|
+
| `remove <slug>` | Safely remove a component's files from the project |
|
|
65
|
+
| `info` | Output workspace diagnostics for troubleshooting |
|
|
66
|
+
|
|
67
|
+
Works out of the box with **npm, pnpm, yarn, and bun** by checking your lockfile.
|
|
68
|
+
|
|
69
|
+
## Links
|
|
70
|
+
|
|
71
|
+
* **Documentation & Guides:** [vectorvesper.dev/docs](https://vectorvesper.dev/docs)
|
|
72
|
+
* **Visual Component Catalog:** [vectorvesper.dev/components](https://vectorvesper.dev/components)
|
|
73
|
+
* **GitHub Repository:** [github.com/vectorvesper/vv-components](https://github.com/vectorvesper/vv-components)
|
|
74
|
+
* **Report Issues:** [github.com/vectorvesper/vv-components/issues](https://github.com/vectorvesper/vv-components/issues)
|
|
75
|
+
|
|
76
|
+
---
|
|
77
|
+
|
|
78
|
+
Licensed under the MIT License for open-source components. Premium/commercial components are subject to the Vector Vesper terms of service.
|
package/dist/index.js
CHANGED
|
@@ -1305,7 +1305,7 @@ Remove ${slug}
|
|
|
1305
1305
|
import fs9 from "fs";
|
|
1306
1306
|
import path9 from "path";
|
|
1307
1307
|
import pc9 from "picocolors";
|
|
1308
|
-
var CLI_VERSION = true ? "0.3.
|
|
1308
|
+
var CLI_VERSION = true ? "0.3.4" : "0.0.0-dev";
|
|
1309
1309
|
async function infoCommand() {
|
|
1310
1310
|
console.log(pc9.bold(pc9.cyan("\nVector Vesper Diagnostics\n")));
|
|
1311
1311
|
const projectInfo = detectProject();
|
|
@@ -1603,7 +1603,7 @@ async function whoamiCommand() {
|
|
|
1603
1603
|
}
|
|
1604
1604
|
|
|
1605
1605
|
// src/index.ts
|
|
1606
|
-
var version = true ? "0.3.
|
|
1606
|
+
var version = true ? "0.3.4" : "0.0.0-dev";
|
|
1607
1607
|
var program = new Command();
|
|
1608
1608
|
program.name("vv").description("Vector Vesper CLI \u2014 add visual components to your React project").version(version).option("--verbose", "Show detailed debug output").hook("preAction", (thisCommand) => {
|
|
1609
1609
|
const opts = thisCommand.opts();
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vectorvesper",
|
|
3
|
-
"version": "0.3.
|
|
4
|
-
"description": "Add WebGL, React Three Fiber & advanced motion components to your project via CLI
|
|
3
|
+
"version": "0.3.4",
|
|
4
|
+
"description": "Add WebGL, React Three Fiber & advanced motion components to your project via CLI.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"bin": {
|
|
9
|
+
"vectorvesper": "dist/index.js",
|
|
9
10
|
"vv": "dist/index.js"
|
|
10
11
|
},
|
|
11
12
|
"files": [
|
|
@@ -17,13 +18,12 @@
|
|
|
17
18
|
},
|
|
18
19
|
"repository": {
|
|
19
20
|
"type": "git",
|
|
20
|
-
"url": "git+https://github.com/vectorvesper/
|
|
21
|
-
"directory": "packages/cli"
|
|
21
|
+
"url": "git+https://github.com/vectorvesper/vv-components.git"
|
|
22
22
|
},
|
|
23
|
-
"homepage": "https://vectorvesper.dev",
|
|
24
23
|
"bugs": {
|
|
25
|
-
"url": "https://github.com/vectorvesper/
|
|
24
|
+
"url": "https://github.com/vectorvesper/vv-components/issues"
|
|
26
25
|
},
|
|
26
|
+
"homepage": "https://vectorvesper.dev",
|
|
27
27
|
"keywords": [
|
|
28
28
|
"react",
|
|
29
29
|
"webgl",
|