@promise-inc/ui-states 0.1.0 → 0.1.2
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 +15 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Auto-generated skeleton loading states from real DOM — zero config React component.
|
|
4
4
|
|
|
5
|
+
<p align="center">
|
|
6
|
+
<img src="https://raw.githubusercontent.com/promise-inc/ui-states/main/assets/usage.svg" alt="UI States usage — code example" width="680" />
|
|
7
|
+
</p>
|
|
8
|
+
|
|
9
|
+
<p align="center">
|
|
10
|
+
<img src="https://raw.githubusercontent.com/promise-inc/ui-states/main/assets/demo.svg" alt="UI States demo — component to skeleton" width="680" />
|
|
11
|
+
</p>
|
|
12
|
+
|
|
5
13
|
## Features
|
|
6
14
|
|
|
7
15
|
- **Auto-skeleton**: Generates skeleton loading states based on your actual component DOM structure
|
|
@@ -152,6 +160,13 @@ Cache is stored in `sessionStorage` and auto-invalidates when:
|
|
|
152
160
|
4. The **Skeleton Renderer** renders the tree as `div` elements with Tailwind classes (`animate-pulse`, `bg-neutral-200/60`)
|
|
153
161
|
5. When loading ends, the skeleton is removed and real children are shown
|
|
154
162
|
|
|
163
|
+
## Also by Promise Inc.
|
|
164
|
+
|
|
165
|
+
| Package | Description |
|
|
166
|
+
|---------|-------------|
|
|
167
|
+
| [`@promise-inc/devlog`](https://www.npmjs.com/package/@promise-inc/devlog) | Simple logger with automatic context (file + line). Zero dependencies |
|
|
168
|
+
| [`@promise-inc/ai-guard`](https://www.npmjs.com/package/@promise-inc/ai-guard) | Detect AI-generated code patterns before commit/push. Not a linter — a guard |
|
|
169
|
+
|
|
155
170
|
## License
|
|
156
171
|
|
|
157
172
|
MIT
|