create-tinybase 0.2.1 → 0.2.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 +62 -49
- package/package.json +2 -2
- package/screenshots/chat.png +0 -0
- package/screenshots/drawing.png +0 -0
package/README.md
CHANGED
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
# create-tinybase
|
|
2
2
|
|
|
3
|
-
A CLI tool to scaffold a new TinyBase application with full synchronization and
|
|
3
|
+
A CLI tool to scaffold a new TinyBase application with full synchronization and
|
|
4
|
+
local-first capabilities.
|
|
5
|
+
|
|
6
|
+
Build a todo list, a drawing app, a chat app, or a tic-tac-toe game using
|
|
7
|
+
TypeScript or JavaScript, with React or Vanilla JS - in just a matter of
|
|
8
|
+
seconds.
|
|
4
9
|
|
|
5
10
|
## Usage
|
|
6
11
|
|
|
7
12
|
```bash
|
|
8
|
-
npm
|
|
13
|
+
npm create tinybase
|
|
9
14
|
```
|
|
10
15
|
|
|
16
|
+
(PNPM, Yarn, and Bun should also work!)
|
|
17
|
+
|
|
11
18
|
This will prompt you with questions to configure your new TinyBase app:
|
|
12
19
|
|
|
13
20
|
- **Project name** - Name of your project directory
|
|
@@ -28,7 +35,10 @@ npm install
|
|
|
28
35
|
npm run dev
|
|
29
36
|
```
|
|
30
37
|
|
|
31
|
-
|
|
38
|
+
Your app will be available at `http://localhost:5173`, or whichever port Vite
|
|
39
|
+
specifies in the console.
|
|
40
|
+
|
|
41
|
+
If you included server code, start the server in a separate terminal:
|
|
32
42
|
|
|
33
43
|
```bash
|
|
34
44
|
# In a separate terminal
|
|
@@ -37,19 +47,51 @@ npm install
|
|
|
37
47
|
npm run dev
|
|
38
48
|
```
|
|
39
49
|
|
|
40
|
-
|
|
50
|
+
You can also concurrently run both client and server using `npm run dev` in the
|
|
51
|
+
parent directory.
|
|
52
|
+
|
|
53
|
+
Your app should look something like this:
|
|
54
|
+
|
|
55
|
+
### Todo App
|
|
41
56
|
|
|
42
|
-
|
|
57
|
+

|
|
58
|
+
|
|
59
|
+
- Task list with add/complete/delete
|
|
60
|
+
- Single store for todos
|
|
61
|
+
- Demonstrates basic CRUD operations
|
|
62
|
+
- Perfect starter example
|
|
63
|
+
|
|
64
|
+
### Chat App
|
|
65
|
+
|
|
66
|
+

|
|
67
|
+
|
|
68
|
+
- Multi-user messaging interface
|
|
69
|
+
- Dual stores: settings + messages
|
|
70
|
+
- Username configuration
|
|
71
|
+
- Real-time message sync
|
|
72
|
+
|
|
73
|
+
### Drawing App
|
|
74
|
+
|
|
75
|
+

|
|
76
|
+
|
|
77
|
+
- Collaborative drawing canvas
|
|
78
|
+
- Brush size and color controls
|
|
79
|
+
- Dual stores: settings + canvas
|
|
80
|
+
- Optimized point-based stroke storage
|
|
81
|
+
|
|
82
|
+
### Tic-tac-toe Game
|
|
83
|
+
|
|
84
|
+

|
|
85
|
+
|
|
86
|
+
- Two-player game board
|
|
87
|
+
- Win/draw detection
|
|
88
|
+
- Turn management
|
|
89
|
+
- Game state synchronization
|
|
43
90
|
|
|
44
|
-
|
|
45
|
-
- 🔄 **Real-time Sync** - Built-in synchronization support
|
|
46
|
-
- 🎨 **Four Demo Apps** - Learn from complete examples
|
|
47
|
-
- 📦 **Zero Config** - Works out of the box
|
|
48
|
-
- 🔧 **Fully Customizable** - Modify templates to your needs
|
|
49
|
-
- 🌐 **Local-First** - Offline-capable by default
|
|
50
|
-
- 🔐 **Type-Safe** - Optional TypeScript schemas
|
|
91
|
+
## Configuration Options
|
|
51
92
|
|
|
52
|
-
|
|
93
|
+
During the prompts, you can customize various aspects of your TinyBase app. Here
|
|
94
|
+
are the details of what each option entails:
|
|
53
95
|
|
|
54
96
|
### Language Choice
|
|
55
97
|
|
|
@@ -84,41 +126,10 @@ Your app will be available at `http://localhost:5173`
|
|
|
84
126
|
|
|
85
127
|
### App Types
|
|
86
128
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
- Task list with add/complete/delete
|
|
92
|
-
- Single store for todos
|
|
93
|
-
- Demonstrates basic CRUD operations
|
|
94
|
-
- Perfect starter example
|
|
95
|
-
|
|
96
|
-
#### Chat App
|
|
97
|
-
|
|
98
|
-

|
|
99
|
-
|
|
100
|
-
- Multi-user messaging interface
|
|
101
|
-
- Dual stores: settings + messages
|
|
102
|
-
- Username configuration
|
|
103
|
-
- Real-time message sync
|
|
104
|
-
|
|
105
|
-
#### Drawing App
|
|
106
|
-
|
|
107
|
-

|
|
108
|
-
|
|
109
|
-
- Collaborative drawing canvas
|
|
110
|
-
- Brush size and color controls
|
|
111
|
-
- Dual stores: settings + canvas
|
|
112
|
-
- Optimized point-based stroke storage
|
|
113
|
-
|
|
114
|
-
#### Tic-tac-toe Game
|
|
115
|
-
|
|
116
|
-

|
|
117
|
-
|
|
118
|
-
- Two-player game board
|
|
119
|
-
- Win/draw detection
|
|
120
|
-
- Turn management
|
|
121
|
-
- Game state synchronization
|
|
129
|
+
- **Todo App** - Simple task management with add, edit, delete features
|
|
130
|
+
- **Chat App** - Real-time messaging between multiple clients
|
|
131
|
+
- **Drawing App** - Collaborative canvas with basic drawing tools
|
|
132
|
+
- **Tic-Tac-Toe Game** - Two-player game with real-time updates
|
|
122
133
|
|
|
123
134
|
### Store Schemas (TypeScript Only)
|
|
124
135
|
|
|
@@ -224,4 +235,6 @@ my-tinybase-app/
|
|
|
224
235
|
|
|
225
236
|
## License
|
|
226
237
|
|
|
227
|
-
MIT License - see
|
|
238
|
+
MIT License - see
|
|
239
|
+
[LICENSE](https://github.com/tinyplex/tinybase/blob/main/LICENSE) file for
|
|
240
|
+
details.
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-tinybase",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"author": "jamesgpearce",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
|
-
"url": "git+https://github.com/tinyplex/tinybase.git"
|
|
7
|
+
"url": "git+https://github.com/tinyplex/create-tinybase.git"
|
|
8
8
|
},
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"homepage": "https://tinybase.org",
|
package/screenshots/chat.png
CHANGED
|
Binary file
|
package/screenshots/drawing.png
CHANGED
|
Binary file
|