cinqcinqdev-seo 0.1.11 → 0.1.13

package/dist/runtime/pages/admin/index.vue

@@ -8,8 +8,7 @@ const pageTypes = computed(() => {
   const types = config?.pageTypes || [];
   return types.map((pt) => ({
     ...pt,
-    desc: pt.desc || "",
-    svgIcon: pt.svgIcon || ""
+    desc: pt.desc || ""
   }));
 });
 const defaultIcons = {
@@ -80,7 +79,7 @@ const { data: stats } = await useAsyncData("admin-dashboard-stats", async () =>
         >
           <div class="flex items-start justify-between mb-4">
             <div class="w-9 h-9 rounded-xl bg-gray-50 group-hover:bg-[#3d35ff]/10 flex items-center justify-center transition-colors">
-              <svg class="text-gray-400 group-hover:text-[#3d35ff] transition-colors" style="width:18px;height:18px" fill="none" stroke="currentColor" viewBox="0 0 24 24" v-html="type.svgIcon || defaultIcons[type.id] || defaultIcons.blog_article"></svg>
+              <svg class="text-gray-400 group-hover:text-[#3d35ff] transition-colors" style="width:18px;height:18px" fill="none" stroke="currentColor" viewBox="0 0 24 24" v-html="type.svgPath || defaultIcons[type.id] || defaultIcons.blog_article"></svg>
             </div>
             <span class="text-[10px] font-black px-2 py-1 rounded-full bg-gray-50 text-gray-400">
               {{ stats?.byType?.[type.id] ?? 0 }}

package/dist/runtime/server/api/ai/generate.post.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/api/ai/generate.post.js

@@ -0,0 +1,102 @@
+const isI18nField = (val) => val !== null && typeof val === "object" && !Array.isArray(val) && ("fr" in val || "ar" in val || "en" in val);
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+  const { sectionType, sectionLabel, fields, currentProps, prompt, itemFieldsConfig } = body;
+  const config = useRuntimeConfig();
+  if (!config.openrouterApiKey) {
+    throw createError({ statusCode: 500, message: "OPENROUTER_API_KEY not configured" });
+  }
+  const skeleton = {};
+  for (const f of fields) {
+    skeleton[f.name] = { fr: "...", ar: "...", en: "..." };
+  }
+  const currentItems = currentProps?.items || [];
+  const configuredItemFields = itemFieldsConfig || [];
+  let hasItems = false;
+  if (configuredItemFields.length > 0) {
+    hasItems = true;
+    const defaultCount = currentItems.length > 0 ? currentItems.length : 3;
+    skeleton.items = Array.from({ length: defaultCount }, (_, idx) => {
+      const existing = currentItems[idx] || {};
+      const obj = {};
+      for (const f of configuredItemFields) {
+        if (f.type === "stringlist") {
+          const existingFeatures = existing[f.name] || [];
+          const featureCount = existingFeatures.length > 0 ? existingFeatures.length : 3;
+          obj[f.name] = Array.from({ length: featureCount }, () => ({ fr: "...", ar: "...", en: "..." }));
+        } else if (f.i18n) {
+          obj[f.name] = { fr: "...", ar: "...", en: "..." };
+        } else {
+          obj[f.name] = existing[f.name] || "...";
+        }
+      }
+      return obj;
+    });
+  } else if (currentItems.length > 0) {
+    const firstItem = currentItems[0];
+    const i18nFields = Object.keys(firstItem).filter((k) => isI18nField(firstItem[k]));
+    if (i18nFields.length > 0) {
+      hasItems = true;
+      skeleton.items = currentItems.map((item) => {
+        const obj = {};
+        for (const f of i18nFields) obj[f] = { fr: "...", ar: "...", en: "..." };
+        return obj;
+      });
+    }
+  }
+  const contextSummary = [
+    ...fields.map((f) => `${f.name}: "${currentProps?.[f.name]?.fr || ""}"`),
+    ...currentItems.length > 0 ? currentItems.map((it, i) => {
+      const firstField = configuredItemFields[0]?.name || Object.keys(it)[0];
+      const val = it[firstField];
+      return `items[${i}]: "${typeof val === "object" ? val?.fr : val || ""}"`;
+    }) : []
+  ].join("\n");
+  const systemPrompt = `You are a professional multilingual copywriter for a web agency CMS.
+Always respond with a valid JSON object only \u2014 no markdown, no code blocks, no explanation.`;
+  const userPrompt = `Section: ${sectionLabel} (${sectionType})
+User instruction: ${prompt}
+
+Current content:
+${contextSummary}
+
+Fill this JSON skeleton (replace every "..." with real content):
+${JSON.stringify(skeleton, null, 2)}
+
+Rules:
+- Replace ALL "..." \u2014 never leave "..." in the response
+- Arabic must be real Arabic script (right-to-left)
+- Titles: max 8 words
+- Subtitles/descriptions: max 2 sentences
+- Badges: max 3 words
+- items array: return exactly ${skeleton.items?.length ?? 0} items
+- i18n fields in items use {"fr":"...","ar":"...","en":"..."} format
+- plain text fields in items use a plain string value
+- stringlist fields are arrays of {"fr":"...","ar":"...","en":"..."} objects
+- Tone: professional, modern, confident`;
+  const response = await $fetch("https://openrouter.ai/api/v1/chat/completions", {
+    method: "POST",
+    headers: {
+      "Authorization": `Bearer ${config.openrouterApiKey}`,
+      "Content-Type": "application/json",
+      "HTTP-Referer": "https://admin-cms.dev",
+      "X-Title": "Admin CMS"
+    },
+    body: {
+      model: "google/gemini-2.0-flash-lite-001",
+      messages: [
+        { role: "system", content: systemPrompt },
+        { role: "user", content: userPrompt }
+      ],
+      temperature: 0.7
+    }
+  });
+  const content = response.choices?.[0]?.message?.content;
+  if (!content) throw createError({ statusCode: 500, message: "Empty AI response" });
+  const cleaned = content.replace(/^```(?:json)?\s*/i, "").replace(/\s*```$/, "").trim();
+  try {
+    return JSON.parse(cleaned);
+  } catch {
+    throw createError({ statusCode: 500, message: "Invalid JSON from AI: " + cleaned.slice(0, 200) });
+  }
+});

