@surdeddd/wmkit 0.1.0

package/dist/vue.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var chunkKWLI7JIY_cjs = require('./chunk-KWLI7JIY.cjs');
+var vue = require('vue');
+
+function disposeWithScope(dispose) {
+  if (vue.getCurrentScope()) vue.onScopeDispose(dispose);
+}
+function useWindowManager(options) {
+  const wm = chunkKWLI7JIY_cjs.createWindowManager(options);
+  disposeWithScope(() => wm.destroy());
+  return wm;
+}
+function useWmState(wm) {
+  const state = vue.shallowRef(wm.getState());
+  disposeWithScope(
+    wm.subscribe((next) => {
+      state.value = next;
+    })
+  );
+  return state;
+}
+function useWmWindow(wm, id) {
+  const state = useWmState(wm);
+  return vue.computed(() => state.value.windows[vue.toValue(id)]);
+}
+function useDesktop(wm, target, options) {
+  const binder = chunkKWLI7JIY_cjs.createDesktopBinder(wm, options);
+  vue.watch(
+    target,
+    (element, _previous, onCleanup) => {
+      if (element) onCleanup(binder.bindDesktop(element));
+    },
+    { immediate: true, flush: "post" }
+  );
+  return binder;
+}
+function useWmWindowEl(binder, id, target, options) {
+  vue.watch(
+    [target, () => vue.toValue(id)],
+    ([element, windowId], _previous, onCleanup) => {
+      if (element && windowId) onCleanup(binder.bindWindow(windowId, element, options));
+    },
+    { immediate: true, flush: "post" }
+  );
+}
+
+exports.useDesktop = useDesktop;
+exports.useWindowManager = useWindowManager;
+exports.useWmState = useWmState;
+exports.useWmWindow = useWmWindow;
+exports.useWmWindowEl = useWmWindowEl;
+//# sourceMappingURL=vue.cjs.map
+//# sourceMappingURL=vue.cjs.map

