@thienvu18/designable-shared 2.0.0

package/lib/scroller.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scrollAnimate = exports.updateScrollValue = exports.calcAutoScrollBasicInfo = void 0;
+const animation_1 = require("./animation");
+const types_1 = require("./types");
+const MAX_SPEED = 80; // px/s
+const calcAutoScrollBasicInfo = (point, axis, viewport, maxSpeed = MAX_SPEED) => {
+    const { left, right, top, bottom } = viewport;
+    const { x, y } = point;
+    let begin;
+    let end;
+    let pos;
+    let speedFactor;
+    if (axis === 'x') {
+        begin = left;
+        end = right;
+        pos = x;
+    }
+    else {
+        begin = top;
+        end = bottom;
+        pos = y;
+    }
+    const scrollerSize = end - begin;
+    const moveDistance = scrollerSize > 400 ? 100 : scrollerSize / 3;
+    if (end - pos < moveDistance) {
+        return {
+            direction: 'end',
+            speedFactor,
+            speed: maxSpeed * (0, animation_1.calcSpeedFactor)(end - pos, moveDistance),
+        };
+    }
+    else if (pos - begin < moveDistance) {
+        return {
+            direction: 'begin',
+            speedFactor,
+            speed: maxSpeed * (0, animation_1.calcSpeedFactor)(pos - begin, moveDistance),
+        };
+    }
+    return null;
+};
+exports.calcAutoScrollBasicInfo = calcAutoScrollBasicInfo;
+const updateScrollValue = (element, axis, value, callback) => {
+    if (element) {
+        if (!(0, types_1.isWindow)(element)) {
+            if (axis === 'x') {
+                if (element.scrollLeft + value > element.scrollWidth)
+                    return;
+                element.scrollLeft += value;
+                if ((0, types_1.isFn)(callback)) {
+                    callback(element.scrollLeft);
+                }
+            }
+            else {
+                if (element.scrollTop + value > element.scrollHeight)
+                    return;
+                element.scrollTop += value;
+                if ((0, types_1.isFn)(callback)) {
+                    callback(element.scrollTop);
+                }
+            }
+        }
+        else {
+            if (axis === 'x') {
+                element.scrollBy({
+                    left: value,
+                    behavior: 'smooth',
+                });
+            }
+            else {
+                element.scrollBy({
+                    top: value,
+                    behavior: 'smooth',
+                });
+            }
+            if ((0, types_1.isFn)(callback)) {
+                callback(value);
+            }
+        }
+    }
+};
+exports.updateScrollValue = updateScrollValue;
+const scrollAnimate = (element, axis, direction, speed, callback) => {
+    return (0, animation_1.createUniformSpeedAnimation)(speed, (delta) => {
+        (0, exports.updateScrollValue)(element, axis, direction === 'begin' ? 0 - delta : delta, callback);
+    });
+};
+exports.scrollAnimate = scrollAnimate;

package/lib/subscribable.d.ts

@@ -0,0 +1,14 @@
+declare const UNSUBSCRIBE_ID_SYMBOL: unique symbol;
+export interface ISubscriber<Payload = any> {
+    (payload: Payload): void | boolean;
+}
+export declare class Subscribable<ExtendsType = any> {
+    private subscribers;
+    dispatch<T extends ExtendsType = any>(event: T, context?: any): boolean;
+    subscribe(subscriber: ISubscriber): {
+        (): void;
+        [UNSUBSCRIBE_ID_SYMBOL]: number;
+    };
+    unsubscribe: (id?: number | string | (() => void)) => void;
+}
+export {};

package/lib/subscribable.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Subscribable = void 0;
+const types_1 = require("./types");
+const UNSUBSCRIBE_ID_SYMBOL = Symbol('UNSUBSCRIBE_ID_SYMBOL');
+class Subscribable {
+    constructor() {
+        this.subscribers = {
+            index: 0,
+        };
+        this.unsubscribe = (id) => {
+            if (id === undefined || id === null) {
+                for (const key in this.subscribers) {
+                    this.unsubscribe(key);
+                }
+                return;
+            }
+            if (!(0, types_1.isFn)(id)) {
+                delete this.subscribers[id];
+            }
+            else {
+                delete this.subscribers[id[UNSUBSCRIBE_ID_SYMBOL]];
+            }
+        };
+    }
+    dispatch(event, context) {
+        let interrupted = false;
+        for (const key in this.subscribers) {
+            if ((0, types_1.isFn)(this.subscribers[key])) {
+                event['context'] = context;
+                if (this.subscribers[key](event) === false) {
+                    interrupted = true;
+                }
+            }
+        }
+        return interrupted ? false : true;
+    }
+    subscribe(subscriber) {
+        let id;
+        if ((0, types_1.isFn)(subscriber)) {
+            id = this.subscribers.index + 1;
+            this.subscribers[id] = subscriber;
+            this.subscribers.index++;
+        }
+        const unsubscribe = () => {
+            this.unsubscribe(id);
+        };
+        unsubscribe[UNSUBSCRIBE_ID_SYMBOL] = id;
+        return unsubscribe;
+    }
+}
+exports.Subscribable = Subscribable;

