@life-and-dev/mdsite 0.0.3

package/mdsite-nuxt/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "mdsite-nuxt-renderer",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "description": "Nuxt-based renderer for MD-Site CLI utility",
+  "scripts": {
+    "build": "tsx scripts/start.ts --build",
+    "build:renderer": "npm run build",
+    "dev": "tsx scripts/start.ts",
+    "dev:cached": "tsx scripts/start.ts --cached",
+    "favicon": "tsx scripts/generate-favicons.ts",
+    "generate-favicons": "npm run favicon",
+    "generate-indices": "tsx scripts/generate-indices.ts",
+    "generate": "tsx scripts/start.ts --generate",
+    "postinstall": "npm run prepare:nuxt",
+    "prepare:nuxt": "nuxt prepare",
+    "prepare:renderer": "tsx scripts/start.ts --prepare",
+    "preview": "tsx scripts/start.ts --preview",
+    "setup": "npm run prepare:renderer",
+    "sync-content": "tsx scripts/sync-content.ts --sync",
+    "start": "tsx scripts/start.ts",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "@nuxt/content": "^3.8.0",
+    "@types/node": "^24.10.0",
+    "better-sqlite3": "^12.4.1",
+    "fs-extra": "^11.3.2",
+    "gray-matter": "^4.0.3",
+    "mermaid": "^11.12.2",
+    "nuxt": "^4.2.1",
+    "typescript": "^5.9.3",
+    "vue": "^3.5.24",
+    "vue-router": "^4.6.3",
+    "vue-tsc": "^3.1.3",
+    "vuetify-nuxt-module": "^0.19.2",
+    "yaml": "^2.8.1"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.56.1",
+    "@types/fs-extra": "^11.0.4",
+    "@vitest/ui": "^4.0.8",
+    "playwright": "^1.56.1",
+    "remark-github-blockquote-alert": "^2.0.1",
+    "sharp": "^0.34.5",
+    "tsx": "^4.20.6",
+    "vitest": "^4.0.8"
+  }
+}

package/mdsite-nuxt/playwright.config.js

@@ -0,0 +1,47 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  fullyParallel: false,
+  forbidOnly: false,
+  retries: 0,
+  workers: 1,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:3000',
+    trace: 'on-first-retry',
+    screenshot: 'only-on-failure',
+    video: 'retain-on-failure',
+    // Set reasonable timeout for page actions
+    actionTimeout: 10000,
+    navigationTimeout: 30000,
+  },
+  timeout: 60000, // Set default timeout to 60 seconds for all tests
+
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        viewport: { width: 1366, height: 768 }, // Typical budget laptop resolution
+        launchOptions: {
+          args: [
+            '--no-sandbox',
+            '--disable-setuid-sandbox',
+            '--disable-dev-shm-usage',
+            '--disable-gpu',
+            '--disable-web-security',
+            '--disable-features=VizDisplayCompositor'
+          ]
+        }
+      },
+    },
+  ],
+
+  webServer: {
+    command: 'npm run dev',
+    url: 'http://localhost:3000',
+    reuseExistingServer: true,
+    timeout: 30000,
+  },
+});

package/mdsite-nuxt/public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent: *
+Disallow:

package/mdsite-nuxt/scripts/generate-favicons.ts

