migrate vue.js 3

Author: s4l1h

.babelrc

@@ -0,0 +1,16 @@
+{
+    "presets": ["@babel/preset-typescript"],
+    "plugins": [
+        [
+            "module-resolver",
+            {
+                "root": ["./"],
+                "alias": {
+                    "@": "./src",
+                    "@/utils": "./src/utils",
+                    "@/components": "./src/components"
+                }
+            }
+        ]
+    ]
+}

.eslintrc.js

@@ -0,0 +1,69 @@
+module.exports = {
+  root: true,
+  parser: "vue-eslint-parser", // Specifies the ESLint parser
+  parserOptions: {
+    project: "./tsconfig.eslint.json",
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+    sourceType: "module", // Allows for the use of imports
+    ecmaFeatures: {
+      jsx: true, // Allows for the parsing of JSX
+    },
+  },
+  extends: [
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/typescript",
+    "airbnb-typescript-prettier",
+    "plugin:@typescript-eslint/recommended", // Uses the recommended rules from the @typescript-eslint/eslint-plugin
+    "prettier/@typescript-eslint", // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+    "plugin:prettier/recommended", // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+  ],
+  overrides: [
+    {
+      files: [
+        "**/__tests__/*.{j,t}s?(x)",
+        "**/tests/unit/**/*.spec.{j,t}s?(x)",
+      ],
+      env: {
+        jest: true,
+      },
+    },
+    {
+      files: [
+        "**/__tests__/*.{j,t}s?(x)",
+        "**/tests/unit/**/*.spec.{j,t}s?(x)",
+      ],
+      env: {
+        jest: true,
+      },
+    },
+  ],
+  rules: {
+    "import/prefer-default-export": "off",
+    "import/no-cycle": "off",
+    "no-multi-assign": "off",
+    // use typscript version of no-use-before-define
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": ["error"],
+    "@typescript-eslint/ban-types": [
+      "error",
+      {
+        extendDefaults: true,
+        types: {
+          "{}": false,
+        },
+      },
+    ],
+    "import/no-extraneous-dependencies": "off",
+  },
+  settings: {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"],
+    },
+    "import/resolver": {
+      typescript: {},
+    },
+  },
+  plugins: ["import", "jest-dom"],
+};

.prettierrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+  trailingComma: "es5",
+  tabWidth: 4,
+  semi: true,
+  singleQuote: false,
+  printWidth: 80,
+  overrides: [{ files: ["*.json", "*.js"], options: { tabWidth: 2 } }],
+  arrowParens: "avoid",
+};

CHANGELOG.md

@@ -1,45 +1,15 @@
 # vue-toastr
 
 You can find **React.js** version of this library from [here](https://github.com/s4l1h/react-toasted)
-
+Vue Toastr for vue.js 3.
 ## Project setup
 
 ```
 yarn install
 ```
 
-### Compiles and hot-reloads for development
-
-```
-yarn run demo
-```
-
 ### Compiles and minifies for production
 
 ```
-yarn run build
-```
-
-### Lints and fixes files
-
-```
-yarn run lint
-```
-
-### Build and Watch Documentation
-
-```
-yarn run docs
-```
-
-### Reference and documentation
-
-See [http://s4l1h.github.io/vue-toastr/](http://s4l1h.github.io/vue-toastr/).
-
-### Basic Demo
-
-[https://codepen.io/s4l1h/pen/PyaRGQ](https://codepen.io/s4l1h/pen/PyaRGQ)
-
-### Contribute
-
-You can send your pull requests via the dev branch.
+yarn build
+```

README.md

@@ -0,0 +1,32 @@
+import IntervalTimeManager from "@/utils/intervalmanager";
+
+test("test interval manager", async () => {
+    const beforeStartFN = jest.fn();
+    const afterFinishFN = jest.fn();
+
+    const manager = new IntervalTimeManager({
+        totalTime: 3000,
+        stepTime: 50,
+        callbackFunctions: {
+            "before:start": beforeStartFN,
+            "after:finish": afterFinishFN,
+        },
+    });
+
+    expect(manager.estimated).toBe(0);
+    expect(manager.id).toBe(0);
+    expect(manager.remaning).toBe(0);
+    expect(manager.params.totalTime).toBe(3000);
+    expect(manager.params.stepTime).toBe(50);
+    expect(manager.params.callbackFunctions).not.toBeUndefined();
+    manager.start();
+    expect(beforeStartFN).toHaveBeenCalledTimes(1);
+    expect(manager.id).not.toBe(0);
+    await new Promise(r => setTimeout(r, 1000));
+
+    expect(manager.getPercent()).toBeLessThanOrEqual(70);
+
+    await new Promise(r => setTimeout(r, 2500));
+    expect(manager.remaning).toBe(0);
+    expect(afterFinishFN).toHaveBeenCalledTimes(1);
+});