@fayz-ai/plugin-marketing 0.8.0 → 0.8.2

package/src/views/blog/BlogEntityForm.tsx

@@ -0,0 +1,101 @@
+import React from 'react'
+import { SubpageHeader, Button, toast } from '@fayz-ai/ui'
+import { CrudFormPage, useLimitGuard, invalidateLimit } from '@fayz-ai/saas'
+import type { EntityDef } from '@fayz-ai/core'
+import { useEntityCrud } from './useEntityCrud'
+import { BLOG_POSTS_TABLE } from '../../data/blogEntities'
+
+// ---------------------------------------------------------------------------
+// Generic create/edit for a blog entity (post or category), rendered through
+// the shared CrudFormPage (declarative EntityDef → fields, incl. the markdown
+// body + category relation). Persistence flows through the generic Supabase
+// provider; this only wires load / save / delete + the back link.
+// ---------------------------------------------------------------------------
+
+export function BlogEntityForm<T extends { id: string }>({
+  entity,
+  editId,
+  parentLabel,
+  onDone,
+}: {
+  entity: EntityDef<T>
+  editId?: string
+  parentLabel: string
+  onDone: () => void
+}) {
+  const { getById, create, update, remove } = useEntityCrud(entity)
+  const isEdit = !!editId
+  // Plan quantity guard applies to blog POSTS only (categories are unbounded).
+  const isPost = (entity as { data?: { table?: string } }).data?.table === BLOG_POSTS_TABLE
+  const guardBlogPosts = useLimitGuard('blog_posts')
+  const namePlural = entity.namePlural ?? entity.name + 's'
+  const [initialData, setInitialData] = React.useState<Record<string, any> | null>(isEdit ? null : {})
+
+  React.useEffect(() => {
+    if (!editId) return
+    let cancelled = false
+    ;(async () => {
+      const item = await getById(editId)
+      if (!cancelled) setInitialData((item as Record<string, any>) ?? {})
+    })()
+    return () => { cancelled = true }
+  }, [editId, getById])
+
+  async function save(values: Record<string, any>) {
+    // Client-side plan guard before the provider create — posts only, on create.
+    if (!isEdit && isPost && (await guardBlogPosts()) === 'blocked') return
+    try {
+      if (isEdit) await update(editId!, values)
+      else {
+        await create(values)
+        if (isPost) invalidateLimit('blog_posts')
+      }
+      toast.success(isEdit ? `${entity.name} updated` : `${entity.name} created`)
+      onDone()
+    } catch (err) {
+      toast.error(`Failed to save ${entity.name.toLowerCase()}`)
+      throw err
+    }
+  }
+
+  async function del() {
+    if (!editId) return
+    try {
+      await remove(editId)
+      toast.success(`${entity.name} deleted`)
+      onDone()
+    } catch {
+      toast.error(`Failed to delete ${entity.name.toLowerCase()}`)
+    }
+  }
+
+  const title = isEdit
+    ? (initialData?.[entity.displayField ?? 'name'] ?? entity.name)
+    : `New ${entity.name.toLowerCase()}`
+
+  return (
+    <div className="space-y-4">
+      <SubpageHeader
+        title={String(title)}
+        onBack={onDone}
+        parentLabel={parentLabel}
+        actions={isEdit ? (
+          <Button variant="ghost" className="text-destructive hover:text-destructive" onClick={del}>
+            Delete
+          </Button>
+        ) : undefined}
+      />
+      {initialData !== null && (
+        <CrudFormPage
+          entityDef={entity}
+          mode={isEdit ? 'edit' : 'create'}
+          initialData={initialData}
+          namePlural={namePlural}
+          onCancel={onDone}
+          onSubmit={save}
+          hideBreadcrumb
+        />
+      )}
+    </div>
+  )
+}

package/src/views/blog/useEntityCrud.ts

