dochub 1.0.0

package/README.md

@@ -0,0 +1,47 @@
+# DocHub
+
+DocHub is a tool for dynamically generating and displaying documentation from Markdown files converted to HTML. It includes real-time updates, search functionality, syntax highlighting, and dark mode support for better readability.
+
+## Features
+
+- **Real-time Updates:** Automatically refreshes content when documentation files are modified.
+- **Search Functionality:** Includes a search bar to filter through documentation content.
+- **Syntax Highlighting:** Uses Highlight.js to format code blocks for better readability.
+- **Dark Mode:** Implements a dark mode theme for improved viewing experience.
+
+## Getting Started
+
+To start using DocHub, follow these steps:
+
+1. **Installation:**
+   - Ensure Node.js is installed on your system.
+
+2. **Initialize Project:**
+   - Run `dochub init` in your terminal to set up a new DocHub project.
+   - This command will create the necessary folder structure and configuration files.
+
+3. **Generate Documentation:**
+   - Once initialized, run `dochub serve [directory]` in your terminal.
+   - Replace `[directory]` with the path to your documentation files.
+
+4. **View Documentation:**
+   - Open a web browser and navigate to `http://localhost:3000`.
+   - The sidebar lists different sections of your documentation.
+   - Use the search bar to find specific topics within the documentation.
+
+## Project Structure
+
+The project structure includes:
+
+- **HTML and CSS:** Main structure and styling managed using HTML and Tailwind CSS.
+- **JavaScript (Client-side):** Handles dynamic content updates, event handling, and integration with external libraries like Socket.IO and Highlight.js.
+- **Socket.IO:** Facilitates real-time communication to update documentation on file changes.
+- **Markdown to HTML Conversion:** Converts Markdown content fetched from the server-side into HTML for rendering.
+
+## Getting Help
+
+If you encounter any issues or have questions about using DocHub, feel free to reach out via [GitHub Issues](https://github.com/your-repo/issues).
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.

package/index.js

@@ -0,0 +1,32 @@
+#!/usr/bin/env node
+
+const yargs = require('yargs');
+const initProject = require('./src/init');
+const serveDocs = require('./src/serve');
+
+yargs
+  .command({
+    command: 'init <directory>',
+    describe: 'Initialize a new documentation project',
+    builder: (yargs) => {
+      yargs.positional('directory', {
+        describe: 'Directory name for the documentation project',
+        type: 'string',
+      });
+    },
+    handler: initProject,
+  })
+  .command({
+    command: 'serve <directory>',
+    describe: 'Serve the documentation site',
+    builder: (yargs) => {
+      yargs.positional('directory', {
+        describe: 'Directory name where documentation files are located',
+        type: 'string',
+      });
+    },
+    handler: serveDocs,
+  })
+  .demandCommand()
+  .help()
+  .argv;

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "dochub",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "bin": {
+    "dochub": "./index.js"
+  },
+  "author": "Tyler Reece",
+  "license": "ISC",
+  "description": "DocHub is a documentation generation CLI tool.",
+  "dependencies": {
+    "child_process": "^1.0.2",
+    "fs": "^0.0.1-security",
+    "path": "^0.12.7",
+    "yargs": "^17.7.2"
+  }
+}

package/src/init.js

