eleva 1.2.0-alpha → 1.2.1-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 +21 -9
  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) |
180
+
181
+ Detailed [Benchmark Metrics Report](BENCHMARK.md)
170
182
 
171
- > ⚠️ **Disclaimer:** Benchmarks are based on internal tests with a minimal counter component and may vary by project and environment.
183
+ > ⚠️ **Disclaimer:** Benchmarks are based on internal tests and may vary by project and environment.
172
184
 
173
185
  ---
174
186
 
@@ -253,7 +265,7 @@ Include Eleva via a script tag and use the global variable:
253
265
  </head>
254
266
  <body>
255
267
  <div id="app"></div>
256
- <script src="https://unpkg.com/eleva/dist/eleva.min.js"></script>
268
+ <script src="https://cdn.jsdelivr.net/npm/eleva/dist/eleva.min.js"></script>
257
269
  <script>
258
270
  const app = new Eleva("MyApp");
259
271
  app.component("HelloWorld", {
@@ -417,5 +429,5 @@ Eleva is open-source and available under the [MIT License](LICENSE).
417
429
 
418
430
  [Documentation](/docs/index.md) |
419
431
  [Examples](/examples) |
420
- [Changelog](/changelog.md) |
432
+ [Changelog](/CHANGELOG.md) |
421
433
  [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.1-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",