gh-here 3.0.3 → 3.2.0

package/public/js/utils.js

@@ -1,102 +1,92 @@
 /**
- * Utility functions for path and URL manipulation
+ * Utility functions for path manipulation, language detection, and HTML escaping
+ * @module utils
  */
 
-export const PathUtils = {
-  getCurrentPath() {
-    const currentUrl = new URL(window.location.href);
-    return currentUrl.searchParams.get('path') || '';
-  },
-
-  getParentPath(currentPath) {
-    if (!currentPath || currentPath === '') {
-      return null;
-    }
+// ============================================================================
+// Language Map (alpha-sorted by key)
+// ============================================================================
 
-    const pathParts = currentPath.split('/').filter(p => p);
-    if (pathParts.length === 0) {
-      return null;
-    }
-
-    pathParts.pop();
-    return pathParts.join('/');
-  },
+const LANGUAGE_MAP = {
+  bash: 'shell',
+  c: 'c',
+  cc: 'cpp',
+  clj: 'clojure',
+  cpp: 'cpp',
+  css: 'css',
+  cxx: 'cpp',
+  dart: 'dart',
+  fish: 'shell',
+  go: 'go',
+  groovy: 'groovy',
+  h: 'c',
+  hpp: 'cpp',
+  htm: 'html',
+  html: 'html',
+  java: 'java',
+  js: 'javascript',
+  json: 'json',
+  jsx: 'javascript',
+  kt: 'kotlin',
+  less: 'less',
+  log: 'plaintext',
+  lua: 'lua',
+  md: 'markdown',
+  mjs: 'javascript',
+  php: 'php',
+  pl: 'perl',
+  ps1: 'powershell',
+  py: 'python',
+  r: 'r',
+  rb: 'ruby',
+  rs: 'rust',
+  sass: 'sass',
+  scala: 'scala',
+  scss: 'scss',
+  sh: 'shell',
+  sql: 'sql',
+  swift: 'swift',
+  ts: 'typescript',
+  tsx: 'typescript',
+  txt: 'plaintext',
+  xml: 'xml',
+  yaml: 'yaml',
+  yml: 'yaml',
+  zsh: 'shell'
+};
 
-  buildFilePath(currentPath, filename) {
-    return currentPath ? `${currentPath}/${filename}` : filename;
-  },
+// ============================================================================
+// HTML Utilities
+// ============================================================================
 
-  getFileName(filePath) {
-    return filePath.split('/').pop() || 'file.txt';
-  },
-
-  buildPathUrl(basePath, targetPath) {
-    return targetPath ? `${basePath}?path=${encodeURIComponent(targetPath)}` : basePath;
-  },
+/**
+ * Escapes HTML special characters to prevent XSS attacks
+ * @param {string} text - Text to escape
+ * @returns {string} Escaped HTML string
+ */
+export function escapeHtml(text) {
+  if (typeof text !== 'string') return '';
+  const div = document.createElement('div');
+  div.textContent = text;
+  return div.innerHTML;
+}
 
-  getDirectoryPath(filePath) {
-    const parts = filePath.split('/').filter(p => p);
-    if (parts.length <= 1) {
-      return '';
-    }
-    return parts.slice(0, -1).join('/');
-  }
-};
+// ============================================================================
+// Language Detection
+// ============================================================================
 
 /**
- * Language detection utility
+ * Detects programming language from filename extension
+ * @param {string} filename - Filename to analyze
+ * @returns {string} Language identifier for syntax highlighting
  */
 export function getLanguageFromExtension(filename) {
-  const ext = filename.split('.').pop().toLowerCase();
-  const languageMap = {
-    js: 'javascript',
-    mjs: 'javascript',
-    jsx: 'javascript',
-    ts: 'typescript',
-    tsx: 'typescript',
-    html: 'html',
-    htm: 'html',
-    css: 'css',
-    scss: 'scss',
-    sass: 'sass',
-    less: 'less',
-    json: 'json',
-    xml: 'xml',
-    yaml: 'yaml',
-    yml: 'yaml',
-    py: 'python',
-    java: 'java',
-    go: 'go',
-    rs: 'rust',
-    php: 'php',
-    rb: 'ruby',
-    swift: 'swift',
-    kt: 'kotlin',
-    dart: 'dart',
-    c: 'c',
-    cpp: 'cpp',
-    cc: 'cpp',
-    cxx: 'cpp',
-    h: 'c',
-    hpp: 'cpp',
-    sh: 'shell',
-    bash: 'shell',
-    zsh: 'shell',
-    fish: 'shell',
-    ps1: 'powershell',
-    sql: 'sql',
-    r: 'r',
-    scala: 'scala',
-    clj: 'clojure',
-    lua: 'lua',
-    pl: 'perl',
-    groovy: 'groovy',
-    md: 'markdown',
-    txt: 'plaintext',
-    log: 'plaintext'
-  };
-
+  if (!filename) return 'plaintext';
+  
   const basename = filename.toLowerCase();
+  const ext = filename.split('.').pop()?.toLowerCase();
+  
+  // Special filenames
   if (basename === 'dockerfile' || basename.startsWith('dockerfile.')) {
     return 'dockerfile';
   }
@@ -110,14 +100,82 @@ export function getLanguageFromExtension(filename) {
     return 'json';
   }
 
-  return languageMap[ext] || 'plaintext';
+  return LANGUAGE_MAP[ext] || 'plaintext';
 }
 