@@ -0,0 +1,219 @@
+const { execSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+function initProject(argv) {
+  const directory = argv.directory;
+
+  if (!directory) {
+    console.error('Please provide a directory name.');
+    return;
+  }
+
+  const projectPath = path.resolve(directory);
+
+  if (fs.existsSync(projectPath)) {
+    console.error(`Directory '${directory}' already exists.`);
+    return;
+  }
+
+  // Create the main documentation folder
+  fs.mkdirSync(projectPath);
+  animatedLog(`✔ Created directory '${projectPath}'.`, 50);
+
+  // Simulate folder creation with loading animation
+  setTimeout(() => {
+    const markdownFolder = path.join(projectPath, 'markdown');
+    fs.mkdirSync(markdownFolder, { recursive: true });
+    animatedLog(`✔ Created directory '${markdownFolder}'.`, 50);
+
+    // Create sample markdown files
+    createMarkdownFiles(markdownFolder);
+
+    // Create config.json
+    const configFilePath = path.join(projectPath, 'config.json');
+    createConfigFile(configFilePath);
+    animatedLog(`✔ Created file '${configFilePath}'.`, 50);
+
+    // Create index.html
+    const indexFilePath = path.join(projectPath, 'index.html');
+    createIndexFile(indexFilePath);
+    animatedLog(`✔ Created file '${indexFilePath}'.`, 50);
+
+    // Create server.js
+    const serverFilePath = path.join(projectPath, 'server.js');
+    createServerFile(serverFilePath, projectPath);
+    animatedLog(`✔ Created file '${serverFilePath}'.`, 50);
+
+    // Initialize npm and install necessary packages
+    initializeNpm(projectPath);
+    installPackages(projectPath);
+
+    console.log(`✔ Initialized new DocHub project in '${projectPath}'.`);
+  }, 1000); // Simulate some delay for a fun loading effect
+}
+
+// Function to create sample markdown files by copying from templates directory
+function createMarkdownFiles(folderPath) {
+  const templatesDir = path.join(__dirname, '..', 'templates');
+
+  const markdownFiles = [
+    {
+      name: 'README.md',
+      templatePath: path.join(templatesDir, 'README.md')
+    },
+    {
+      name: 'guide.md',
+      templatePath: path.join(templatesDir, 'guide.md')
+    },
+    {
+      name: 'folder/README.md',
+      templatePath: path.join(templatesDir, 'folder', 'README.md')
+    }
+  ];
+
+  markdownFiles.forEach(file => {
+    const filePath = path.join(folderPath, file.name);
+
+    try {
+      // Ensure directory exists before writing file
+      const dirname = path.dirname(filePath);
+      if (!fs.existsSync(dirname)) {
+        fs.mkdirSync(dirname, { recursive: true });
+      }
+
+      const templateContent = fs.readFileSync(file.templatePath, 'utf8');
+      fs.writeFileSync(filePath, templateContent);
+      console.log(`✔ Created file: ${filePath}`);
+    } catch (err) {
+      console.error(`✘ Error creating file ${filePath}:`, err);
+    }
+  });
+}
+
+
+// Function to create config.json
+function createConfigFile(filePath) {
+  const configData = {
+    title: 'Documentation Project',
+    description: 'Sample documentation project configuration'
+    // Add more configuration as needed
+  };
+
+  fs.writeFileSync(filePath, JSON.stringify(configData, null, 2));
+  animatedLog(`✔ Created file '${filePath}'.`, 50);
+}
+
+// Function to create index.html
+function createIndexFile(filePath) {
+  const htmlContent = `
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Documentation Project</title>
+</head>
+<body>
+  <h1>Welcome to Documentation Project</h1>
+  <p>This is the main index.html file for your documentation project.</p>
+</body>
+</html>
+  `;
+
+  fs.writeFileSync(filePath, htmlContent.trim());
+  animatedLog(`✔ Created file '${filePath}'.`, 50);
+}
+
+// Function to create server.js using a template
+function createServerFile(filePath) {
+  const templatePath = path.join(__dirname, '..', 'templates', 'server.js');
+
+  // Read the server.js template file
+  fs.readFile(templatePath, 'utf8', (err, data) => {
+    if (err) {
+      console.error(`✘ Error reading template file: ${err}`);
+      return;
+    }
+
+    // Write the template content to the specified filePath
+    fs.writeFileSync(filePath, data.trim());
+    console.log(`✔ Server file generated at ${filePath}`);
+  });
+}
+
+// Function to initialize npm in the project directory
+function initializeNpm(projectPath) {
+  const packageJson = {
+    name: path.basename(projectPath),
+    version: '1.0.0',
+    description: 'DocHub project',
+    scripts: {
+      start: 'node server.js'
+    },
+    keywords: [],
+    author: '',
+    license: 'ISC'
+  };
+
+  const packageJsonPath = path.join(projectPath, 'package.json');
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
+
+  try {
+    execSync('npm init -y', { cwd: projectPath, stdio: 'ignore' });
+    animatedLog('✔ Initialized npm.', 50);
+  } catch (error) {
+    console.error('✘ Failed to initialize npm.');
+  }
+}
+
+// Function to install necessary packages
+function installPackages(projectPath) {
+  const dependencies = ['http', 'fs', 'path', 'highlight.js', 'socket.io']; // Add more dependencies as needed
+
+  animatedLog(`✔ Installing packages: ${dependencies.join(', ')}`, 50);
+  const progressBar = createProgressBar(20);
+
+  try {
+    execSync(`npm install --save ${dependencies.join(' ')}`, { cwd: projectPath, stdio: 'inherit' });
+    progressBar.stop();
+    console.log('\n✔ Installed necessary packages.');
+  } catch (error) {
+    progressBar.stop();
+    console.error('\n✘ Failed to install necessary packages.');
+  }
+}
+
+// Function to create a progress bar
+function createProgressBar(totalFrames) {
+  let currentFrame = 0;
+  const progressBar = setInterval(() => {
+    process.stdout.write(`\r${frames[currentFrame]} Installing...`);
+    currentFrame = (currentFrame + 1) % totalFrames;
+  }, 50);
+
+  return {
+    stop: () => {
+      clearInterval(progressBar);
+      process.stdout.write(`\r✔ Installation complete.\n`);
+    }
+  };
+}
+
+// Function to animate console log with delay
+function animatedLog(message, delay) {
+  const frames = ['⠁', '⠂', '⠄', '⡀', '⢀', '⠠', '⠐', '⠈'];
+  let frame = 0;
+
+  const interval = setInterval(() => {
+    process.stdout.write(`\r${frames[frame]} ${message}`);
+    frame = (frame + 1) % frames.length;
+  }, delay);
+
+  setTimeout(() => {
+    clearInterval(interval);
+    process.stdout.write(`\r${message}\n`);
+  }, delay * 20); // Simulate loading completion
+}
+
+module.exports = initProject;

package/src/serve.js

@@ -0,0 +1,66 @@
+const { spawn } = require('child_process');
+const path = require('path');
+const fs = require('fs');
+
+function serveDocs(argv) {
+  const directory = argv.directory || './docs';
+
+  const serverFilePath = path.resolve(directory, 'server.js');
+
+  if (!serverExists(serverFilePath)) {
+    console.error(`Server file '${serverFilePath}' not found. Make sure to run 'init' first.`);
+    return;
+  }
+
+  // Start the server using Node.js child process
+  const serverProcess = spawn('node', [serverFilePath]);
+
+  // Simulate server starting with loading animation
+  animatedLog(`Starting server from '${serverFilePath}'`, 50);
+
+  serverProcess.stdout.on('data', (data) => {
+    // Log server stdout with tick emoji
+    logWithTick(data.toString().trim());
+  });
+
+  serverProcess.stderr.on('data', (data) => {
+    // Log server stderr with tick emoji for errors
+    logWithTick(`Error: ${data.toString().trim()}`);
+  });
+
+  serverProcess.on('close', (code) => {
+    console.log(`Server process exited with code ${code}`);
+  });
+}
+
+// Function to check if server.js file exists
+function serverExists(filePath) {
+  try {
+    return fs.existsSync(filePath);
+  } catch (err) {
+    return false;
+  }
+}
+
+// Function to animate console log with delay
+function animatedLog(message, delay) {
+  const frames = ['⠁', '⠂', '⠄', '⡀', '⢀', '⠠', '⠐', '⠈'];
+  let frame = 0;
+
+  const interval = setInterval(() => {
+    process.stdout.write(`\r${frames[frame]} ${message}`);
+    frame = (frame + 1) % frames.length;
+  }, delay);
+
+  setTimeout(() => {
+    clearInterval(interval);
+    process.stdout.write(`\r✔ ${message}\n`);
+  }, delay * 20); // Simulate loading completion
+}
+
+// Function to log with tick emoji
+function logWithTick(message) {
+  console.log(`✔ ${message}`);
+}
+
+module.exports = serveDocs;

package/templates/README.md

@@ -0,0 +1,43 @@
+# Welcome to your first documentation!
+
+This project dynamically generates and displays documentation from Markdown files converted to HTML. It utilizes Socket.IO for real-time updates, integrates with Tailwind CSS for styling, and uses Highlight.js for code syntax highlighting.
+
+## Features
+
+- **Real-time Updates:** Automatically refreshes content when documentation files are modified.
+- **Search Functionality:** Includes a search bar to filter through documentation content.
+- **Syntax Highlighting:** Uses Highlight.js to format code blocks for better readability.
+- **Dark Mode:** Implements a dark mode theme for improved viewing experience.
+
+## Getting Started
+
+To generate and view your documentation, follow these steps:
+
+1. **Installation:**
+   - Ensure Node.js is installed on your system.
+
+2. **Generate Documentation:**
+   - Run `docify serve [directory]` in your terminal.
+   - Replace `[directory]` with the path to your documentation files.
+
+3. **View Documentation:**
+   - Open a web browser and navigate to `http://localhost:3000`.
+   - The sidebar lists different sections of your documentation.
+   - Use the search bar to find specific topics within the documentation.
+
+## Project Structure
+
+The project structure includes:
+
+- **HTML and CSS:** Main structure and styling managed using HTML and Tailwind CSS.
+- **JavaScript (Client-side):** Handles dynamic content updates, event handling, and integration with external libraries like Socket.IO and Highlight.js.
+- **Socket.IO:** Facilitates real-time communication to update documentation on file changes.
+- **Markdown to HTML Conversion:** Converts Markdown content fetched from the server-side into HTML for rendering.
+
+## Getting Help
+
+If you encounter any issues or have questions about using this documentation project, feel free to reach out via [GitHub Issues](https://github.com/your-repo/issues).
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.

package/templates/folder/README.md

@@ -0,0 +1,3 @@
+# Readme
+
+This is a readme in a folder.

package/templates/guide.md

@@ -0,0 +1,3 @@
+# Guide
+
+This is a guide.

package/templates/server.js

@@ -0,0 +1,267 @@
+const http = require('http');
+const fs = require('fs');
+const path = require('path');
+const hljs = require('highlight.js');
+const socketio = require('socket.io');
+
+let htmlContent = ''; // Variable to store HTML content
+
+// Function to convert Markdown to HTML
+function convertMarkdownToHtml(markdownContent, filePath) {
+  // Regular expression to match Markdown code blocks
+  const codeBlockRegex = /```(\w+)\n([\s\S]*?)```/g;
+
+  // Basic conversion: Replace Markdown syntax with HTML equivalents
+  let htmlContent = markdownContent
+    // Code blocks
+    .replace(codeBlockRegex, (match, language, code) => {
+      const validLanguage = language || 'plaintext'; // Default to plaintext if no language specified
+      const highlightedCode = hljs.highlight(code, { language: validLanguage }).value;
+      // Count the number of lines in the code content
+      const lines = code.split('\n').length;
+      return `<pre class="bg-gray-800 text-white p-4 rounded-md mb-4 code-block" style="height: ${lines * 1.5}rem;"><code class="language-${validLanguage}" data-lines="${lines}">${highlightedCode}</code></pre>`;
+    })
+    // Inline code
+    .replace(/`([^`]*)`/g, '<code class="bg-gray-800 text-white rounded px-1">$1</code>')
+    // Headers, emphasis, lists, links
+    .replace(/^# (.*)$/gm, '<h1 class="text-4xl font-bold mt-8 mb-4">$1</h1>')
+    .replace(/^## (.*)$/gm, '<h2 class="text-3xl font-bold mt-6 mb-3">$1</h2>')
+    .replace(/^### (.*)$/gm, '<h3 class="text-2xl font-bold mt-4 mb-2">$1</h3>')
+    .replace(/^#### (.*)$/gm, '<h4 class="text-xl font-bold mt-3 mb-2">$1</h4>')
+    .replace(/^##### (.*)$/gm, '<h5 class="text-lg font-bold mt-3 mb-2">$1</h5>')
+    .replace(/^###### (.*)$/gm, '<h6 class="text-base font-bold mt-2 mb-2">$1</h6>')
+    .replace(/\*\*(.*)\*\*/g, '<strong class="font-bold">$1</strong>')
+    .replace(/\*(.*)\*/g, '<em class="italic">$1</em>')
+    .replace(/^\s*-\s(.*)$/gm, '<li class="list-disc ml-4">$1</li>')
+    .replace(/^\s*\d\.\s(.*)$/gm, '<li class="list-decimal ml-4">$1</li>')
+    .replace(/<li>(.*)<\/li>/g, '<ul class="list-inside list-disc mb-4">$1</ul>')
+    .replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2" class="text-blue-500 hover:underline">$1</a>')
+    // Paragraphs and Line breaks
+    .replace(/\n\n/gm, '</p><p class="mb-6">')  // Replace double newline with closing and opening paragraph tags
+    .replace(/^\s*$/gm, '<p class="mb-6">')      // Replace empty lines with opening paragraph tag
+    .replace(/^/gm, '')                         // Remove the beginning of each line
+    .replace(/$/gm, '');                        // Remove the end of each line
+
+  // Generate sidebar based on file structure
+  const sidebar = generateSidebar(path.join(__dirname, 'markdown'));
+
+  // Return the entire HTML structure
+  return `
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Markdown to HTML</title>
+  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
+  <link href="https://cdn.jsdelivr.net/npm/highlight.js/styles/vs2015.css" rel="stylesheet">
+  <style>
+    /* Dark mode theme */
+    body {
+      background-color: #1a202c;
+      color: #e2e8f0;
+    }
+    .bg-gray-200 {
+      background-color: #2d3748;
+    }
+    .text-blue-500 {
+      color: #90cdf4;
+    }
+    .hover\:underline:hover {
+      text-decoration: underline;
+    }
+    /* Adjust sidebar height */
+    .sidebar {
+      min-height: 100vh; /* Ensure sidebar stretches to full viewport height */
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start; /* Align items to the start (left) */
+      justify-content: flex-start; /* Start content from the top */
+      padding: 20px;
+    }
+    .code-block {
+      color: #e2e8f0; /* Match the body text color */
+      padding: 1rem;
+      margin-bottom: 1rem;
+      border-radius: 0.5rem;
+      overflow: hidden; /* Prevents scroll bars */
+      white-space: pre-wrap; /* Preserves white space */
+    }
+    .search-bar {
+      width: 100%;
+      padding: 0.5rem;
+      margin-bottom: 1rem;
+      background-color: #4a5568;
+      color: #e2e8f0;
+      border: none;
+      border-radius: 0.25rem;
+      outline: none;
+    }
+    .search-bar:focus {
+      background-color: #2d3748;
+    }
+  </style>
+</head>
+<body class="flex bg-gray-100">
+  <aside class="w-1/5 bg-gray-800 p-4 sidebar">
+    <h1 class="text-xl font-bold mb-4">Sidebar</h1>
+    <input type="text" id="search-input" class="search-bar" placeholder="Search...">
+    <ul id="sidebar-list" class="space-y-2">
+      ${sidebar}
+    </ul>
+  </aside>
+  <main id="main-content" class="w-4/5 p-4 bg-gray-200">
+    ${htmlContent}
+  </main>
+  <script src="https://cdn.socket.io/4.3.1/socket.io.min.js"></script>
+ <script>
+  document.addEventListener('DOMContentLoaded', function() {
+    const socket = io(); // Declare socket variable here
+
+    socket.on('fileChange', function() {
+      fetchCurrentPageContent();
+    });
+
+    const codeBlocks = document.querySelectorAll('.code-block');
+    codeBlocks.forEach(block => {
+      const code = block.querySelector('code');
+      const lines = parseInt(code.getAttribute('data-lines'));
+      const lineHeight = parseInt(getComputedStyle(code).lineHeight);
+      block.style.height = (lines * lineHeight) + 'px'; // Set height using proper concatenation
+    });
+
+    // Fetch the sidebar list and handle search input
+    const sidebarList = document.getElementById('sidebar-list');
+    if (sidebarList) {
+      const sidebarItems = sidebarList.getElementsByTagName('li');
+
+      document.getElementById('search-input').addEventListener('input', function() {
+        const searchValue = this.value.trim().toLowerCase();
+
+        Array.from(sidebarItems).forEach(item => {
+          const link = item.querySelector('a');
+          if (link) {
+            const textContent = link.textContent.trim().toLowerCase();
+
+            if (textContent.includes(searchValue)) {
+              item.style.display = 'block';
+            } else {
+              item.style.display = 'none';
+            }
+          }
+        });
+      });
+    } else {
+      console.error('Sidebar list element not found.');
+    }
+  });
+
+  function fetchCurrentPageContent() {
+    // Fetch the current page's HTML content
+    fetch(window.location.href)
+      .then(response => response.text())
+      .then(html => {
+        // Replace the entire HTML document with the fetched content
+        document.open();
+        document.write(html);
+        document.close();
+      })
+      .catch(error => {
+        console.error('Error fetching current page content:', error);
+      });
+  }
+</script>
+
+</body>
+</html>
+  `;
+}
+
+// Function to generate sidebar links based on directory structure
+function generateSidebar(rootDir) {
+  const generateLinks = (dir, baseUrl, depth = 0) => {
+    let links = '';
+    const items = fs.readdirSync(dir);
+
+    items.forEach(item => {
+      const itemPath = path.join(dir, item);
+      const relativePath = path.relative(rootDir, itemPath);
+      const urlPath = baseUrl + '/' + relativePath.replace(/\\/g, '/').replace('.md', '');
+
+      if (fs.statSync(itemPath).isDirectory()) {
+        // If directory, recursively generate nested list with increased depth
+        links += `<li class="font-bold ml-${depth * 2}">${item}</li>\n`;
+        links += `<ul class="ml-4 space-y-2">${generateLinks(itemPath, baseUrl, depth + 1)}</ul>\n`;
+      } else if (item.endsWith('.md')) {
+        // If Markdown file, generate list item with link
+        links += `<li class="ml-${depth * 2}"><a href="${urlPath}" class="text-blue-500 hover:underline">${item.replace('.md', '')}</a></li>\n`;
+      }
+    });
+
+    return links;
+  };
+
+  // Start generating sidebar from root directory
+  return generateLinks(rootDir, '');
+}
+
+// Create HTTP server
+const server = http.createServer((req, res) => {
+  let filePath = '.' + req.url;
+
+  if (filePath === './' || filePath === './index.html') {
+    filePath = './README.md'; // Default to README.md for root URL
+  } else if (!path.extname(filePath)) {
+    // Append '.md' for paths that do not have an extension
+    filePath += '.md';
+  }
+
+  filePath = path.join(__dirname, 'markdown', filePath.replace(/^\//, ''));
+
+  fs.readFile(filePath, (err, data) => {
+    if (err) {
+      if (err.code === 'ENOENT') {
+        res.writeHead(404, { 'Content-Type': 'text/html' });
+        res.end('<h1>404 Not Found</h1><p>The requested URL was not found on this server.</p>');
+      } else {
+        res.writeHead(500, { 'Content-Type': 'text/html' });
+        res.end('<h1>500 Internal Server Error</h1><p>Sorry, something went wrong.</p>');
+      }
+    } else {
+      let contentType = 'text/html';
+
+      if (filePath.endsWith('.md')) {
+        // Convert Markdown to HTML
+        const markdownContent = data.toString();
+        htmlContent = convertMarkdownToHtml(markdownContent, filePath);
+
+        // Serve HTML with proper Tailwind CSS and sidebar
+        res.writeHead(200, { 'Content-Type': 'text/html' });
+        res.end(htmlContent);
+      } else {
+        // Serve other file types directly (e.g., CSS files)
+        res.writeHead(200, { 'Content-Type': contentType });
+        res.end(data);
+      }
+    }
+  });
+});
+
+// Attach Socket.IO to the HTTP server
+const io = socketio(server);
+
+// Watch changes in the Markdown directory
+const markdownDir = path.join(__dirname, 'markdown');
+if (fs.existsSync(markdownDir)) {
+  fs.watch(markdownDir, { recursive: true }, (eventType, filename) => {
+    console.log(`File ${filename} ${eventType}`);
+    io.emit('fileChange'); // Emit event to clients when file changes
+  });
+} else {
+  console.error('Markdown directory does not exist.');
+}
+
+const port = process.env.PORT || 3000;
+server.listen(port, () => {
+  console.log(`Server is running on http://localhost:${port}`);
+});