cinqcinqdev-seo 0.1.28 → 0.1.30

package/README.md

@@ -23,7 +23,7 @@ A Nuxt 3 admin CMS module with a visual page editor, AI content generation, and
 - `@nuxtjs/supabase`
 - `@pinia/nuxt`
 - `@nuxt/icon`
-- An [OpenRouter](https://openrouter.ai) API key (for AI features)
+- An [OpenRouter](https://openrouter.ai) API key (optional — only needed if `features.ai: true`)
 
 ---
 
@@ -51,12 +51,6 @@ export default defineNuxtConfig({
 })
 ```
 
-Add the OpenRouter key to `.env`:
-
-```env
-OPENROUTER_API_KEY=sk-or-...
-```
-
 ---
 
 ## Database Setup
@@ -182,6 +176,7 @@ All options go under the `adminCms` key in `nuxt.config.js`.
 | `storageBucket` | `string` | `'site'` | Supabase storage bucket for image uploads |
 | `navSections` | `NavSectionItem[]` | `[]` | Extra sidebar links |
 | `extraSections` | `Record<string, SectionConfig>` | `{}` | Extra section types for the visual editor |
+| `features.ai` | `boolean` | `false` | Enable AI content generation and SEO audit (requires `OPENROUTER_API_KEY`) |
 
 ### Default page types
 
@@ -398,7 +393,19 @@ Plain fields (colors, images, URLs, booleans) remain scalar values.
 
 ## AI Features
 
-Requires `OPENROUTER_API_KEY` in your environment. Uses `google/gemini-2.0-flash-lite-001` via OpenRouter.
+AI features are **disabled by default**. To enable them, set `features.ai: true` in your config and add `OPENROUTER_API_KEY` to your `.env`:
+
+```js
+adminCms: {
+  features: { ai: true },
+}
+```
+
+```env
+OPENROUTER_API_KEY=sk-or-...
+```
+
+Uses `google/gemini-2.0-flash-lite-001` via OpenRouter.
 
 ### Content generation
 

package/dist/module.d.mts

@@ -82,6 +82,14 @@ interface ModuleOptions {
      * Defaults to ['fr', 'ar', 'en']. Set to ['fr'] for French-only projects.
      */
     langs?: string[];
+    /**
+     * Feature flags to enable/disable optional functionality.
+     * All features are disabled by default.
+     */
+    features?: {
+        /** Enable AI content generation and SEO audit in the editor. Requires OPENROUTER_API_KEY. */
+        ai?: boolean;
+    };
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.1.28",
+  "version": "0.1.30",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -26,7 +26,8 @@ const module$1 = defineNuxtModule({
     storageBucket: "site",
     navSections: [],
     extraSections: {},
-    basePath: "/admin"
+    basePath: "/admin",
+    features: { ai: false }
   },
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
@@ -38,7 +39,8 @@ const module$1 = defineNuxtModule({
         tables: { pages: "pages", users: "users" },
         storageBucket: "site",
         navSections: [],
-        extraSections: {}
+        extraSections: {},
+        features: { ai: false }
       }),
       pageTypes: options.pageTypes?.length ? options.pageTypes : defaultPageTypes,
       plans: options.plans?.length ? options.plans : [],

package/dist/runtime/pages/admin/editor/[id].vue

@@ -6,6 +6,7 @@ definePageMeta({ layout: false });
 const route = useRoute();
 const supabase = useSupabaseClient();
 const config = useRuntimeConfig().public.adminCms;
+const aiEnabled = computed(() => config?.features?.ai === true);
 const table = config?.tables?.pages || "pages";
 const bucket = config?.storageBucket || "site";
 const pageId = route.params.id;
@@ -575,7 +576,7 @@ const savePage = async () => {
             </div>
 
             <!-- AI Generate -->
-            <div class="mb-5">
+            <div v-if="aiEnabled" class="mb-5">
               <div v-if="!showAiPrompt && !isGenerating">
                 <button @click="showAiPrompt = true" class="w-full py-2.5 rounded-xl border-2 border-dashed border-[#3d35ff]/30 text-[#3d35ff] text-[8px] font-black uppercase tracking-widest hover:border-[#3d35ff] hover:bg-[#3d35ff]/5 transition-all">
                   ✦ Générer avec l'IA
@@ -736,7 +737,7 @@ const savePage = async () => {
             <h3 class="text-[9px] font-black text-gray-300 uppercase mb-4 italic tracking-widest">Config SEO</h3>
 
             <!-- AI Audit -->
-            <div class="mb-6">
+            <div v-if="aiEnabled" class="mb-6">
               <button @click="runSeoAudit" :disabled="isAuditing"
                 class="w-full flex items-center justify-center gap-2 py-2.5 rounded-xl text-[10px] font-black uppercase tracking-widest bg-[#3d35ff]/10 text-[#3d35ff] hover:bg-[#3d35ff] hover:text-white transition-all disabled:opacity-50">
                 <svg v-if="isAuditing" class="w-3.5 h-3.5 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8z"/></svg>
@@ -746,7 +747,7 @@ const savePage = async () => {
             </div>
 
             <!-- Audit results -->
-            <div v-if="seoAudit" class="mb-6 space-y-3">
+            <div v-if="aiEnabled && seoAudit" class="mb-6 space-y-3">
               <div class="flex items-center gap-3 p-3 bg-gray-50 rounded-xl">
                 <div :class="[
   'w-11 h-11 rounded-xl flex items-center justify-center text-sm font-black shrink-0',

package/dist/runtime/pages/admin/pages/[type].vue

@@ -203,7 +203,7 @@ useHead({ title: computed(() => `${typeLabel.value} \u2014 Admin`) });
               <div>
                 <label class="text-[10px] font-black uppercase tracking-widest text-gray-400 mb-2 block">Titre</label>
                 <input v-model="newPageTitle" type="text" placeholder="Ex: Création site web"
-                  class="w-full border border-gray-200 p-3 rounded-xl text-sm focus:ring-2 focus:ring-[#3d35ff] outline-none transition" autofocus />
+                  class="w-full border border-gray-200 p-3 rounded-xl text-sm text-gray-900 focus:ring-2 focus:ring-[#3d35ff] outline-none transition" autofocus />
               </div>
               <div>
                 <label class="text-[10px] font-black uppercase tracking-widest text-gray-400 mb-2 block">Départ</label>
@@ -226,7 +226,7 @@ useHead({ title: computed(() => `${typeLabel.value} \u2014 Admin`) });
               </div>
               <div v-if="createMode === 'template'">
                 <label class="text-[10px] font-black uppercase tracking-widest text-gray-400 mb-2 block">Template</label>
-                <select v-model="selectedTemplateId" class="w-full border border-gray-200 p-3 rounded-xl text-sm outline-none focus:ring-2 focus:ring-[#3d35ff] transition bg-white">
+                <select v-model="selectedTemplateId" class="w-full border border-gray-200 p-3 rounded-xl text-sm text-gray-900 outline-none focus:ring-2 focus:ring-[#3d35ff] transition bg-white">
                   <option value="">— Choisir —</option>
                   <option v-for="tpl in templates" :key="tpl.id" :value="tpl.id">{{ tpl.name }}</option>
                 </select>
@@ -235,7 +235,7 @@ useHead({ title: computed(() => `${typeLabel.value} \u2014 Admin`) });
             </div>
 
             <div class="px-7 pb-7 flex gap-3">
-              <button @click="isCreating = false" class="flex-1 px-4 py-2.5 border border-gray-200 rounded-xl text-sm font-semibold hover:bg-gray-50 transition">
+              <button @click="isCreating = false" class="flex-1 px-4 py-2.5 border border-gray-200 rounded-xl text-sm font-semibold text-gray-900 hover:bg-gray-50 transition">
                 Annuler
               </button>
               <button @click="handleCreate"
@@ -262,7 +262,7 @@ useHead({ title: computed(() => `${typeLabel.value} \u2014 Admin`) });
               </p>
             </div>
             <div class="px-7 pb-7 flex gap-3">
-              <button @click="deleteModal = null" class="flex-1 px-4 py-2.5 border border-gray-200 rounded-xl text-sm font-semibold hover:bg-gray-50 transition">
+              <button @click="deleteModal = null" class="flex-1 px-4 py-2.5 border border-gray-200 rounded-xl text-sm font-semibold text-gray-900 hover:bg-gray-50 transition">
                 Annuler
               </button>
               <button @click="handleDelete" :disabled="isDeleting"
@@ -290,10 +290,10 @@ useHead({ title: computed(() => `${typeLabel.value} \u2014 Admin`) });
             <div class="px-7 py-6">
               <label class="text-[10px] font-black uppercase tracking-widest text-gray-400 mb-2 block">Nom du template</label>
               <input v-model="templateName" type="text" placeholder="Ex: Landing page service"
-                class="w-full border border-gray-200 p-3 rounded-xl text-sm focus:ring-2 focus:ring-[#3d35ff] outline-none transition" autofocus />
+                class="w-full border border-gray-200 p-3 rounded-xl text-sm text-gray-900 focus:ring-2 focus:ring-[#3d35ff] outline-none transition" autofocus />
             </div>
             <div class="px-7 pb-7 flex gap-3">
-              <button @click="templateModal = null" class="flex-1 px-4 py-2.5 border border-gray-200 rounded-xl text-sm font-semibold hover:bg-gray-50 transition">
+              <button @click="templateModal = null" class="flex-1 px-4 py-2.5 border border-gray-200 rounded-xl text-sm font-semibold text-gray-900 hover:bg-gray-50 transition">
                 Annuler
               </button>
               <button @click="handleTurnIntoTemplate" :disabled="!templateName.trim() || isSavingTemplate"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cinqcinqdev-seo",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "description": "A reusable Nuxt 3 admin CMS module with visual page editor powered by Supabase",
   "license": "MIT",
   "module": "./dist/module.mjs",