package/dist/vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vue.ts"],"names":["getCurrentScope","onScopeDispose","createWindowManager","shallowRef","computed","toValue","createDesktopBinder","watch"],"mappings":";;;;;AAqBA,SAAS,iBAAiB,OAAA,EAA2B;AACnD,EAAA,IAAIA,mBAAA,EAAgB,EAAGC,kBAAA,CAAe,OAAO,CAAA;AAC/C;AAEO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,EAAA,GAAKC,sCAAoB,OAAO,CAAA;AACtC,EAAA,gBAAA,CAAiB,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA;AACnC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAA6C;AACtE,EAAA,MAAM,KAAA,GAAQC,cAAA,CAAW,EAAA,CAAG,QAAA,EAAU,CAAA;AACtC,EAAA,gBAAA;AAAA,IACE,EAAA,CAAG,SAAA,CAAU,CAAC,IAAA,KAAS;AACrB,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AAAA,IAChB,CAAC;AAAA,GACH;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CACd,IACA,EAAA,EACsC;AACtC,EAAA,MAAM,KAAA,GAAQ,WAAW,EAAE,CAAA;AAC3B,EAAA,OAAOC,YAAA,CAAS,MAAM,KAAA,CAAM,KAAA,CAAM,QAAQC,WAAA,CAAQ,EAAE,CAAC,CAAC,CAAA;AACxD;AAEO,SAAS,UAAA,CACd,EAAA,EACA,MAAA,EACA,OAAA,EACe;AACf,EAAA,MAAM,MAAA,GAASC,qCAAA,CAAoB,EAAA,EAAI,OAAO,CAAA;AAC9C,EAAAC,SAAA;AAAA,IACE,MAAA;AAAA,IACA,CAAC,OAAA,EAAS,SAAA,EAAW,SAAA,KAAc;AACjC,MAAA,IAAI,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,WAAA,CAAY,OAAO,CAAC,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,aAAA,CACd,MAAA,EACA,EAAA,EACA,MAAA,EACA,OAAA,EACM;AACN,EAAAA,SAAA;AAAA,IACE,CAAC,MAAA,EAAQ,MAAMF,WAAA,CAAQ,EAAE,CAAC,CAAA;AAAA,IAC1B,CAAC,CAAC,OAAA,EAAS,QAAQ,CAAA,EAAG,WAAW,SAAA,KAAc;AAC7C,MAAA,IAAI,OAAA,IAAW,UAAU,SAAA,CAAU,MAAA,CAAO,WAAW,QAAA,EAAU,OAAA,EAAS,OAAO,CAAC,CAAA;AAAA,IAClF,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACF","file":"vue.cjs","sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  getCurrentScope,\n  type MaybeRefOrGetter,\n  onScopeDispose,\n  type Ref,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  watch,\n} from 'vue'\nimport { createWindowManager } from './core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from './core/types'\nimport {\n  createDesktopBinder,\n  type DesktopBinder,\n  type DesktopOptions,\n  type WindowAttachOptions,\n} from './dom/controller'\n\nfunction disposeWithScope(dispose: () => void): void {\n  if (getCurrentScope()) onScopeDispose(dispose)\n}\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const wm = createWindowManager(options)\n  disposeWithScope(() => wm.destroy())\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): ShallowRef<ManagerState> {\n  const state = shallowRef(wm.getState())\n  disposeWithScope(\n    wm.subscribe((next) => {\n      state.value = next\n    }),\n  )\n  return state\n}\n\nexport function useWmWindow(\n  wm: WindowManager,\n  id: MaybeRefOrGetter<string>,\n): ComputedRef<WindowState | undefined> {\n  const state = useWmState(wm)\n  return computed(() => state.value.windows[toValue(id)])\n}\n\nexport function useDesktop(\n  wm: WindowManager,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: DesktopOptions,\n): DesktopBinder {\n  const binder = createDesktopBinder(wm, options)\n  watch(\n    target,\n    (element, _previous, onCleanup) => {\n      if (element) onCleanup(binder.bindDesktop(element))\n    },\n    { immediate: true, flush: 'post' },\n  )\n  return binder\n}\n\nexport function useWmWindowEl(\n  binder: DesktopBinder,\n  id: MaybeRefOrGetter<string>,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: WindowAttachOptions,\n): void {\n  watch(\n    [target, () => toValue(id)],\n    ([element, windowId], _previous, onCleanup) => {\n      if (element && windowId) onCleanup(binder.bindWindow(windowId, element, options))\n    },\n    { immediate: true, flush: 'post' },\n  )\n}\n"]}

package/dist/vue.d.cts

