cms/tibi-svelte-starter
Template
3
0
Fork 2
Code Issues Pull Requests Projects Releases Wiki Activity

✨ feat: add comment and tag collections with metadata and mock data

Browse Source
This commit is contained in:
Sebastian Frank
2026-05-17 18:26:26 +00:00
parent d74964d078
commit f407946c19
12 changed files with 33 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.yarn/install-state.gz
BIN
View File
Binary file not shown.
api/collections/comments.yml → api/collections/comment.yml
+2 -2
View File
@@ -1,9 +1,9 @@
name: comments
name: comment
meta:
label: { de: "Kommentare", en: "Comments" }
muiIcon: chat
group: community
imageUrl: "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&q=80&w=800"
imageUrl: "https://images.unsplash.com/photo-1522096823084-2d1aa8411c13?auto=format&fit=crop&q=80&w=800"
preview:
label: author
secondary: message
api/collections/content.yml
+2 -1
View File
@@ -6,7 +6,7 @@ name: content
uploadPath: ../media/content
meta:
label: { de: "Inhalte", en: "Content" }
muiIcon: description
muiIcon: file-document-outline
group: content
imageUrl: "https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&q=80&w=800"
preview:
@@ -27,6 +27,7 @@ meta:
label: { de: "Veröffentlichung", en: "Publishing" }
- group: seo
label: { de: "SEO", en: "SEO" }
viewHint: cards
hooks:
get:
api/collections/medialib.yml
+5 -5
View File
@@ -6,9 +6,9 @@ name: medialib
uploadPath: ../media/medialib
meta:
label: { de: "Mediathek", en: "Media Library" }
muiIcon: perm_media
muiIcon: folder-multiple-image
group: content
imageUrl: "https://images.unsplash.com/photo-1542204165-65bf26472b9b?auto=format&fit=crop&q=80&w=800"
imageUrl: "https://images.unsplash.com/photo-1452587925148-ce544e77e70d?auto=format&fit=crop&q=80&w=800"
viewHint:
media:
ai:
@@ -23,7 +23,7 @@ meta:
file: file
preview:
label: title
secondary: tags
secondary: tag
tertiary: description
image: file
mediaFile: file
@@ -129,13 +129,13 @@ fields:
inputProps:
multiline: true
rows: 4
- name: tags
- name: tag
type: string[]
meta:
label: { de: "Schlagwörter", en: "Tags" }
widget: foreignKey
foreign:
collection: tags
collection: tag
- name: _testdata
type: boolean
meta:
api/collections/navigation.yml
+1 -1
View File
@@ -7,7 +7,7 @@ meta:
label: { de: "Navigation", en: "Navigation" }
muiIcon: menu
group: content
imageUrl: "https://images.unsplash.com/photo-1506784926709-22f1ec395907?auto=format&fit=crop&q=80&w=800"
imageUrl: "https://images.unsplash.com/photo-1452423668729-43a98052d3ee?auto=format&fit=crop&q=80&w=800"
viewHint:
navigation:
nodesField: elements
api/collections/ssr.yml
+1 -1
View File
@@ -7,7 +7,7 @@ meta:
label: { de: "SSR Dummy", en: "ssr dummy" }
muiIcon: storage
group: system
imageUrl: "https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=800"
imageUrl: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&q=80&w=800"
hide: true
permissions:
api/collections/tags.yml → api/collections/tag.yml
+4 -4
View File
@@ -2,14 +2,14 @@
# Tags — verwaltete Schlagwörter für Mediathek und andere Collections
########################################################################
name: tags
name: tag
meta:
label: { de: "Schlagwörter", en: "Tags" }
muiIcon: tag
muiIcon: label
group: content
imageUrl: "https://images.unsplash.com/photo-1543285198-3af15c4592ce?auto=format&fit=crop&w=640&q=80"
imageUrl: "https://images.unsplash.com/photo-1555421689-491a97ff2040?auto=format&fit=crop&w=800&q=80"
preview:
select: [ name, color ]
select: [name, color]
label: name
labelStyle:
eval: |
api/config.yml
+2 -2
View File
@@ -22,11 +22,11 @@ meta:
icon: settings
collections:
- !include collections/tags.yml
- !include collections/content.yml
- !include collections/medialib.yml
- !include collections/navigation.yml
- !include collections/comments.yml
- !include collections/tag.yml
- !include collections/comment.yml
- !include collections/ssr.yml
assets:
api/config.yml.env
+1 -1
View File
@@ -1,2 +1,2 @@
ADMIN_TOKEN=5bdfjc78hdxn338cuhSJ
ADMIN_ASSET_VERSION=db968ab-dirty-1779031609756
ADMIN_ASSET_VERSION=d74964d-dirty-1779040944093
frontend/mocking/comments.json → frontend/mocking/comment.json
View File
frontend/src/App.svelte
+12 -12
View File
@@ -24,12 +24,12 @@
const CONTENT_MEDIA_LOOKUP = ["blocks.heroImage.image:medialib", "blocks.image:medialib"].join(",")
const NAVIGATION_CONTENT_LOOKUP = "elements.page:content"
const CONTENT_COMMENTS_AGGREGATE = {
collection: "comments",
const CONTENT_COMMENT_AGGREGATE = {
collection: "comment",
foreignField: "contentId",
op: "count",
filter: { active: true },
as: "commentsCount",
as: "commentCount",
}
let { url = "" }: { url?: string } = $props()
@@ -138,7 +138,7 @@
}
let loading = $state(true)
let notFound = $state(false)
let comments = $state<any[]>([])
let commentList = $state<any[]>([])
// Header scroll detection
let scrolled = $state(false)
@@ -187,7 +187,7 @@
filter: { lang, path: routePath, active: true },
sort: "sort",
limit: 1,
aggregate: CONTENT_COMMENTS_AGGREGATE,
aggregate: CONTENT_COMMENT_AGGREGATE,
lookup: CONTENT_MEDIA_LOOKUP,
})
@@ -200,13 +200,13 @@
}
try {
comments = await getCachedEntries("comments", {
commentList = await getCachedEntries("comment", {
filter: { active: true, contentId: contentEntry.id as string },
sort: "sort",
})
} catch (e) {
console.error("Failed to load comments", e)
comments = []
console.error("Failed to load comment", e)
commentList = []
}
} else {
notFound = true
@@ -396,14 +396,14 @@
<div class="page-enter">
<BlockRenderer blocks={contentEntry.blocks} />
{#if (contentEntry as any)?._aggregate?.commentsCount !== undefined}
{#if (contentEntry as any)?._aggregate?.commentCount !== undefined}
<div class="max-w-6xl mx-auto px-6 py-8 border-t border-gray-100 my-12">
<h3 class="text-xl font-bold mb-6">
Kommentare ({(contentEntry as any)._aggregate.commentsCount})
Kommentare ({(contentEntry as any)._aggregate.commentCount})
</h3>
{#if comments && comments.length > 0}
{#if commentList && commentList.length > 0}
<div class="space-y-6">
{#each comments as comment}
{#each commentList as comment}
<div class="bg-gray-50 p-6 rounded-lg">
<div class="font-bold text-gray-900 mb-2">{comment.author}</div>
<p class="text-gray-700 whitespace-pre-wrap">{comment.message}</p>
frontend/src/lib/mock.ts
+3 -3
View File
@@ -16,7 +16,7 @@
import contentData from "../../mocking/content.json"
import medialibData from "../../mocking/medialib.json"
import navigationData from "../../mocking/navigation.json"
import commentsData from "../../mocking/comments.json"
import commentsData from "../../mocking/comment.json"
type EJsonObjectId = {
$oid: string
@@ -26,7 +26,7 @@ const mockRegistry: Record<string, Record<string, unknown>[]> = {
content: normalizeMockCollection(contentData as Record<string, unknown>[]),
medialib: normalizeMockCollection(medialibData as Record<string, unknown>[]),
navigation: normalizeMockCollection(navigationData as Record<string, unknown>[]),
comments: normalizeMockCollection(commentsData as Record<string, unknown>[]),
comment: normalizeMockCollection(commentsData as Record<string, unknown>[]),
}
function isEJsonObjectId(value: unknown): value is EJsonObjectId {
@@ -263,7 +263,7 @@ function applyAggregate(entry: Record<string, unknown>, options?: ApiOptions): R
continue
}
// "comments:contentId:count"
// "comment:contentId:count"
const parts = spec.split(":")
if (parts.length < 3) continue
const targetCollection = parts[0]