@j3m-quantum/ui 1.12.1 → 2.1.1
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 +78 -8
- package/cursor-rules-for-consumers.md +208 -122
- package/dist/cli/index.js +842 -0
- package/dist/cli/postinstall.js +45 -0
- package/dist/index.cjs +1041 -450
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +112 -11
- package/dist/index.d.ts +112 -11
- package/dist/index.js +968 -380
- package/dist/index.js.map +1 -1
- package/package.json +8 -2
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
// src/cli/postinstall.ts
|
|
3
|
+
var isCI = process.env.CI || process.env.CONTINUOUS_INTEGRATION;
|
|
4
|
+
if (!isCI) {
|
|
5
|
+
console.log(`
|
|
6
|
+
\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510
|
|
7
|
+
\u2502 \u{1F3A8} @j3m-quantum/ui installed successfully! \u2502
|
|
8
|
+
\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518
|
|
9
|
+
|
|
10
|
+
\u{1F4E6} Quick Start - Dashboard Layout:
|
|
11
|
+
\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
12
|
+
import {
|
|
13
|
+
SidebarProvider, Sidebar, SidebarContent, SidebarFooter, SidebarInset,
|
|
14
|
+
SiteHeader, SidebarTrigger, NavMain, NavUser, type NavItem
|
|
15
|
+
} from '@j3m-quantum/ui'
|
|
16
|
+
|
|
17
|
+
<SidebarProvider>
|
|
18
|
+
<Sidebar collapsible="icon">
|
|
19
|
+
<SidebarContent>
|
|
20
|
+
<NavMain items={[{ title: "Home", url: "/", icon: Home, isActive: true }]} />
|
|
21
|
+
</SidebarContent>
|
|
22
|
+
<SidebarFooter>
|
|
23
|
+
<NavUser user={{ name: "User", email: "user@example.com", avatar: "" }} />
|
|
24
|
+
</SidebarFooter>
|
|
25
|
+
</Sidebar>
|
|
26
|
+
<SidebarInset>
|
|
27
|
+
<SiteHeader trigger={<SidebarTrigger />} breadcrumbs={[{ label: "Home" }]} />
|
|
28
|
+
<main className="p-4">{/* content */}</main>
|
|
29
|
+
</SidebarInset>
|
|
30
|
+
</SidebarProvider>
|
|
31
|
+
\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
32
|
+
|
|
33
|
+
\u26A1 IMPORTANT: Run this to set up AI assistance:
|
|
34
|
+
|
|
35
|
+
npx @j3m-quantum/ui init
|
|
36
|
+
|
|
37
|
+
This configures Cursor/Copilot to use the correct components
|
|
38
|
+
and adds the required @source directive for Tailwind v4.
|
|
39
|
+
|
|
40
|
+
\u{1F4CB} Other commands:
|
|
41
|
+
npx @j3m-quantum/ui list - List all 60+ components
|
|
42
|
+
npx @j3m-quantum/ui doctor - Check if setup is correct
|
|
43
|
+
|
|
44
|
+
`);
|
|
45
|
+
}
|