🎉: Update Scripts

Author: pphatdev

src/data.js

@@ -0,0 +1,80 @@
+// Generating Pages
+export const pages = [
+    {
+        title: "Leat Sophat - Portfolio",
+        name: "Home",
+        route: "home",
+        description: "Welcome to my portfolio - Thoughts from a wandering mind. I am the senior front-end developer of TurboTech, and an UI/UX designer. In my free time, I like design side projects and developing them."
+    },
+    {
+        title: "Leat Sophat | Projects",
+        name: "Projects",
+        route: "projects",
+        description: "Showing projects that I have built."
+    },
+    {
+        title: "Leat Sophat | About",
+        name: "About Me",
+        route: "about",
+        description: "About my background. I am Leat Sophat. I'm a Senior Front-end Developer as TURBOTECH CO.,LTD. I from Phnome Penh, Cambodia. ..."
+    },
+    {
+        title: "Leat Sophat | Hiring",
+        name: "Hire Me",
+        route: "hire-me",
+        description: "Checkout my curriculum vitae"
+    },
+    {
+        title: "Leat Sophat | Not Found",
+        name: "Not Found",
+        route: "404",
+        description: "Sorry! This page is not available."
+    },
+    {
+        title: "Leat Sophat | FireWorks",
+        name: "FireWorks",
+        route: "fireworks",
+        description: "Sample fireworks"
+    },
+    {
+        title: "Leat Sophat | FireWorks",
+        name: "FireWorks",
+        route: "contact",
+        description: "Sample fireworks"
+    },
+]
+
+
+// Main Menu
+export const modules = [
+    // {
+    //     title: "Leat Sophat - Portfolio",
+    //     name: "Home",
+    //     route: "home",
+    //     description: "Welcome to my portfolio - Thoughts from a wandering mind. I am the senior front-end developer of TurboTech, and an UI/UX designer. In my free time, I like design side projects and developing them."
+    // },
+    {
+        title: "Leat Sophat | Projects",
+        name: "Projects",
+        route: "projects",
+        description: "Showing projects that I have built."
+    },
+    {
+        title: "Leat Sophat | Contact Me",
+        name: "Contact Me",
+        route: "contact",
+        description: "Sample fireworks"
+    },
+    {
+        title: "Leat Sophat | About",
+        name: "About Me",
+        route: "about",
+        description: "About my background. I am Leat Sophat. I'm a Senior Front-end Developer as TURBOTECH CO.,LTD. I from Phnome Penh, Cambodia. ..."
+    },
+    {
+        title: "Leat Sophat | Hiring",
+        name: "Hire Me",
+        route: "hire-me",
+        description: "Checkout my curriculum vitae"
+    },
+]

src/header.js

@@ -1,5 +1,5 @@
-import { modules as pages } from "../data/pages.config"
-import { minify } from "../helpers/stringMinify"
+import { modules as pages } from "./data.js"
+import { minify } from "./minify.js"
 export class Header {
 
     constructor() {
@@ -136,14 +136,18 @@ export class Header {
      * Main Header Navigation
      */
     #navigation = () => {
-        const header = document.querySelector('#header')
-        header.innerHTML = minify(`
+        try {
+            const header = document.querySelector('#header')
+            header.innerHTML = minify(`
             <nav class="flex items-center justify-between w-full max-w-6xl mx-auto">
                 ${this.#logo()}
                 ${this.#menu()}
                 ${this.#rightNavigation()}
             </nav>
         `)
+        } catch (error) {
+
+        }
     }
 }
 

src/index.js

@@ -1,14 +1,9 @@
+import { Header, sidebar } from "./header.js"
+import { renderCanvas } from "./render-canvas.js"
 
-import { Header, sidebar, toggleTheme } from "./header.js";
-import { renderCanvas } from "./render-canvas.js";
-
-
+// document.querySelector('[data-image]').innerHTML = showProfile(fav512)
+const buttonToggle = document.querySelectorAll('[data-toggle]')
 document.addEventListener('DomContentLoaded', new Header())
-document.addEventListener('DomContentLoaded', codingWith())
+document.addEventListener('DomContentLoaded', Array.from(buttonToggle).forEach(button => button.addEventListener('click', toggleTheme)))
 document.addEventListener('DomContentLoaded', sidebar())
 document.addEventListener('DomContentLoaded', renderCanvas())
-
-
-if (typeof window !== "undefined") {
-    window.renderCanvas = renderCanvas
-}

src/minify.js

@@ -0,0 +1,11 @@
+export const minify = (string) => {
+    if (!string) return ''
+
+    return String(string)
+        .replace(/\s+/g, ' ')         // Convert multiple spaces to single space
+        .replace(/>\s+</g, '><')      // Remove spaces between HTML tags
+        .replace(/\n/g, '')           // Remove newlines
+        .replace(/\r/g, '')           // Remove carriage returns
+        .replace(/\t/g, '')           // Remove tabs
+        .trim()                       // Remove leading/trailing whitespace
+}