tool-shack 0.0.1

package/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/README.md

@@ -0,0 +1 @@
+# tool-shack

package/dist/dom/addAsyncEventListener.d.ts

@@ -0,0 +1 @@
+export declare const addAsyncEventListener: (elementSelector: string, listeners: Record<string, EventListener | EventListener[]>, acceptBubbling?: boolean) => void;

package/dist/dom/addAsyncEventListener.js

@@ -0,0 +1,18 @@
+export const addAsyncEventListener = (elementSelector, listeners, acceptBubbling = true) => {
+    for (let eventName in listeners) {
+        const functionList = (listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]);
+        functionList.forEach((fn) => document.addEventListener(eventName, (event) => {
+            const target = event.target;
+            if (!target) {
+                return;
+            }
+            if (!acceptBubbling && target.matches(elementSelector)) {
+                fn.call(this, event);
+            }
+            else if (acceptBubbling && target.closest(elementSelector)) {
+                fn.call(this, event);
+            }
+        }));
+    }
+};
+//# sourceMappingURL=addAsyncEventListener.js.map

package/dist/dom/addAsyncEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addAsyncEventListener.js","sourceRoot":"","sources":["../../src/dom/addAsyncEventListener.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,eAAuB,EACvB,SAA0D,EAC1D,cAAc,GAAG,IAAI,EACf,EAAE;IACR,KAAK,IAAI,SAAS,IAAI,SAAS,EAAE;QAC/B,MAAM,YAAY,GAAG,CACnB,SAAS,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CACnE,CAAC;QAErB,YAAY,CAAC,OAAO,CAAC,CAAC,EAAiB,EAAE,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAY,EAAE,EAAE;YAChG,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC3C,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO;aACR;YAED,IAAI,CAAC,cAAc,IAAI,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;gBACtD,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aACtB;iBAAM,IAAI,cAAc,IAAI,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;gBAC5D,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aACtB;QACH,CAAC,CAAC,CAAC,CAAC;KACL;AACH,CAAC,CAAA"}

package/dist/dom/addEventListener.d.ts

@@ -0,0 +1 @@
+export declare const addEventListener: (element: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement>, listeners: Record<string, EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]>) => void;

package/dist/dom/addEventListener.js

@@ -0,0 +1,12 @@
+export const addEventListener = (element, listeners) => {
+    const elementList = (element instanceof Array || element instanceof HTMLCollection || element instanceof NodeList ?
+        Array.from(element) :
+        [element]);
+    elementList.forEach((element) => {
+        for (let eventName in listeners) {
+            const functionList = (listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]);
+            functionList.forEach((fn) => element.addEventListener(eventName, fn));
+        }
+    });
+};
+//# sourceMappingURL=addEventListener.js.map

package/dist/dom/addEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addEventListener.js","sourceRoot":"","sources":["../../src/dom/addEventListener.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAA8F,EAC9F,SAAoG,EAC9F,EAAE;IACR,MAAM,WAAW,GAAG,CAClB,OAAO,YAAY,KAAK,IAAI,OAAO,YAAY,cAAc,IAAI,OAAO,YAAY,QAAQ,CAAC,CAAC;QAC5F,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,CAAC,OAAO,CAAC,CACO,CAAC;IAErB,WAAW,CAAC,OAAO,CAAC,CAAC,OAAoB,EAAE,EAAE;QAC3C,KAAK,IAAI,SAAS,IAAI,SAAS,EAAE;YAC/B,MAAM,YAAY,GAAG,CACnB,SAAS,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAC9C,CAAC;YAE1C,YAAY,CAAC,OAAO,CAAC,CAAC,EAAsC,EAAE,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;SAC3G;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAA"}

package/dist/dom/createElement.d.ts

@@ -0,0 +1,2 @@
+import { IExtendingElementProps } from './interfaces/createElement';
+export declare const createElement: <T = HTMLElement>(tagName: string, props?: (Partial<T> & IExtendingElementProps) | undefined) => T;

package/dist/dom/createElement.js