package/lib/types.d.ts

@@ -0,0 +1,13 @@
+export declare const getType: (obj: any) => any;
+export declare const isFn: (obj: unknown) => obj is (...args: any[]) => any;
+export declare const isWindow: (obj: unknown) => obj is Window;
+export declare const isHTMLElement: (obj: any) => obj is HTMLElement;
+export declare const isArr: (arg: any) => arg is any[];
+export declare const isPlainObj: (obj: unknown) => obj is object;
+export declare const isStr: (obj: unknown) => obj is string;
+export declare const isBool: (obj: unknown) => obj is boolean;
+export declare const isNum: (obj: unknown) => obj is number;
+export declare const isObj: (val: unknown) => val is object;
+export declare const isRegExp: (obj: unknown) => obj is RegExp;
+export declare const isValid: (val: any) => boolean;
+export declare const isValidNumber: (val: any) => val is number;

package/lib/types.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidNumber = exports.isValid = exports.isRegExp = exports.isObj = exports.isNum = exports.isBool = exports.isStr = exports.isPlainObj = exports.isArr = exports.isHTMLElement = exports.isWindow = exports.isFn = exports.getType = void 0;
+const isType = (type) => (obj) => obj != null &&
+    (Array.isArray(type) ? type : [type]).some((t) => (0, exports.getType)(obj) === `[object ${t}]`);
+const getType = (obj) => Object.prototype.toString.call(obj);
+exports.getType = getType;
+exports.isFn = isType([
+    'Function',
+    'AsyncFunction',
+    'GeneratorFunction',
+]);
+exports.isWindow = isType('Window');
+const isHTMLElement = (obj) => {
+    return obj?.['nodeName'] || obj?.['tagName'];
+};
+exports.isHTMLElement = isHTMLElement;
+exports.isArr = Array.isArray;
+exports.isPlainObj = isType('Object');
+exports.isStr = isType('String');
+exports.isBool = isType('Boolean');
+exports.isNum = isType('Number');
+const isObj = (val) => typeof val === 'object';
+exports.isObj = isObj;
+exports.isRegExp = isType('RegExp');
+const isValid = (val) => val !== null && val !== undefined;
+exports.isValid = isValid;
+const isValidNumber = (val) => !isNaN(val) && (0, exports.isNum)(val);
+exports.isValidNumber = isValidNumber;

package/lib/uid.d.ts

@@ -0,0 +1 @@
+export declare function uid(len?: number): string;

package/lib/uid.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uid = void 0;
+let IDX = 36, HEX = '';
+while (IDX--)
+    HEX += IDX.toString(36);
+function uid(len) {
+    let str = '', num = len || 11;
+    while (num--)
+        str += HEX[(Math.random() * 36) | 0];
+    return str;
+}
+exports.uid = uid;

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@thienvu18/designable-shared",
+  "version": "2.0.0",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "esm/index.js",
+  "types": "esm/index.d.ts",
+  "files": [
+    "lib",
+    "esm",
+    "README.md",
+    "LICENSE.md"
+  ],
+  "engines": {
+    "node": ">=20 <25"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thienvu18/designable.git"
+  },
+  "bugs": {
+    "url": "https://github.com/thienvu18/designable/issues"
+  },
+  "homepage": "https://github.com/thienvu18/designable#readme",
+  "scripts": {
+    "build": "rimraf -rf lib esm && npm run build:cjs && npm run build:esm",
+    "build:cjs": "tsc --project tsconfig.build.json --outDir lib",
+    "build:esm": "tsc --project tsconfig.build.json --module es2020 --outDir esm"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "requestidlecallback": "^0.3.0"
+  }
+}