devfolio-page 0.2.0 → 0.2.2

package/dist/cli/commands/dev.js

@@ -3,10 +3,11 @@ import chokidar from 'chokidar';
 import { existsSync } from 'fs';
 import http from 'http';
 import path from 'path';
-import { renderCommand } from './render.js';
-import fs from 'fs/promises';
+import { buildStaticSiteInMemory } from '../../generator/builder.js';
+import { validatePortfolio } from '../helpers/validate.js';
 let isBuilding = false;
 let buildQueued = false;
+let siteCache = new Map();
 async function rebuild(file, options) {
     // If already building, queue another build
     if (isBuilding) {
@@ -17,19 +18,48 @@ async function rebuild(file, options) {
     try {
         console.log();
         console.log(chalk.dim(`[${new Date().toLocaleTimeString()}]`) + ' File changed: ' + chalk.cyan(file));
-        console.log(chalk.dim('Rebuilding...'));
+        console.log(chalk.dim('Rebuilding in memory...'));
         console.log();
-        await renderCommand('portfolio.yaml', {
+        // Validate and build in memory
+        const portfolio = validatePortfolio('portfolio.yaml');
+        const result = await buildStaticSiteInMemory(portfolio, {
             theme: options.theme,
-            output: options.output || './site',
         });
+        // Update cache
+        siteCache = result.files;
         console.log();
-        console.log(chalk.green('✓') + ' Rebuild complete!');
+        console.log(chalk.green('✓') + ` Rebuilt ${result.fileList.length} files in memory`);
+        // Show available pages (HTML only)
+        const htmlFiles = Array.from(siteCache.keys()).filter(key => key.endsWith('.html'));
+        if (htmlFiles.length > 0) {
+            console.log(chalk.dim('  Available pages:'));
+            htmlFiles.forEach((key) => {
+                // Convert file path to route
+                let route = '/' + key.replace(/\.html$/, '').replace(/\/index$/, '');
+                if (route === '/')
+                    route = '/ (home)';
+                console.log(chalk.dim(`    ${route}`));
+            });
+        }
         console.log();
     }
     catch (error) {
         console.error(chalk.red('✗') + ' Build failed:');
-        console.error(error instanceof Error ? error.message : String(error));
+        // Show detailed validation errors if available
+        if (error instanceof Error && 'errors' in error) {
+            const validationError = error;
+            console.error(chalk.red(error.message));
+            console.log();
+            validationError.errors?.forEach((err) => {
+                console.error(chalk.yellow(`  ${err.path}`) + `: ${err.message}`);
+                if (err.hint) {
+                    console.error(chalk.dim(`    Example: ${err.hint}`));
+                }
+            });
+        }
+        else {
+            console.error(error instanceof Error ? error.message : String(error));
+        }
         console.log();
     }
     finally {
@@ -41,31 +71,69 @@ async function rebuild(file, options) {
         }
     }
 }
-function startServer(outputDir, port) {
+function startServer(port) {
     const server = http.createServer(async (req, res) => {
         try {
             // Default to index.html
-            let filePath = req.url === '/' ? '/index.html' : req.url || '/index.html';
-            // Remove query string
-            filePath = filePath.split('?')[0];
-            const fullPath = path.join(outputDir, filePath);
-            // Security: prevent directory traversal
-            const normalizedPath = path.normalize(fullPath);
-            if (!normalizedPath.startsWith(path.normalize(outputDir))) {
-                res.writeHead(403);
-                res.end('Forbidden');
-                return;
+            let filePath = req.url === '/' ? 'index.html' : (req.url || 'index.html');
+            // Remove leading slash and query string
+            filePath = filePath.replace(/^\//, '').split('?')[0];
+            // Debug: log the request
+            console.log(chalk.dim(`\n  Request: ${req.url} → normalized: ${filePath}`));
+            // Try different path variations to find the file
+            let content;
+            let matchedPath;
+            // 1. Try exact path
+            const tryExact = filePath;
+            console.log(chalk.dim(`    [1] Exact: ${tryExact} ${siteCache.has(tryExact) ? chalk.green('✓') : chalk.red('✗')}`));
+            if (siteCache.has(tryExact)) {
+                content = siteCache.get(tryExact);
+                matchedPath = tryExact;
+            }
+            // 2. Try adding .html extension
+            if (!content) {
+                const tryHtml = filePath + '.html';
+                console.log(chalk.dim(`    [2] +.html: ${tryHtml} ${siteCache.has(tryHtml) ? chalk.green('✓') : chalk.red('✗')}`));
+                if (siteCache.has(tryHtml)) {
+                    content = siteCache.get(tryHtml);
+                    matchedPath = tryHtml;
+                }
+            }
+            // 3. Try as directory with index.html
+            if (!content) {
+                const tryDir = filePath + '/index.html';
+                console.log(chalk.dim(`    [3] +/index.html: ${tryDir} ${siteCache.has(tryDir) ? chalk.green('✓') : chalk.red('✗')}`));
+                if (siteCache.has(tryDir)) {
+                    content = siteCache.get(tryDir);
+                    matchedPath = tryDir;
+                }
+            }
+            // 4. Try removing trailing slash and adding index.html
+            if (!content && filePath.endsWith('/')) {
+                const trySlash = filePath + 'index.html';
+                console.log(chalk.dim(`    [4] trailing/: ${trySlash} ${siteCache.has(trySlash) ? chalk.green('✓') : chalk.red('✗')}`));
+                if (siteCache.has(trySlash)) {
+                    content = siteCache.get(trySlash);
+                    matchedPath = trySlash;
+                }
             }
-            // Check if file exists
-            if (!existsSync(fullPath)) {
-                res.writeHead(404);
+            // If still not found, return 404
+            if (!content) {
+                console.log(chalk.dim(`  404: ${req.url}`));
+                res.writeHead(404, { 'Content-Type': 'text/plain' });
                 res.end('Not found');
                 return;
             }
-            // Read file
-            const content = await fs.readFile(fullPath);
-            // Set content type
-            const ext = path.extname(fullPath);
+            // Log successful requests (excluding assets)
+            if (matchedPath && matchedPath.endsWith('.html')) {
+                console.log(chalk.dim(`  200: ${req.url}`) + chalk.green(` → ${matchedPath}`));
+            }
+            // Determine content type from original request or file path
+            let ext = path.extname(req.url || '');
+            // If no extension in URL, check if we're serving HTML
+            if (!ext && content) {
+                ext = '.html';
+            }
             const contentTypes = {
                 '.html': 'text/html',
                 '.css': 'text/css',
@@ -86,8 +154,8 @@ function startServer(outputDir, port) {
             res.end(content);
         }
         catch (error) {
-            console.error('Server error:', error);
-            res.writeHead(500);
+            console.error(chalk.red('✗') + ' Server error:', error);
+            res.writeHead(500, { 'Content-Type': 'text/plain' });
             res.end('Internal server error');
         }
     });
@@ -96,7 +164,6 @@ function startServer(outputDir, port) {
 }
 export async function devCommand(file = 'portfolio.yaml', options = {}) {
     const port = options.port || 3000;
-    const outputDir = path.resolve(options.output || './site');
     // Check if portfolio.yaml exists
     if (!existsSync(file)) {
         console.error(chalk.red('✗') + ` File not found: ${file}`);
@@ -111,26 +178,55 @@ export async function devCommand(file = 'portfolio.yaml', options = {}) {
     console.log(chalk.cyan('└─────────────────────────────────────────────────────────┘'));
     console.log();
     // Initial build
-    console.log(chalk.bold('Building initial site...'));
+    console.log(chalk.bold('Building initial site in memory...'));
     console.log();
     try {
-        await renderCommand(file, {
+        const portfolio = validatePortfolio(file);
+        const result = await buildStaticSiteInMemory(portfolio, {
             theme: options.theme,
-            output: outputDir,
         });
+        siteCache = result.files;
+        console.log(chalk.green('    ✓') + ` Built ${result.fileList.length} files`);
+        console.log();
+        // Show available pages (HTML only)
+        const htmlFiles = Array.from(siteCache.keys()).filter(key => key.endsWith('.html'));
+        if (htmlFiles.length > 0) {
+            console.log(chalk.dim('  Available pages:'));
+            htmlFiles.forEach((key) => {
+                // Convert file path to route
+                let route = '/' + key.replace(/\.html$/, '').replace(/\/index$/, '');
+                if (route === '/')
+                    route = '/ (home)';
+                console.log(chalk.dim(`    ${route}`));
+            });
+        }
     }
     catch (error) {
         console.error(chalk.red('✗') + ' Initial build failed:');
-        console.error(error instanceof Error ? error.message : String(error));
+        // Show detailed validation errors if available
+        if (error instanceof Error && 'errors' in error) {
+            const validationError = error;
+            console.error(chalk.red(error.message));
+            console.log();
+            validationError.errors?.forEach((err) => {
+                console.error(chalk.yellow(`  ${err.path}`) + `: ${err.message}`);
+                if (err.hint) {
+                    console.error(chalk.dim(`    Example: ${err.hint}`));
+                }
+            });
+        }
+        else {
+            console.error(error instanceof Error ? error.message : String(error));
+        }
         process.exit(1);
     }
     // Start server
-    const server = startServer(outputDir, port);
+    const server = startServer(port);
     console.log();
     console.log(chalk.green('✓') + ' Dev server started!');
     console.log();
     console.log('  ' + chalk.bold('Local:') + '    ' + chalk.cyan(`http://localhost:${port}`));
-    console.log('  ' + chalk.bold('Output:') + '   ' + chalk.dim(outputDir));
+    console.log('  ' + chalk.bold('Mode:') + '     ' + chalk.dim('In-memory (no site/ folder)'));
     console.log();
     console.log(chalk.dim('Watching for changes...'));
     console.log(chalk.dim('Press Ctrl+C to stop'));

package/dist/cli/commands/init.js

@@ -35,6 +35,47 @@ function question(rl, prompt) {
         });
     });
 }
+function isValidEmail(email) {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+}
+function isValidUrl(url) {
+    try {
+        const parsed = new URL(url);
+        return parsed.protocol === 'http:' || parsed.protocol === 'https:';
+    }
+    catch {
+        return false;
+    }
+}
+function isValidUsername(username) {
+    // Basic validation: alphanumeric, hyphens, underscores
+    const usernameRegex = /^[a-zA-Z0-9_-]+$/;
+    return usernameRegex.test(username);
+}
+async function questionWithValidation(rl, prompt, validator, optional = false) {
+    while (true) {
+        const answer = await question(rl, prompt);
+        // Allow empty if optional
+        if (!answer && optional) {
+            return '';
+        }
+        // Require value if not optional
+        if (!answer && !optional) {
+            console.log(chalk.red('  ✗ This field is required'));
+            continue;
+        }
+        // Validate if validator provided
+        if (answer && validator) {
+            const result = validator(answer);
+            if (!result.valid) {
+                console.log(chalk.red(`  ✗ ${result.error}`));
+                continue;
+            }
+        }
+        return answer;
+    }
+}
 function printHeader() {
     console.log();
     console.log(chalk.cyan('┌────────────────────────────────────────┐'));
@@ -195,26 +236,15 @@ export async function initCommand() {
             rl.close();
             process.exit(1);
         }
-        const name = await question(rl, chalk.cyan('? ') + 'What\'s your name? ');
-        if (!name) {
-            console.log(chalk.red('✗') + ' Name is required');
-            process.exit(1);
-        }
-        const title = await question(rl, chalk.cyan('? ') + 'What\'s your title/role? ');
-        if (!title) {
-            console.log(chalk.red('✗') + ' Title is required');
-            process.exit(1);
-        }
-        const location = await question(rl, chalk.cyan('? ') + 'Where are you located? ');
-        if (!location) {
-            console.log(chalk.red('✗') + ' Location is required');
-            process.exit(1);
-        }
-        const email = await question(rl, chalk.cyan('? ') + 'What\'s your email? ');
-        if (!email) {
-            console.log(chalk.red('✗') + ' Email is required');
-            process.exit(1);
-        }
+        const name = await questionWithValidation(rl, chalk.cyan('? ') + 'What\'s your name? ');
+        const title = await questionWithValidation(rl, chalk.cyan('? ') + 'What\'s your title/role? ');
+        const location = await questionWithValidation(rl, chalk.cyan('? ') + 'Where are you located? ');
+        const email = await questionWithValidation(rl, chalk.cyan('? ') + 'What\'s your email? ', (value) => {
+            if (!isValidEmail(value)) {
+                return { valid: false, error: 'Invalid email format (example: you@example.com)' };
+            }
+            return { valid: true };
+        });
         // Theme selection
         console.log();
         console.log(chalk.cyan('? ') + 'Which theme would you like?');
@@ -236,10 +266,30 @@ export async function initCommand() {
             console.log(chalk.yellow('  Invalid choice, using SRCL'));
         }
         console.log(chalk.dim('\n  Optional fields (press Enter to skip)'));
-        const github = await question(rl, chalk.cyan('? ') + 'GitHub username? ' + chalk.dim('(optional) '));
-        const linkedin = await question(rl, chalk.cyan('? ') + 'LinkedIn username? ' + chalk.dim('(optional) '));
-        const twitter = await question(rl, chalk.cyan('? ') + 'Twitter username? ' + chalk.dim('(optional) '));
-        const website = await question(rl, chalk.cyan('? ') + 'Website URL? ' + chalk.dim('(optional) '));
+        const github = await questionWithValidation(rl, chalk.cyan('? ') + 'GitHub username? ' + chalk.dim('(optional) '), (value) => {
+            if (!isValidUsername(value)) {
+                return { valid: false, error: 'Invalid username format (letters, numbers, hyphens, underscores only)' };
+            }
+            return { valid: true };
+        }, true);
+        const linkedin = await questionWithValidation(rl, chalk.cyan('? ') + 'LinkedIn username? ' + chalk.dim('(optional) '), (value) => {
+            if (!isValidUsername(value)) {
+                return { valid: false, error: 'Invalid username format (letters, numbers, hyphens, underscores only)' };
+            }
+            return { valid: true };
+        }, true);
+        const twitter = await questionWithValidation(rl, chalk.cyan('? ') + 'Twitter username? ' + chalk.dim('(optional) '), (value) => {
+            if (!isValidUsername(value)) {
+                return { valid: false, error: 'Invalid username format (letters, numbers, hyphens, underscores only)' };
+            }
+            return { valid: true };
+        }, true);
+        const website = await questionWithValidation(rl, chalk.cyan('? ') + 'Website URL? ' + chalk.dim('(optional) '), (value) => {
+            if (!isValidUrl(value)) {
+                return { valid: false, error: 'Invalid URL format (must start with http:// or https://)' };
+            }
+            return { valid: true };
+        }, true);
         rl.close();
         const input = {
             name,
@@ -267,12 +317,12 @@ export async function initCommand() {
         console.log(chalk.dim('  └── ') + chalk.cyan('site/') + chalk.dim('           (generated after render)'));
         console.log();
         console.log(chalk.bold('Next steps:'));
-        console.log(chalk.dim('  1.') + ' Edit ' + chalk.cyan(`${folderName}/portfolio.yaml`) + ' and add your projects');
+        console.log(chalk.dim('  1.') + ' Edit ' + chalk.cyan(`${folderName}/portfolio.yaml`) + ' and add your content');
         console.log(chalk.dim('  2.') + ' Add images to ' + chalk.cyan(`${folderName}/images/`));
-        console.log(chalk.dim('  3.') + ' Run: ' + chalk.cyan(`cd ${folderName} && devfolio-page render`));
-        console.log(chalk.dim('  4.') + ' Open: ' + chalk.cyan(`${folderName}/site/index.html`) + ' to view');
+        console.log(chalk.dim('  3.') + ' Run: ' + chalk.cyan(`cd ${folderName} && devfolio-page dev`));
+        console.log(chalk.dim('  4.') + ' Open: ' + chalk.cyan(`http://localhost:3000`) + ' in your browser');
         console.log();
-        console.log('Tip: Check ' + chalk.cyan('https://devfolio.page/portfolios/') + ' for examples');
+        console.log('Tip: Check ' + chalk.cyan('https://devfolio.page/docs') + ' for full documentation');
         console.log();
     }
     catch (err) {

package/dist/cli/index.js

@@ -10,7 +10,7 @@ const program = new Command();
 program
     .name('devfolio-page')
     .description('Your portfolio as code. Version control it like software.')
-    .version('0.2.0');
+    .version('0.2.1');
 program
     .command('init')
     .description('Create a new portfolio.yaml with interactive prompts')

package/dist/generator/builder.js

@@ -33,6 +33,34 @@ export async function buildStaticSite(portfolio, options) {
     return { outputDir, files };
 }
 // =============================================================================
+// In-Memory Build Function (for dev mode)
+// =============================================================================
+export async function buildStaticSiteInMemory(portfolio, options) {
+    const theme = options.theme || portfolio.theme || 'srcl';
+    const themePath = path.join(import.meta.dirname, 'themes', theme);
+    const files = new Map();
+    const fileList = [];
+    // 1. Copy theme assets (CSS, JS)
+    const assetFiles = await copyThemeAssetsInMemory(themePath, portfolio.settings, files);
+    fileList.push(...assetFiles);
+    // 2. Copy fonts
+    const fontFiles = await copyFontsInMemory(files);
+    fileList.push(...fontFiles);
+    // 3. Generate pages based on portfolio structure
+    const hasRichProjects = (portfolio.projects?.length ?? 0) > 0;
+    if (hasRichProjects) {
+        // Multi-page site with project case studies
+        const pageFiles = await generateMultiPageSiteInMemory(portfolio, themePath, theme, files);
+        fileList.push(...pageFiles);
+    }
+    else {
+        // Single-page site (backwards compatible)
+        const pageFiles = await generateSinglePageSiteInMemory(portfolio, themePath, theme, files);
+        fileList.push(...pageFiles);
+    }
+    return { files, fileList };
+}
+// =============================================================================
 // Directory Structure
 // =============================================================================
 async function createDirectoryStructure(outputDir) {
@@ -554,3 +582,255 @@ async function fileExists(filePath) {
         return false;
     }
 }
+// =============================================================================
+// In-Memory Build Helpers
+// =============================================================================
+async function copyThemeAssetsInMemory(themePath, settings, files) {
+    const fileList = [];
+    // Copy CSS
+    const cssPath = path.join(themePath, 'styles.css');
+    if (await fileExists(cssPath)) {
+        const content = await fs.readFile(cssPath);
+        files.set('assets/styles.css', content);
+        fileList.push('assets/styles.css');
+    }
+    // Copy JS
+    const jsPath = path.join(themePath, 'script.js');
+    if (await fileExists(jsPath)) {
+        const content = await fs.readFile(jsPath);
+        files.set('assets/script.js', content);
+        fileList.push('assets/script.js');
+    }
+    return fileList;
+}
+async function copyFontsInMemory(files) {
+    const fileList = [];
+    const srcFontDir = '/Users/louanne/www-sacred/public/fonts';
+    try {
+        const fontFiles = await fs.readdir(srcFontDir);
+        for (const file of fontFiles) {
+            if (file.endsWith('.woff') ||
+                file.endsWith('.woff2') ||
+                file.endsWith('.ttf') ||
+                file.endsWith('.otf') ||
+                file.endsWith('.css')) {
+                const content = await fs.readFile(path.join(srcFontDir, file));
+                files.set(`assets/fonts/${file}`, content);
+                fileList.push(`assets/fonts/${file}`);
+            }
+        }
+    }
+    catch {
+        // Fonts directory doesn't exist or isn't accessible - that's fine
+    }
+    return fileList;
+}
+async function generateSinglePageSiteInMemory(portfolio, themePath, theme, files) {
+    const fileList = [];
+    // Load template and partials
+    const template = await fs.readFile(path.join(themePath, 'template.html'), 'utf-8');
+    const partials = await loadPartials(themePath);
+    // Prepare template data
+    const templateData = prepareTemplateData(portfolio);
+    // Render each partial
+    const renderedPartials = renderPartials(partials, templateData);
+    // Render main template with settings
+    const settings = portfolio.settings || {};
+    const defaultColorScheme = theme === 'dark-academia' ? 'light' : 'dark';
+    const html = Mustache.render(template, {
+        ...templateData,
+        ...renderedPartials,
+        colorScheme: settings.color_scheme || defaultColorScheme,
+        showGrid: settings.show_grid || false,
+        enableHotkeys: settings.enable_hotkeys !== false,
+        animate: settings.animate || 'subtle',
+        hasExperience: (portfolio.sections.experience?.length ?? 0) > 0,
+        hasProjects: ((portfolio.projects?.length ?? 0) > 0) || ((portfolio.sections.projects?.length ?? 0) > 0),
+        hasExperiments: (portfolio.experiments?.length ?? 0) > 0,
+        hasSkills: portfolio.sections.skills && Object.keys(portfolio.sections.skills).length > 0,
+        hasWriting: (portfolio.sections.writing?.length ?? 0) > 0,
+        hasEducation: (portfolio.sections.education?.length ?? 0) > 0,
+    });
+    files.set('index.html', Buffer.from(html, 'utf-8'));
+    fileList.push('index.html');
+    return fileList;
+}
+async function generateMultiPageSiteInMemory(portfolio, themePath, theme, files) {
+    const fileList = [];
+    // Check if theme has multi-page templates
+    const hasMultiPageTemplates = await fileExists(path.join(themePath, 'templates/homepage.html'));
+    if (!hasMultiPageTemplates) {
+        return generateSinglePageSiteInMemory(portfolio, themePath, theme, files);
+    }
+    // Generate homepage
+    const homepageFiles = await generateHomepageInMemory(portfolio, themePath, theme, files);
+    fileList.push(...homepageFiles);
+    // Generate project pages
+    const projectFiles = await generateProjectPagesInMemory(portfolio, themePath, theme, files);
+    fileList.push(...projectFiles);
+    // Generate projects index
+    const projectIndexFiles = await generateProjectsIndexInMemory(portfolio, themePath, theme, files);
+    fileList.push(...projectIndexFiles);
+    // Generate experiments index
+    const experimentsIndexFiles = await generateExperimentsIndexInMemory(portfolio, themePath, theme, files);
+    fileList.push(...experimentsIndexFiles);
+    // Generate writing index
+    const writingIndexFiles = await generateWritingIndexInMemory(portfolio, themePath, theme, files);
+    fileList.push(...writingIndexFiles);
+    // Copy user images
+    await copyUserImagesInMemory(portfolio, files);
+    return fileList;
+}
+async function generateHomepageInMemory(portfolio, themePath, theme, files) {
+    const templatePath = path.join(themePath, 'templates/homepage.html');
+    if (!(await fileExists(templatePath))) {
+        return [];
+    }
+    const template = await fs.readFile(templatePath, 'utf-8');
+    const settings = portfolio.settings || {};
+    const defaultColorScheme = theme === 'dark-academia' ? 'light' : 'dark';
+    const data = {
+        name: portfolio.meta.name,
+        title: portfolio.meta.title,
+        location: portfolio.meta.location,
+        timezone: portfolio.meta.timezone,
+        email: portfolio.contact.email,
+        website: portfolio.contact.website,
+        github: portfolio.contact.github,
+        linkedin: portfolio.contact.linkedin,
+        twitter: portfolio.contact.twitter,
+        bio: portfolio.bio,
+        bio_html: parseBio(portfolio.bio),
+        about_short: portfolio.about?.short || '',
+        featured_projects: portfolio.projects?.filter((p) => p.featured) || [],
+        featured_writing: portfolio.sections.writing?.filter((w) => 'featured' in w && w.featured) || [],
+        show_experiments: portfolio.layout?.show_experiments,
+        experiments: portfolio.experiments?.slice(0, 4) || [],
+        colorScheme: settings.color_scheme || defaultColorScheme,
+        showGrid: settings.show_grid || false,
+        enableHotkeys: settings.enable_hotkeys !== false,
+        animate: settings.animate || 'subtle',
+        hasProjects: (portfolio.projects?.length ?? 0) > 0,
+        hasExperiments: (portfolio.experiments?.length ?? 0) > 0,
+        hasWriting: (portfolio.sections.writing?.length ?? 0) > 0,
+    };
+    const html = Mustache.render(template, data);
+    files.set('index.html', Buffer.from(html, 'utf-8'));
+    return ['index.html'];
+}
+async function generateProjectPagesInMemory(portfolio, themePath, theme, files) {
+    if (!portfolio.projects || portfolio.projects.length === 0) {
+        return [];
+    }
+    const templatePath = path.join(themePath, 'templates/project.html');
+    if (!(await fileExists(templatePath))) {
+        return [];
+    }
+    const template = await fs.readFile(templatePath, 'utf-8');
+    const partials = await loadProjectPartials(themePath);
+    const settings = portfolio.settings || {};
+    const defaultColorScheme = theme === 'dark-academia' ? 'light' : 'dark';
+    const fileList = [];
+    for (const project of portfolio.projects) {
+        const sectionsHtml = project.sections
+            .map((section) => renderContentSection(section, partials))
+            .join('\n');
+        const data = {
+            ...project,
+            sections_html: sectionsHtml,
+            site_name: portfolio.meta.name,
+            nav_links: generateNavLinks(portfolio, true, 'project'),
+            colorScheme: settings.color_scheme || defaultColorScheme,
+            showGrid: settings.show_grid || false,
+            enableHotkeys: settings.enable_hotkeys !== false,
+        };
+        const html = Mustache.render(template, data);
+        const filename = `projects/${project.id}.html`;
+        files.set(filename, Buffer.from(html, 'utf-8'));
+        fileList.push(filename);
+    }
+    return fileList;
+}
+async function generateProjectsIndexInMemory(portfolio, themePath, theme, files) {
+    const templatePath = path.join(themePath, 'templates/projects-index.html');
+    if (!(await fileExists(templatePath))) {
+        return [];
+    }
+    const template = await fs.readFile(templatePath, 'utf-8');
+    const settings = portfolio.settings || {};
+    const defaultColorScheme = theme === 'dark-academia' ? 'light' : 'dark';
+    const data = {
+        site_name: portfolio.meta.name,
+        projects: portfolio.projects || [],
+        colorScheme: settings.color_scheme || defaultColorScheme,
+        nav_links: generateNavLinks(portfolio, true, 'projects'),
+    };
+    const html = Mustache.render(template, data);
+    files.set('projects/index.html', Buffer.from(html, 'utf-8'));
+    return ['projects/index.html'];
+}
+async function generateExperimentsIndexInMemory(portfolio, themePath, theme, files) {
+    if (!portfolio.experiments || portfolio.experiments.length === 0) {
+        return [];
+    }
+    const templatePath = path.join(themePath, 'templates/experiments-index.html');
+    if (!(await fileExists(templatePath))) {
+        return [];
+    }
+    const template = await fs.readFile(templatePath, 'utf-8');
+    const settings = portfolio.settings || {};
+    const defaultColorScheme = theme === 'dark-academia' ? 'light' : 'dark';
+    const data = {
+        site_name: portfolio.meta.name,
+        experiments: portfolio.experiments || [],
+        colorScheme: settings.color_scheme || defaultColorScheme,
+        nav_links: generateNavLinks(portfolio, true, 'experiments'),
+    };
+    const html = Mustache.render(template, data);
+    files.set('experiments/index.html', Buffer.from(html, 'utf-8'));
+    return ['experiments/index.html'];
+}
+async function generateWritingIndexInMemory(portfolio, themePath, theme, files) {
+    if (!portfolio.sections.writing || portfolio.sections.writing.length === 0) {
+        return [];
+    }
+    const templatePath = path.join(themePath, 'templates/writing-index.html');
+    if (!(await fileExists(templatePath))) {
+        return [];
+    }
+    const template = await fs.readFile(templatePath, 'utf-8');
+    const settings = portfolio.settings || {};
+    const defaultColorScheme = theme === 'dark-academia' ? 'light' : 'dark';
+    const data = {
+        site_name: portfolio.meta.name,
+        writing: portfolio.sections.writing || [],
+        colorScheme: settings.color_scheme || defaultColorScheme,
+        nav_links: generateNavLinks(portfolio, true, 'writing'),
+    };
+    const html = Mustache.render(template, data);
+    files.set('writing/index.html', Buffer.from(html, 'utf-8'));
+    return ['writing/index.html'];
+}
+async function copyUserImagesInMemory(portfolio, files) {
+    const imagePaths = extractAllImagePaths(portfolio);
+    for (const imgPath of imagePaths) {
+        if (!imgPath) {
+            continue;
+        }
+        // Skip absolute URLs
+        if (imgPath.startsWith('http://') || imgPath.startsWith('https://')) {
+            continue;
+        }
+        const srcPath = imgPath.startsWith('/')
+            ? path.join(process.cwd(), imgPath)
+            : path.join(process.cwd(), imgPath);
+        try {
+            const content = await fs.readFile(srcPath);
+            files.set(imgPath, content);
+        }
+        catch {
+            // Image doesn't exist - that's okay, it might be a placeholder
+            console.warn(`Warning: Could not copy image ${imgPath}`);
+        }
+    }
+}

package/dist/generator/themes/dark-academia/styles.css

@@ -1,5 +1,5 @@
 /* ============================================
-   Dark Academia Theme for dev.page
+   Dark Academia Theme for devfolio.page
    Scholarly, vintage, warm aesthetic
    ============================================ */
 

package/dist/generator/themes/modern/styles.css

@@ -1,5 +1,5 @@
 /* ============================================
-   Modern Theme for dev.page
+   Modern Theme for devfolio.page
    Clean, contemporary, minimalist design
    ============================================ */
 

package/dist/generator/themes/srcl/styles.css

@@ -1,5 +1,5 @@
 /* ============================================
-   SRCL Theme for dev.page
+   SRCL Theme for devfolio.page
    Adapted from sacred.computer components
    ============================================ */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devfolio-page",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Your portfolio as code. Version control it like software.",
   "type": "module",
   "bin": {

package/src/generator/themes/dark-academia/styles.css

@@ -1,5 +1,5 @@
 /* ============================================
-   Dark Academia Theme for dev.page
+   Dark Academia Theme for devfolio.page
    Scholarly, vintage, warm aesthetic
    ============================================ */
 

package/src/generator/themes/modern/styles.css

@@ -1,5 +1,5 @@
 /* ============================================
-   Modern Theme for dev.page
+   Modern Theme for devfolio.page
    Clean, contemporary, minimalist design
    ============================================ */
 

package/src/generator/themes/srcl/styles.css

@@ -1,5 +1,5 @@
 /* ============================================
-   SRCL Theme for dev.page
+   SRCL Theme for devfolio.page
    Adapted from sacred.computer components
    ============================================ */