@@ -0,0 +1,192 @@
+#!/usr/bin/env node
+
+import sharp from 'sharp'
+import fs from 'fs-extra'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import { loadMdsiteConfigSync, resolveMdsiteConfigPath } from '../utils/mdsite-config.js'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const FAVICON_SIZES = {
+  ico: [16, 32],
+  appleTouchIcon: 180,
+  pwaIcon192: 192,
+  pwaIcon512: 512
+} as const
+
+/**
+ * Generate favicons from the active mdsite config
+ */
+export async function generateFavicons() {
+  const { contentDir, config } = loadMdsiteConfigSync()
+  const logoPath = path.join(contentDir, 'logo.svg')
+  const faviconDir = path.join(contentDir, 'favicon')
+
+  // Check if logo exists
+  if (!await fs.pathExists(logoPath)) {
+    console.error(`❌ Logo not found: ${logoPath}`)
+    return false
+  }
+
+  await fs.ensureDir(faviconDir)
+
+  console.log(`🎨 Generating favicons for site: ${config.site.name}`)
+  console.log(`   Source: ${logoPath}`)
+  console.log(`   Output: ${faviconDir}`)
+
+  try {
+    // Copy SVG as-is (for modern browsers)
+    const svgTargetPath = path.join(faviconDir, 'favicon.svg')
+    await fs.copy(logoPath, svgTargetPath)
+    console.log(`   ✓ SVG: favicon.svg`)
+
+    // Generate ICO (32x32 with transparent padding)
+    const icoTargetPath = path.join(faviconDir, 'favicon.ico')
+    const png32Buffer = await sharp(logoPath)
+      .resize(32, 32, {
+        fit: 'contain',
+        background: { r: 255, g: 255, b: 255, alpha: 0 }
+      })
+      .png()
+      .toBuffer()
+
+    await fs.writeFile(icoTargetPath, png32Buffer)
+    console.log(`   ✓ ICO: favicon.ico`)
+
+    // Generate Apple Touch Icon (180x180 with transparent padding)
+    const appleTouchPath = path.join(faviconDir, 'apple-touch-icon.png')
+    await sharp(logoPath)
+      .resize(FAVICON_SIZES.appleTouchIcon, FAVICON_SIZES.appleTouchIcon, {
+        fit: 'contain',
+        background: { r: 255, g: 255, b: 255, alpha: 0 }
+      })
+      .png()
+      .toFile(appleTouchPath)
+    console.log(`   ✓ Apple Touch Icon: apple-touch-icon.png`)
+
+    // Generate PWA Icon 192x192
+    const icon192Path = path.join(faviconDir, 'icon-192.png')
+    await sharp(logoPath)
+      .resize(FAVICON_SIZES.pwaIcon192, FAVICON_SIZES.pwaIcon192, {
+        fit: 'contain',
+        background: { r: 255, g: 255, b: 255, alpha: 0 }
+      })
+      .png()
+      .toFile(icon192Path)
+    console.log(`   ✓ PWA Icon 192: icon-192.png`)
+
+    // Generate PWA Icon 512x512
+    const icon512Path = path.join(faviconDir, 'icon-512.png')
+    await sharp(logoPath)
+      .resize(FAVICON_SIZES.pwaIcon512, FAVICON_SIZES.pwaIcon512, {
+        fit: 'contain',
+        background: { r: 255, g: 255, b: 255, alpha: 0 }
+      })
+      .png()
+      .toFile(icon512Path)
+    console.log(`   ✓ PWA Icon 512: icon-512.png`)
+
+    console.log(`✅ Favicons generated successfully for ${config.site.name}\n`)
+    return true
+  } catch (error) {
+    console.error(`❌ Failed to generate favicons for ${config.site.name}:`, error)
+    return false
+  }
+}
+
+/**
+ * Copy favicon files from content submodule to public directory
+ */
+export async function copyFaviconsToPublic() {
+  const projectRoot = path.resolve(__dirname, '..')
+  const { contentDir, config } = loadMdsiteConfigSync()
+  const faviconDir = path.join(contentDir, 'favicon')
+  const publicDir = path.join(projectRoot, 'public')
+
+  console.log(`📋 Copying ${config.site.name} favicons to public...`)
+
+  const files = [
+    'favicon.svg',
+    'favicon.ico',
+    'apple-touch-icon.png',
+    'icon-192.png',
+    'icon-512.png'
+  ]
+
+  for (const file of files) {
+    const sourcePath = path.join(faviconDir, file)
+    const targetPath = path.join(publicDir, file)
+
+    if (await fs.pathExists(sourcePath)) {
+      await fs.copy(sourcePath, targetPath)
+      console.log(`   ✓ ${file}`)
+    } else {
+      console.warn(`   ⚠ Missing: ${file}`)
+    }
+  }
+
+  console.log(`✅ Favicon copy complete\n`)
+}
+
+/**
+ * Generate web manifest for PWA support
+ */
+export async function generateWebManifest(name: string) {
+  const projectRoot = path.resolve(__dirname, '..')
+  const publicDir = path.join(projectRoot, 'public')
+  const manifestPath = path.join(publicDir, 'site.webmanifest')
+
+  const manifest = {
+    name: name,
+    short_name: name,
+    icons: [
+      {
+        src: '/icon-192.png',
+        sizes: '192x192',
+        type: 'image/png'
+      },
+      {
+        src: '/icon-512.png',
+        sizes: '512x512',
+        type: 'image/png'
+      }
+    ],
+    theme_color: '#ffffff',
+    background_color: '#ffffff',
+    display: 'standalone'
+  }
+
+  await fs.writeJson(manifestPath, manifest, { spaces: 2 })
+  console.log(`📱 Web manifest generated: site.webmanifest\n`)
+}
+
+/**
+ * CLI execution
+ */
+if (import.meta.url === `file://${process.argv[1]}`) {
+  const args = process.argv.slice(2)
+  const configArg = args.find(arg => /\.ya?ml$/i.test(arg))
+  const configPath = resolveMdsiteConfigPath({ configPath: configArg, contentPath: process.env.NUXT_CONTENT_PATH })
+
+  if (!configPath) {
+    console.error('❌ No mdsite.yml configuration found. Set MDSITE_CONFIG_PATH or pass a mdsite.yml path.')
+    process.exit(1)
+  }
+
+  const { config, contentDir } = loadMdsiteConfigSync({ configPath, contentPath: process.env.NUXT_CONTENT_PATH })
+  process.env.MDSITE_CONFIG_PATH = configPath
+  process.env.NUXT_CONTENT_PATH = contentDir
+  process.env.CONTENT_DIR = contentDir
+
+    ; (async () => {
+      const success = await generateFavicons()
+      if (success) {
+        await copyFaviconsToPublic()
+        await generateWebManifest(config.site.name)
+      } else {
+        process.exit(1)
+      }
+    })()
+}