@edgedev/create-edge-site 1.0.12 → 1.0.13

package/nuxt.config.ts

@@ -1,3 +1,4 @@
+import process from 'node:process'
 import { defineNuxtConfig } from 'nuxt/config'
 
 export default defineNuxtConfig({
@@ -28,7 +29,7 @@ export default defineNuxtConfig({
   css: [
     '~/assets/css/global.css', // ✅ Keep global styles only
   ],
-  modules: ['@nuxtjs/tailwindcss', '@vee-validate/nuxt'],
+  modules: ['@nuxtjs/tailwindcss', '@vee-validate/nuxt', 'nitro-cloudflare-dev'],
   vite: {
     define: {
       'process.env.DEBUG': false,
@@ -41,4 +42,12 @@ export default defineNuxtConfig({
     },
   },
   devtools: { enabled: false },
+  runtimeConfig: {
+    // These values are only available on the server
+    cfAccountId: process.env.NUXT_CF_ACCOUNT_ID,
+    cfKVNamespaceId: process.env.NUXT_CF_KV_NAMESPACE_ID,
+    cfApiToken: process.env.NUXT_CF_API_TOKEN,
+
+    public: {}, // nothing here unless you want it client-exposed
+  },
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgedev/create-edge-site",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "Create Edge Starter Site",
   "bin": {
     "create-edge-site": "./bin/cli.js"
@@ -31,6 +31,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^4.11.0",
     "eslint": "^9",
+    "nitro-cloudflare-dev": "^0.2.2",
     "wrangler": "^4.14.4"
   }
 }

package/server/api/hello.ts

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

package/server/api/kv/[key].ts

@@ -0,0 +1,17 @@
+import { getKVValue } from '~/server/utils/getKV'
+
+export default defineEventHandler(async (event) => {
+  const { key } = getRouterParams(event)
+
+  const context = event.context
+  const value = await getKVValue(key, context)
+
+
+ if (!value) {
+    return sendError(event, createError({ statusCode: 404, statusMessage: 'Not found'}))
+ }
+
+  const jsonValue = JSON.parse(value)
+
+  return jsonValue
+})

package/server/utils/getKV.js

@@ -0,0 +1,65 @@
+import { useRuntimeConfig } from '#imports'
+
+export async function getKVValue(key, context) {
+  const config = useRuntimeConfig()
+  const isDev = import.meta.dev
+  const MY_KV = context?.cloudflare?.env?.MY_KV
+
+  const fetchFromAPI = async () => {
+    const { cfAccountId, cfKVNamespaceId, cfApiToken } = config
+    const url = `https://api.cloudflare.com/client/v4/accounts/${cfAccountId}/storage/kv/namespaces/${cfKVNamespaceId}/values/${key}`
+    const res = await fetch(url, {
+      headers: {
+        Authorization: `Bearer ${cfApiToken}`,
+      },
+    })
+    if (!res.ok) {
+      console.warn('❌ Remote fetch failed')
+      return null
+    }
+    return await res.text()
+  }
+
+  // Dev only: sync from API to local KV
+  if (isDev && typeof MY_KV !== 'undefined') {
+    console.log('🛠 Dev mode – syncing from API to local KV')
+    const remoteValue = await fetchFromAPI()
+    if (remoteValue !== null) {
+      try {
+        await MY_KV.put(key, remoteValue)
+        console.log('📥 Synced to local KV')
+      }
+      catch (e) {
+        console.warn('⚠️ Failed to write to local KV:', e)
+      }
+    }
+  }
+
+  // Always try local KV first if available
+  if (typeof MY_KV !== 'undefined') {
+    const localValue = await MY_KV.get(key)
+    if (localValue !== null) {
+      console.log('✅ Retrieved from local KV')
+      return localValue
+    }
+
+    if (isDev) {
+      console.log('🔍 Not found in KV, trying API fallback (dev only)')
+      return await fetchFromAPI()
+    }
+    else {
+      console.warn('🚫 Not found in KV and API fallback is disabled in production')
+      return null
+    }
+  }
+
+  // No KV available
+  if (isDev) {
+    console.log('🌐 No KV available, trying API fallback (dev only)')
+    return await fetchFromAPI()
+  }
+  else {
+    console.warn('🚫 No KV and no API fallback in production')
+    return null
+  }
+}

package/wrangler.toml

@@ -0,0 +1,3 @@
+[[kv_namespaces]]
+binding = "MY_KV"
+id = "ce7ff0d3eb6f43ae84611b5d9e28b6f1"