pika-ux 1.0.0-beta.3 → 1.0.0-beta.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/dist/cli/index.js +4 -4
- package/package.json +1 -1
- package/readme.md +42 -7
package/dist/cli/index.js
CHANGED
|
@@ -238,7 +238,7 @@ var __filename2 = fileURLToPath(import.meta.url);
|
|
|
238
238
|
var __dirname2 = path2.dirname(__filename2);
|
|
239
239
|
var packageJson = JSON.parse(readFileSync(path2.join(__dirname2, "../../package.json"), "utf8"));
|
|
240
240
|
var program = new Command();
|
|
241
|
-
program.name("
|
|
241
|
+
program.name("pika-ux").description("CLI tool for creating Pika webcomponent applications").version(packageJson.version);
|
|
242
242
|
program.command("create").description("Create a new Pika webcomponent application").argument("[name]", "Project name").action(async (name) => {
|
|
243
243
|
await validateNodeVersion();
|
|
244
244
|
await validatePnpm();
|
|
@@ -247,10 +247,10 @@ program.command("create").description("Create a new Pika webcomponent applicatio
|
|
|
247
247
|
program.on("--help", () => {
|
|
248
248
|
console.log("");
|
|
249
249
|
console.log(chalk2.bold("Examples:"));
|
|
250
|
-
console.log(chalk2.gray(" $
|
|
251
|
-
console.log(chalk2.gray(" $
|
|
250
|
+
console.log(chalk2.gray(" $ pika-ux create"));
|
|
251
|
+
console.log(chalk2.gray(" $ pika-ux create my-webcomponent"));
|
|
252
252
|
console.log("");
|
|
253
|
-
console.log(chalk2.dim('Tip: You can also use "
|
|
253
|
+
console.log(chalk2.dim('Tip: You can also use "pikaux" for shorter typing'));
|
|
254
254
|
console.log("");
|
|
255
255
|
});
|
|
256
256
|
program.exitOverride((err) => {
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -2,23 +2,58 @@
|
|
|
2
2
|
|
|
3
3
|
UI Components library for the Pika project. This package contains both custom Pika components and shadcn/ui components adapted for Svelte.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Quick Start: Create a Webcomponent Project
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
The fastest way to create a new webcomponent project with Pika UX:
|
|
8
8
|
|
|
9
|
+
```bash
|
|
10
|
+
npx pika-ux create my-webcomponent
|
|
9
11
|
```
|
|
10
|
-
|
|
12
|
+
|
|
13
|
+
### Global Installation (Optional)
|
|
14
|
+
|
|
15
|
+
If you'll be creating multiple projects, you can install globally:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
# pnpm (recommended)
|
|
19
|
+
pnpm add -g pika-ux
|
|
20
|
+
|
|
21
|
+
# npm
|
|
22
|
+
npm install -g pika-ux
|
|
23
|
+
|
|
24
|
+
# yarn
|
|
25
|
+
yarn global add pika-ux
|
|
11
26
|
```
|
|
12
27
|
|
|
13
|
-
|
|
28
|
+
Then use the command:
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
pika-ux create my-webcomponent
|
|
32
|
+
# or use the shorter alias
|
|
33
|
+
pikaux create my-webcomponent
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
Both `pika-ux` and `pikaux` commands work identically - use whichever you prefer!
|
|
37
|
+
|
|
38
|
+
## Manual Installation
|
|
39
|
+
|
|
40
|
+
If you prefer to add Pika UX to an existing project:
|
|
41
|
+
|
|
42
|
+
1. Install the module
|
|
14
43
|
|
|
15
44
|
```bash
|
|
16
|
-
npm install pika-ux
|
|
17
|
-
# or
|
|
18
45
|
pnpm install pika-ux
|
|
46
|
+
# or
|
|
47
|
+
npm install pika-ux
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
2. Install peer dependencies
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
pnpm install @iconify-json/ci @iconify-json/lucide @tailwindcss/vite tailwindcss unplugin-icons
|
|
19
54
|
```
|
|
20
55
|
|
|
21
|
-
|
|
56
|
+
3. Modify `vite.config.ts`
|
|
22
57
|
|
|
23
58
|
The config below turns on tailwind and also the unplugin-icons to make icons available.
|
|
24
59
|
|