eleva 1.2.0-alpha → 1.2.2-alpha

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.
Files changed (2) hide show
  1. package/README.md +27 -13
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -9,6 +9,16 @@ Pure JavaScript, Pure Performance, Simply Elegant.
9
9
  [![Minified Size](https://badgen.net/bundlephobia/min/eleva@latest)](https://bundlephobia.com/package/eleva@latest)
10
10
  [![Gzipped Size](https://badgen.net/bundlephobia/minzip/eleva@latest)](https://bundlephobia.com/package/eleva@latest)
11
11
 
12
+ <br>
13
+ <br>
14
+
15
+ <p align="center">
16
+ <img src="./docs/imgs/Eleva Logo.png" alt="Eleva Logo" width="50%">
17
+ </p>
18
+
19
+ <br>
20
+ <br>
21
+
12
22
  **A minimalist, lightweight, pure vanilla JavaScript frontend runtime framework.**
13
23
  _Built with love for native JavaScript—because sometimes, less really is more!_ 😊
14
24
 
@@ -161,14 +171,16 @@ Eleva is crafted for performance:
161
171
 
162
172
  Preliminary benchmarks illustrate Eleva’s efficiency compared to popular frameworks:
163
173
 
164
- | Framework | Bundle Size (minified) | Initial Load Time | DOM Update Speed |
165
- | --------- | ---------------------- | ----------------- | ---------------- |
166
- | **Eleva** | **~4 KB** | **~35 ms** | **~2 ms** |
167
- | React | ~110 KB | ~100 ms | ~4 ms |
168
- | Vue | ~80 KB | ~80 ms | ~3 ms |
169
- | Angular | ~500 KB | ~250 ms | ~6 ms |
174
+ | **Framework** | **Bundle Size** (KB) | **Initial Load Time** (ms) | **DOM Update Speed** (s) | **Peak Memory Usage** (KB) | **Overall Performance Score** (lower is better) |
175
+ | ----------------------------- | -------------------- | -------------------------- | ------------------------ | -------------------------- | ----------------------------------------------- |
176
+ | **Eleva** (Direct DOM) | **1.8** | **10** | **0.018** | **0.25** | **3.02 (Best)** |
177
+ | **React** (Virtual DOM) | 42 | 40 | 0.020 | 0.25 | 20.57 |
178
+ | **Vue** (Reactive State) | 33 | 35 | 0.021 | 3.10 | 17.78 |
179
+ | **Angular** (Two-way Binding) | 80 | 100 | 0.021 | 0.25 | 45.07 (Slowest) |
170
180
 
171
- > ⚠️ **Disclaimer:** Benchmarks are based on internal tests with a minimal counter component and may vary by project and environment.
181
+ Detailed [Benchmark Metrics Report](BENCHMARK.md)
182
+
183
+ > ⚠️ **Disclaimer:** Benchmarks are based on internal tests and may vary by project and environment.
172
184
 
173
185
  ---
174
186
 
@@ -196,13 +208,15 @@ npm install eleva
196
208
  Or include it directly via CDN:
197
209
 
198
210
  ```html
199
- <!-- unpkg -->
200
- <script src="https://unpkg.com/eleva/dist/eleva.min.js"></script>
211
+ <!-- jsDelivr (Recommended) -->
212
+ <script src="https://cdn.jsdelivr.net/npm/eleva"></script>
201
213
  ```
202
214
 
215
+ or
216
+
203
217
  ```html
204
- <!-- jsDelivr -->
205
- <script src="https://cdn.jsdelivr.net/npm/eleva/dist/eleva.min.js"></script>
218
+ <!-- unpkg -->
219
+ <script src="https://unpkg.com/eleva/dist/eleva.min.js"></script>
206
220
  ```
207
221
 
208
222
  ---
@@ -253,7 +267,7 @@ Include Eleva via a script tag and use the global variable:
253
267
  </head>
254
268
  <body>
255
269
  <div id="app"></div>
256
- <script src="https://unpkg.com/eleva/dist/eleva.min.js"></script>
270
+ <script src="https://cdn.jsdelivr.net/npm/eleva"></script>
257
271
  <script>
258
272
  const app = new Eleva("MyApp");
259
273
  app.component("HelloWorld", {
@@ -417,5 +431,5 @@ Eleva is open-source and available under the [MIT License](LICENSE).
417
431
 
418
432
  [Documentation](/docs/index.md) |
419
433
  [Examples](/examples) |
420
- [Changelog](/changelog.md) |
434
+ [Changelog](/CHANGELOG.md) |
421
435
  [GitHub Discussions](https://github.com/TarekRaafat/eleva/discussions)
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "eleva",
3
- "version": "1.2.0-alpha",
3
+ "version": "1.2.2-alpha",
4
4
  "description": "A minimalist and lightweight, pure vanilla JavaScript frontend runtime framework.",
5
5
  "type": "module",
6
6
  "main": "dist/eleva.js",
7
7
  "module": "dist/eleva.esm.js",
8
8
  "unpkg": "dist/eleva.min.js",
9
- "types": "dust/eleva.d.ts",
9
+ "types": "dist/eleva.d.ts",
10
10
  "exports": {
11
11
  ".": {
12
12
  "require": "./dist/eleva.js",