@clipboard-health/ai-rules 2.14.20 → 2.14.21
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/package.json
CHANGED
|
@@ -79,9 +79,7 @@ When a bug traces into a `@clipboard-health/*` library, read the source code in
|
|
|
79
79
|
- **testing-outgoing-http**: Test helpers for outgoing HTTP requests.
|
|
80
80
|
- **testing-prisma**: Test helpers for working with Prisma.
|
|
81
81
|
- **testing-protobuf**: Test helpers for Protobuf.
|
|
82
|
-
|
|
83
|
-
- **ui-react**: Reusable React UI Components, hooks, and utilities.
|
|
84
|
-
- **ui-theme**: Clipboard's Material UI theme.
|
|
82
|
+
|
|
85
83
|
- **util-api**: API utilities.
|
|
86
84
|
- **util-message**: Shared async messaging types and functions.
|
|
87
85
|
- **util-protobuf**: Protobuf utilities.
|
|
@@ -91,7 +91,7 @@ return <MemoizedChild onSave={handleSave} />;
|
|
|
91
91
|
|
|
92
92
|
Before creating a new component, search for existing ones in this order:
|
|
93
93
|
|
|
94
|
-
1. **
|
|
94
|
+
1. **MUI**: Search MUI's component library for existing components before building custom ones
|
|
95
95
|
2. **App-level shared directories**: e.g., `src/appV2/lib/`, `src/lib/components/`, `src/shared/`
|
|
96
96
|
3. **Sibling features**: search for `*Card`, `*Modal`, `*Form`, `*EmptyState`, `*Page` patterns in other features
|
|
97
97
|
|
|
@@ -25,32 +25,6 @@
|
|
|
25
25
|
}} />
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
-
## Merging Styles
|
|
29
|
-
|
|
30
|
-
Use `mergeSxProps` from `@clipboard-health/ui-react` to merge default styles with consumer-provided sx props in generic components:
|
|
31
|
-
|
|
32
|
-
```typescript
|
|
33
|
-
import { mergeSxProps } from "@clipboard-health/ui-react";
|
|
34
|
-
|
|
35
|
-
interface CardProps {
|
|
36
|
-
sx?: SxProps<Theme>;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
function Card({ sx }: CardProps) {
|
|
40
|
-
return (
|
|
41
|
-
<Box
|
|
42
|
-
sx={mergeSxProps(
|
|
43
|
-
(theme) => ({
|
|
44
|
-
padding: theme.spacing(2),
|
|
45
|
-
borderRadius: theme.shape.borderRadius,
|
|
46
|
-
}),
|
|
47
|
-
sx,
|
|
48
|
-
)}
|
|
49
|
-
/>
|
|
50
|
-
);
|
|
51
|
-
}
|
|
52
|
-
```
|
|
53
|
-
|
|
54
28
|
## Spacing
|
|
55
29
|
|
|
56
30
|
Use theme spacing indices 1-12:
|
|
@@ -24,7 +24,7 @@ cbh local-package link --packages <package-names...>
|
|
|
24
24
|
Example:
|
|
25
25
|
|
|
26
26
|
```bash
|
|
27
|
-
cbh local-package link --packages
|
|
27
|
+
cbh local-package link --packages util-ts
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
This will:
|
|
@@ -45,25 +45,26 @@ cbh local-package unlink --packages <package-names...>
|
|
|
45
45
|
Example:
|
|
46
46
|
|
|
47
47
|
```bash
|
|
48
|
-
cbh local-package unlink --packages
|
|
48
|
+
cbh local-package unlink --packages util-ts
|
|
49
49
|
```
|
|
50
50
|
|
|
51
51
|
## Workflow Example
|
|
52
52
|
|
|
53
|
-
To test changes to `
|
|
53
|
+
To test changes to `util-ts` in `cbh-mobile-app`:
|
|
54
|
+
|
|
55
|
+
1. Make changes to `util-ts` in `core-utils`
|
|
54
56
|
|
|
55
|
-
1. Make changes to `ui-theme` in `cbh-core`
|
|
56
57
|
2. From `cbh-mobile-app` root, run:
|
|
57
58
|
|
|
58
59
|
```bash
|
|
59
|
-
cbh local-package link --packages
|
|
60
|
+
cbh local-package link --packages util-ts
|
|
60
61
|
```
|
|
61
62
|
|
|
62
63
|
3. Test your changes in `cbh-mobile-app`
|
|
63
64
|
4. When done, unlink:
|
|
64
65
|
|
|
65
66
|
```bash
|
|
66
|
-
cbh local-package unlink --packages
|
|
67
|
+
cbh local-package unlink --packages util-ts
|
|
67
68
|
```
|
|
68
69
|
|
|
69
70
|
## Troubleshooting
|