Merge pull request #126 from tsparticles/dev

Added ESLint for better checks

.eslintrc.js

@@ -0,0 +1,35 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  globals: {
+    tsParticles: "readonly",
+    $: "readonly",
+    loadFirePreset: "readonly",
+    loadFireworksPreset: "readonly",
+    loadPolygonPath: "readonly",
+    dataLayer: "readonly",
+  },
+  extends: ["standard", "eslint:recommended", "plugin:prettier/recommended"],
+  overrides: [
+    {
+      env: {
+        node: true,
+      },
+      files: [".eslintrc.{js,cjs}"],
+      parserOptions: {
+        sourceType: "script",
+      },
+    },
+  ],
+  parserOptions: {
+    ecmaVersion: "latest",
+  },
+  plugins: ["html", "prettier", "import", "n", "promise"],
+  settings: {
+    "html/html-extensions": [".html", ".we"], // consider .html and .we files as HTML
+    "html/report-bad-indent": "error",
+  },
+  rules: {},
+};

.github/workflows/node.js.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x]
+        node-version: [16.x, 18.x, 20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
@@ -26,4 +26,4 @@ jobs:
           node-version: ${{ matrix.node-version }}
           cache: "npm"
       - run: npm ci
-      - run: npm run prettier:ci
+      - run: npm run build:ci

.prettierrc

@@ -0,0 +1 @@
+{}

dots/js/animate.js

@@ -1,5 +1,5 @@
 // JavaScript Document
-//tsParticles library - https://github.com/matteobruni/tsparticles
+// tsParticles library - https://github.com/matteobruni/tsparticles
 
 tsParticles.load("tsparticles", {
   backgroundMask: {

imposter/js/404.js

@@ -1,4 +1,4 @@
-//https://codepen.io/matteobruni/pen/rNmMVEx
+// https://codepen.io/matteobruni/pen/rNmMVEx
 tsParticles.load("tsparticles", {
   fullScreen: {
     enable: true,

jitter/app.js

@@ -349,7 +349,7 @@ goBack.onmouseover = (event) => {
 };
 
 function shiftLetters(element, duration = 50, interval = null) {
-  let letters = "!@#$%|&*?+/";
+  const letters = "!@#$%|&*?+/";
   let iteration = 0;
   clearInterval(interval);
 

js/main.js

@@ -1,17 +1,17 @@
 $(document).ready(function () {
-  var pages = $("#pages");
+  const pages = $("#pages");
 
   $.get("data/pages.json", function (data) {
     $.each(data, function (idx, item) {
-      var page = $("<div>");
+      const page = $("<div>");
 
       page.addClass("col-md-4");
 
-      var card = $("<div>");
+      const card = $("<div>");
 
       card.addClass("card mb-4 shadow-sm");
 
-      var image = $("<img>");
+      const image = $("<img>");
 
       image.addClass("bd-placeholder-img card-img-top");
       image.attr({
@@ -25,26 +25,26 @@ $(document).ready(function () {
 
       card.append(image);
 
-      var cardBody = $("<div>");
+      const cardBody = $("<div>");
 
       cardBody.addClass("card-body");
 
-      var cardText = $("<div>");
+      const cardText = $("<div>");
 
       cardText.addClass("card-text");
       cardText.text(item.description);
 
       cardBody.append(cardText);
 
-      var cardContent = $("<div>");
+      const cardContent = $("<div>");
 
       cardContent.addClass("d-flex justify-content-between align-items-center");
 
-      var btnGroup = $("<div>");
+      const btnGroup = $("<div>");
 
       btnGroup.addClass("btn-group");
 
-      var btn = $("<a>");
+      const btn = $("<a>");
 
       btn.addClass("btn btn-sm btn-outline-secondary");
       btn.text("View");

links/js/404.js

@@ -1,4 +1,4 @@
-var particles = {
+const particles = {
   background: {
     color: {
       value: "#0d47a1",