cinqcinqdev-seo 0.1.5 → 0.1.7

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

@@ -0,0 +1,137 @@
+<script setup>
+const route = useRoute();
+const supabase = useSupabaseClient();
+const config = useRuntimeConfig().public.adminCms;
+const pageType = route.params.type;
+const table = config?.tables?.pages || "pages";
+const typeLabel = computed(() => {
+  return config?.pageTypes?.find((t) => t.id === pageType)?.label || pageType.replace(/_/g, " ");
+});
+const { data: pages, refresh } = await useAsyncData(`admin-pages-${pageType}`, async () => {
+  const { data } = await supabase.from(table).select("id, title, slug, status, updated_at, seo_config").eq("type", pageType).order("updated_at", { ascending: false });
+  return data;
+});
+const isCreating = ref(false);
+const newPageTitle = ref("");
+const handleCreate = async () => {
+  if (!newPageTitle.value.trim()) return;
+  const slug = newPageTitle.value.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+  const { data, error } = await supabase.from(table).insert([{ title: newPageTitle.value, slug, type: pageType, status: "draft", content: [] }]).select();
+  if (!error && data) {
+    navigateTo(`/admin/editor/${data[0].id}`);
+  } else {
+    alert(error?.message || "Error: slug may already be in use.");
+  }
+};
+const handleDelete = async (id, title) => {
+  if (!confirm(`Delete "${title}"? This cannot be undone.`)) return;
+  const { error } = await supabase.from(table).delete().eq("id", id);
+  if (error) alert("Error: " + error.message);
+  else await refresh();
+};
+useHead({ title: computed(() => `${typeLabel.value} \u2014 Admin`) });
+</script>
+
+<template>
+  <div data-admin-cms>
+    <AdminNavbar />
+    <div class="p-8">
+      <div class="mb-8">
+        <NuxtLink to="/admin" class="text-sm text-gray-500 hover:text-blue-600">← Back to dashboard</NuxtLink>
+        <div class="flex justify-between items-end mt-4">
+          <div>
+            <h1 class="text-3xl font-bold text-gray-900">{{ typeLabel }}</h1>
+            <p class="text-gray-500 mt-1">Manage your content and internal linking.</p>
+          </div>
+          <button
+            @click="isCreating = true"
+            class="bg-black text-white px-6 py-2.5 rounded-lg font-medium hover:bg-gray-800 transition shadow-lg"
+          >
+            + New page
+          </button>
+        </div>
+      </div>
+
+      <div class="bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden">
+        <div v-if="!pages?.length" class="p-20 text-center">
+          <p class="text-gray-400">No pages created yet in this category.</p>
+        </div>
+
+        <table v-else class="w-full text-left">
+          <thead class="bg-gray-50 border-b border-gray-200">
+            <tr>
+              <th class="px-6 py-4 text-xs font-bold text-gray-400 uppercase">Title & URL</th>
+              <th class="px-6 py-4 text-xs font-bold text-gray-400 uppercase">SEO</th>
+              <th class="px-6 py-4 text-xs font-bold text-gray-400 uppercase">Status</th>
+              <th class="px-6 py-4 text-xs font-bold text-gray-400 uppercase text-right">Actions</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-gray-100">
+            <tr v-for="page in pages" :key="page.id" class="hover:bg-gray-50 group transition-colors">
+              <td class="px-6 py-4">
+                <div class="font-semibold text-gray-800">{{ page.title }}</div>
+                <div class="text-xs text-blue-500 font-mono italic">/{{ page.slug }}</div>
+              </td>
+              <td class="px-6 py-4">
+                <span v-if="page.seo_config?.meta_title" class="text-green-600 text-xs flex items-center gap-1.5">
+                  <span class="w-2 h-2 bg-green-500 rounded-full"></span> Optimized
+                </span>
+                <span v-else class="text-amber-500 text-xs flex items-center gap-1.5">
+                  <span class="w-2 h-2 bg-amber-500 rounded-full"></span> Missing meta title
+                </span>
+              </td>
+              <td class="px-6 py-4">
+                <span :class="[
+  'px-2 py-1 rounded text-[10px] font-bold uppercase tracking-wider',
+  page.status === 'published' ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-600'
+]">{{ page.status }}</span>
+              </td>
+              <td class="px-6 py-4 text-right">
+                <div class="flex justify-end items-center gap-2">
+                  <NuxtLink
+                    :to="`/admin/editor/${page.id}`"
+                    class="bg-gray-100 text-gray-700 px-4 py-2 rounded-md text-sm font-medium hover:bg-black hover:text-white transition"
+                  >
+                    Edit
+                  </NuxtLink>
+                  <button
+                    @click="handleDelete(page.id, page.title)"
+                    class="p-2 text-gray-400 hover:text-red-600 transition-colors"
+                    title="Delete page"
+                  >
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/>
+                    </svg>
+                  </button>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      <!-- Create modal -->
+      <div v-if="isCreating" class="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50">
+        <div class="bg-white p-8 rounded-2xl max-w-md w-full shadow-2xl">
+          <h3 class="text-xl font-bold mb-4">New {{ typeLabel }}</h3>
+          <input
+            v-model="newPageTitle"
+            type="text"
+            placeholder="e.g. My Premium SEO Service"
+            class="w-full border border-gray-300 p-3 rounded-lg mb-6 focus:ring-2 focus:ring-black outline-none transition"
+            @keyup.enter="handleCreate"
+          />
+          <div class="flex gap-3">
+            <button @click="isCreating = false;
+  newPageTitle = ''" class="flex-1 px-4 py-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition">
+              Cancel
+            </button>
+            <button @click="handleCreate" class="flex-1 px-4 py-2 bg-black text-white rounded-lg hover:bg-gray-800 transition">
+              Create
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: any;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/plugins/admin-font.client.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Captures the host project's body font-family BEFORE the admin scope
+ * (data-admin-cms) can shadow it, then stores it in --admin-site-font so
+ * the section preview area can revert to the correct host font.
+ */
+declare const _default: any;
+export default _default;