@@ -0,0 +1,21 @@
+export const createElement = (tagName, props) => {
+    const element = document.createElement(tagName);
+    if (props) {
+        for (let key in props) {
+            if (key === 'children') {
+                props.children.forEach((child) => element.appendChild(child));
+            }
+            else if (key === 'listeners') {
+                for (let eventName in props.listeners) {
+                    const functionList = (props.listeners[eventName] instanceof Array ? props.listeners[eventName] : [props.listeners[eventName]]);
+                    functionList.forEach((fn) => element.addEventListener(eventName, fn));
+                }
+            }
+            else {
+                element[key] = props[key];
+            }
+        }
+    }
+    return element;
+};
+//# sourceMappingURL=createElement.js.map

package/dist/dom/createElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createElement.js","sourceRoot":"","sources":["../../src/dom/createElement.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAmB,OAAe,EAAE,KAA2C,EAAK,EAAE;IACjH,MAAM,OAAO,GAAgB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAE7D,IAAI,KAAK,EAAE;QACT,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;YACrB,IAAI,GAAG,KAAG,UAAU,EAAE;gBACpB,KAAK,CAAC,QAAS,CAAC,OAAO,CAAC,CAAC,KAAkB,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;aAC7E;iBAAM,IAAI,GAAG,KAAG,WAAW,EAAE;gBAC5B,KAAK,IAAI,SAAS,IAAI,KAAK,CAAC,SAAU,EAAE;oBACtC,MAAM,YAAY,GAAG,CACnB,KAAK,CAAC,SAAU,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAU,CAAC,SAAS,CAAC,CAAC,CACnE,CAAC;oBAE1C,YAAY,CAAC,OAAO,CAAC,CAAC,EAAsC,EAAE,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;iBAC3G;aACF;iBAAM;gBACJ,OAAe,CAAC,GAAG,CAAC,GAAI,KAAa,CAAC,GAAG,CAAC,CAAC;aAC7C;SACF;KACF;IAED,OAAO,OAAuB,CAAC;AACjC,CAAC,CAAC"}

package/dist/dom/index.d.ts

@@ -0,0 +1,3 @@
+export * from './addAsyncEventListener';
+export * from './addEventListener';
+export * from './createElement';

package/dist/dom/index.js

@@ -0,0 +1,4 @@
+export * from './addAsyncEventListener';
+export * from './addEventListener';
+export * from './createElement';
+//# sourceMappingURL=index.js.map

package/dist/dom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dom/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dist/dom/interfaces/createElement.d.ts

@@ -0,0 +1,4 @@
+export interface IExtendingElementProps {
+    children?: HTMLElement[];
+    listeners?: Record<string, EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]>;
+}

package/dist/dom/interfaces/createElement.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=createElement.js.map

package/dist/dom/interfaces/createElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createElement.js","sourceRoot":"","sources":["../../../src/dom/interfaces/createElement.ts"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dom';
+export * from './schedule';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './dom';
+export * from './schedule';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAA"}

package/dist/schedule/index.d.ts

@@ -0,0 +1 @@
+export * from './runAsync';

package/dist/schedule/index.js

@@ -0,0 +1,2 @@
+export * from './runAsync';
+//# sourceMappingURL=index.js.map

package/dist/schedule/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/schedule/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/schedule/runAsync.d.ts

@@ -0,0 +1 @@
+export declare const runAsync: <T>(fn: () => any) => Promise<T>;

package/dist/schedule/runAsync.js

@@ -0,0 +1,14 @@
+export const runAsync = (fn) => {
+    const worker = new Worker(URL.createObjectURL(new Blob([`postMessage((${fn})());`])));
+    return new Promise((res, rej) => {
+        worker.onmessage = ({ data }) => {
+            res(data);
+            worker.terminate();
+        };
+        worker.onerror = err => {
+            rej(err);
+            worker.terminate();
+        };
+    });
+};
+//# sourceMappingURL=runAsync.js.map

package/dist/schedule/runAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runAsync.js","sourceRoot":"","sources":["../../src/schedule/runAsync.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAK,EAAa,EAAc,EAAE;IACxD,MAAM,MAAM,GAAG,IAAI,MAAM,CACvB,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,CAC3D,CAAC;IAEF,OAAO,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAC9B,MAAM,CAAC,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;YACV,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC,CAAC;QAEF,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC,EAAE;YACrB,GAAG,CAAC,GAAG,CAAC,CAAC;YACT,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "tool-shack",
+  "version": "0.0.1",
+  "description": "Collection of usefull functions to ease work",
+  "main": "src",
+  "author": "David Myška",
+  "license": "MIT",
+	"bugs": {
+		"url": "https://www.davidmyska.com/tool-shack/issues"
+	},
+	"homepage": "https://www.davidmyska.com/tool-shack#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://www.davidmyska.com/tool-shack.git"
+	},
+  "scripts": {
+    "build": "tsc -p ."
+  },
+  "devDependencies": {
+    "typescript": "^4.5.2"
+  }
+}

