@bigmistqke/minni 0.0.1

package/README.md

@@ -0,0 +1,22 @@
+## 🐭 minni, a minimal drag utility
+
+```ts
+import {minni} from "@bigmistqke/minni"
+
+const mouseDownHandler = async (e: MouseEvent) => {
+  console.log('start dragging')
+  const delta = await minni(e, (delta) => {
+    ...
+  })
+  console.log('finished dragging:', delta)
+}
+
+const touchStartHandler = async (e: TouchEvent) => {
+  console.log('start dragging')
+  const delta = await minni(e, (delta) => {
+    ...
+  })
+  console.log('finished dragging:', delta)
+}
+
+```

package/dist/chunk-72AXEIDX.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var n=(e,m)=>e+m;exports.a = n;

package/dist/chunk-ZCVFACLD.js

@@ -0,0 +1 @@
+var n=(e,m)=>e+m;export{n as a};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk72AXEIDXcjs = require('./chunk-72AXEIDX.cjs');exports.sum = _chunk72AXEIDXcjs.a;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { sum } from './sum.js';

package/dist/index.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk-ZCVFACLD.js";export{m as sum};

package/dist/sum.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk72AXEIDXcjs = require('./chunk-72AXEIDX.cjs');exports.sum = _chunk72AXEIDXcjs.a;

package/dist/sum.d.ts

@@ -0,0 +1,3 @@
+declare const sum: (a: number, b: number) => number;
+
+export { sum };

package/dist/sum.js

@@ -0,0 +1 @@
+import{a}from"./chunk-ZCVFACLD.js";export{a as sum};

package/lib/index.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }const minni = (event, callback) => new Promise((resolve) => {
+  if ("touches" in event) {
+    const start = {
+      x: event.touches[0].clientX,
+      y: event.touches[0].clientY
+    };
+    const getDelta = (event2) => ({
+      x: event2.touches[0].clientX - start.x,
+      y: start.y - event2.touches[0].clientY
+    });
+    const move = (event2) => _optionalChain([callback, 'optionalCall', _ => _(getDelta(event2), event2)]);
+    const end = (event2) => {
+      window.removeEventListener("touchmove", move);
+      window.removeEventListener("touchend", end);
+      resolve(getDelta(event2));
+    };
+    window.addEventListener("touchmove", move);
+    window.addEventListener("touchend", end);
+  } else {
+    const start = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    const getDelta = (event2) => ({
+      x: event2.clientX - start.x,
+      y: start.y - event2.clientY
+    });
+    const move = (event2) => _optionalChain([callback, 'optionalCall', _2 => _2(getDelta(event2), event2)]);
+    const end = (event2) => {
+      window.removeEventListener("mousemove", move);
+      window.removeEventListener("mouseup", end);
+      resolve(getDelta(event2));
+    };
+    window.addEventListener("mousemove", move);
+    window.addEventListener("mouseup", end);
+  }
+});
+
+
+exports.minni = minni;

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+declare const minni: <TEvent extends MouseEvent | TouchEvent>(event: TEvent, callback?: ((delta: {
+    x: number;
+    y: number;
+}, event: TEvent) => {}) | undefined) => Promise<{
+    x: number;
+    y: number;
+}>;
+
+export { minni };

package/lib/index.js

@@ -0,0 +1,40 @@
+const minni = (event, callback) => new Promise((resolve) => {
+  if ("touches" in event) {
+    const start = {
+      x: event.touches[0].clientX,
+      y: event.touches[0].clientY
+    };
+    const getDelta = (event2) => ({
+      x: event2.touches[0].clientX - start.x,
+      y: start.y - event2.touches[0].clientY
+    });
+    const move = (event2) => callback?.(getDelta(event2), event2);
+    const end = (event2) => {
+      window.removeEventListener("touchmove", move);
+      window.removeEventListener("touchend", end);
+      resolve(getDelta(event2));
+    };
+    window.addEventListener("touchmove", move);
+    window.addEventListener("touchend", end);
+  } else {
+    const start = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    const getDelta = (event2) => ({
+      x: event2.clientX - start.x,
+      y: start.y - event2.clientY
+    });
+    const move = (event2) => callback?.(getDelta(event2), event2);
+    const end = (event2) => {
+      window.removeEventListener("mousemove", move);
+      window.removeEventListener("mouseup", end);
+      resolve(getDelta(event2));
+    };
+    window.addEventListener("mousemove", move);
+    window.addEventListener("mouseup", end);
+  }
+});
+export {
+  minni
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@bigmistqke/minni",
+  "version": "0.0.1",
+  "description": "minimal drag utility",
+  "author": "bigmistqke",
+  "license": "MIT",
+  "url": "https://github.com/bigmistqke/minni",
+  "scripts": {
+    "ts-types": "tsc",
+    "build:dev": "rimraf lib && tsup --watch",
+    "build:prod": "rimraf dist && env NODE_ENV=production tsup",
+    "build:watch": "tsup --watch",
+    "lint:fix": "eslint ./src --ext .ts,.tsx --quiet --fix --ignore-path ./.gitignore",
+    "lint:format": "prettier  --loglevel warn --write \"./**/*.{ts,tsx,css,md,json}\" ",
+    "lint": "yarn lint:format && yarn lint:fix "
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
+    "prettier": "^2.6.2",
+    "rimraf": "^3.0.2",
+    "tsup": "^6.0.1"
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "dependencies": {
+    "typescript": "^4.7.2"
+  },
+  "files": [
+    "lib",
+    "dist"
+  ],
+  "directories": {
+    "lib": "lib"
+  },
+  "keywords": []
+}