@duffcloudservices/cms 0.3.13 → 0.3.15

package/src/composables/useReviewContent.ts

@@ -2,7 +2,7 @@
  * 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'
+import { computed, onMounted, onUnmounted, shallowRef, type ComputedRef } from 'vue'
 
 export interface ReviewItem {
   id: string
@@ -14,9 +14,17 @@ export interface ReviewItem {
   date?: string
   replyText?: string
   locationName?: string
+  sourceLocationName?: string
   sourceUrl?: string
 }
 
+function withoutAuthorPhotos(items: ReviewItem[]): ReviewItem[] {
+  return items.map(item => ({
+    ...item,
+    authorPhotoUrl: undefined,
+  }))
+}
+
 export interface UseReviewContentConfig {
   /** The section key matching the data-dcs-reviews attribute value */
   sectionKey: string
@@ -35,18 +43,94 @@ export interface UseReviewContentReturn {
   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: 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,
+    sourceLocationName: item.sourceLocationName ? String(item.sourceLocationName) : 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
+      return withoutAuthorPhotos(defaults)
     }
 
     let reviewData: unknown = null
@@ -62,27 +146,10 @@ export function useReviewContent(config: UseReviewContentConfig): UseReviewConte
     }
 
     if (!reviewData || !Array.isArray(reviewData)) {
-      return defaults
+      return withoutAuthorPhotos(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,
-      }))
+    return normalizeReviewList(reviewData)
   })
 
   const hasReviews = computed(() => reviews.value.length > 0)