feat: add lint

.github/workflows/code-analysis.yml

@@ -0,0 +1,28 @@
+name: Code Analysis
+
+on: [push, pull_request]
+
+jobs:
+  analyze-code:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v4
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '18'
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Run ESLint (JavaScript)
+      run: npx eslint js
+
+    - name: Run stylelint (CSS)
+      run: npx stylelint css
+
+    - name: Run HTMLHint (HTML)
+      run: npx htmlhint "**/*.html"

.gitignore

@@ -1,5 +1,6 @@
-.github
 CNAME
 CODE_OF_CONDUCT.md
 SECURITY.md
 LICENSE
+node_modules
+package-lock.json

.stylelintrc.json

@@ -0,0 +1,3 @@
+{
+    "extends": "stylelint-config-recommended"
+}

css/app.css

@@ -9,7 +9,7 @@ body {
 }
 
 .font-esthetic {
-    font-family: 'Sacramento', cursive !important;
+    font-family: Sacramento, cursive !important;
 }
 
 .font-arabic {

css/dashboard.css

@@ -28,7 +28,7 @@ body {
     overflow-x: hidden;
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (width <= 767px) {
     html {
         scrollbar-width: none !important;
         width: 100%;

eslint.config.mjs

@@ -0,0 +1,8 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+
+
+export default [
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+];

js/aos.js

@@ -0,0 +1 @@
+export const AOS = window.AOS;

js/bootstrap.js

@@ -0,0 +1 @@
+export const bootstrap = window.bootstrap;

js/card.js

@@ -34,10 +34,10 @@ export const card = (() => {
         if (lists.size === 0) {
             const text = theme.isDarkMode('light', 'dark');
             const data = [
-                ['\*', `<strong class="text-${text}">$1</strong>`],
-                ['\_', `<em class="text-${text}">$1</em>`],
-                ['\~', `<del class="text-${text}">$1</del>`],
-                ['\`\`\`', `<code class="font-monospace text-${text}">$1</code>`]
+                ['*', `<strong class="text-${text}">$1</strong>`],
+                ['_', `<em class="text-${text}">$1</em>`],
+                ['~', `<del class="text-${text}">$1</del>`],
+                ['```', `<code class="font-monospace text-${text}">$1</code>`]
             ];
 
             data.forEach((v) => {

js/confetti.js

@@ -0,0 +1 @@
+export const confetti = window.confetti;

js/navbar.js

@@ -1,3 +1,5 @@
+import { bootstrap } from './bootstrap.js';
+
 export const navbar = (() => {
 
     const buttonNavHome = (btn) => {

js/session.js

@@ -3,6 +3,7 @@ import { user } from './user.js';
 import { theme } from './theme.js';
 import { storage } from './storage.js';
 import { comment } from './comment.js';
+import { bootstrap } from './bootstrap.js';
 import { request, HTTP_POST } from './request.js';
 
 export const session = (() => {

js/user.js

@@ -238,7 +238,7 @@ export const user = (() => {
     const copyAccessKey = async (button) => {
         try {
             await navigator.clipboard.writeText(user.get('access_key'));
-        } catch (err) {
+        } catch {
             alert('Failed to copy access key');
             return;
         }

js/util.js

@@ -1,7 +1,10 @@
+import { AOS } from './aos.js';
 import { audio } from './audio.js';
 import { theme } from './theme.js';
 import { comment } from './comment.js';
 import { storage } from './storage.js';
+import { confetti } from './confetti.js';
+import { bootstrap } from './bootstrap.js';
 import { request, HTTP_GET } from './request.js';
 
 export const util = (() => {
@@ -49,10 +52,8 @@ export const util = (() => {
     };
 
     const animate = (svg, timeout, classes) => {
-        let handler = null;
-        handler = setTimeout(() => {
+        setTimeout(() => {
             svg.classList.add(classes);
-            handler = null;
         }, timeout);
     };
 

package.json

@@ -0,0 +1,13 @@
+{
+    "devDependencies": {
+        "eslint": "^9.5.0",
+        "htmlhint": "^1.1.4",
+        "stylelint": "^16.6.1",
+        "stylelint-config-recommended": "^14.0.0"
+    },
+    "scripts": {
+        "lint:js": "eslint js",
+        "lint:css": "stylelint css",
+        "lint:html": "htmlhint **/*.html"
+    }
+}