package/dist/runtime/server/api/ai/seo-audit.post.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/api/ai/seo-audit.post.js

@@ -0,0 +1,86 @@
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+  const { pageTitle, pageType, content, seoConfig } = body;
+  const config = useRuntimeConfig();
+  if (!config.openrouterApiKey) {
+    throw createError({ statusCode: 500, message: "OPENROUTER_API_KEY not configured" });
+  }
+  const contentSummary = content.map((block) => {
+    const parts = [`[${block.type}]`];
+    const p = block.props || {};
+    const t = (v) => typeof v === "object" ? v?.fr || "" : v || "";
+    if (p.title) parts.push(`title: "${t(p.title)}"`);
+    if (p.subtitle) parts.push(`subtitle: "${t(p.subtitle)}"`);
+    if (p.description) parts.push(`description: "${t(p.description)}"`);
+    if (p.badge) parts.push(`badge: "${t(p.badge)}"`);
+    if (Array.isArray(p.items)) {
+      p.items.forEach((it, j) => {
+        const itText = t(it.title || it.question || it.name);
+        if (itText) parts.push(`item${j}: "${itText}"`);
+      });
+    }
+    return parts.join(" | ");
+  }).join("\n");
+  const currentMeta = {
+    title: typeof seoConfig?.meta_title === "object" ? seoConfig.meta_title?.fr : seoConfig?.meta_title || "",
+    description: typeof seoConfig?.meta_description === "object" ? seoConfig.meta_description?.fr : seoConfig?.meta_description || ""
+  };
+  const systemPrompt = `You are an expert SEO consultant.
+Respond with a valid JSON object only \u2014 no markdown, no code blocks, no extra text.`;
+  const userPrompt = `Audit this web page for SEO and provide actionable recommendations.
+
+Page title: "${pageTitle}"
+Page type: ${pageType}
+Current meta title: "${currentMeta.title}"
+Current meta description: "${currentMeta.description}"
+
+Page content:
+${contentSummary}
+
+Return this exact JSON structure:
+{
+  "score": <number 0-100>,
+  "meta_title": { "fr": "...", "ar": "...", "en": "..." },
+  "meta_description": { "fr": "...", "ar": "...", "en": "..." },
+  "keywords": ["keyword1", "keyword2", "keyword3", "keyword4", "keyword5"],
+  "issues": [
+    { "level": "error"|"warning"|"info", "message": "..." }
+  ],
+  "suggestions": ["actionable tip 1", "actionable tip 2", "actionable tip 3"]
+}
+
+Rules:
+- score: honest SEO score based on content quality, meta tags, keyword usage, structure
+- meta_title: optimized title 50-60 chars, include main keyword
+- meta_description: compelling 150-160 chars description with CTA
+- keywords: most relevant keywords for this page
+- issues: identify real problems (missing meta, duplicate H1, thin content, etc.)
+- suggestions: max 4 specific, actionable tips
+- Arabic meta must be real Arabic script
+- All text must reflect the actual page content`;
+  const response = await $fetch("https://openrouter.ai/api/v1/chat/completions", {
+    method: "POST",
+    headers: {
+      "Authorization": `Bearer ${config.openrouterApiKey}`,
+      "Content-Type": "application/json",
+      "HTTP-Referer": "https://admin-cms.dev",
+      "X-Title": "Admin CMS"
+    },
+    body: {
+      model: "google/gemini-2.0-flash-lite-001",
+      messages: [
+        { role: "system", content: systemPrompt },
+        { role: "user", content: userPrompt }
+      ],
+      temperature: 0.4
+    }
+  });
+  const aiContent = response.choices?.[0]?.message?.content;
+  if (!aiContent) throw createError({ statusCode: 500, message: "Empty AI response" });
+  const cleaned = aiContent.replace(/^```(?:json)?\s*/i, "").replace(/\s*```$/, "").trim();
+  try {
+    return JSON.parse(cleaned);
+  } catch {
+    throw createError({ statusCode: 500, message: "Invalid JSON from AI" });
+  }
+});

package/package.json

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