@@ -0,0 +1,11 @@
+import { Ref, ShallowRef, MaybeRefOrGetter, ComputedRef } from 'vue';
+import { W as WindowManager, M as ManagerOptions, b as ManagerState, i as WindowState } from './types-CtFzL_oA.cjs';
+import { d as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './controller-B0bogK9N.cjs';
+
+declare function useWindowManager(options?: ManagerOptions): WindowManager;
+declare function useWmState(wm: WindowManager): ShallowRef<ManagerState>;
+declare function useWmWindow(wm: WindowManager, id: MaybeRefOrGetter<string>): ComputedRef<WindowState | undefined>;
+declare function useDesktop(wm: WindowManager, target: Ref<HTMLElement | null | undefined>, options?: DesktopOptions): DesktopBinder;
+declare function useWmWindowEl(binder: DesktopBinder, id: MaybeRefOrGetter<string>, target: Ref<HTMLElement | null | undefined>, options?: WindowAttachOptions): void;
+
+export { useDesktop, useWindowManager, useWmState, useWmWindow, useWmWindowEl };

package/dist/vue.d.ts

@@ -0,0 +1,11 @@
+import { Ref, ShallowRef, MaybeRefOrGetter, ComputedRef } from 'vue';
+import { W as WindowManager, M as ManagerOptions, b as ManagerState, i as WindowState } from './types-CtFzL_oA.js';
+import { d as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './controller-D5zIriLg.js';
+
+declare function useWindowManager(options?: ManagerOptions): WindowManager;
+declare function useWmState(wm: WindowManager): ShallowRef<ManagerState>;
+declare function useWmWindow(wm: WindowManager, id: MaybeRefOrGetter<string>): ComputedRef<WindowState | undefined>;
+declare function useDesktop(wm: WindowManager, target: Ref<HTMLElement | null | undefined>, options?: DesktopOptions): DesktopBinder;
+declare function useWmWindowEl(binder: DesktopBinder, id: MaybeRefOrGetter<string>, target: Ref<HTMLElement | null | undefined>, options?: WindowAttachOptions): void;
+
+export { useDesktop, useWindowManager, useWmState, useWmWindow, useWmWindowEl };

package/dist/vue.js

@@ -0,0 +1,48 @@
+import { createWindowManager, createDesktopBinder } from './chunk-7HHDQEBI.js';
+import { shallowRef, computed, toValue, watch, getCurrentScope, onScopeDispose } from 'vue';
+
+function disposeWithScope(dispose) {
+  if (getCurrentScope()) onScopeDispose(dispose);
+}
+function useWindowManager(options) {
+  const wm = createWindowManager(options);
+  disposeWithScope(() => wm.destroy());
+  return wm;
+}
+function useWmState(wm) {
+  const state = shallowRef(wm.getState());
+  disposeWithScope(
+    wm.subscribe((next) => {
+      state.value = next;
+    })
+  );
+  return state;
+}
+function useWmWindow(wm, id) {
+  const state = useWmState(wm);
+  return computed(() => state.value.windows[toValue(id)]);
+}
+function useDesktop(wm, target, options) {
+  const binder = createDesktopBinder(wm, options);
+  watch(
+    target,
+    (element, _previous, onCleanup) => {
+      if (element) onCleanup(binder.bindDesktop(element));
+    },
+    { immediate: true, flush: "post" }
+  );
+  return binder;
+}
+function useWmWindowEl(binder, id, target, options) {
+  watch(
+    [target, () => toValue(id)],
+    ([element, windowId], _previous, onCleanup) => {
+      if (element && windowId) onCleanup(binder.bindWindow(windowId, element, options));
+    },
+    { immediate: true, flush: "post" }
+  );
+}
+
+export { useDesktop, useWindowManager, useWmState, useWmWindow, useWmWindowEl };
+//# sourceMappingURL=vue.js.map
+//# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vue.ts"],"names":[],"mappings":";;;AAqBA,SAAS,iBAAiB,OAAA,EAA2B;AACnD,EAAA,IAAI,eAAA,EAAgB,EAAG,cAAA,CAAe,OAAO,CAAA;AAC/C;AAEO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,EAAA,GAAK,oBAAoB,OAAO,CAAA;AACtC,EAAA,gBAAA,CAAiB,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA;AACnC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAA6C;AACtE,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,EAAA,CAAG,QAAA,EAAU,CAAA;AACtC,EAAA,gBAAA;AAAA,IACE,EAAA,CAAG,SAAA,CAAU,CAAC,IAAA,KAAS;AACrB,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AAAA,IAChB,CAAC;AAAA,GACH;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CACd,IACA,EAAA,EACsC;AACtC,EAAA,MAAM,KAAA,GAAQ,WAAW,EAAE,CAAA;AAC3B,EAAA,OAAO,QAAA,CAAS,MAAM,KAAA,CAAM,KAAA,CAAM,QAAQ,OAAA,CAAQ,EAAE,CAAC,CAAC,CAAA;AACxD;AAEO,SAAS,UAAA,CACd,EAAA,EACA,MAAA,EACA,OAAA,EACe;AACf,EAAA,MAAM,MAAA,GAAS,mBAAA,CAAoB,EAAA,EAAI,OAAO,CAAA;AAC9C,EAAA,KAAA;AAAA,IACE,MAAA;AAAA,IACA,CAAC,OAAA,EAAS,SAAA,EAAW,SAAA,KAAc;AACjC,MAAA,IAAI,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,WAAA,CAAY,OAAO,CAAC,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,aAAA,CACd,MAAA,EACA,EAAA,EACA,MAAA,EACA,OAAA,EACM;AACN,EAAA,KAAA;AAAA,IACE,CAAC,MAAA,EAAQ,MAAM,OAAA,CAAQ,EAAE,CAAC,CAAA;AAAA,IAC1B,CAAC,CAAC,OAAA,EAAS,QAAQ,CAAA,EAAG,WAAW,SAAA,KAAc;AAC7C,MAAA,IAAI,OAAA,IAAW,UAAU,SAAA,CAAU,MAAA,CAAO,WAAW,QAAA,EAAU,OAAA,EAAS,OAAO,CAAC,CAAA;AAAA,IAClF,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACF","file":"vue.js","sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  getCurrentScope,\n  type MaybeRefOrGetter,\n  onScopeDispose,\n  type Ref,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  watch,\n} from 'vue'\nimport { createWindowManager } from './core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from './core/types'\nimport {\n  createDesktopBinder,\n  type DesktopBinder,\n  type DesktopOptions,\n  type WindowAttachOptions,\n} from './dom/controller'\n\nfunction disposeWithScope(dispose: () => void): void {\n  if (getCurrentScope()) onScopeDispose(dispose)\n}\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const wm = createWindowManager(options)\n  disposeWithScope(() => wm.destroy())\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): ShallowRef<ManagerState> {\n  const state = shallowRef(wm.getState())\n  disposeWithScope(\n    wm.subscribe((next) => {\n      state.value = next\n    }),\n  )\n  return state\n}\n\nexport function useWmWindow(\n  wm: WindowManager,\n  id: MaybeRefOrGetter<string>,\n): ComputedRef<WindowState | undefined> {\n  const state = useWmState(wm)\n  return computed(() => state.value.windows[toValue(id)])\n}\n\nexport function useDesktop(\n  wm: WindowManager,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: DesktopOptions,\n): DesktopBinder {\n  const binder = createDesktopBinder(wm, options)\n  watch(\n    target,\n    (element, _previous, onCleanup) => {\n      if (element) onCleanup(binder.bindDesktop(element))\n    },\n    { immediate: true, flush: 'post' },\n  )\n  return binder\n}\n\nexport function useWmWindowEl(\n  binder: DesktopBinder,\n  id: MaybeRefOrGetter<string>,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: WindowAttachOptions,\n): void {\n  watch(\n    [target, () => toValue(id)],\n    ([element, windowId], _previous, onCleanup) => {\n      if (element && windowId) onCleanup(binder.bindWindow(windowId, element, options))\n    },\n    { immediate: true, flush: 'post' },\n  )\n}\n"]}

package/package.json

@@ -0,0 +1,257 @@
+{
+  "name": "@surdeddd/wmkit",
+  "version": "0.1.0",
+  "description": "Headless, framework-agnostic window manager for the web — draggable, resizable, snappable windows with first-class accessibility and 60fps performance",
+  "keywords": [
+    "window-manager",
+    "windows",
+    "draggable",
+    "resizable",
+    "floating",
+    "snap",
+    "headless",
+    "desktop",
+    "taskbar",
+    "react",
+    "vue",
+    "svelte",
+    "solid"
+  ],
+  "license": "MIT",
+  "author": "Maksim Kravcov (https://github.com/Surdeddd)",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Surdeddd/wmkit.git"
+  },
+  "homepage": "https://surdeddd.github.io/wmkit/",
+  "bugs": "https://github.com/Surdeddd/wmkit/issues",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "packageManager": "pnpm@10.32.1",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./react": {
+      "import": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/react.js"
+      },
+      "require": {
+        "types": "./dist/react.d.cts",
+        "default": "./dist/react.cjs"
+      }
+    },
+    "./vue": {
+      "import": {
+        "types": "./dist/vue.d.ts",
+        "default": "./dist/vue.js"
+      },
+      "require": {
+        "types": "./dist/vue.d.cts",
+        "default": "./dist/vue.cjs"
+      }
+    },
+    "./svelte": {
+      "import": {
+        "types": "./dist/svelte.d.ts",
+        "default": "./dist/svelte.js"
+      },
+      "require": {
+        "types": "./dist/svelte.d.cts",
+        "default": "./dist/svelte.cjs"
+      }
+    },
+    "./solid": {
+      "import": {
+        "types": "./dist/solid.d.ts",
+        "default": "./dist/solid.js"
+      },
+      "require": {
+        "types": "./dist/solid.d.cts",
+        "default": "./dist/solid.cjs"
+      }
+    },
+    "./persist": {
+      "import": {
+        "types": "./dist/persist.d.ts",
+        "default": "./dist/persist.js"
+      },
+      "require": {
+        "types": "./dist/persist.d.cts",
+        "default": "./dist/persist.cjs"
+      }
+    },
+    "./popout": {
+      "import": {
+        "types": "./dist/popout.d.ts",
+        "default": "./dist/popout.js"
+      },
+      "require": {
+        "types": "./dist/popout.d.cts",
+        "default": "./dist/popout.cjs"
+      }
+    },
+    "./themes/*": "./dist/themes/*",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "vite site",
+    "site:build": "vite build site",
+    "site:preview": "vite preview site",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:e2e": "playwright test",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
+    "typecheck": "tsc --noEmit",
+    "size": "size-limit",
+    "attw": "attw --pack .",
+    "publint": "publint",
+    "prepublishOnly": "pnpm build",
+    "verify": "pnpm lint && pnpm typecheck && pnpm test:coverage && pnpm build && pnpm size && pnpm publint && pnpm attw && pnpm test:e2e",
+    "changeset": "changeset",
+    "release:version": "changeset version",
+    "release:tag": "changeset tag"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "solid-js": ">=1.8",
+    "svelte": ">=4",
+    "vue": ">=3.3"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "solid-js": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.2",
+    "@axe-core/playwright": "^4.10.2",
+    "@biomejs/biome": "^2.0.0",
+    "@changesets/cli": "^2.29.5",
+    "@playwright/test": "^1.53.2",
+    "@size-limit/preset-small-lib": "^11.2.0",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^24.0.0",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitest/coverage-v8": "^3.2.4",
+    "jsdom": "^26.1.0",
+    "publint": "^0.3.12",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "size-limit": "^11.2.0",
+    "solid-js": "^1.9.7",
+    "svelte": "^5.35.2",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vitest": "^3.2.4",
+    "vue": "^3.5.17"
+  },
+  "size-limit": [
+    {
+      "name": "core",
+      "path": "dist/index.js",
+      "limit": "8.5 kB"
+    },
+    {
+      "name": "react adapter",
+      "path": "dist/react.js",
+      "limit": "8.5 kB",
+      "ignore": [
+        "react"
+      ]
+    },
+    {
+      "name": "vue adapter",
+      "path": "dist/vue.js",
+      "limit": "8.5 kB",
+      "ignore": [
+        "vue"
+      ]
+    },
+    {
+      "name": "svelte adapter",
+      "path": "dist/svelte.js",
+      "limit": "8.5 kB",
+      "ignore": [
+        "svelte"
+      ]
+    },
+    {
+      "name": "solid adapter",
+      "path": "dist/solid.js",
+      "limit": "8.5 kB",
+      "ignore": [
+        "solid-js"
+      ]
+    },
+    {
+      "name": "persist plugin",
+      "path": "dist/persist.js",
+      "limit": "1 kB"
+    },
+    {
+      "name": "popout plugin",
+      "path": "dist/popout.js",
+      "limit": "1 kB"
+    }
+  ],
+  "typesVersions": {
+    "*": {
+      "react": [
+        "./dist/react.d.ts"
+      ],
+      "vue": [
+        "./dist/vue.d.ts"
+      ],
+      "svelte": [
+        "./dist/svelte.d.ts"
+      ],
+      "solid": [
+        "./dist/solid.d.ts"
+      ],
+      "persist": [
+        "./dist/persist.d.ts"
+      ],
+      "popout": [
+        "./dist/popout.d.ts"
+      ]
+    }
+  }
+}