@edgedev/create-edge-site 1.0.10 → 1.0.12

package/nuxt.config.ts

@@ -1,8 +1,13 @@
 import { defineNuxtConfig } from 'nuxt/config'
 
 export default defineNuxtConfig({
+  ssr: true,
   nitro: {
-    preset: 'static',
+    preset: 'cloudflare-pages',
+    prerender: {
+      crawlLinks: true,
+      routes: ['/'], // Starting point for the crawler
+    },
   },
   compatibilityDate: '2024-11-01',
   app: {

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@edgedev/create-edge-site",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Create Edge Starter Site",
   "bin": {
     "create-edge-site": "./bin/cli.js"
   },
   "scripts": {
-    "build": "nuxt build",
-    "dev": "rm -rf .nuxt && nuxt dev --host --port=3000",
-    "emulator": "rm -rf .nuxt && nuxt dev --dotenv .env.dev --host --port=3000",
-    "build-emulator": "nuxt generate --dotenv .env.dev",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview",
+    "generate:images": "node scripts/generateImageManifest.mjs",
+    "build": "npm run generate:images && nuxt build",
+    "dev": "npm run generate:images  && rm -rf .nuxt && nuxt dev --host --port=3000",
+    "generate": "npm run generate:images && nuxt generate",
+    "preview": "npm run generate:images && nuxt build && npx wrangler pages dev dist",
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
@@ -31,6 +30,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.11.0",
-    "eslint": "^9"
+    "eslint": "^9",
+    "wrangler": "^4.14.4"
   }
 }

package/scripts/generateImageManifest.mjs

@@ -0,0 +1,52 @@
+import fs from 'node:fs/promises'
+import path from 'node:path'
+
+const rootFolder = 'public/images'
+const output = {}
+
+async function scanFolder(dirPath) {
+  const entries = await fs.readdir(dirPath, { withFileTypes: true })
+
+  const folders = entries.filter(entry => entry.isDirectory())
+  const files = entries
+    .filter(entry => entry.isFile() && !entry.name.startsWith('.'))
+    .map(entry => entry.name)
+
+  // If only files, return array directly
+  if (folders.length === 0)
+    return files
+
+  // If contains folders (and maybe files), build object
+  const result = {}
+
+  if (files.length > 0) {
+    result[''] = files
+  }
+
+  for (const folder of folders) {
+    const fullPath = path.join(dirPath, folder.name)
+    result[folder.name] = await scanFolder(fullPath)
+  }
+
+  return result
+}
+
+try {
+  const baseFolders = await fs.readdir(rootFolder, { withFileTypes: true })
+
+  for (const base of baseFolders) {
+    if (!base.isDirectory())
+      continue
+
+    const basePath = path.join(rootFolder, base.name)
+    const scanResult = await scanFolder(basePath)
+    output[base.name] = scanResult
+  }
+
+  const outputPath = path.join(rootFolder, 'image-manifest.json')
+  await fs.writeFile(outputPath, JSON.stringify(output, null, 2))
+  console.log(`✅ Image manifest written to ${outputPath}`)
+}
+catch (err) {
+  console.error(`❌ Error generating image manifest`, err)
+}

package/server/api/hello.ts

@@ -0,0 +1,3 @@
+export default defineEventHandler(() => {
+  return { message: "Hello from World" };
+});

package/server/api/images/[...path].ts

@@ -0,0 +1,51 @@
+export default defineEventHandler(async (event) => {
+  const rawParam = event.context.params?.path;
+  const pathSegments = Array.isArray(rawParam)
+    ? rawParam
+    : typeof rawParam === 'string'
+      ? rawParam.split('/')
+      : [];
+
+  const requestedPath = pathSegments.join('/');
+
+  try {
+    const manifestModule = await import('~/public/images/image-manifest.json');
+    const manifest = manifestModule.default;
+
+    if (!manifest || typeof manifest !== 'object') {
+      return sendError(event, createError({
+        statusCode: 500,
+        statusMessage: 'Invalid or missing image manifest',
+      }));
+    }
+
+    if (pathSegments.length === 0) {
+      return { images: manifest };
+    }
+
+    let current: unknown = manifest;
+
+    for (const segment of pathSegments) {
+      if (
+        !current ||
+        typeof current !== 'object' ||
+        Array.isArray(current) ||
+        !(segment in current)
+      ) {
+        return sendError(event, createError({
+          statusCode: 404,
+          statusMessage: `No images found at path: ${requestedPath}`,
+        }));
+      }
+
+      current = (current as Record<string, unknown>)[segment];
+    }
+
+    return { images: current };
+  } catch (err) {
+    return sendError(event, createError({
+      statusCode: 500,
+      statusMessage: 'Failed to load image manifest',
+    }));
+  }
+});

package/server/api/images/index.ts

@@ -0,0 +1,13 @@
+export default defineEventHandler(async (event) => {
+  try {
+    const manifestModule = await import('~/public/images/image-manifest.json');
+    const manifest = manifestModule.default;
+
+    return { images: manifest };
+  } catch (err) {
+    return sendError(event, createError({
+      statusCode: 500,
+      statusMessage: 'Failed to load image manifest',
+    }));
+  }
+});

package/server/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "../.nuxt/tsconfig.server.json"
-}