@mulanjs/mulanjs 1.0.1-dev.20260212143840 → 1.0.1-dev.20260212152134
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 +106 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1 +1,106 @@
|
|
|
1
|
-
#
|
|
1
|
+
# MulanJS Framework ⚡
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@mulanjs/mulanjs)
|
|
4
|
+
[](https://opensource.org/licenses/MIT)
|
|
5
|
+
|
|
6
|
+
> **"Compatible Surface, World-Class Engine"**
|
|
7
|
+
|
|
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
|
+
|
|
10
|
+
🌐 **Website**: [mulanjs.com](http://mulanjs.com/)
|
|
11
|
+
📦 **NPM**: [npmjs.com/package/@mulanjs/mulanjs](https://www.npmjs.com/package/@mulanjs/mulanjs)
|
|
12
|
+
|
|
13
|
+
## Installation
|
|
14
|
+
|
|
15
|
+
### Stable Release
|
|
16
|
+
> Coming soon!
|
|
17
|
+
|
|
18
|
+
### Development Release (Latest)
|
|
19
|
+
To install the latest development version of MulanJS:
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
npm install @mulanjs/mulanjs@dev
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
To create a new project using the latest dev CLI:
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
npx @mulanjs/mulanjs@dev init my-app
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## ⚡ Core Features
|
|
32
|
+
|
|
33
|
+
- **Signal Reactivity Engine**: Fine-grained reactivity that tracks exact dependencies, eliminating the need for a Virtual DOM.
|
|
34
|
+
- **ASTR-Q+ Engine**: Simulated quantum registers for probabilistic state management and complex logic branching.
|
|
35
|
+
- **Iron Fortress Security**: Built-in "Iron Fortress" security module that auto-sanitizes inputs and generates CSP headers.
|
|
36
|
+
- **Mulan Cycle**: A redefined component lifecycle (Init, Mount, Destroy) for predictable state management.
|
|
37
|
+
- **TypeScript First**: Built from the ground up with TypeScript for world-class type safety.
|
|
38
|
+
|
|
39
|
+
## 🚀 Quick Start Example
|
|
40
|
+
|
|
41
|
+
MulanJS components (`.mujs`) allow you to write powerful, reactive UI with minimal boilerplate.
|
|
42
|
+
|
|
43
|
+
```html
|
|
44
|
+
<script setup lang="ts">
|
|
45
|
+
import { muState } from 'mulanjs';
|
|
46
|
+
|
|
47
|
+
// Create reactive state
|
|
48
|
+
const state = muState({ count: 0 });
|
|
49
|
+
|
|
50
|
+
const debugClick = () => {
|
|
51
|
+
console.log('Button clicked! Current count:', state.count);
|
|
52
|
+
state.count++;
|
|
53
|
+
}
|
|
54
|
+
</script>
|
|
55
|
+
|
|
56
|
+
<mu-template>
|
|
57
|
+
<div class="page">
|
|
58
|
+
<div class="hero">
|
|
59
|
+
<h1>Powerful. Fast. MulanJS.</h1>
|
|
60
|
+
<p>The next generation framework for modern web applications.</p>
|
|
61
|
+
|
|
62
|
+
<div class="counter-box">
|
|
63
|
+
<p>Interactive Counter:</p>
|
|
64
|
+
<!-- Native Event Binding -->
|
|
65
|
+
<button class="mu-btn" @click="debugClick()">
|
|
66
|
+
Count is: ${state.count}
|
|
67
|
+
</button>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
</mu-template>
|
|
72
|
+
|
|
73
|
+
<style scoped>
|
|
74
|
+
.page { padding: 60px 20px; text-align: center; }
|
|
75
|
+
h1 {
|
|
76
|
+
font-size: 4rem;
|
|
77
|
+
background: linear-gradient(to right, #e94560, #9c27b0);
|
|
78
|
+
-webkit-background-clip: text;
|
|
79
|
+
-webkit-text-fill-color: transparent;
|
|
80
|
+
margin-bottom: 20px;
|
|
81
|
+
}
|
|
82
|
+
p { font-size: 1.2rem; color: #888; max-width: 600px; margin: 0 auto 40px; }
|
|
83
|
+
.counter-box {
|
|
84
|
+
background: #1a1a1a;
|
|
85
|
+
padding: 30px;
|
|
86
|
+
border-radius: 12px;
|
|
87
|
+
display: inline-block;
|
|
88
|
+
border: 1px solid #333;
|
|
89
|
+
}
|
|
90
|
+
.mu-btn {
|
|
91
|
+
background: #e94560;
|
|
92
|
+
color: white;
|
|
93
|
+
border: none;
|
|
94
|
+
padding: 10px 20px;
|
|
95
|
+
border-radius: 5px;
|
|
96
|
+
cursor: pointer;
|
|
97
|
+
font-size: 1rem;
|
|
98
|
+
}
|
|
99
|
+
</style>
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
## Created By
|
|
103
|
+
**Nitin Kumar** (@nitinkumardev09) - *Creator of .mujs & MulanJS Framework*
|
|
104
|
+
|
|
105
|
+
## License
|
|
106
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mulanjs/mulanjs",
|
|
3
|
-
"version": "1.0.1-dev.
|
|
3
|
+
"version": "1.0.1-dev.20260212152134",
|
|
4
4
|
"description": "A powerful, secure, and enterprise-grade JavaScript framework.",
|
|
5
5
|
"main": "dist/mulan.js",
|
|
6
6
|
"module": "dist/mulan.esm.js",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"store",
|
|
44
44
|
"security"
|
|
45
45
|
],
|
|
46
|
-
"author": "
|
|
46
|
+
"author": "Nitin Kumar <nitinkumardev09>",
|
|
47
47
|
"license": "MIT",
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"commander": "^14.0.3",
|