package/dist/runtime/plugins/admin-font.client.js

@@ -0,0 +1,6 @@
+export default defineNuxtPlugin(() => {
+  const bodyFont = window.getComputedStyle(document.body).fontFamily;
+  if (bodyFont) {
+    document.documentElement.style.setProperty("--admin-site-font", bodyFont);
+  }
+});

package/dist/runtime/stores/adminUser.d.ts

@@ -0,0 +1 @@
+export declare const useAdminUserStore: any;

package/dist/runtime/stores/adminUser.js

@@ -0,0 +1,55 @@
+import { defineStore } from "pinia";
+export const useAdminUserStore = defineStore("adminUser", {
+  state: () => ({
+    userData: null,
+    loading: false,
+    error: null
+  }),
+  getters: {
+    isSubscriptionActive: (state) => state.userData?.is_subscription_active ?? false,
+    trialDaysRemaining: (state) => {
+      if (!state.userData?.trial_expires_at) return 0;
+      const diff = new Date(state.userData.trial_expires_at).getTime() - Date.now();
+      return Math.max(0, Math.ceil(diff / (1e3 * 60 * 60 * 24)));
+    }
+  },
+  actions: {
+    async fetchUserData(userId) {
+      if (!userId) return;
+      this.loading = true;
+      this.error = null;
+      try {
+        const supabase = useSupabaseClient();
+        const config = useRuntimeConfig().public.adminCms;
+        const table = config?.tables?.users || "users";
+        const { data, error } = await supabase.from(table).select("*").eq("id", userId).single();
+        if (error) throw error;
+        this.userData = data;
+      } catch (e) {
+        this.error = e.message;
+      } finally {
+        this.loading = false;
+      }
+    },
+    async signOut() {
+      this.loading = true;
+      try {
+        const supabase = useSupabaseClient();
+        await supabase.auth.signOut();
+        this.userData = null;
+        this.error = null;
+      } catch (e) {
+        this.error = e.message;
+      } finally {
+        this.loading = false;
+      }
+    },
+    clearUserData() {
+      this.userData = null;
+      this.error = null;
+    },
+    updateUserData(data) {
+      this.userData = data;
+    }
+  }
+});

package/dist/types.d.mts

@@ -1,13 +1,3 @@
-import type { ModuleHooks, ModuleRuntimeHooks, ModuleRuntimeConfig, ModulePublicRuntimeConfig } from './module.mjs'
+export { default } from './module.mjs'
 
-declare module '#app' {
-  interface RuntimeNuxtHooks extends ModuleRuntimeHooks {}
-}
-
-declare module '@nuxt/schema' {
-  interface NuxtHooks extends ModuleHooks {}
-  interface RuntimeConfig extends ModuleRuntimeConfig {}
-  interface PublicRuntimeConfig extends ModulePublicRuntimeConfig {}
-}
-
-export * from "./module.mjs"
+export { type ModuleOptions, type PageTypeConfig, type PlanConfig, type SectionConfig, type SectionFieldConfig } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cinqcinqdev-seo",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "A reusable Nuxt 3 admin CMS module with visual page editor powered by Supabase",
   "license": "MIT",
   "module": "./dist/module.mjs",
@@ -17,7 +17,7 @@
     "build": "npm run build:css && nuxt-module-build build",
     "dev": "nuxt-module-build build --stub && nuxt dev playground",
     "dev:build": "nuxt build playground",
-    "prepare": "nuxt-module-build build --stub",
+    "prepare": "node -e \"if(process.env.npm_command!=='publish')require('child_process').execSync('nuxt-module-build build --stub',{stdio:'inherit'})\"",
     "prepack": "npm run build",
     "release": "npm version patch && npm publish"
   },

package/dist/module.d.cts

@@ -1,2 +0,0 @@
-export * from "/Users/mac/Desktop/nuxt-admin-cms/src/module";
-export { default } from "/Users/mac/Desktop/nuxt-admin-cms/src/module";