rune-lab 0.0.17 → 0.0.18
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 +10 -26
- package/dist/showcase/AppStateInspector.svelte +1 -1
- package/dist/showcase/Showcase.svelte +61 -0
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -19,11 +19,6 @@ applications with **Svelte 5**. Harnessing the power of Svelte's new **Runes**
|
|
|
19
19
|
system, Rune Lab offers a suite of elegant UI components designed for seamless
|
|
20
20
|
data handling and beautiful theming.
|
|
21
21
|
|
|
22
|
-
It's built to integrate effortlessly with your data sources, especially shining
|
|
23
|
-
when connected to the [prism-py](https://github.com/Yrrrrrf/prism-py) and
|
|
24
|
-
[prism-ts](https://github.com/Yrrrrrf/prism-ts) ecosystem for end-to-end
|
|
25
|
-
type-safe API interactions.
|
|
26
|
-
|
|
27
22
|
## Key Features
|
|
28
23
|
|
|
29
24
|
- **✨ Svelte 5 Runes Core:** Experience fine-grained reactivity and cleaner
|
|
@@ -34,44 +29,33 @@ type-safe API interactions.
|
|
|
34
29
|
development workflow.
|
|
35
30
|
- **📊 Data-Aware Components:** Tools and components built to handle and
|
|
36
31
|
visualize complex data.
|
|
37
|
-
|
|
32
|
+
|
|
33
|
+
<!-- - **🛰️ Interactive Schema Explorer:** A standout feature! Visually explore and
|
|
38
34
|
interact with database schemas exposed by `prism-py` APIs directly within your
|
|
39
35
|
Svelte application. Test CRUD operations, execute functions, and understand
|
|
40
36
|
your data structure like never before.
|
|
41
37
|
- **🌐 Smart API Integration:** Includes `apiStore` (using `prism-ts`) for easy
|
|
42
|
-
and type-safe connection to backend APIs.
|
|
43
|
-
- **📦 Lightweight Core:** Designed to be lean, with optional integrations.
|
|
44
|
-
- **🦕 Universal Access:** Available on JSR (for Deno) and NPM (for
|
|
45
|
-
Node.js/Bun/Yarn).
|
|
46
|
-
|
|
47
|
-
## The Prism Ecosystem Advantage
|
|
38
|
+
and type-safe connection to backend APIs. -->
|
|
48
39
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
- **[prism-py](https://github.com/Yrrrrrf/prism-py):** Automatically generates
|
|
52
|
-
REST APIs from your database schema.
|
|
53
|
-
- **[prism-ts](https://github.com/Yrrrrrf/prism-ts):** A TypeScript client that
|
|
54
|
-
consumes these APIs with full type-safety.
|
|
40
|
+
- **📦 Lightweight Core:** Designed to be lean, with optional integrations.
|
|
55
41
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
your backend data to your frontend UI.
|
|
42
|
+
<!-- - **🦕 Universal Access:** Available on JSR (for Deno) and NPM (for
|
|
43
|
+
Node.js/Bun/Yarn). -->
|
|
59
44
|
|
|
60
45
|
## Installation
|
|
61
46
|
|
|
62
|
-
### Using Deno / [JSR](https://jsr.io/@yrrrrrf/rune-lab)
|
|
47
|
+
<!-- ### Using Deno / [JSR](https://jsr.io/@yrrrrrf/rune-lab)
|
|
63
48
|
|
|
64
49
|
```bash
|
|
65
50
|
# Add to your Deno project
|
|
66
51
|
deno add @yrrrrrf/rune-lab
|
|
67
|
-
```
|
|
52
|
+
``` -->
|
|
68
53
|
|
|
69
|
-
### Using [NPM](https://www.npmjs.com/package/rune-lab) / Bun
|
|
54
|
+
### Using [NPM](https://www.npmjs.com/package/rune-lab) / Bun
|
|
70
55
|
|
|
71
56
|
```bash
|
|
72
57
|
npm install rune-lab
|
|
73
|
-
bun
|
|
74
|
-
yarn add rune-lab
|
|
58
|
+
bun install rune-lab
|
|
75
59
|
```
|
|
76
60
|
|
|
77
61
|
## Project Configuration
|
|
@@ -52,3 +52,64 @@
|
|
|
52
52
|
{/each}
|
|
53
53
|
</div>
|
|
54
54
|
</section>
|
|
55
|
+
|
|
56
|
+
<style>
|
|
57
|
+
/* @import "daisyui/components/alert.css"; */
|
|
58
|
+
/* @import "daisyui/components/avatar.css"; */
|
|
59
|
+
/* @import "daisyui/components/badge.css"; */
|
|
60
|
+
/* @import "daisyui/components/breadcrumbs.css"; */
|
|
61
|
+
/* @import "daisyui/components/button.css"; */
|
|
62
|
+
/* @import "daisyui/components/calendar.css"; */
|
|
63
|
+
/* @import "daisyui/components/card.css"; */
|
|
64
|
+
/* @import "daisyui/components/carousel.css"; */
|
|
65
|
+
/* @import "daisyui/components/chat.css"; */
|
|
66
|
+
/* @import "daisyui/components/checkbox.css"; */
|
|
67
|
+
/* @import "daisyui/components/collapse.css"; */
|
|
68
|
+
/* @import "daisyui/components/countdown.css"; */
|
|
69
|
+
/* @import "daisyui/components/diff.css"; */
|
|
70
|
+
/* @import "daisyui/components/divider.css"; */
|
|
71
|
+
/* @import "daisyui/components/dock.css"; */
|
|
72
|
+
/* @import "daisyui/components/drawer.css"; */
|
|
73
|
+
/* @import "daisyui/components/dropdown.css"; */
|
|
74
|
+
/* @import "daisyui/components/fab.css"; */
|
|
75
|
+
/* @import "daisyui/components/fieldset.css"; */
|
|
76
|
+
/* @import "daisyui/components/fileinput.css"; */
|
|
77
|
+
/* @import "daisyui/components/filter.css"; */
|
|
78
|
+
/* @import "daisyui/components/footer.css"; */
|
|
79
|
+
/* @import "daisyui/components/hero.css"; */
|
|
80
|
+
/* @import "daisyui/components/hover3d.css"; */
|
|
81
|
+
/* @import "daisyui/components/hovergallery.css"; */
|
|
82
|
+
/* @import "daisyui/components/indicator.css"; */
|
|
83
|
+
/* @import "daisyui/components/input.css"; */
|
|
84
|
+
/* @import "daisyui/components/kbd.css"; */
|
|
85
|
+
/* @import "daisyui/components/label.css"; */
|
|
86
|
+
/* @import "daisyui/components/link.css"; */
|
|
87
|
+
/* @import "daisyui/components/list.css"; */
|
|
88
|
+
/* @import "daisyui/components/loading.css"; */
|
|
89
|
+
/* @import "daisyui/components/mask.css"; */
|
|
90
|
+
/* @import "daisyui/components/menu.css"; */
|
|
91
|
+
/* @import "daisyui/components/mockup.css"; */
|
|
92
|
+
/* @import "daisyui/components/modal.css"; */
|
|
93
|
+
/* @import "daisyui/components/navbar.css"; */
|
|
94
|
+
/* @import "daisyui/components/progress.css"; */
|
|
95
|
+
/* @import "daisyui/components/radialprogress.css"; */
|
|
96
|
+
/* @import "daisyui/components/radio.css"; */
|
|
97
|
+
/* @import "daisyui/components/range.css"; */
|
|
98
|
+
/* @import "daisyui/components/rating.css"; */
|
|
99
|
+
/* @import "daisyui/components/select.css"; */
|
|
100
|
+
/* @import "daisyui/components/skeleton.css"; */
|
|
101
|
+
/* @import "daisyui/components/stack.css"; */
|
|
102
|
+
/* @import "daisyui/components/stat.css"; */
|
|
103
|
+
/* @import "daisyui/components/status.css"; */
|
|
104
|
+
/* @import "daisyui/components/steps.css"; */
|
|
105
|
+
/* @import "daisyui/components/swap.css"; */
|
|
106
|
+
/* @import "daisyui/components/tab.css"; */
|
|
107
|
+
/* @import "daisyui/components/table.css"; */
|
|
108
|
+
/* @import "daisyui/components/textarea.css"; */
|
|
109
|
+
/* @import "daisyui/components/textrotate.css"; */
|
|
110
|
+
/* @import "daisyui/components/timeline.css"; */
|
|
111
|
+
/* @import "daisyui/components/toast.css"; */
|
|
112
|
+
/* @import "daisyui/components/toggle.css"; */
|
|
113
|
+
/* @import "daisyui/components/tooltip.css"; */
|
|
114
|
+
/* @import "daisyui/components/validator.css"; */
|
|
115
|
+
</style>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rune-lab",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.18",
|
|
4
4
|
"description": "Rune Lab: Modern toolkit for Svelte 5 Runes applications.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
"esm-env": "^1.2.2",
|
|
55
55
|
"tailwindcss": "^4.1.18",
|
|
56
56
|
"typescript": "^5.9.3",
|
|
57
|
-
"vite": "^7.3.1"
|
|
57
|
+
"vite": "^7.3.1",
|
|
58
|
+
"tinykeys": "^3.0.0"
|
|
58
59
|
}
|
|
59
60
|
}
|