+// ============================================================================
+// Path Utilities
+// ============================================================================
+
 /**
- * HTML escaping utility
+ * Path manipulation utilities
  */
-export function escapeHtml(text) {
-  const div = document.createElement('div');
-  div.textContent = text;
-  return div.innerHTML;
-}
+export const PathUtils = {
+  /**
+   * Builds a file path from directory and filename
+   * @param {string} currentPath - Current directory path
+   * @param {string} filename - Filename to append
+   * @returns {string} Combined file path
+   */
+  buildFilePath(currentPath, filename) {
+    return currentPath ? `${currentPath}/${filename}` : filename;
+  },
+
+  /**
+   * Builds a URL with path query parameter
+   * @param {string} basePath - Base URL path
+   * @param {string} targetPath - Target file/directory path
+   * @returns {string} URL with encoded path parameter
+   */
+  buildPathUrl(basePath, targetPath) {
+    return targetPath ? `${basePath}?path=${encodeURIComponent(targetPath)}` : basePath;
+  },
+
+  /**
+   * Gets the current path from URL query parameters
+   * @returns {string} Current path or empty string
+   */
+  getCurrentPath() {
+    const currentUrl = new URL(window.location.href);
+    return currentUrl.searchParams.get('path') || '';
+  },
+
+  /**
+   * Gets the directory portion of a file path
+   * @param {string} filePath - Full file path
+   * @returns {string} Directory path
+   */
+  getDirectoryPath(filePath) {
+    const parts = filePath.split('/').filter(p => p);
+    if (parts.length <= 1) {
+      return '';
+    }
+    return parts.slice(0, -1).join('/');
+  },
+
+  /**
+   * Gets the filename from a full path
+   * @param {string} filePath - Full file path
+   * @returns {string} Filename
+   */
+  getFileName(filePath) {
+    return filePath.split('/').pop() || 'file.txt';
+  },
+
+  /**
+   * Gets the parent directory path
+   * @param {string} currentPath - Current path
+   * @returns {string|null} Parent path or null if at root
+   */
+  getParentPath(currentPath) {
+    if (!currentPath || currentPath === '') {
+      return null;
+    }
+    const pathParts = currentPath.split('/').filter(p => p);
+    if (pathParts.length === 0) {
+      return null;
+    }
+    pathParts.pop();
+    return pathParts.join('/');
+  }
+};

package/.claude/settings.local.json

@@ -1,30 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(chmod:*)",
-      "Bash(npm install)",
-      "Bash(npm start)",
-      "Bash(pkill:*)",
-      "Bash(node:*)",
-      "Bash(curl:*)",
-      "Bash(npm install:*)",
-      "Bash(git init:*)",
-      "Bash(git add:*)",
-      "Bash(git commit:*)",
-      "Bash(git rm:*)",
-      "Bash(ssh:*)",
-      "Bash(git restore:*)",
-      "Bash(npx gh-here:*)",
-      "Bash(git checkout:*)",
-      "Bash(git push:*)",
-      "Bash(git pull:*)",
-      "Bash(npm publish:*)",
-      "Bash(timeout:*)",
-      "Bash(npm version:*)",
-      "Bash(gh release create:*)",
-      "Bash(tree:*)"
-    ],
-    "deny": [],
-    "ask": []
-  }
-}