package/src/dom/addAsyncEventListener.ts

@@ -0,0 +1,24 @@
+export const addAsyncEventListener = (
+  elementSelector: string,
+  listeners: Record<string, EventListener | EventListener[]>,
+  acceptBubbling = true
+): void => {
+  for (let eventName in listeners) {
+    const functionList = (
+      listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]
+    ) as EventListener[];
+
+    functionList.forEach((fn: EventListener) => document.addEventListener(eventName, (event: Event) => {
+      const target = event.target as HTMLElement;
+      if (!target) {
+        return;
+      }
+
+      if (!acceptBubbling && target.matches(elementSelector)) {
+        fn.call(this, event);
+      } else if (acceptBubbling && target.closest(elementSelector)) {
+        fn.call(this, event);
+      }
+    }));
+  }
+}

package/src/dom/addEventListener.ts

@@ -0,0 +1,20 @@
+export const addEventListener = (
+  element: HTMLElement | HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement>,
+  listeners: Record<string, EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]>
+): void => {
+  const elementList = (
+    element instanceof Array || element instanceof HTMLCollection || element instanceof NodeList ?
+      Array.from(element) :
+      [element]
+    ) as HTMLElement[];
+
+  elementList.forEach((element: HTMLElement) => {
+    for (let eventName in listeners) {
+      const functionList = (
+        listeners[eventName] instanceof Array ? listeners[eventName] : [listeners[eventName]]
+      ) as EventListenerOrEventListenerObject[];
+
+      functionList.forEach((fn: EventListenerOrEventListenerObject) => element.addEventListener(eventName, fn));
+    }
+  });
+}

package/src/dom/createElement.ts

@@ -0,0 +1,25 @@
+import { IExtendingElementProps } from './interfaces/createElement';
+
+export const createElement = <T = HTMLElement> (tagName: string, props?: Partial<T> & IExtendingElementProps): T => {
+  const element: HTMLElement = document.createElement(tagName);
+
+  if (props) {
+    for (let key in props) {
+      if (key==='children') {
+        props.children!.forEach((child: HTMLElement) => element.appendChild(child));
+      } else if (key==='listeners') {
+        for (let eventName in props.listeners!) {
+          const functionList = (
+            props.listeners![eventName] instanceof Array ? props.listeners![eventName] : [props.listeners![eventName]]
+          ) as EventListenerOrEventListenerObject[];
+
+          functionList.forEach((fn: EventListenerOrEventListenerObject) => element.addEventListener(eventName, fn));
+        }
+      } else {
+        (element as any)[key] = (props as any)[key];
+      }
+    }
+  }
+
+  return element as unknown as T;
+};

package/src/dom/index.ts

@@ -0,0 +1,3 @@
+export * from './addAsyncEventListener';
+export * from './addEventListener';
+export * from './createElement';

package/src/dom/interfaces/createElement.ts

@@ -0,0 +1,4 @@
+export interface IExtendingElementProps {
+  children?: HTMLElement[];
+  listeners?: Record<string, EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]>;
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './dom';
+export * from './schedule'

package/src/schedule/index.ts

@@ -0,0 +1 @@
+export * from './runAsync';

package/src/schedule/runAsync.ts

@@ -0,0 +1,17 @@
+export const runAsync = <T> (fn: () => any): Promise<T> => {
+  const worker = new Worker(
+    URL.createObjectURL(new Blob([`postMessage((${fn})());`])),
+  );
+
+  return new Promise((res, rej) => {
+    worker.onmessage = ({ data }) => {
+      res(data);
+      worker.terminate();
+    };
+
+    worker.onerror = err => {
+      rej(err);
+      worker.terminate();
+    };
+  });
+};

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES6",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "esModuleInterop": true,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "importHelpers": true,
+    "baseUrl": ".",
+    "declaration": true,
+    "outDir": "./dist",
+    "lib": [
+      "dom",
+      "es2018"
+    ],
+  },
+  "include": [
+    "src/**/*.ts"
+  ]
+}