@sarthak_krishak/inkforge 0.4.0 → 0.4.2
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 +5 -6
- package/package.json +1 -1
package/Readme.md
CHANGED
|
@@ -64,8 +64,8 @@ This copies the component source files directly into your project. You own them
|
|
|
64
64
|
### Step 5 — Open `app.jsx`, import your components, and run
|
|
65
65
|
|
|
66
66
|
```jsx
|
|
67
|
-
import { Spinner } from './
|
|
68
|
-
import { ProgressBar } from './
|
|
67
|
+
import { Spinner } from './components/inkforge/Spinner/index.jsx';
|
|
68
|
+
import { ProgressBar } from './components/inkforge/ProgressBar/index.jsx';
|
|
69
69
|
```
|
|
70
70
|
|
|
71
71
|
```bash
|
|
@@ -79,8 +79,8 @@ npm start
|
|
|
79
79
|
```jsx
|
|
80
80
|
import React, { useState, useEffect } from 'react';
|
|
81
81
|
import { render, Box, Text } from 'ink';
|
|
82
|
-
import { Spinner } from './
|
|
83
|
-
import { ProgressBar } from './
|
|
82
|
+
import { Spinner } from './components/inkforge/Spinner/index.jsx';
|
|
83
|
+
import { ProgressBar } from './components/inkforge/ProgressBar/index.jsx';
|
|
84
84
|
|
|
85
85
|
function App() {
|
|
86
86
|
const [progress, setProgress] = useState(0);
|
|
@@ -116,7 +116,6 @@ render(<App />);
|
|
|
116
116
|
|
|
117
117
|
```
|
|
118
118
|
my-cli-app/
|
|
119
|
-
├── src/
|
|
120
119
|
│ └── components/
|
|
121
120
|
│ └── inkforge/
|
|
122
121
|
│ ├── Spinner/
|
|
@@ -226,7 +225,7 @@ npx inkforge list
|
|
|
226
225
|
|
|
227
226
|
With a standard npm package, the code is locked inside `node_modules`. You can't change it without forking the entire repo.
|
|
228
227
|
|
|
229
|
-
With InkForge, after `npx inkforge add spinner`, the file is at `
|
|
228
|
+
With InkForge, after `npx inkforge add spinner`, the file is at `components/inkforge/Spinner/index.jsx` — inside **your** project. Change the animation frames. Add a new variant. Tweak the colors. No fork needed. No PR required. It's your code.
|
|
230
229
|
|
|
231
230
|
This is the same philosophy that made [shadcn/ui](https://ui.shadcn.com) the most popular component library for web React. InkForge brings it to the terminal.
|
|
232
231
|
|