usewagen 0.0.0 → 0.2.0

package/dist/wagen-C2p8oQgu.mjs

@@ -0,0 +1,278 @@
+import { _ as warnDev, g as warn, h as ErrorCodes } from "./parsers-CA8aZuF-.mjs";
+import { hasInjectionContext, inject, markRaw } from "vue";
+//#region src/storage/create-storage.ts
+const ALL_KEYS = Symbol("all-keys");
+function createStorage$1(name, options) {
+	const { prefix = "", crossTab = false, onError } = options;
+	const fullKey = (key) => prefix + key;
+	const isOwn = (key) => key.startsWith(prefix);
+	const listeners = /* @__PURE__ */ new Map();
+	function notify(key) {
+		if (key === null) {
+			for (const set of listeners.values()) for (const listener of set) listener(null);
+			return;
+		}
+		const own = key.slice(prefix.length);
+		for (const listener of listeners.get(key) ?? []) listener(own);
+		for (const listener of listeners.get(ALL_KEYS) ?? []) listener(own);
+	}
+	const stopSync = crossTab ? options.watch?.((key) => {
+		if (key === null || isOwn(key)) notify(key);
+	}) : void 0;
+	return {
+		name,
+		prefix,
+		getItem(key) {
+			try {
+				return options.getItem(fullKey(key));
+			} catch (error) {
+				onError?.(error);
+				return null;
+			}
+		},
+		setItem(key, value) {
+			const target = fullKey(key);
+			try {
+				if (options.getItem(target) === value) return;
+				options.setItem(target, value);
+				notify(target);
+			} catch (error) {
+				onError?.(error);
+				notify(target);
+			}
+		},
+		removeItem(key) {
+			const target = fullKey(key);
+			try {
+				if (options.getItem(target) === null) return;
+				options.removeItem(target);
+				notify(target);
+			} catch (error) {
+				onError?.(error);
+				notify(target);
+			}
+		},
+		has(key) {
+			try {
+				return options.getItem(fullKey(key)) !== null;
+			} catch (error) {
+				onError?.(error);
+				return false;
+			}
+		},
+		keys() {
+			try {
+				return options.keys().filter(isOwn).map((key) => key.slice(prefix.length));
+			} catch (error) {
+				onError?.(error);
+				return [];
+			}
+		},
+		clear(clearOptions) {
+			try {
+				const except = new Set((clearOptions?.except ?? []).map(fullKey));
+				const targets = options.keys().filter((key) => isOwn(key) && !except.has(key));
+				if (targets.length === 0) return;
+				for (const target of targets) {
+					options.removeItem(target);
+					notify(target);
+				}
+			} catch (error) {
+				onError?.(error);
+			}
+		},
+		subscribe(key, listener) {
+			const target = typeof key === "function" ? ALL_KEYS : fullKey(key);
+			const handler = typeof key === "function" ? key : listener;
+			let set = listeners.get(target);
+			if (!set) {
+				set = /* @__PURE__ */ new Set();
+				listeners.set(target, set);
+			}
+			set.add(handler);
+			return () => {
+				const current = listeners.get(target);
+				if (!current) return;
+				current.delete(handler);
+				if (current.size === 0) listeners.delete(target);
+			};
+		},
+		destroy() {
+			stopSync?.();
+			listeners.clear();
+		}
+	};
+}
+//#endregion
+//#region src/storage/presets.ts
+function memoryAdapter() {
+	const store = /* @__PURE__ */ new Map();
+	return {
+		getItem: (key) => store.get(key) ?? null,
+		setItem: (key, value) => {
+			store.set(key, value);
+		},
+		removeItem: (key) => {
+			store.delete(key);
+		},
+		keys: () => [...store.keys()]
+	};
+}
+function noopAdapter() {
+	return {
+		getItem: () => null,
+		setItem: () => {},
+		removeItem: () => {},
+		keys: () => []
+	};
+}
+function webAdapter(name) {
+	let area;
+	try {
+		area = name === "local" ? window.localStorage : window.sessionStorage;
+	} catch {
+		return null;
+	}
+	return {
+		getItem: (key) => area.getItem(key),
+		setItem: (key, value) => area.setItem(key, value),
+		removeItem: (key) => area.removeItem(key),
+		keys: () => {
+			const result = [];
+			for (let i = 0; i < area.length; i++) {
+				const key = area.key(i);
+				if (key !== null) result.push(key);
+			}
+			return result;
+		},
+		watch(onChange) {
+			const handleStorage = (event) => {
+				if (event.storageArea && event.storageArea !== area) return;
+				if (event.key === null) return onChange(null);
+				if (typeof event.key === "string") onChange(event.key);
+			};
+			const target = window;
+			target.addEventListener("storage", handleStorage);
+			return () => target.removeEventListener("storage", handleStorage);
+		}
+	};
+}
+function createWebStorage(name, config) {
+	if (typeof window === "undefined") return createStorage$1(name, {
+		...noopAdapter(),
+		...config
+	});
+	const adapter = webAdapter(name);
+	if (!adapter) {
+		warn(ErrorCodes.WEB_STORAGE_UNAVAILABLE, `${name}Storage`);
+		return createStorage$1(name, {
+			...memoryAdapter(),
+			...config,
+			crossTab: false
+		});
+	}
+	return createStorage$1(name, {
+		...adapter,
+		...config
+	});
+}
+function createMemoryStorage(config = {}) {
+	return createStorage$1("memory", {
+		...memoryAdapter(),
+		...config
+	});
+}
+function createLocalStorage(config = {}) {
+	return createWebStorage("local", {
+		...config,
+		crossTab: config.crossTab ?? true
+	});
+}
+function createSessionStorage(config = {}) {
+	return createWebStorage("session", config);
+}
+//#endregion
+//#region src/wagen.ts
+const WAGEN_KEY = Symbol.for("usewagen");
+const ROUTER_DEFAULTS = {
+	history: "replace",
+	source: "query",
+	clearOnDefault: true,
+	mode: "optimistic"
+};
+let activeWagen = null;
+function createStorage(options) {
+	const { prefix, crossTab, onError } = options;
+	const created = [];
+	function own(instance) {
+		created.push(instance);
+		return instance;
+	}
+	let local;
+	let session;
+	const storage = {
+		get local() {
+			local ??= options.local ?? own(createLocalStorage({
+				prefix,
+				crossTab,
+				onError
+			}));
+			return local;
+		},
+		get session() {
+			session ??= options.session ?? own(createSessionStorage({
+				prefix,
+				crossTab,
+				onError
+			}));
+			return session;
+		},
+		get default() {
+			return options.default === "session" ? storage.session : storage.local;
+		},
+		mode: options.mode ?? "optimistic"
+	};
+	function destroy() {
+		for (const instance of created) instance.destroy();
+		created.length = 0;
+	}
+	return {
+		storage,
+		destroy
+	};
+}
+function defineWagenConfig(config) {
+	return config;
+}
+function createWagen(config = {}) {
+	const { storage, destroy } = createStorage(config.storage ?? {});
+	const wagen = markRaw({
+		parsers: { ...config.parsers },
+		storage,
+		router: {
+			...ROUTER_DEFAULTS,
+			...config.router
+		},
+		install(app) {
+			app.provide(WAGEN_KEY, wagen);
+			activeWagen = wagen;
+		},
+		destroy() {
+			destroy();
+			if (activeWagen === wagen) activeWagen = null;
+		}
+	});
+	return wagen;
+}
+function getActiveWagen() {
+	const injected = hasInjectionContext() ? inject(WAGEN_KEY, null) : null;
+	if (injected) return injected;
+	activeWagen ??= createWagen();
+	return activeWagen;
+}
+function useWagen() {
+	if (!hasInjectionContext()) warnDev(ErrorCodes.NO_INJECTION_CONTEXT);
+	return getActiveWagen();
+}
+//#endregion
+export { createLocalStorage as a, createStorage$1 as c, useWagen as i, defineWagenConfig as n, createMemoryStorage as o, getActiveWagen as r, createSessionStorage as s, createWagen as t };