package/SAMPLE.md

@@ -1,287 +0,0 @@
-# Syntax Highlighting Test
-
-This file contains code samples in various languages to test syntax highlighting in markdown rendering.
-
-## JavaScript
-
-```javascript
-function greet(name) {
-  const message = `Hello, ${name}!`;
-  console.log(message);
-  return message;
-}
-
-class Person {
-  constructor(name, age) {
-    this.name = name;
-    this.age = age;
-  }
-
-  introduce() {
-    return `My name is ${this.name} and I'm ${this.age} years old.`;
-  }
-}
-```
-
-## Python
-
-```python
-def calculate_fibonacci(n):
-    """Calculate the nth Fibonacci number."""
-    if n <= 1:
-        return n
-    return calculate_fibonacci(n - 1) + calculate_fibonacci(n - 2)
-
-class Animal:
-    def __init__(self, name, species):
-        self.name = name
-        self.species = species
-
-    def make_sound(self):
-        return f"{self.name} the {self.species} makes a sound"
-```
-
-## Go
-
-```go
-package main
-
-import (
-    "fmt"
-    "time"
-)
-
-type User struct {
-    Name      string
-    Email     string
-    CreatedAt time.Time
-}
-
-func (u *User) SendEmail(message string) error {
-    fmt.Printf("Sending email to %s: %s\n", u.Email, message)
-    return nil
-}
-
-func main() {
-    user := &User{
-        Name:      "John Doe",
-        Email:     "john@example.com",
-        CreatedAt: time.Now(),
-    }
-    user.SendEmail("Welcome!")
-}
-```
-
-## Rust
-
-```rust
-use std::collections::HashMap;
-
-fn main() {
-    let mut scores = HashMap::new();
-    scores.insert(String::from("Blue"), 10);
-    scores.insert(String::from("Red"), 50);
-
-    for (key, value) in &scores {
-        println!("{}: {}", key, value);
-    }
-}
-
-struct Rectangle {
-    width: u32,
-    height: u32,
-}
-
-impl Rectangle {
-    fn area(&self) -> u32 {
-        self.width * self.height
-    }
-}
-```
-
-## TypeScript
-
-```typescript
-interface User {
-  id: number;
-  name: string;
-  email: string;
-}
-
-async function fetchUser(id: number): Promise<User> {
-  const response = await fetch(`/api/users/${id}`);
-  const data: User = await response.json();
-  return data;
-}
-
-class UserService {
-  private users: Map<number, User> = new Map();
-
-  addUser(user: User): void {
-    this.users.set(user.id, user);
-  }
-
-  getUser(id: number): User | undefined {
-    return this.users.get(id);
-  }
-}
-```
-
-## Bash
-
-```bash
-#!/bin/bash
-
-# Function to backup files
-backup_files() {
-    local source_dir=$1
-    local backup_dir=$2
-
-    if [ ! -d "$backup_dir" ]; then
-        mkdir -p "$backup_dir"
-    fi
-
-    tar -czf "$backup_dir/backup-$(date +%Y%m%d).tar.gz" "$source_dir"
-    echo "Backup completed successfully!"
-}
-
-backup_files "/home/user/documents" "/home/user/backups"
-```
-
-## SQL
-
-```sql
--- Create users table
-CREATE TABLE users (
-    id SERIAL PRIMARY KEY,
-    username VARCHAR(50) UNIQUE NOT NULL,
-    email VARCHAR(100) UNIQUE NOT NULL,
-    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
-);
-
--- Insert some data
-INSERT INTO users (username, email) VALUES
-    ('john_doe', 'john@example.com'),
-    ('jane_smith', 'jane@example.com');
-
--- Query with JOIN
-SELECT u.username, o.order_date, o.total
-FROM users u
-INNER JOIN orders o ON u.id = o.user_id
-WHERE o.total > 100
-ORDER BY o.order_date DESC;
-```
-
-## JSON
-
-```json
-{
-  "name": "gh-here",
-  "version": "2.0.0",
-  "description": "A local GitHub-like file browser",
-  "dependencies": {
-    "express": "^4.18.2",
-    "highlight.js": "^11.9.0",
-    "marked": "^12.0.0"
-  },
-  "scripts": {
-    "start": "node bin/gh-here.js",
-    "test": "jest"
-  }
-}
-```
-
-## CSS
-
-```css
-:root {
-  --primary-color: #0366d6;
-  --background-color: #ffffff;
-  --text-color: #24292e;
-}
-
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 20px;
-}
-
-.button {
-  display: inline-block;
-  padding: 10px 20px;
-  background-color: var(--primary-color);
-  color: white;
-  border-radius: 5px;
-  transition: background-color 0.3s ease;
-}
-
-.button:hover {
-  background-color: #0256c7;
-  cursor: pointer;
-}
-```
-
-## HTML
-
-```html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sample Page</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <header>
-        <h1>Welcome to My Site</h1>
-        <nav>
-            <ul>
-                <li><a href="#home">Home</a></li>
-                <li><a href="#about">About</a></li>
-                <li><a href="#contact">Contact</a></li>
-            </ul>
-        </nav>
-    </header>
-    <main>
-        <p>This is the main content area.</p>
-    </main>
-    <script src="script.js"></script>
-</body>
-</html>
-```
-
-## Java
-
-```java
-import java.util.ArrayList;
-import java.util.List;
-
-public class BankAccount {
-    private String accountNumber;
-    private double balance;
-    private List<Transaction> transactions;
-
-    public BankAccount(String accountNumber, double initialBalance) {
-        this.accountNumber = accountNumber;
-        this.balance = initialBalance;
-        this.transactions = new ArrayList<>();
-    }
-
-    public void deposit(double amount) {
-        if (amount > 0) {
-            balance += amount;
-            transactions.add(new Transaction("DEPOSIT", amount));
-        }
-    }
-
-    public boolean withdraw(double amount) {
-        if (amount > 0 && balance >= amount) {
-            balance -= amount;
-            transactions.add(new Transaction("WITHDRAWAL", amount));
-            return true;
-        }
-        return false;
-    }
-}
-```

package/lib/validation.js

@@ -1,77 +0,0 @@
-/**
- * Input validation and security utilities
- */
-
-const path = require('path');
-
-/**
- * Validates that a path is within the allowed working directory
- * Prevents path traversal attacks
- */
-function validatePath(requestPath, workingDir) {
-  const fullPath = path.resolve(path.join(workingDir, requestPath || ''));
-  return fullPath.startsWith(workingDir);
-}
-
-/**
- * Sanitizes file paths to prevent injection
- */
-function sanitizePath(filePath) {
-  if (!filePath) {
-    return '';
-  }
-  return filePath.replace(/\.\./g, '').replace(/[<>:"|?*]/g, '');
-}
-
-/**
- * Validates commit message
- */
-function validateCommitMessage(message) {
-  if (!message || typeof message !== 'string') {
-    return false;
-  }
-  return message.trim().length > 0 && message.trim().length <= 5000;
-}
-
-/**
- * Validates filename
- */
-function validateFilename(filename) {
-  if (!filename || typeof filename !== 'string') {
-    return false;
-  }
-
-  const sanitized = filename.trim();
-
-  if (sanitized.length === 0 || sanitized.length > 255) {
-    return false;
-  }
-
-  const invalidChars = /[<>:"|?*\x00-\x1F]/;
-  if (invalidChars.test(sanitized)) {
-    return false;
-  }
-
-  return true;
-}
-
-/**
- * Validates an array of file paths
- */
-function validateFilePaths(files) {
-  if (!Array.isArray(files) || files.length === 0) {
-    return false;
-  }
-
-  return files.every(file => {
-    return typeof file === 'string' && file.trim().length > 0;
-  });
-}
-
-module.exports = {
-  validatePath,
-  sanitizePath,
-  validateCommitMessage,
-  validateFilename,
-  validateFilePaths
-};