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 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("pikaux").description("CLI tool for creating Pika webcomponent applications").version(packageJson.version);
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(" $ pikaux create"));
251
- console.log(chalk2.gray(" $ pikaux create my-webcomponent"));
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 "pika-ux" instead of "pikaux"'));
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pika-ux",
3
- "version": "1.0.0-beta.3",
3
+ "version": "1.0.0-beta.4",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": "./src/index.ts",
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
- ## Installation
5
+ ## Quick Start: Create a Webcomponent Project
6
6
 
7
- 1. Install peer dependencies
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
- pnpm i
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
- 2. Install the module
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
- 2. Modify `vite.config.ts`
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