feat: SEO SPA Sites, Articles and Integration (4/4)

web/src/views/__tests__/articleEnvelope.ts

@@ -6,15 +6,25 @@ export interface EnvelopeParams {
 	q?: string
 	status?: ArticleStatus | ''
 	sort?: string
+	site?: string
+	seo?: '' | 'suggestions'
 }
 
+export const NEEDS_ATTENTION_TOTAL = 3
+export const NEEDS_ATTENTION_ROUTE = 'GET /v1/article/?seo=suggestions&page=1&size=5'
+
 function fold(value: string) {
 	return value.normalize('NFD').replace(/[̀-ͯ]/g, '').toLowerCase()
 }
 
 export function articleEnvelope(all: Article[], params: EnvelopeParams = {}): ArticlePage {
-	const { page = 1, size = 25, q = '', status = '', sort = '' } = params
+	const { page = 1, size = 25, q = '', status = '', sort = '', seo = '' } = params
 	const filtered = all
+		.filter(
+			(article) =>
+				!seo ||
+				(article.seo_status === 'suggestions' && (article.seo_suggestions ?? 0) > 0),
+		)
 		.filter((article) => !status || article.is_online === (status === 'online'))
 		.filter((article) => !q || fold(article.title).includes(fold(q)))
 	if (sort) {
@@ -35,8 +45,17 @@ export function articleEnvelope(all: Article[], params: EnvelopeParams = {}): Ar
 	}
 }
 
+export function isNeedsAttentionCount(url: string) {
+	const query = new URL(url, 'http://localhost').searchParams
+	return query.get('seo') === 'suggestions' && query.get('size') === '5' && !query.has('format')
+}
+
+export function needsAttentionCountPage(total = NEEDS_ATTENTION_TOTAL): ArticlePage {
+	return { items: [], total, page: 1, size: 5, counts: { all: 0, online: 0, draft: 0 } }
+}
+
 export function articleListUrl(params: EnvelopeParams = {}) {
-	const { page = 1, size = 25, q = '', status = '', sort = '' } = params
+	const { page = 1, size = 25, q = '', status = '', sort = '', site = '', seo = '' } = params
 	const query = new URLSearchParams({
 		format: 'html',
 		page: String(page),
@@ -51,6 +70,12 @@ export function articleListUrl(params: EnvelopeParams = {}) {
 	if (sort) {
 		query.set('sort', sort)
 	}
+	if (site) {
+		query.set('site', site)
+	}
+	if (seo) {
+		query.set('seo', seo)
+	}
 	return `/v1/article/?${query.toString()}`
 }
 
@@ -66,5 +91,7 @@ export function parseListUrl(url: string): EnvelopeParams {
 		q: query.get('q') ?? '',
 		status: (query.get('status') ?? '') as ArticleStatus | '',
 		sort: query.get('sort') ?? '',
+		...(query.get('site') ? { site: query.get('site') ?? '' } : {}),
+		...(query.get('seo') ? { seo: 'suggestions' as const } : {}),
 	}
 }