@blcklab/freedom 0.1.1 → 0.1.4

package/dist/window.cjs

@@ -2,7 +2,9 @@
 
 // src/core/events.ts
 var Emitter = class {
-  listeners = /* @__PURE__ */ new Map();
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Map();
+  }
   on(event, handler) {
     let set = this.listeners.get(event);
     if (!set) {
@@ -13,7 +15,8 @@ var Emitter = class {
     return () => this.off(event, handler);
   }
   off(event, handler) {
-    this.listeners.get(event)?.delete(handler);
+    var _a;
+    (_a = this.listeners.get(event)) == null ? void 0 : _a.delete(handler);
   }
   emit(event, data) {
     const set = this.listeners.get(event);
@@ -179,12 +182,42 @@ function toPoint(event) {
   return { x: event.clientX, y: event.clientY };
 }
 var InteractionManager = class {
-  options;
-  activePointerId = null;
-  captureTarget = null;
-  _active = null;
-  destroyed = false;
   constructor(options) {
+    this.activePointerId = null;
+    this.captureTarget = null;
+    this._active = null;
+    this.destroyed = false;
+    this.handlePointerDown = (event) => {
+      if (this.destroyed || this._active !== null) return;
+      if (event.pointerType === "mouse" && event.button !== 0) return;
+      const resizeHandle = this.options.resolveResizeHandle(event.target);
+      if (resizeHandle) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.startResize(resizeHandle, event);
+        return;
+      }
+      if (this.options.isDragTarget(event.target)) {
+        this.startDrag(event);
+      }
+    };
+    this.handlePointerMove = (event) => {
+      if (this.destroyed || event.pointerId !== this.activePointerId) return;
+      if (this._active === "drag") {
+        this.options.onDragMove(this.options.dragEngine.move(toPoint(event), event));
+      } else if (this._active === "resize") {
+        this.options.onResizeMove(this.options.resizeEngine.move(toPoint(event), event));
+      }
+    };
+    this.handlePointerUp = (event) => {
+      if (this.destroyed || event.pointerId !== this.activePointerId) return;
+      if (this._active === "drag") {
+        this.options.onDragEnd(this.options.dragEngine.end(toPoint(event), event));
+      } else if (this._active === "resize") {
+        this.options.onResizeEnd(this.options.resizeEngine.end(toPoint(event), event));
+      }
+      this.teardown();
+    };
     this.options = options;
     this.options.element.addEventListener("pointerdown", this.handlePointerDown);
   }
@@ -215,10 +248,11 @@ var InteractionManager = class {
     this.teardown();
   }
   captureGesture(event) {
+    var _a, _b;
     this.activePointerId = event.pointerId;
     this.captureTarget = event.target instanceof Element ? event.target : this.options.element;
     try {
-      this.captureTarget.setPointerCapture?.(event.pointerId);
+      (_b = (_a = this.captureTarget).setPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId);
     } catch {
     }
     window.addEventListener("pointermove", this.handlePointerMove);
@@ -226,9 +260,10 @@ var InteractionManager = class {
     window.addEventListener("pointercancel", this.handlePointerUp);
   }
   teardown() {
+    var _a, _b;
     if (this.activePointerId !== null && this.captureTarget) {
       try {
-        this.captureTarget.releasePointerCapture?.(this.activePointerId);
+        (_b = (_a = this.captureTarget).releasePointerCapture) == null ? void 0 : _b.call(_a, this.activePointerId);
       } catch {
       }
     }
@@ -239,37 +274,6 @@ var InteractionManager = class {
     window.removeEventListener("pointerup", this.handlePointerUp);
     window.removeEventListener("pointercancel", this.handlePointerUp);
   }
-  handlePointerDown = (event) => {
-    if (this.destroyed || this._active !== null) return;
-    if (event.pointerType === "mouse" && event.button !== 0) return;
-    const resizeHandle = this.options.resolveResizeHandle(event.target);
-    if (resizeHandle) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.startResize(resizeHandle, event);
-      return;
-    }
-    if (this.options.isDragTarget(event.target)) {
-      this.startDrag(event);
-    }
-  };
-  handlePointerMove = (event) => {
-    if (this.destroyed || event.pointerId !== this.activePointerId) return;
-    if (this._active === "drag") {
-      this.options.onDragMove(this.options.dragEngine.move(toPoint(event), event));
-    } else if (this._active === "resize") {
-      this.options.onResizeMove(this.options.resizeEngine.move(toPoint(event), event));
-    }
-  };
-  handlePointerUp = (event) => {
-    if (this.destroyed || event.pointerId !== this.activePointerId) return;
-    if (this._active === "drag") {
-      this.options.onDragEnd(this.options.dragEngine.end(toPoint(event), event));
-    } else if (this._active === "resize") {
-      this.options.onResizeEnd(this.options.resizeEngine.end(toPoint(event), event));
-    }
-    this.teardown();
-  };
 };
 function createInteractionManager(options) {
   return new InteractionManager(options);
@@ -277,8 +281,9 @@ function createInteractionManager(options) {
 
 // src/dom/render.ts
 function applyBaseStyles(element, options) {
+  var _a, _b;
   const style = element.style;
-  const computedPosition = window.getComputedStyle?.(element).position ?? style.position;
+  const computedPosition = (_b = (_a = window.getComputedStyle) == null ? void 0 : _a.call(window, element).position) != null ? _b : style.position;
   if (options.forcePositioning || computedPosition === "static") {
     style.position = options.positioning;
   }
@@ -403,6 +408,7 @@ var ALL_HANDLES = ["n", "s", "e", "w", "nw", "ne", "sw", "se"];
 var instances = /* @__PURE__ */ new WeakMap();
 var autoId = 0;
 function createWindow(element, options = {}) {
+  var _a, _b, _c, _d, _e, _f, _g;
   if (typeof document === "undefined" || typeof window === "undefined") {
     throw new Error("freedom.window() requires a browser environment. Importing is SSR-safe, but creating a window must run in the browser.");
   }
@@ -410,21 +416,21 @@ function createWindow(element, options = {}) {
   if (instances.has(element)) {
     throw new Error("freedom.window() was called more than once for the same element. Destroy the existing instance before creating a new one.");
   }
-  const id = options.id ?? `freedom-window-${++autoId}`;
+  const id = (_a = options.id) != null ? _a : `freedom-window-${++autoId}`;
   const emitter = new Emitter();
-  const plugins = options.plugins ?? [];
+  const plugins = (_b = options.plugins) != null ? _b : [];
   const limits = normalizeSizeLimits(options);
   const positioning = resolvePositioning(element, options);
   applyBaseStyles(element, {
     positioning,
     forcePositioning: shouldForcePositioning(element, options)
   });
-  let size = clampSize(sanitizeSize(options.initialSize ?? readInitialSize(element), "initialSize"), limits);
+  let size = clampSize(sanitizeSize((_c = options.initialSize) != null ? _c : readInitialSize(element), "initialSize"), limits);
   let position = resolveInitialPosition(options.initialPosition, element, size, options.bounds, positioning);
   const renderer = createPositionRenderer(element, positioning, position);
-  let zIndex = normalizeZIndex(options.zIndex ?? 0);
+  let zIndex = normalizeZIndex((_d = options.zIndex) != null ? _d : 0);
   let focused = false;
-  let isDraggable = options.draggable ?? true;
+  let isDraggable = (_e = options.draggable) != null ? _e : true;
   let isDestroyed = false;
   writeSize(element, size);
   writePosition(element, position, renderer);
@@ -544,7 +550,7 @@ function createWindow(element, options = {}) {
       emitter.emit("resizeend", data);
     }
   });
-  const initialResizeHandles = resolveEnabledHandles(options.resizable ?? true);
+  const initialResizeHandles = resolveEnabledHandles((_f = options.resizable) != null ? _f : true);
   if (initialResizeHandles.length > 0) setupResizeHandles(initialResizeHandles);
   const api = {
     id,
@@ -568,20 +574,22 @@ function createWindow(element, options = {}) {
       paint(void 0, size);
     },
     focus() {
+      var _a2;
       assertAlive("focus");
       if (focused) return;
       focused = true;
       element.classList.add("freedom-focused");
       emitter.emit("focus", void 0);
-      options.onFocus?.();
+      (_a2 = options.onFocus) == null ? void 0 : _a2.call(options);
     },
     blur() {
+      var _a2;
       assertAlive("blur");
       if (!focused) return;
       focused = false;
       element.classList.remove("freedom-focused");
       emitter.emit("blur", void 0);
-      options.onBlur?.();
+      (_a2 = options.onBlur) == null ? void 0 : _a2.call(options);
     },
     isFocused() {
       assertAlive("isFocused");
@@ -621,13 +629,14 @@ function createWindow(element, options = {}) {
       teardownResizeHandles();
     },
     destroy() {
+      var _a2;
       if (isDestroyed) return;
       isDestroyed = true;
       interactionManager.destroy();
       teardownResizeHandles();
       scheduler.cancel();
       element.classList.remove("freedom-dragging", "freedom-resizing", "freedom-focused");
-      for (const plugin of plugins) plugin.onDestroy?.(pluginContext);
+      for (const plugin of plugins) (_a2 = plugin.onDestroy) == null ? void 0 : _a2.call(plugin, pluginContext);
       emitter.emit("destroy", void 0);
       emitter.clear();
       instances.delete(element);
@@ -644,7 +653,7 @@ function createWindow(element, options = {}) {
   if (options.onResizeStart) api.on("resizestart", options.onResizeStart);
   if (options.onResize) api.on("resize", options.onResize);
   if (options.onResizeEnd) api.on("resizeend", options.onResizeEnd);
-  for (const plugin of plugins) plugin.onInit?.(pluginContext);
+  for (const plugin of plugins) (_g = plugin.onInit) == null ? void 0 : _g.call(plugin, pluginContext);
   return api;
 }
 function assertHTMLElement(element) {
@@ -784,5 +793,3 @@ function normalizeResizeHandles(handles) {
 
 exports.createWindow = createWindow;
 exports.window = createWindow;
-//# sourceMappingURL=window.cjs.map
-//# sourceMappingURL=window.cjs.map

package/dist/window.js

@@ -1,6 +1,8 @@
 // src/core/events.ts
 var Emitter = class {
-  listeners = /* @__PURE__ */ new Map();
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Map();
+  }
   on(event, handler) {
     let set = this.listeners.get(event);
     if (!set) {
@@ -11,7 +13,8 @@ var Emitter = class {
     return () => this.off(event, handler);
   }
   off(event, handler) {
-    this.listeners.get(event)?.delete(handler);
+    var _a;
+    (_a = this.listeners.get(event)) == null ? void 0 : _a.delete(handler);
   }
   emit(event, data) {
     const set = this.listeners.get(event);
@@ -177,12 +180,42 @@ function toPoint(event) {
   return { x: event.clientX, y: event.clientY };
 }
 var InteractionManager = class {
-  options;
-  activePointerId = null;
-  captureTarget = null;
-  _active = null;
-  destroyed = false;
   constructor(options) {
+    this.activePointerId = null;
+    this.captureTarget = null;
+    this._active = null;
+    this.destroyed = false;
+    this.handlePointerDown = (event) => {
+      if (this.destroyed || this._active !== null) return;
+      if (event.pointerType === "mouse" && event.button !== 0) return;
+      const resizeHandle = this.options.resolveResizeHandle(event.target);
+      if (resizeHandle) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.startResize(resizeHandle, event);
+        return;
+      }
+      if (this.options.isDragTarget(event.target)) {
+        this.startDrag(event);
+      }
+    };
+    this.handlePointerMove = (event) => {
+      if (this.destroyed || event.pointerId !== this.activePointerId) return;
+      if (this._active === "drag") {
+        this.options.onDragMove(this.options.dragEngine.move(toPoint(event), event));
+      } else if (this._active === "resize") {
+        this.options.onResizeMove(this.options.resizeEngine.move(toPoint(event), event));
+      }
+    };
+    this.handlePointerUp = (event) => {
+      if (this.destroyed || event.pointerId !== this.activePointerId) return;
+      if (this._active === "drag") {
+        this.options.onDragEnd(this.options.dragEngine.end(toPoint(event), event));
+      } else if (this._active === "resize") {
+        this.options.onResizeEnd(this.options.resizeEngine.end(toPoint(event), event));
+      }
+      this.teardown();
+    };
     this.options = options;
     this.options.element.addEventListener("pointerdown", this.handlePointerDown);
   }
@@ -213,10 +246,11 @@ var InteractionManager = class {
     this.teardown();
   }
   captureGesture(event) {
+    var _a, _b;
     this.activePointerId = event.pointerId;
     this.captureTarget = event.target instanceof Element ? event.target : this.options.element;
     try {
-      this.captureTarget.setPointerCapture?.(event.pointerId);
+      (_b = (_a = this.captureTarget).setPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId);
     } catch {
     }
     window.addEventListener("pointermove", this.handlePointerMove);
@@ -224,9 +258,10 @@ var InteractionManager = class {
     window.addEventListener("pointercancel", this.handlePointerUp);
   }
   teardown() {
+    var _a, _b;
     if (this.activePointerId !== null && this.captureTarget) {
       try {
-        this.captureTarget.releasePointerCapture?.(this.activePointerId);
+        (_b = (_a = this.captureTarget).releasePointerCapture) == null ? void 0 : _b.call(_a, this.activePointerId);
       } catch {
       }
     }
@@ -237,37 +272,6 @@ var InteractionManager = class {
     window.removeEventListener("pointerup", this.handlePointerUp);
     window.removeEventListener("pointercancel", this.handlePointerUp);
   }
-  handlePointerDown = (event) => {
-    if (this.destroyed || this._active !== null) return;
-    if (event.pointerType === "mouse" && event.button !== 0) return;
-    const resizeHandle = this.options.resolveResizeHandle(event.target);
-    if (resizeHandle) {
-      event.preventDefault();
-      event.stopPropagation();
-      this.startResize(resizeHandle, event);
-      return;
-    }
-    if (this.options.isDragTarget(event.target)) {
-      this.startDrag(event);
-    }
-  };
-  handlePointerMove = (event) => {
-    if (this.destroyed || event.pointerId !== this.activePointerId) return;
-    if (this._active === "drag") {
-      this.options.onDragMove(this.options.dragEngine.move(toPoint(event), event));
-    } else if (this._active === "resize") {
-      this.options.onResizeMove(this.options.resizeEngine.move(toPoint(event), event));
-    }
-  };
-  handlePointerUp = (event) => {
-    if (this.destroyed || event.pointerId !== this.activePointerId) return;
-    if (this._active === "drag") {
-      this.options.onDragEnd(this.options.dragEngine.end(toPoint(event), event));
-    } else if (this._active === "resize") {
-      this.options.onResizeEnd(this.options.resizeEngine.end(toPoint(event), event));
-    }
-    this.teardown();
-  };
 };
 function createInteractionManager(options) {
   return new InteractionManager(options);
@@ -275,8 +279,9 @@ function createInteractionManager(options) {
 
 // src/dom/render.ts
 function applyBaseStyles(element, options) {
+  var _a, _b;
   const style = element.style;
-  const computedPosition = window.getComputedStyle?.(element).position ?? style.position;
+  const computedPosition = (_b = (_a = window.getComputedStyle) == null ? void 0 : _a.call(window, element).position) != null ? _b : style.position;
   if (options.forcePositioning || computedPosition === "static") {
     style.position = options.positioning;
   }
@@ -401,6 +406,7 @@ var ALL_HANDLES = ["n", "s", "e", "w", "nw", "ne", "sw", "se"];
 var instances = /* @__PURE__ */ new WeakMap();
 var autoId = 0;
 function createWindow(element, options = {}) {
+  var _a, _b, _c, _d, _e, _f, _g;
   if (typeof document === "undefined" || typeof window === "undefined") {
     throw new Error("freedom.window() requires a browser environment. Importing is SSR-safe, but creating a window must run in the browser.");
   }
@@ -408,21 +414,21 @@ function createWindow(element, options = {}) {
   if (instances.has(element)) {
     throw new Error("freedom.window() was called more than once for the same element. Destroy the existing instance before creating a new one.");
   }
-  const id = options.id ?? `freedom-window-${++autoId}`;
+  const id = (_a = options.id) != null ? _a : `freedom-window-${++autoId}`;
   const emitter = new Emitter();
-  const plugins = options.plugins ?? [];
+  const plugins = (_b = options.plugins) != null ? _b : [];
   const limits = normalizeSizeLimits(options);
   const positioning = resolvePositioning(element, options);
   applyBaseStyles(element, {
     positioning,
     forcePositioning: shouldForcePositioning(element, options)
   });
-  let size = clampSize(sanitizeSize(options.initialSize ?? readInitialSize(element), "initialSize"), limits);
+  let size = clampSize(sanitizeSize((_c = options.initialSize) != null ? _c : readInitialSize(element), "initialSize"), limits);
   let position = resolveInitialPosition(options.initialPosition, element, size, options.bounds, positioning);
   const renderer = createPositionRenderer(element, positioning, position);
-  let zIndex = normalizeZIndex(options.zIndex ?? 0);
+  let zIndex = normalizeZIndex((_d = options.zIndex) != null ? _d : 0);
   let focused = false;
-  let isDraggable = options.draggable ?? true;
+  let isDraggable = (_e = options.draggable) != null ? _e : true;
   let isDestroyed = false;
   writeSize(element, size);
   writePosition(element, position, renderer);
@@ -542,7 +548,7 @@ function createWindow(element, options = {}) {
       emitter.emit("resizeend", data);
     }
   });
-  const initialResizeHandles = resolveEnabledHandles(options.resizable ?? true);
+  const initialResizeHandles = resolveEnabledHandles((_f = options.resizable) != null ? _f : true);
   if (initialResizeHandles.length > 0) setupResizeHandles(initialResizeHandles);
   const api = {
     id,
@@ -566,20 +572,22 @@ function createWindow(element, options = {}) {
       paint(void 0, size);
     },
     focus() {
+      var _a2;
       assertAlive("focus");
       if (focused) return;
       focused = true;
       element.classList.add("freedom-focused");
       emitter.emit("focus", void 0);
-      options.onFocus?.();
+      (_a2 = options.onFocus) == null ? void 0 : _a2.call(options);
     },
     blur() {
+      var _a2;
       assertAlive("blur");
       if (!focused) return;
       focused = false;
       element.classList.remove("freedom-focused");
       emitter.emit("blur", void 0);
-      options.onBlur?.();
+      (_a2 = options.onBlur) == null ? void 0 : _a2.call(options);
     },
     isFocused() {
       assertAlive("isFocused");
@@ -619,13 +627,14 @@ function createWindow(element, options = {}) {
       teardownResizeHandles();
     },
     destroy() {
+      var _a2;
       if (isDestroyed) return;
       isDestroyed = true;
       interactionManager.destroy();
       teardownResizeHandles();
       scheduler.cancel();
       element.classList.remove("freedom-dragging", "freedom-resizing", "freedom-focused");
-      for (const plugin of plugins) plugin.onDestroy?.(pluginContext);
+      for (const plugin of plugins) (_a2 = plugin.onDestroy) == null ? void 0 : _a2.call(plugin, pluginContext);
       emitter.emit("destroy", void 0);
       emitter.clear();
       instances.delete(element);
@@ -642,7 +651,7 @@ function createWindow(element, options = {}) {
   if (options.onResizeStart) api.on("resizestart", options.onResizeStart);
   if (options.onResize) api.on("resize", options.onResize);
   if (options.onResizeEnd) api.on("resizeend", options.onResizeEnd);
-  for (const plugin of plugins) plugin.onInit?.(pluginContext);
+  for (const plugin of plugins) (_g = plugin.onInit) == null ? void 0 : _g.call(plugin, pluginContext);
   return api;
 }
 function assertHTMLElement(element) {
@@ -781,5 +790,3 @@ function normalizeResizeHandles(handles) {
 }
 
 export { createWindow, createWindow as window };
-//# sourceMappingURL=window.js.map
-//# sourceMappingURL=window.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@blcklab/freedom",
-  "version": "0.1.1",
-  "description": "Freedom for the DOM - a framework agnostic window engine",
+  "version": "0.1.4",
+  "description": "Framework agnostic draggable and resizable window engine for the DOM.",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -36,7 +36,8 @@
   },
   "files": [
     "dist",
-    "README.md"
+    "README.md",
+    "LICENSE"
   ],
   "sideEffects": false,
   "scripts": {
@@ -44,7 +45,9 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "tsc --noEmit -p tsconfig.json",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "pack:check": "npm run typecheck && npm test && npm run build && npm pack --dry-run",
+    "size": "npm run build && npx size-limit"
   },
   "keywords": [
     "draggable",
@@ -59,7 +62,10 @@
   "devDependencies": {
     "tsup": "^8.5.1",
     "tsx": "^4.22.4",
-    "typescript": "^6.0.3",
+    "typescript": "^5.9.3",
     "vitest": "^4.1.9"
+  },
+  "engines": {
+    "node": ">=18"
   }
 }