@leitware/dockets 0.1.0 → 0.2.0
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/commands/add.d.ts.map +1 -1
- package/dist/commands/add.js +7 -1
- package/dist/commands/add.js.map +1 -1
- package/package.json +5 -2
- package/templates/alert-dialog.tsx +1 -1
- package/templates/avatar.tsx +0 -2
- package/templates/command.tsx +0 -1
- package/templates/pagination.tsx +1 -2
- package/templates/progress.tsx +1 -2
- package/templates/radio-group.tsx +0 -1
- package/templates/skeleton.tsx +0 -1
- package/templates/slider.tsx +1 -2
- package/templates/ui/checkbox.tsx +0 -1
- package/templates/ui/collapsible.tsx +0 -1
- package/templates/ui/hover-card.tsx +0 -1
- package/templates/ui/pagination.tsx +2 -2
- package/templates/ui/popover.tsx +0 -1
- package/templates/ui/progress.tsx +0 -1
- package/templates/ui/radio-group.tsx +8 -8
- package/templates/ui/slider.tsx +2 -3
- package/templates/ui/switch.tsx +0 -1
- package/templates/ui/toggle-group.tsx +7 -6
- package/templates/ui/toggle.tsx +2 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAgCpC,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAgCpC,eAAO,MAAM,UAAU,SA0FnB,CAAC"}
|
package/dist/commands/add.js
CHANGED
|
@@ -27,6 +27,7 @@ export const addCommand = new Command("add")
|
|
|
27
27
|
.argument("<components...>", "component name(s) to add")
|
|
28
28
|
.option("-d, --dest <path>", "project root (files install relative to this)", ".")
|
|
29
29
|
.option("-y, --yes", "overwrite existing files without prompting", false)
|
|
30
|
+
.option("-a, --alias <prefix>", "import alias prefix (default: @/)", "@/")
|
|
30
31
|
.action((components, options) => {
|
|
31
32
|
const projectRoot = resolve(process.cwd(), options.dest);
|
|
32
33
|
// Resolve all requested components + their deps
|
|
@@ -61,7 +62,12 @@ export const addCommand = new Command("add")
|
|
|
61
62
|
if (!existsSync(destDir)) {
|
|
62
63
|
mkdirSync(destDir, { recursive: true });
|
|
63
64
|
}
|
|
64
|
-
|
|
65
|
+
let content = readFileSync(src, "utf-8");
|
|
66
|
+
if (options.alias && options.alias !== "@/") {
|
|
67
|
+
content = content.replaceAll("'@/", `'${options.alias}`);
|
|
68
|
+
content = content.replaceAll('"@/', `"${options.alias}`);
|
|
69
|
+
}
|
|
70
|
+
writeFileSync(dest, content);
|
|
65
71
|
console.log(`${pc.green("✓")} ${pc.cyan(file.dest)}`);
|
|
66
72
|
filesWritten++;
|
|
67
73
|
}
|
package/dist/commands/add.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"add.js","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"add.js","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@leitware/dockets",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "CLI to add Leitware design system components to your project",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"bin": {
|
|
@@ -12,7 +12,10 @@
|
|
|
12
12
|
"default": "./dist/index.js"
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
|
-
"files": [
|
|
15
|
+
"files": [
|
|
16
|
+
"dist",
|
|
17
|
+
"templates"
|
|
18
|
+
],
|
|
16
19
|
"scripts": {
|
|
17
20
|
"build": "tsc -p tsconfig.json",
|
|
18
21
|
"dev": "bun run src/cli.ts",
|
|
@@ -37,7 +37,7 @@ function ConfirmDialog({
|
|
|
37
37
|
}: ConfirmDialogProps) {
|
|
38
38
|
return (
|
|
39
39
|
<AlertDialog open={open} onOpenChange={onOpenChange}>
|
|
40
|
-
{trigger && <AlertDialogTrigger
|
|
40
|
+
{trigger && <AlertDialogTrigger>{trigger}</AlertDialogTrigger>}
|
|
41
41
|
<AlertDialogContent>
|
|
42
42
|
<AlertDialogHeader>
|
|
43
43
|
<AlertDialogTitle>{title}</AlertDialogTitle>
|
package/templates/avatar.tsx
CHANGED
package/templates/command.tsx
CHANGED
package/templates/pagination.tsx
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from 'react'
|
|
2
1
|
import {
|
|
3
2
|
Pagination,
|
|
4
3
|
PaginationContent,
|
|
@@ -44,7 +43,7 @@ function SimplePagination({ page, totalPages, onPageChange, className }: SimpleP
|
|
|
44
43
|
disabled={page <= 1}
|
|
45
44
|
/>
|
|
46
45
|
</PaginationItem>
|
|
47
|
-
{visiblePages.map((p
|
|
46
|
+
{visiblePages.map((p) =>
|
|
48
47
|
typeof p === 'string' ? (
|
|
49
48
|
<PaginationItem key={p}>
|
|
50
49
|
<PaginationEllipsis />
|
package/templates/progress.tsx
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from 'react'
|
|
2
1
|
import { Progress } from '@/components/ui/progress'
|
|
3
2
|
import { cn } from '@/lib/utils'
|
|
4
3
|
|
|
@@ -20,7 +19,7 @@ function LabelledProgress({ value, max = 100, label, showValue = false, classNam
|
|
|
20
19
|
{showValue && <span className="text-muted-foreground">{pct != null ? `${pct}%` : '–'}</span>}
|
|
21
20
|
</div>
|
|
22
21
|
)}
|
|
23
|
-
<Progress value={value} max={max} />
|
|
22
|
+
<Progress value={value ?? null} max={max} />
|
|
24
23
|
</div>
|
|
25
24
|
)
|
|
26
25
|
}
|
package/templates/skeleton.tsx
CHANGED
package/templates/slider.tsx
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from 'react'
|
|
2
1
|
import { Slider } from '@/components/ui/slider'
|
|
3
2
|
import { cn } from '@/lib/utils'
|
|
4
3
|
|
|
@@ -10,7 +9,7 @@ export interface LabelledSliderProps {
|
|
|
10
9
|
step?: number
|
|
11
10
|
label?: string
|
|
12
11
|
showValue?: boolean
|
|
13
|
-
onValueChange?: (value: number[]) => void
|
|
12
|
+
onValueChange?: (value: number | readonly number[]) => void
|
|
14
13
|
className?: string
|
|
15
14
|
disabled?: boolean
|
|
16
15
|
}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox'
|
|
4
4
|
import { CheckIcon, MinusIcon } from 'lucide-react'
|
|
5
|
-
import * as React from 'react'
|
|
6
5
|
import { cn } from '@/lib/utils'
|
|
7
6
|
|
|
8
7
|
function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible'
|
|
4
4
|
import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react'
|
|
5
|
-
import * as React from 'react'
|
|
6
5
|
import { cn } from '@/lib/utils'
|
|
7
6
|
|
|
8
7
|
function Collapsible({ className, ...props }: CollapsiblePrimitive.Root.Props) {
|
|
@@ -54,7 +54,7 @@ function PaginationLink({ className, isActive, disabled, ...props }: PaginationL
|
|
|
54
54
|
)
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
function PaginationPrevious({ className, ...props }:
|
|
57
|
+
function PaginationPrevious({ className, ...props }: PaginationLinkProps) {
|
|
58
58
|
return (
|
|
59
59
|
<PaginationLink
|
|
60
60
|
data-slot="pagination-previous"
|
|
@@ -68,7 +68,7 @@ function PaginationPrevious({ className, ...props }: React.ComponentProps<'a'>)
|
|
|
68
68
|
)
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
function PaginationNext({ className, ...props }:
|
|
71
|
+
function PaginationNext({ className, ...props }: PaginationLinkProps) {
|
|
72
72
|
return (
|
|
73
73
|
<PaginationLink
|
|
74
74
|
data-slot="pagination-next"
|
package/templates/ui/popover.tsx
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
|
|
3
3
|
import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group'
|
|
4
|
-
import
|
|
4
|
+
import { Radio } from '@base-ui/react/radio'
|
|
5
5
|
import { cn } from '@/lib/utils'
|
|
6
6
|
|
|
7
|
-
function RadioGroup({ className, ...props }: RadioGroupPrimitive.
|
|
7
|
+
function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {
|
|
8
8
|
return (
|
|
9
|
-
<RadioGroupPrimitive
|
|
9
|
+
<RadioGroupPrimitive
|
|
10
10
|
data-slot="radio-group"
|
|
11
11
|
className={cn('flex flex-col gap-2', className)}
|
|
12
12
|
{...props}
|
|
@@ -14,9 +14,9 @@ function RadioGroup({ className, ...props }: RadioGroupPrimitive.Root.Props) {
|
|
|
14
14
|
)
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
function RadioGroupItem({ className, ...props }:
|
|
17
|
+
function RadioGroupItem({ className, ...props }: Radio.Root.Props) {
|
|
18
18
|
return (
|
|
19
|
-
<
|
|
19
|
+
<Radio.Root
|
|
20
20
|
data-slot="radio-group-item"
|
|
21
21
|
className={cn(
|
|
22
22
|
'peer flex size-4 shrink-0 items-center justify-center rounded-[var(--radius)] border-[length:var(--border-width)] border-foreground bg-transparent',
|
|
@@ -28,13 +28,13 @@ function RadioGroupItem({ className, ...props }: RadioGroupPrimitive.Item.Props)
|
|
|
28
28
|
)}
|
|
29
29
|
{...props}
|
|
30
30
|
>
|
|
31
|
-
<
|
|
31
|
+
<Radio.Indicator
|
|
32
32
|
data-slot="radio-group-indicator"
|
|
33
33
|
className="flex items-center justify-center"
|
|
34
34
|
>
|
|
35
35
|
<div className="size-1.5 rounded-[var(--radius)] bg-background" />
|
|
36
|
-
</
|
|
37
|
-
</
|
|
36
|
+
</Radio.Indicator>
|
|
37
|
+
</Radio.Root>
|
|
38
38
|
)
|
|
39
39
|
}
|
|
40
40
|
|
package/templates/ui/slider.tsx
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
|
|
3
3
|
import { Slider as SliderPrimitive } from '@base-ui/react/slider'
|
|
4
|
-
import * as React from 'react'
|
|
5
4
|
import { cn } from '@/lib/utils'
|
|
6
5
|
|
|
7
6
|
function Slider({ className, ...props }: SliderPrimitive.Root.Props) {
|
|
@@ -32,9 +31,9 @@ function SliderTrack({ className, ...props }: SliderPrimitive.Track.Props) {
|
|
|
32
31
|
)
|
|
33
32
|
}
|
|
34
33
|
|
|
35
|
-
function SliderFill({ className, ...props }: SliderPrimitive.
|
|
34
|
+
function SliderFill({ className, ...props }: SliderPrimitive.Indicator.Props) {
|
|
36
35
|
return (
|
|
37
|
-
<SliderPrimitive.
|
|
36
|
+
<SliderPrimitive.Indicator
|
|
38
37
|
data-slot="slider-fill"
|
|
39
38
|
className={cn('absolute h-full bg-foreground', className)}
|
|
40
39
|
{...props}
|
package/templates/ui/switch.tsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
|
|
3
3
|
import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group'
|
|
4
|
+
import { Toggle as TogglePrimitive } from '@base-ui/react/toggle'
|
|
4
5
|
import * as React from 'react'
|
|
5
6
|
import { cn } from '@/lib/utils'
|
|
6
7
|
import { toggleVariants } from '@/components/ui/toggle'
|
|
@@ -19,10 +20,10 @@ function ToggleGroup({
|
|
|
19
20
|
size = 'default',
|
|
20
21
|
children,
|
|
21
22
|
...props
|
|
22
|
-
}: ToggleGroupPrimitive.
|
|
23
|
+
}: ToggleGroupPrimitive.Props & VariantProps<typeof toggleVariants>) {
|
|
23
24
|
return (
|
|
24
25
|
<ToggleGroupContext.Provider value={{ variant, size }}>
|
|
25
|
-
<ToggleGroupPrimitive
|
|
26
|
+
<ToggleGroupPrimitive
|
|
26
27
|
data-slot="toggle-group"
|
|
27
28
|
className={cn(
|
|
28
29
|
// Container holds left+top border; items add right+bottom (newspaper pattern)
|
|
@@ -32,7 +33,7 @@ function ToggleGroup({
|
|
|
32
33
|
{...props}
|
|
33
34
|
>
|
|
34
35
|
{children}
|
|
35
|
-
</ToggleGroupPrimitive
|
|
36
|
+
</ToggleGroupPrimitive>
|
|
36
37
|
</ToggleGroupContext.Provider>
|
|
37
38
|
)
|
|
38
39
|
}
|
|
@@ -43,13 +44,13 @@ function ToggleGroupItem({
|
|
|
43
44
|
size,
|
|
44
45
|
children,
|
|
45
46
|
...props
|
|
46
|
-
}:
|
|
47
|
+
}: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {
|
|
47
48
|
const ctx = React.useContext(ToggleGroupContext)
|
|
48
49
|
const resolvedVariant = variant ?? ctx.variant
|
|
49
50
|
const resolvedSize = size ?? ctx.size
|
|
50
51
|
|
|
51
52
|
return (
|
|
52
|
-
<
|
|
53
|
+
<TogglePrimitive
|
|
53
54
|
data-slot="toggle-group-item"
|
|
54
55
|
className={cn(
|
|
55
56
|
toggleVariants({ variant: resolvedVariant, size: resolvedSize }),
|
|
@@ -61,7 +62,7 @@ function ToggleGroupItem({
|
|
|
61
62
|
{...props}
|
|
62
63
|
>
|
|
63
64
|
{children}
|
|
64
|
-
</
|
|
65
|
+
</TogglePrimitive>
|
|
65
66
|
)
|
|
66
67
|
}
|
|
67
68
|
|
package/templates/ui/toggle.tsx
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import { Toggle as TogglePrimitive } from '@base-ui/react/toggle'
|
|
4
4
|
import { cva, type VariantProps } from 'class-variance-authority'
|
|
5
|
-
import * as React from 'react'
|
|
6
5
|
import { cn } from '@/lib/utils'
|
|
7
6
|
|
|
8
7
|
const toggleVariants = cva(
|
|
@@ -34,9 +33,9 @@ function Toggle({
|
|
|
34
33
|
variant,
|
|
35
34
|
size,
|
|
36
35
|
...props
|
|
37
|
-
}: TogglePrimitive.
|
|
36
|
+
}: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {
|
|
38
37
|
return (
|
|
39
|
-
<TogglePrimitive
|
|
38
|
+
<TogglePrimitive
|
|
40
39
|
data-slot="toggle"
|
|
41
40
|
className={cn(toggleVariants({ variant, size }), className)}
|
|
42
41
|
{...props}
|