@mulanjs/mulanjs 1.0.1-dev.20260219161219 → 1.0.1-dev.20260219164037
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 +38 -19
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
[](https://www.npmjs.com/package/@mulanjs/mulanjs)
|
|
4
4
|
[](https://opensource.org/licenses/MIT)
|
|
5
5
|
|
|
6
|
-
> **"
|
|
6
|
+
> **"The Framework of Power. Zero Runtime Overhead. Pure ASTR Evolution."**
|
|
7
7
|
|
|
8
8
|
MulanJS is a high-performance, next-generation web framework designed to bridge the gap between classic web development and the future of quantum-inspired state management. It is powered by a custom-built Signal Reactivity Engine and ASTR-Q+ architecture.
|
|
9
9
|
|
|
@@ -29,16 +29,35 @@ npx @mulanjs/mulanjs@dev init my-project
|
|
|
29
29
|
npm install @mulanjs/mulanjs@dev
|
|
30
30
|
```
|
|
31
31
|
|
|
32
|
-
*Note: The dev version is updated frequently. You can check the latest version number by running `npm view @mulanjs/mulanjs dist-tags.dev`.*
|
|
33
|
-
|
|
34
32
|
## ⚡ Core Features
|
|
35
33
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
34
|
+
* **Signal Reactivity Engine** ⚡: Fine-grained reactivity that tracks exact dependencies, eliminating the need for a Virtual DOM.
|
|
35
|
+
* **ASTR-Q+ Engine** 🌌: Simulated quantum registers for probabilistic state management and complex logic branching.
|
|
36
|
+
* **Iron Fortress Security** 🛡️: Built-in "Iron Fortress" security module that auto-sanitizes inputs and generates CSP headers.
|
|
37
|
+
* **Mulan Cycle** 🔄: A redefined component lifecycle (Init, Mount, Destroy) for predictable state management.
|
|
38
|
+
* **TypeScript First** 🟦: Built from the ground up with TypeScript for world-class type safety.
|
|
39
|
+
* **Mulan Power Server** 🚀: Instant, state-preserving Hot Module Replacement (HMR) powered by the Compiler.
|
|
40
|
+
* **Genesis Directives** ✨: Custom syntax (`mu-for`, `mu-if`) compiled directly to high-performance JavaScript.
|
|
41
|
+
|
|
42
|
+
## 🌟 Advanced Capabilities
|
|
43
|
+
|
|
44
|
+
### Mulan Genesis Static (SSG) 🌍
|
|
45
|
+
Pre-render your world with `mulan static`. Perfect for SEO and instant content.
|
|
46
|
+
|
|
47
|
+
### Mulan Anima (FLIP Physics) 🎬
|
|
48
|
+
Just add `mu-animate` to any list for zero-config, 60fps layout transitions.
|
|
49
|
+
|
|
50
|
+
### Mulan Infinity (Big Data) 📈
|
|
51
|
+
Built-in virtualization to render 1,000,000+ rows without performance loss.
|
|
52
|
+
|
|
53
|
+
### Mulan Vault (Persistence) 💾
|
|
54
|
+
State that survives refreshes using `muVault`. Your data, secured in the Iron Fortress.
|
|
55
|
+
|
|
56
|
+
### Mulan Router (Time Travel) 🧭
|
|
57
|
+
Zero-config hash routing with `<mu-link>` for instant, single-page navigation.
|
|
41
58
|
|
|
59
|
+
### Native SCSS Support 🎨
|
|
60
|
+
Built-in support for `<style lang="scss">`. No config required. Just design.
|
|
42
61
|
## 🚀 Quick Start Example
|
|
43
62
|
|
|
44
63
|
MulanJS components (`.mujs`) allow you to write powerful, reactive UI with minimal boilerplate.
|
|
@@ -59,16 +78,16 @@ const debugClick = () => {
|
|
|
59
78
|
<mu-template>
|
|
60
79
|
<div class="page">
|
|
61
80
|
<div class="hero">
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
81
|
+
<h1>Powerful. Fast. MulanJS.</h1>
|
|
82
|
+
<p>The next generation framework for modern web applications.</p>
|
|
83
|
+
|
|
84
|
+
<div class="counter-box">
|
|
85
|
+
<p>Interactive Counter:</p>
|
|
86
|
+
<!-- Native Event Binding -->
|
|
87
|
+
<button class="mu-btn" @click="debugClick()">
|
|
88
|
+
Count is: ${state.count}
|
|
89
|
+
</button>
|
|
90
|
+
</div>
|
|
72
91
|
</div>
|
|
73
92
|
</div>
|
|
74
93
|
</mu-template>
|
|
@@ -103,7 +122,7 @@ p { font-size: 1.2rem; color: #888; max-width: 600px; margin: 0 auto 40px; }
|
|
|
103
122
|
```
|
|
104
123
|
|
|
105
124
|
## Created By
|
|
106
|
-
**Nitin Kumar** (@nitinkumardev09) - *Creator of .mujs & MulanJS Framework*
|
|
125
|
+
**Nitin Kumar** (@nitinkumardev09) - *Creator of .mujs & MulanJS Framework*
|
|
107
126
|
|
|
108
127
|
## License
|
|
109
128
|
MIT
|
package/package.json
CHANGED