@@ -0,0 +1,50 @@
+import { useMemo, useState, useCallback } from 'react'
+import { resolveDataProvider } from '@fayz-ai/core'
+import type { EntityDef } from '@fayz-ai/core'
+
+interface ListQuery {
+  search?: string
+  filters?: Record<string, unknown>
+  page?: number
+  pageSize?: number
+  sortBy?: string
+  sortDir?: 'asc' | 'desc'
+}
+
+/**
+ * Minimal store-less CRUD wiring for a plugin that owns its data + routing.
+ * Resolves the generic Supabase provider from the EntityDef's `data.table`
+ * (mock fallback when Supabase is not configured) and exposes list/get/save/
+ * remove. Used by the blog backoffice list + form views — the heavy list/form
+ * rendering stays in the shared CrudListView / CrudFormPage.
+ */
+export function useEntityCrud<T extends { id: string }>(entity: EntityDef<T>) {
+  const provider = useMemo(() => resolveDataProvider<T>(entity), [entity])
+  const [items, setItems] = useState<T[] | null>(null)
+  const [total, setTotal] = useState(0)
+
+  const fetch = useCallback(async (query: ListQuery = {}) => {
+    try {
+      const res = await provider.list(query as any)
+      setItems(res.data)
+      setTotal(res.total)
+    } catch (err) {
+      // Table not provisioned yet (migration not applied to this pool) or a
+      // transient error — surface an empty list instead of a perpetual skeleton.
+      console.warn('[blog] list failed; showing empty. Apply the plugin-blog migration to this pool.', err)
+      setItems([])
+      setTotal(0)
+    }
+  }, [provider])
+
+  const getById = useCallback(async (id: string): Promise<T | null> => {
+    const res = await provider.list({ filters: { id }, page: 1, pageSize: 1 } as any)
+    return res.data[0] ?? null
+  }, [provider])
+
+  const create = useCallback((data: Record<string, unknown>) => provider.create(data as any), [provider])
+  const update = useCallback((id: string, data: Record<string, unknown>) => provider.update(id, data as any), [provider])
+  const remove = useCallback((id: string) => provider.remove(id), [provider])
+
+  return { items, total, fetch, getById, create, update, remove }
+}

package/src/views/content/ContentView.tsx

@@ -10,7 +10,7 @@ import {
   Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter,
 } from '@fayz-ai/ui'
 import { useTranslation } from '@fayz-ai/core'
-import { useOrganizationStore } from '@fayz-ai/saas'
+import { useOrganizationStore, useLimitGuard, invalidateLimit } from '@fayz-ai/saas'
 import { PlanBriefSheet } from './PlanBriefView'
 import type { ContentPost } from '../../data/contentTypes'
 import { useContentPlannerStore } from './ContentPlannerContext'
@@ -727,6 +727,7 @@ export function ContentView({ onOpenPost }: {
   const viewMode = useContentPlannerStore((s) => s.viewMode)
   const setViewMode = useContentPlannerStore((s) => s.setViewMode)
   const loadedTenantId = useContentPlannerStore((s) => s.loadedTenantId)
+  const guardContentPosts = useLimitGuard('content_posts_month')
 
   const [briefOpen, setBriefOpen] = React.useState(false)
   const [pendingDeleteId, setPendingDeleteId] = React.useState<string | null>(null)
@@ -765,6 +766,8 @@ export function ContentView({ onOpenPost }: {
   // default plan and drops the post straight into it. The scheduled date
   // prefills with the first day of the selected week so the post lands dated.
   const createPost = async (week: number) => {
+    // Client-side monthly-quota guard before the store create.
+    if ((await guardContentPosts()) === 'blocked') return
     const targetPlan = await ensurePlan()
     if (!targetPlan) return
     const start = targetPlan.startDate
@@ -779,6 +782,7 @@ export function ContentView({ onOpenPost }: {
       status: 'idea',
       scheduledDate: toISODate(start),
     })
+    invalidateLimit('content_posts_month')
     onOpenPost(post.id)
   }
 
@@ -790,6 +794,8 @@ export function ContentView({ onOpenPost }: {
 
   // Calendar day click → derive the plan week from startDate when available.
   const createPostAt = async (isoDate: string) => {
+    // Client-side monthly-quota guard before the store create.
+    if ((await guardContentPosts()) === 'blocked') return
     const targetPlan = await ensurePlan()
     if (!targetPlan) return
     let week = 1
@@ -807,6 +813,7 @@ export function ContentView({ onOpenPost }: {
       status: 'idea',
       scheduledDate: isoDate,
     })
+    invalidateLimit('content_posts_month')
     onOpenPost(post.id)
   }