@esmx/class-state 3.0.0-rc.18 → 3.0.0-rc.20

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Vanelink
+Copyright (c) 2020 Esmx Team
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -0,0 +1,51 @@
+<div align="center">
+  <img src="https://www.esmnext.com/logo.svg?t=2025" width="120" alt="Esmx Logo" />
+  <h1>@esmx/class-state</h1>
+  
+  <div>
+    <a href="https://www.npmjs.com/package/@esmx/class-state">
+      <img src="https://img.shields.io/npm/v/@esmx/class-state.svg" alt="npm version" />
+    </a>
+    <a href="https://github.com/esmnext/esmx/actions/workflows/build.yml">
+      <img src="https://github.com/esmnext/esmx/actions/workflows/build.yml/badge.svg" alt="Build" />
+    </a>
+    <a href="https://www.esmnext.com/coverage/">
+      <img src="https://img.shields.io/badge/coverage-live%20report-brightgreen" alt="Coverage Report" />
+    </a>
+    <a href="https://nodejs.org/">
+      <img src="https://img.shields.io/node/v/@esmx/class-state.svg" alt="node version" />
+    </a>
+    <a href="https://bundlephobia.com/package/@esmx/class-state">
+      <img src="https://img.shields.io/bundlephobia/minzip/@esmx/class-state" alt="size" />
+    </a>
+  </div>
+  
+  <p>Lightweight class-based state management solution for modern JavaScript applications</p>
+  
+  <p>
+    English | <a href="https://github.com/esmnext/esmx/blob/master/packages/class-state/README.zh-CN.md">中文</a>
+  </p>
+</div>
+
+## 🚀 Features
+
+- **Class-Based Design** - Clean and intuitive class-based state management
+- **Framework Agnostic** - Works with any JavaScript framework or vanilla JS
+- **TypeScript Ready** - Full TypeScript support with excellent type inference
+- **Reactive System** - Built-in reactivity for automatic UI updates
+- **Lightweight** - Minimal bundle size with maximum functionality
+- **Modern API** - Uses modern JavaScript features and patterns
+
+## 📦 Installation
+
+```bash
+npm install @esmx/class-state
+```
+
+## 📚 Documentation
+
+Visit the [official documentation](https://www.esmnext.com) for detailed usage guides and API reference.
+
+## 📄 License
+
+MIT © [Esmx Team](https://github.com/esmnext/esmx) 

package/README.zh-CN.md

@@ -0,0 +1,51 @@
+<div align="center">
+  <img src="https://www.esmnext.com/logo.svg?t=2025" width="120" alt="Esmx Logo" />
+  <h1>@esmx/class-state</h1>
+  
+  <div>
+    <a href="https://www.npmjs.com/package/@esmx/class-state">
+      <img src="https://img.shields.io/npm/v/@esmx/class-state.svg" alt="npm version" />
+    </a>
+    <a href="https://github.com/esmnext/esmx/actions/workflows/build.yml">
+      <img src="https://github.com/esmnext/esmx/actions/workflows/build.yml/badge.svg" alt="Build" />
+    </a>
+    <a href="https://www.esmnext.com/coverage/">
+      <img src="https://img.shields.io/badge/coverage-live%20report-brightgreen" alt="Coverage Report" />
+    </a>
+    <a href="https://nodejs.org/">
+      <img src="https://img.shields.io/node/v/@esmx/class-state.svg" alt="node version" />
+    </a>
+    <a href="https://bundlephobia.com/package/@esmx/class-state">
+      <img src="https://img.shields.io/bundlephobia/minzip/@esmx/class-state" alt="size" />
+    </a>
+  </div>
+  
+  <p>为现代 JavaScript 应用提供的轻量级基于类的状态管理解决方案</p>
+  
+  <p>
+    <a href="https://github.com/esmnext/esmx/blob/master/packages/class-state/README.md">English</a> | 中文
+  </p>
+</div>
+
+## 🚀 特性
+
+- **基于类的设计** - 简洁直观的基于类的状态管理
+- **框架无关** - 适用于任何 JavaScript 框架或原生 JS
+- **TypeScript 就绪** - 完整的 TypeScript 支持，出色的类型推断
+- **响应式系统** - 内置响应性，自动更新 UI
+- **轻量级** - 最小化包体积，最大化功能
+- **现代 API** - 使用现代 JavaScript 特性和模式
+
+## 📦 安装
+
+```bash
+npm install @esmx/class-state
+```
+
+## 📚 文档
+
+访问[官方文档](https://www.esmnext.com)获取详细的使用指南和 API 参考。
+
+## 📄 许可证
+
+MIT © [Esmx Team](https://github.com/esmnext/esmx) 

package/dist/connect.test.mjs

@@ -194,6 +194,7 @@ test("Multiple instances", () => {
     }
   }
   const user = _connectStore(User, "user");
+  const blog = _connectStore(Blog, "blog");
   user.$setName("jack");
   user.blog.$setText("hello world.");
   assert.strictEqual(user.name, "jack");

package/package.json

@@ -33,18 +33,17 @@
     },
     "devDependencies": {
         "@biomejs/biome": "1.9.4",
-        "@esmx/lint": "3.0.0-rc.18",
-        "@gez/lint": "3.0.0-rc.9",
-        "@types/node": "22.13.10",
-        "@vitest/coverage-v8": "3.0.8",
+        "@esmx/lint": "3.0.0-rc.20",
+        "@types/node": "22.15.18",
+        "@vitest/coverage-v8": "3.1.3",
         "@vue/compiler-dom": "^3.5.13",
-        "stylelint": "16.15.0",
+        "stylelint": "16.19.1",
         "typescript": "5.8.2",
-        "unbuild": "2.0.0",
-        "vitest": "3.0.8",
+        "unbuild": "3.5.0",
+        "vitest": "3.1.3",
         "vue": "^3.5.13"
     },
-    "version": "3.0.0-rc.18",
+    "version": "3.0.0-rc.20",
     "type": "module",
     "private": false,
     "exports": {
@@ -63,5 +62,5 @@
         "template",
         "public"
     ],
-    "gitHead": "79ceb323f985dd88dbd7f1349f61f341b6d522c4"
+    "gitHead": "4c6490c23cbc148cb189b3f2cdae930eed901607"
 }

package/src/connect.test.ts

@@ -250,6 +250,8 @@ test('Multiple instances', () => {
     }
 
     const user = _connectStore(User, 'user');
+    // Create blog instance first before accessing it from user
+    const blog = _connectStore(Blog, 'blog');
 
     user.$setName('jack');
     user.blog.$setText('hello world.');