Skip to content

Commit f2e590e

Browse files
committed
FEAT: 🎉 Enable TypeScript Support:
- Adds TypeScript to the project while keeping JS intact & working - Adds JS/TS Selector in the code tab - Added TypeScript code for <AnimatedContent /> and <FadeContent /> - Update jsrepo config and CLI Installation component to enable the new TS installation commands and info
1 parent 8035a40 commit f2e590e

File tree

21 files changed

+1214
-395
lines changed

21 files changed

+1214
-395
lines changed

.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@ dist-ssr
1313
*.local
1414
public/default
1515
public/tailwind
16+
public/ts/default
17+
public/ts/tailwind
1618

1719
# Editor directories and files
1820
.vscode/*

README.md

Lines changed: 31 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,26 +26,52 @@ The project embraces simplicity as its core philosophy—it maintains minimal de
2626

2727
## Installing Components Via CLI - <a href="https://jsrepo.dev"><img src="https://jsrepo.dev/badges/jsrepo.svg" width="50" alt="jsrepo"></a>
2828

29-
#### One-Time Installation
29+
30+
31+
## One-Time Installation
32+
33+
### JavaScript
34+
35+
#### Vanilla CSS
3036
```bash
3137
npx jsrepo add https://reactbits.dev/default/<CategoryName>/<ComponentName>
3238

3339
# Example: npx jsrepo add https://reactbits.dev/default/TextAnimations/SplitText
3440
```
3541

36-
#### One-Time Installation (Tailwind)
42+
#### Tailwind
43+
```bash
44+
npx jsrepo add https://reactbits.dev/tailwind/<CategoryName>/<ComponentName>
45+
46+
# Example: npx jsrepo add https://reactbits.dev/tailwind/TextAnimations/SplitText
47+
```
48+
49+
### TypeScript
50+
51+
#### Vanilla CSS
52+
```bash
53+
npx jsrepo add https://reactbits.dev/default/<CategoryName>/<ComponentName>
54+
55+
# Example: npx jsrepo add https://reactbits.dev/ts/default/TextAnimations/SplitText
56+
```
57+
58+
#### Tailwind
3759
```bash
3860
npx jsrepo add https://reactbits.dev/tailwind/<CategoryName>/<ComponentName>
3961

40-
# Example: npx jsrepo add https://reactbits.dev/tailwind/TailwindTextAnimations/SplitText
62+
# Example: npx jsrepo add https://reactbits.dev/ts/tailwind/TextAnimations/SplitText
4163
```
4264

43-
#### Full CLI Setup
65+
## Full CLI Setup
4466
```bash
4567
# 1. Initialize a config file for your project
46-
npx jsrepo init https://reactbits.dev/default/ # default
68+
npx jsrepo init https://reactbits.dev/default/ # css
4769
npx jsrepo init https://reactbits.dev/tailwind/ # tailwind
4870

71+
# TS Support is still WIP
72+
npx jsrepo init https://reactbits.dev/ts/default/ # ts + css
73+
npx jsrepo init https://reactbits.dev/ts/tailwind/ # ts + tailwind
74+
4975
# 2. Browse & add components from the list
5076
npx jsrepo add
5177

0 commit comments

Comments
 (0)