@mulanjs/mulanjs 1.0.1-dev.20260309125238 → 1.0.1-dev.20260310065102
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
CHANGED
|
@@ -68,17 +68,17 @@ Built-in support for `<style lang="scss">`. No config required. Just design.
|
|
|
68
68
|
MulanJS components (`.mujs`) allow you to write powerful, reactive UI with minimal boilerplate.
|
|
69
69
|
|
|
70
70
|
```html
|
|
71
|
-
<
|
|
71
|
+
<mu>
|
|
72
|
+
// The <mu> tag is the new, powerful replacement for <script setup lang="ts">
|
|
72
73
|
import { muState } from 'mulanjs';
|
|
73
74
|
|
|
74
|
-
// Create reactive state
|
|
75
|
-
|
|
75
|
+
// Create reactive state natively
|
|
76
|
+
state = muState({ count: 0 });
|
|
76
77
|
|
|
77
|
-
|
|
78
|
+
debugClick() →
|
|
78
79
|
console.log('Button clicked! Current count:', state.count);
|
|
79
80
|
state.count++;
|
|
80
|
-
|
|
81
|
-
</script>
|
|
81
|
+
</mu>
|
|
82
82
|
|
|
83
83
|
<mu-template>
|
|
84
84
|
<div class="page">
|
|
@@ -88,8 +88,8 @@ const debugClick = () => {
|
|
|
88
88
|
|
|
89
89
|
<div class="counter-box">
|
|
90
90
|
<p>Interactive Counter:</p>
|
|
91
|
-
<!-- Native Event Binding -->
|
|
92
|
-
<button class="mu-btn"
|
|
91
|
+
<!-- Native Mulan Event Binding -->
|
|
92
|
+
<button class="mu-btn" mu-click="debugClick()">
|
|
93
93
|
Count is: ${state.count}
|
|
94
94
|
</button>
|
|
95
95
|
</div>
|
|
@@ -125,6 +125,7 @@ p { font-size: 1.2rem; color: #888; max-width: 600px; margin: 0 auto 40px; }
|
|
|
125
125
|
}
|
|
126
126
|
</style>
|
|
127
127
|
```
|
|
128
|
+
*(Note: MulanJS still retains 100% backward compatibility with standard `<script setup lang="ts">` and `<template>` tags).*
|
|
128
129
|
|
|
129
130
|
## Created By
|
|
130
131
|
**Nitin Kumar** (@nitinkumardev09) - *Creator of .mujs & MulanJS Framework*
|
package/package.json
CHANGED
|
Binary file
|
package/src/cli/index.js
CHANGED
|
@@ -494,7 +494,7 @@ if (app) {
|
|
|
494
494
|
|
|
495
495
|
// Auto-install VS Code Extension
|
|
496
496
|
try {
|
|
497
|
-
const vsixPath = path.join(__dirname, 'extensions', 'mulanjs-vscode-1.0.
|
|
497
|
+
const vsixPath = path.join(__dirname, 'extensions', 'mulanjs-vscode-1.0.1.vsix');
|
|
498
498
|
if (fs.existsSync(vsixPath)) {
|
|
499
499
|
console.log('\n📦 Installing MulanJS VS Code Extension...');
|
|
500
500
|
shell(`code --install-extension "${vsixPath}" --force`);
|
|
@@ -606,7 +606,7 @@ program
|
|
|
606
606
|
console.log('📦 Locating MulanJS VS Code Extension...');
|
|
607
607
|
try {
|
|
608
608
|
// Find where mulanjs is installed. If run via npx, __dirname is the cli folder.
|
|
609
|
-
const vsixPath = path.join(__dirname, 'extensions', 'mulanjs-vscode-1.0.
|
|
609
|
+
const vsixPath = path.join(__dirname, 'extensions', 'mulanjs-vscode-1.0.1.vsix');
|
|
610
610
|
|
|
611
611
|
if (!fs.existsSync(vsixPath)) {
|
|
612
612
|
console.error('❌ Error: Extension file not found at:', vsixPath);
|