@duffcloudservices/cms 0.3.12 → 0.3.14

package/src/composables/useReviewContent.ts

@@ -1,92 +1,150 @@
-/**
- * Composable for reading curated review selections from DCS content.
- * Reviews are stored in content.yaml by the visual editor's ReviewPickerSheet.
- */
-import { computed, type ComputedRef } from 'vue'
-
-export interface ReviewItem {
-  id: string
-  platform: 'google' | 'meta' | string
-  rating: number
-  authorName: string
-  authorPhotoUrl?: string
-  text?: string
-  date?: string
-  replyText?: string
-  locationName?: string
-  sourceUrl?: string
-}
-
-export interface UseReviewContentConfig {
-  /** The section key matching the data-dcs-reviews attribute value */
-  sectionKey: string
-  /** Page slug for page-specific content lookup (defaults to current page) */
-  pageSlug?: string
-  /** Fallback reviews when no content is available */
-  defaults?: ReviewItem[]
-}
-
-export interface UseReviewContentReturn {
-  /** The curated review items from content */
-  reviews: ComputedRef<ReviewItem[]>
-  /** Whether any reviews are available */
-  hasReviews: ComputedRef<boolean>
-  /** Number of reviews */
-  count: ComputedRef<number>
-}
-
-// Declare the global content variable injected by dcsContentPlugin
-declare const __DCS_CONTENT__: {
-  global?: Record<string, unknown>
-  pages?: Record<string, Record<string, unknown>>
-} | undefined
-
-export function useReviewContent(config: UseReviewContentConfig): UseReviewContentReturn {
-  const { sectionKey, pageSlug, defaults = [] } = config
-
-  const reviews = computed<ReviewItem[]>(() => {
-    if (typeof __DCS_CONTENT__ === 'undefined' || __DCS_CONTENT__ == null) {
-      return defaults
-    }
-
-    let reviewData: unknown = null
-
-    if (pageSlug && __DCS_CONTENT__.pages?.[pageSlug]) {
-      reviewData = __DCS_CONTENT__.pages[pageSlug][`reviews.${sectionKey}.items`]
-        ?? __DCS_CONTENT__.pages[pageSlug][`reviews.${sectionKey}`]
-    }
-
-    if (!reviewData && __DCS_CONTENT__.global) {
-      reviewData = __DCS_CONTENT__.global[`reviews.${sectionKey}.items`]
-        ?? __DCS_CONTENT__.global[`reviews.${sectionKey}`]
-    }
-
-    if (!reviewData || !Array.isArray(reviewData)) {
-      return defaults
-    }
-
-    return reviewData
-      .filter((item): item is Record<string, unknown> => (
-        item != null &&
-        typeof item === 'object' &&
-        'id' in item
-      ))
-      .map((item) => ({
-        id: String(item.id ?? ''),
-        platform: String(item.platform ?? 'google'),
-        rating: Number(item.rating ?? 5),
-        authorName: String(item.authorName ?? 'Anonymous'),
-        authorPhotoUrl: item.authorPhotoUrl ? String(item.authorPhotoUrl) : undefined,
-        text: item.text ? String(item.text) : undefined,
-        date: item.date ? String(item.date) : undefined,
-        replyText: item.replyText ? String(item.replyText) : undefined,
-        locationName: item.locationName ? String(item.locationName) : undefined,
-        sourceUrl: item.sourceUrl ? String(item.sourceUrl) : undefined,
-      }))
-  })
-
-  const hasReviews = computed(() => reviews.value.length > 0)
-  const count = computed(() => reviews.value.length)
-
-  return { reviews, hasReviews, count }
-}
+/**
+ * Composable for reading curated review selections from DCS content.
+ * Reviews are stored in content.yaml by the visual editor's ReviewPickerSheet.
+ */
+import { computed, onMounted, onUnmounted, shallowRef, type ComputedRef } from 'vue'
+
+export interface ReviewItem {
+  id: string
+  platform: 'google' | 'meta' | string
+  rating: number
+  authorName: string
+  authorPhotoUrl?: string
+  text?: string
+  date?: string
+  replyText?: string
+  locationName?: string
+  sourceUrl?: string
+}
+
+export interface UseReviewContentConfig {
+  /** The section key matching the data-dcs-reviews attribute value */
+  sectionKey: string
+  /** Page slug for page-specific content lookup (defaults to current page) */
+  pageSlug?: string
+  /** Fallback reviews when no content is available */
+  defaults?: ReviewItem[]
+}
+
+export interface UseReviewContentReturn {
+  /** The curated review items from content */
+  reviews: ComputedRef<ReviewItem[]>
+  /** Whether any reviews are available */
+  hasReviews: ComputedRef<boolean>
+  /** Number of reviews */
+  count: ComputedRef<number>
+}
+
+const previewReviewOverrides = shallowRef<Record<string, ReviewItem[]>>({})
+let activePreviewReviewConsumers = 0
+
+// Declare the global content variable injected by dcsContentPlugin
+declare const __DCS_CONTENT__: {
+  global?: Record<string, unknown>
+  pages?: Record<string, Record<string, unknown>>
+} | undefined
+
+function normalizeReviewItem(item: Record<string, unknown>): ReviewItem | null {
+  const id = String(item.id ?? '').trim()
+  if (!id) {
+    return null
+  }
+
+  const rawRating = Number(item.rating ?? 5)
+  const rating = Number.isFinite(rawRating)
+    ? Math.min(5, Math.max(1, Math.round(rawRating)))
+    : 5
+
+  return {
+    id,
+    platform: String(item.platform ?? 'google'),
+    rating,
+    authorName: String(item.authorName ?? 'Anonymous'),
+    authorPhotoUrl: item.authorPhotoUrl ? String(item.authorPhotoUrl) : undefined,
+    text: item.text ? String(item.text) : undefined,
+    date: item.date ? String(item.date) : undefined,
+    replyText: item.replyText ? String(item.replyText) : undefined,
+    locationName: item.locationName ? String(item.locationName) : undefined,
+    sourceUrl: item.sourceUrl ? String(item.sourceUrl) : undefined,
+  }
+}
+
+function normalizeReviewList(value: unknown): ReviewItem[] {
+  if (!Array.isArray(value)) {
+    return []
+  }
+
+  return value
+    .filter((item): item is Record<string, unknown> => item != null && typeof item === 'object')
+    .map(normalizeReviewItem)
+    .filter((item): item is ReviewItem => item != null)
+}
+
+function handlePreviewReviewUpdate(event: Event) {
+  const detail = event instanceof CustomEvent && event.detail != null && typeof event.detail === 'object'
+    ? event.detail as { key?: unknown; reviews?: unknown }
+    : null
+  const key = typeof detail?.key === 'string' ? detail.key.trim() : ''
+  if (!key) {
+    return
+  }
+
+  const next = { ...previewReviewOverrides.value }
+  if (Array.isArray(detail?.reviews)) {
+    next[key] = normalizeReviewList(detail.reviews)
+  } else {
+    delete next[key]
+  }
+  previewReviewOverrides.value = next
+}
+
+export function useReviewContent(config: UseReviewContentConfig): UseReviewContentReturn {
+  const { sectionKey, pageSlug, defaults = [] } = config
+
+  onMounted(() => {
+    activePreviewReviewConsumers += 1
+    if (activePreviewReviewConsumers === 1) {
+      window.addEventListener('dcs:reviews-updated', handlePreviewReviewUpdate)
+    }
+  })
+
+  onUnmounted(() => {
+    activePreviewReviewConsumers = Math.max(0, activePreviewReviewConsumers - 1)
+    if (activePreviewReviewConsumers === 0) {
+      window.removeEventListener('dcs:reviews-updated', handlePreviewReviewUpdate)
+    }
+  })
+
+  const reviews = computed<ReviewItem[]>(() => {
+    if (Object.prototype.hasOwnProperty.call(previewReviewOverrides.value, sectionKey)) {
+      return previewReviewOverrides.value[sectionKey] ?? []
+    }
+
+    if (typeof __DCS_CONTENT__ === 'undefined' || __DCS_CONTENT__ == null) {
+      return defaults
+    }
+
+    let reviewData: unknown = null
+
+    if (pageSlug && __DCS_CONTENT__.pages?.[pageSlug]) {
+      reviewData = __DCS_CONTENT__.pages[pageSlug][`reviews.${sectionKey}.items`]
+        ?? __DCS_CONTENT__.pages[pageSlug][`reviews.${sectionKey}`]
+    }
+
+    if (!reviewData && __DCS_CONTENT__.global) {
+      reviewData = __DCS_CONTENT__.global[`reviews.${sectionKey}.items`]
+        ?? __DCS_CONTENT__.global[`reviews.${sectionKey}`]
+    }
+
+    if (!reviewData || !Array.isArray(reviewData)) {
+      return defaults
+    }
+
+    return normalizeReviewList(reviewData)
+  })
+
+  const hasReviews = computed(() => reviews.value.length > 0)
+  const count = computed(() => reviews.value.length)
+
+  return { reviews, hasReviews, count }
+}