zenon 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 아구몬
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,110 @@
+<p align="center">
+  <img width="800" src="https://github.com/ljlm0402/zenon/raw/images/logo.png" alt="zenon logo" />
+</p>
+
+<h1 align="center">Zenon</h1>
+<p align="center">A minimalist, Zustand-inspired state manager for <b>Vue 3</b></p>
+
+---
+
+## ✨ Features
+
+- 🍃 <b>Vue 3</b> Composition API 전용
+- ⚡️ <b>Zustand와 거의 동일한 DX</b>: set/get/selector 모두 지원
+- 🧑‍💻 <b>TypeScript 친화적</b>: 타입 추론/분리/액션 모두 쉬움
+- 🚀 <b>초경량 & 심플</b>: 1-file store, 러닝커브 ZERO
+- 🧩 <b>부분구독(Selector)</b> 지원, 컴포넌트별 최적화 OK
+
+---
+
+## 📦 설치
+
+```bash
+pnpm add zenon
+# or
+npm install zenon
+# or
+yarn add zenon
+```
+
+---
+
+## ⚡️ 기본 사용법
+
+```ts
+// stores/counter.ts
+import { createStore } from "zenon";
+
+type State = { count: number };
+type Actions = {
+  increase: () => void;
+  reset: () => void;
+};
+
+export const useCounter = () =>
+  createStore<State & Actions>((set, get) => ({
+    count: 0,
+    increase: () => set({ count: get().count + 1 }),
+    reset: () => set({ count: 0 }),
+  }));
+```
+
+---
+
+## 🎯 컴포넌트에서 사용
+
+```vue
+<template>
+  <div>
+    <h2>Zenon Counter</h2>
+    <p>Count: {{ count }}</p>
+    <button @click="increase">+1</button>
+    <button @click="reset">Reset</button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useCounter } from "@/stores/counter";
+const store = useCounter();
+const count = store.useSelector((s) => s.count);
+const { increase, reset } = store;
+</script>
+```
+
+---
+
+## 🚦 Selector로 부분 구독
+
+```ts
+const store = useCounter();
+const count = store.useSelector((s) => s.count); // count만 반응
+const double = store.useSelector((s) => s.count * 2); // 파생값도 OK
+```
+
+---
+
+## 🧑‍💻 타입 분리 예시
+
+```ts
+type UserState = { name: string; age: number };
+type UserActions = { setName: (name: string) => void };
+
+export const useUser = () =>
+  createStore<UserState & UserActions>((set, get) => ({
+    name: "아구몬",
+    age: 32,
+    setName: (name) => set({ name }),
+  }));
+```
+
+---
+
+## 📚 License
+
+MIT
+
+---
+
+## ⭐️ Star & Contribute
+
+아이디어, PR, 피드백 모두 환영합니다!

package/dist/create.d.mts

@@ -0,0 +1,7 @@
+type StoreApi<T> = {
+    get: () => T;
+    set: (updater: Partial<T>) => void;
+};
+declare function create<T extends Record<string, any>>(initializer: (set: StoreApi<T>["set"], get: StoreApi<T>["get"]) => T): Readonly<T>;
+
+export { type StoreApi, create };

package/dist/create.d.ts

@@ -0,0 +1,7 @@
+type StoreApi<T> = {
+    get: () => T;
+    set: (updater: Partial<T>) => void;
+};
+declare function create<T extends Record<string, any>>(initializer: (set: StoreApi<T>["set"], get: StoreApi<T>["get"]) => T): Readonly<T>;
+
+export { type StoreApi, create };

package/dist/create.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/create.ts
+var create_exports = {};
+__export(create_exports, {
+  create: () => create
+});
+module.exports = __toCommonJS(create_exports);
+var import_vue = require("vue");
+function create(initializer) {
+  const state = (0, import_vue.reactive)({});
+  const set = (updater) => {
+    Object.assign(state, updater);
+  };
+  const get = () => state;
+  const initial = initializer(set, get);
+  Object.assign(state, initial);
+  return (0, import_vue.readonly)(state);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  create
+});

package/dist/create.mjs

@@ -0,0 +1,15 @@
+// src/create.ts
+import { reactive, readonly } from "vue";
+function create(initializer) {
+  const state = reactive({});
+  const set = (updater) => {
+    Object.assign(state, updater);
+  };
+  const get = () => state;
+  const initial = initializer(set, get);
+  Object.assign(state, initial);
+  return readonly(state);
+}
+export {
+  create
+};

package/dist/createStore.d.mts

@@ -0,0 +1,10 @@
+import { ComputedRef } from 'vue';
+
+type StoreApi<T> = {
+    get: () => T;
+    set: (updater: Partial<T>) => void;
+    useSelector: <S>(selector: (state: T) => S) => ComputedRef<S>;
+};
+declare function createStore<T extends Record<string, any>>(initializer: (set: StoreApi<T>["set"], get: StoreApi<T>["get"]) => T): T & Pick<StoreApi<T>, "useSelector">;
+
+export { type StoreApi, createStore };

package/dist/createStore.d.ts

@@ -0,0 +1,10 @@
+import { ComputedRef } from 'vue';
+
+type StoreApi<T> = {
+    get: () => T;
+    set: (updater: Partial<T>) => void;
+    useSelector: <S>(selector: (state: T) => S) => ComputedRef<S>;
+};
+declare function createStore<T extends Record<string, any>>(initializer: (set: StoreApi<T>["set"], get: StoreApi<T>["get"]) => T): T & Pick<StoreApi<T>, "useSelector">;
+
+export { type StoreApi, createStore };

package/dist/createStore.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/createStore.ts
+var createStore_exports = {};
+__export(createStore_exports, {
+  createStore: () => createStore
+});
+module.exports = __toCommonJS(createStore_exports);
+var import_vue = require("vue");
+function createStore(initializer) {
+  const state = (0, import_vue.reactive)({});
+  const set = (updater) => {
+    Object.assign(state, updater);
+  };
+  const get = () => state;
+  const useSelector = (selector) => {
+    return (0, import_vue.computed)(() => selector(state));
+  };
+  const initial = initializer(set, get);
+  Object.assign(state, initial);
+  return Object.assign(state, { useSelector });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createStore
+});

package/dist/createStore.mjs

@@ -0,0 +1,18 @@
+// src/createStore.ts
+import { reactive, computed } from "vue";
+function createStore(initializer) {
+  const state = reactive({});
+  const set = (updater) => {
+    Object.assign(state, updater);
+  };
+  const get = () => state;
+  const useSelector = (selector) => {
+    return computed(() => selector(state));
+  };
+  const initial = initializer(set, get);
+  Object.assign(state, initial);
+  return Object.assign(state, { useSelector });
+}
+export {
+  createStore
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "zenon",
+  "version": "0.1.0",
+  "description": "A minimalist Zustand-inspired state manager for Vue 3",
+  "author": "AGUMON <ljlm0402@gmail.com>",
+  "license": "MIT",
+  "keywords": [
+    "vue",
+    "state",
+    "zustand",
+    "composition-api",
+    "zenon",
+    "store",
+    "minimal"
+  ],
+  "main": "dist/zenon.cjs.js",
+  "module": "dist/zenon.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/zenon.es.js",
+      "require": "./dist/zenon.cjs.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsup src/createStore.ts --format cjs,esm --dts",
+    "prepare": "pnpm build"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.10",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "tsup": "^7.3.0",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vue": "^3.4.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}