package/package.json

@@ -1,8 +1,81 @@
 {
   "name": "usewagen",
-  "version": "0.0.0",
-  "description": "Sync and transform Vue state across router, storage and beyond.",
+  "version": "0.2.0",
+  "description": "Reactive state for URL and storage in Vue.",
+  "keywords": [
+    "composables",
+    "localstorage",
+    "query-params",
+    "search-params",
+    "sessionstorage",
+    "storage",
+    "type-safe",
+    "url-state",
+    "vue",
+    "vue-router"
+  ],
+  "homepage": "https://usewagen.dev",
+  "bugs": {
+    "url": "https://github.com/tinas/usewagen/issues"
+  },
+  "license": "MIT",
   "author": "Ahmet Tinastepe <ahmettinastepe0@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tinas/usewagen.git"
+  },
+  "files": [
+    "client.d.ts",
+    "dist"
+  ],
   "type": "module",
-  "license": "MIT"
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./router": "./dist/router/index.mjs",
+    "./storage": "./dist/storage/index.mjs",
+    "./vite": "./dist/vite/index.mjs",
+    "./package.json": "./package.json",
+    "./client": {
+      "types": "./client.d.ts"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@types/node": "^26.1.1",
+    "typescript": "^7.0.2",
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vite-plus": "latest"
+  },
+  "peerDependencies": {
+    "vite": "^7.3.0 || ^8.0.0",
+    "vue": "^3.5.0 || ^4.0.0",
+    "vue-router": "^4.0.0 || ^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    },
+    "vue-router": {
+      "optional": true
+    }
+  },
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "11.25.0",
+      "onFail": "download"
+    }
+  },
+  "scripts": {
+    "build": "vp pack",
+    "dev": "vp pack --watch",
+    "lint:fix": "vp lint --fix && vp fmt",
+    "test": "vp test",
+    "check": "vp check",
+    "docs:dev": "pnpm --filter docs dev",
+    "docs:build": "pnpm --filter docs build",
+    "docs:preview": "pnpm --filter docs preview"
+  }
 }