Split app.js logic and do bundling with esbuild

.gitignore

@@ -1,4 +1,5 @@
 .DS_Store
 .env
 dist/
-node_modules/
+node_modules/
+.vscode/

build.js

@@ -7,6 +7,7 @@ const menuItems = require('./src/menu.js');
 const { encode } =  require('html-entities');
 const { JSDOM } = require('jsdom');
 const yaml = require('js-yaml');
+const esbuild = require('esbuild');
 
 const site = "https://docs.puter.com";
 
@@ -447,7 +448,7 @@ function generateDocsHTML(filePath, rootDir, page, isIndex = false) {
 
         html += generateSearchUIHTML();
 
-        html += `<script src="/${baseURL}/assets/js/app.js"></script>`;
+        html += `<script src="/${baseURL}/assets/js/bundle.js"></script>`;
     html += `</body>`;
     const relativeDir = path.relative(rootDir, path.dirname(filePath));
     const newDir = path.join(rootDir, '..', 'dist', relativeDir, path.basename(filePath, '.md'));
@@ -516,9 +517,21 @@ function findMdFiles(rootDir) {
 }
 
 // Updated main function to start the process
-function generateDocumentation(rootDir) {
+async function generateDocumentation(rootDir) {
     const distDir = path.join(rootDir, '..', 'dist');
     removeDirectoryRecursively(distDir); // Remove the existing 'dist' directory
+    try {
+        await esbuild.build({
+            entryPoints: ['src/assets/js/index.js'],
+            bundle: true,
+            outfile: 'dist/assets/js/bundle.js',
+            minify: true,
+            sourcemap: true,
+            allowOverwrite: true
+        })
+    } catch (error) {
+        console.error(error);
+    }
     findMdFiles(rootDir); // Process files based on sidebar
 }