Merge pull request #39 from jonataswalker/update-deps

Update deps

.editorconfig

@@ -0,0 +1,15 @@
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+# space indentation
+indent_style = space
+indent_size = 4
+
+# tabs 2 spaces for makefiles
+[Makefile]
+indent_style = tab

.eslintignore

@@ -1,3 +1,2 @@
-dist/*
-node_modules/*
-public/timepicker.js
+dist
+node_modules

.eslintrc

@@ -0,0 +1,22 @@
+{
+    "root": true,
+    "env": {
+        "browser": true,
+        "node": true
+    },
+    "extends": ["jwalker", "prettier"],
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "reportUnusedDisableDirectives": true,
+    "rules": {
+        "default-case": "off",
+        "no-prototype-builtins": "off",
+        "unicorn/prevent-abbreviations": "off",
+        "unicorn/prefer-query-selector": "off",
+        "security/detect-non-literal-fs-filename": "off",
+        "security/detect-object-injection": "off",
+        "sonarjs/no-duplicate-string": "off"
+    }
+}

.github/workflows/node.js.yml

@@ -1,39 +1,34 @@
-# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
 name: Node.js CI
 
 on:
-  push:
-    branches: [ master ]
-  pull_request:
-    branches: [ master ]
+    push:
+        branches: [master]
+    pull_request:
+        branches: [master]
 
 jobs:
-  build:
+    build:
+        runs-on: ubuntu-latest
 
-    runs-on: ubuntu-latest
+        strategy:
+            matrix:
+                node-version: [14.x, 16.x]
 
-    strategy:
-      matrix:
-        node-version: [12.x, 14.x, 16.x]
-        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+        steps:
+            - name: Setup Chrome
+              uses: browser-actions/setup-chrome@latest
 
-    steps:
-    - name: Setup Chrome
-      uses: browser-actions/setup-chrome@latest
+            - uses: actions/checkout@v3
+            - name: Use Node.js ${{ matrix.node-version }}
+              uses: actions/setup-node@v3
+              with:
+                  node-version: ${{ matrix.node-version }}
+                  cache: "npm"
+            - run: npm ci
+            - run: npm run build --if-present
+            - run: npm run test:unit
 
-    - uses: actions/checkout@v3
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
-      with:
-        node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - run: npm ci
-    - run: npm run build --if-present
-    - run: npm run test:unit
-
-    - name: Run TestCafe tests on headless Chrome
-      uses: DevExpress/testcafe-action@latest
-      with:
-        args: "chrome:headless test/e2e/*.test.js"
+            - name: Run TestCafe tests on headless Chrome
+              uses: DevExpress/testcafe-action@latest
+              with:
+                  args: "chrome:headless test/e2e/*.test.js"

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "printWidth": 100,
+    "semi": true,
+    "singleQuote": true,
+    "tabWidth": 4
+}

.vscode/settings.json

@@ -1,8 +1,18 @@
 {
-  "[javascript]": {},
-  "editor.codeActionsOnSave": {
-    "source.fixAll": true,
-  },
+  "editor.rulers": [100, 120],
   "editor.formatOnSave": true,
   "editor.formatOnPaste": false,
-}
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "eslint.validate": ["javascript"]
+}

examples/example.js

@@ -1,49 +1,48 @@
 /* global interact, ScrollWatcher */
-/* eslint-disable import/unambiguous */
 const watcher = new ScrollWatcher();
 const targets = document.getElementsByClassName('move');
 
 let firstChild;
 
-[].forEach.call(targets, function (each) {
-  const rect = watcher
-    .watch(each)
-    .on('enter', function (evt) {
-      firstChild = evt.target.firstElementChild;
-      evt.target.classList.add('enter');
-      evt.target.classList.remove('partial-exit');
-      firstChild.lastElementChild.textContent = 'entered';
-    })
-    .on('exit', function (evt) {})
-    .on('enter:full', function (evt) {
-      firstChild = evt.target.firstElementChild;
-      evt.target.classList.add('fully-enter');
-      firstChild.lastElementChild.textContent = 'fully entered';
-    })
-    .on('exit:partial', function (evt) {
-      firstChild = evt.target.firstElementChild;
-      evt.target.classList.add('partial-exit');
-      evt.target.classList.remove('fully-enter');
-      firstChild.lastElementChild.textContent = 'partial exited';
-    });
+Array.prototype.forEach.call(targets, (each) => {
+    const rect = watcher
+        .watch(each)
+        .on('enter', (evt) => {
+            firstChild = evt.target.firstElementChild;
+            evt.target.classList.add('enter');
+            evt.target.classList.remove('partial-exit');
+            firstChild.lastElementChild.textContent = 'entered';
+        })
+        .on('exit', () => {})
+        .on('enter:full', (evt) => {
+            firstChild = evt.target.firstElementChild;
+            evt.target.classList.add('fully-enter');
+            firstChild.lastElementChild.textContent = 'fully entered';
+        })
+        .on('exit:partial', (evt) => {
+            firstChild = evt.target.firstElementChild;
+            evt.target.classList.add('partial-exit');
+            evt.target.classList.remove('fully-enter');
+            firstChild.lastElementChild.textContent = 'partial exited';
+        });
 
-  interact(each).draggable({
-    inertia: true,
+    interact(each).draggable({
+        inertia: true,
 
-    onmove(event) {
-      const target = event.target;
-      const x = (Number.parseFloat(target.getAttribute('data-x')) || 0) + event.dx;
-      const y = (Number.parseFloat(target.getAttribute('data-y')) || 0) + event.dy;
+        onmove(event) {
+            const { target, dx, dy } = event;
+            const x = (Number.parseFloat(target.dataset.x) || 0) + dx;
+            const y = (Number.parseFloat(target.dataset.y) || 0) + dy;
 
-      target.style.transform = `translate(${x}px, ${y}px)`;
-      target.dataset.x = x;
-      target.dataset.y = y;
-    },
+            target.style.transform = `translate(${x}px, ${y}px)`;
+            target.dataset.x = x;
+            target.dataset.y = y;
+        },
 
-    onend(event) {
-      rect.target.firstElementChild.lastElementChild.textContent = '';
-      rect.target.classList.remove('enter', 'fully-enter', 'partial-exit');
-      rect.update();
-    },
-  });
+        onend() {
+            rect.target.firstElementChild.lastElementChild.textContent = '';
+            rect.target.classList.remove('enter', 'fully-enter', 'partial-exit');
+            rect.update();
+        },
+    });
 });