@rivtn/noseur 1.0.0

package/dist/esm/utils/Timer.js

@@ -0,0 +1,68 @@
+// TODO update to be able to maintain states and data
+export class Timer {
+    timer;
+    startTime;
+    cbs;
+    isInterval;
+    totalTicks = 0;
+    elapseTicks = 0;
+    options = {};
+    constructor(options, ...args) {
+        this.cbs = options.cbs;
+        this.options["args"] = args;
+        this.isInterval = options.isInterval;
+        this.options["timeout"] = options.timeout;
+        this.options["delay"] = options.delay ?? 1000;
+        this.totalTicks = this.elapseTicks = options.timeout / this.options["delay"];
+    }
+    start(__resumed__ = false) {
+        const timeoutMethod = this.isInterval ? setInterval : setTimeout;
+        this.startTime = new Date().getTime();
+        this.timer = timeoutMethod((...args) => {
+            this.cbs?.action && this.cbs?.action(...args);
+            if (!this.isInterval) {
+                this.cbs?.onAction && this.cbs?.onAction(100);
+                this.cbs?.onEnd && this.cbs?.onEnd();
+                return;
+            }
+            const percentageTick = 100 - (((--this.elapseTicks) * 100) / this.totalTicks);
+            this.cbs?.onAction && this.cbs?.onAction(percentageTick);
+            if (percentageTick >= 100) {
+                this.startTime = undefined;
+                clearTimeout(this.timer);
+                this.timer = undefined;
+                this.cbs?.onEnd && this.cbs?.onEnd();
+            }
+        }, (this.isInterval ? this.options["delay"] : this.options["timeout"]), ...this.options["args"]);
+        if (!__resumed__)
+            this.cbs?.onStart && this.cbs.onStart();
+    }
+    stop() {
+        this.startTime = undefined;
+        clearTimeout(this.timer);
+        this.timer = undefined;
+        this.cbs?.onStop && this.cbs.onStop();
+    }
+    pause() {
+        if (!this.startTime)
+            return;
+        this.stop();
+        this.cbs?.onPause && this.cbs.onPause();
+        this.options["timeout"] -= (new Date()).getTime() - this.startTime;
+    }
+    resume() {
+        this.start(true);
+        this.cbs?.onResume && this.cbs.onResume();
+    }
+    restart(timeout) {
+        this.stop();
+        this.start();
+        if (timeout) {
+            this.totalTicks = this.elapseTicks = timeout / this.options["delay"];
+        }
+        else {
+            this.elapseTicks = this.totalTicks;
+        }
+        this.cbs?.onRestart && this.cbs.onRestart();
+    }
+}

package/dist/esm/utils/TypeChecker.d.ts

@@ -0,0 +1,12 @@
+export declare const TypeChecker: {
+    isString(data: any): data is string;
+    isTypeOfAny(obj: any, compares: string[]): boolean;
+    isFunction(obj: any): boolean;
+    isReactElement(obj: any): boolean;
+    isDict(obj: any): any;
+    isObject(obj: any): any;
+    isArray(obj: any): any;
+    isNumber(obj: any): any;
+    isBoolean(obj: any): boolean;
+    isNativeEqualrableType(obj: any): any;
+};

package/dist/esm/utils/TypeChecker.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { BoolHelper } from "./BoolHelper";
+export const TypeChecker = {
+    isString(data) {
+        return typeof data === 'string';
+    },
+    isTypeOfAny(obj, compares) {
+        return BoolHelper.equalsAny(typeof obj, compares);
+    },
+    isFunction(obj) {
+        if (!obj)
+            return false;
+        return typeof obj == "function" && (obj instanceof Function) || !!(obj && obj.constructor && obj.call && obj.apply);
+    },
+    isReactElement(obj) {
+        if (!obj)
+            return false;
+        return React.isValidElement(obj);
+    },
+    isDict(obj) {
+        return obj && typeof obj === 'object' && obj !== null && !(obj instanceof Array) && !(obj instanceof Date);
+    },
+    isObject(obj) {
+        return obj && typeof obj === 'object';
+    },
+    isArray(obj) {
+        return obj && Array.isArray(obj);
+    },
+    isNumber(obj) {
+        return obj && ((obj != null) && (obj !== '') && !isNaN(Number(obj.toString())));
+    },
+    isBoolean(obj) {
+        return TypeChecker.isTypeOfAny(obj, ["boolean"]);
+    },
+    isNativeEqualrableType(obj) {
+        return TypeChecker.isTypeOfAny(obj, ["string", "boolean"]) || TypeChecker.isNumber(obj) || TypeChecker.isFunction(obj);
+    },
+};

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@rivtn/noseur",
+  "version": "1.0.0",
+  "description": "Eccentric, managed and configurable react components",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "clean": "sh -c 'rm -Rf dist'",
+    "update": "npx -y npm-check-updates -u",
+    "_build:css": "sass src/ -o dist/esm/ ",
+    "showcase": "sh -c 'cd showcase; npm run watch'",
+    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "build:css": "sass --no-source-map src:dist/esm",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build:css:production": "sass --no-source-map --style=compressed src:dist/esm",
+    "pack": "npm run clean && npm run build && npm run build:css && npm pack"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rivtn/noseur.git"
+  },
+  "keywords": [
+    "react",
+    "component",
+    "ui",
+    "theme",
+    "ronuse",
+    "rivtn"
+  ],
+  "author": "Adewale Azeez",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rivtn/noseur/issues"
+  },
+  "homepage": "https://rivtn.github.io/noseur",
+  "dependencies": {
+    "@types/chart.js": "^4.0.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-transition-group": "^4.4.12",
+    "chart.js": "^4.5.1",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.0",
+    "react-transition-group": "^4.4.5",
+    "sass": "^1.99.0",
+    "tslib": "^2.8.1",
+    "typescript": "^6.0.2"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^8.58.1",
+    "@typescript-eslint/parser": "^8.58.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1"
+  }
+}