HeuJung
1ba67ca7cf
공개 이슈 https://github.com/gnuboard/g7/issues/22 — 본문에 삽입한 이미지가 카드/갤러리 목록 썸네일과 공유 미리보기(og:image)에 반영되지 않던 공백을 코어+3모듈+2템플릿에서 해소. - 코어 7.0.9: HtmlImageExtractor(내부 이미지 한정, origin 정규화 SSoT 재사용) + seo.og_image_default 사이트 기본 공유 이미지 설정 + SeoMetaResolver 폴백 체인 - board 1.1.0 / ecommerce 1.2.0 / page 1.1.0: content_thumbnail_url 캐시 컬럼, saving 추출(html 모드 한정·첨부 우선·비밀글 게이트 유지), filter_content_thumbnail 훅, 기존 데이터 백필 업그레이드 스텝 - ecommerce 카테고리 og:image 생산자 신설, page og:description 死키 정정 - sirsoft-basic 1.1.2 og 바인딩 정정, admin_basic 1.0.7 SEO 탭 업로더(+ja 팩 2종) - 검수 중 발견한 text 모드 오캐시 결함은 실패 테스트 선행 후 수정
518 lines
32 KiB
JSON
518 lines
32 KiB
JSON
{
|
|
"version": "1.0.0",
|
|
"layout_name": "page/show",
|
|
"permissions": [],
|
|
"extends": "_user_base",
|
|
"meta": {
|
|
"title": "{{page?.data?.seo_meta?.title ?? page?.data?.title ?? '$t:user.page.page_title'}}",
|
|
"description": "{{page?.data?.seo_meta?.description ?? ''}}",
|
|
"keywords": "{{page?.data?.seo_meta?.keywords ?? ''}}",
|
|
"seo": {
|
|
"enabled": true,
|
|
"data_sources": ["page"],
|
|
"priority": 0.5,
|
|
"changefreq": "monthly",
|
|
"og": {
|
|
"type": "website",
|
|
"title": "{{page.data.title ?? ''}}",
|
|
"description": "{{page.data.seo_meta?.description ?? ''}}",
|
|
"image": "{{page.data.content_thumbnail_url ?? ''}}"
|
|
},
|
|
"structured_data": {
|
|
"@type": "WebPage",
|
|
"name": "{{page.data.title ?? ''}}",
|
|
"description": "{{page.data.seo_meta?.description ?? ''}}",
|
|
"image": "{{page.data.content_thumbnail_url ?? ''}}",
|
|
"datePublished": "{{page.data.created_at ?? ''}}",
|
|
"dateModified": "{{page.data.updated_at ?? ''}}"
|
|
}
|
|
}
|
|
},
|
|
"data_sources": [
|
|
{
|
|
"id": "page",
|
|
"label_key": "$t:editor.data_source.page",
|
|
"type": "api",
|
|
"endpoint": "/api/modules/sirsoft-page/pages/{{route?.slug}}",
|
|
"method": "GET",
|
|
"auto_fetch": true,
|
|
"auth_mode": "optional",
|
|
"loading_strategy": "blocking",
|
|
"fallback": {
|
|
"data": null
|
|
}
|
|
}
|
|
],
|
|
"slots": {
|
|
"content": [
|
|
{
|
|
"type": "layout",
|
|
"name": "Container",
|
|
"props": {
|
|
"className": "py-12"
|
|
},
|
|
"responsive": {
|
|
"portable": {
|
|
"props": {
|
|
"className": "py-6 px-4"
|
|
}
|
|
}
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"props": {
|
|
"className": "max-w-3xl mx-auto"
|
|
},
|
|
"children": [
|
|
{
|
|
"id": "page_content_card",
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"if": "{{page?.data}}",
|
|
"props": {
|
|
"className": "bg-white dark:bg-gray-800 rounded-lg shadow p-10"
|
|
},
|
|
"responsive": {
|
|
"portable": {
|
|
"props": {
|
|
"className": "bg-white dark:bg-gray-800 rounded-lg shadow p-5"
|
|
}
|
|
}
|
|
},
|
|
"children": [
|
|
{
|
|
"id": "page_preview_banner",
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"if": "{{page?.data?.is_preview}}",
|
|
"props": {
|
|
"className": "flex items-center gap-2 mb-4 px-4 py-3 rounded-md bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-400 text-sm"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"props": {
|
|
"name": "eye",
|
|
"className": "text-amber-600 dark:text-amber-400 text-sm"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"text": "$t:user.page.preview_banner"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"props": {
|
|
"className": "flex flex-wrap items-center justify-between gap-2 mb-4"
|
|
},
|
|
"responsive": {
|
|
"portable": {
|
|
"props": {
|
|
"className": "flex flex-wrap items-center justify-between gap-2 mb-3"
|
|
}
|
|
}
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"props": {
|
|
"className": "flex flex-wrap items-center gap-2"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "H1",
|
|
"props": {
|
|
"className": "text-2xl font-bold text-gray-900 dark:text-white"
|
|
},
|
|
"responsive": {
|
|
"portable": {
|
|
"props": {
|
|
"className": "text-xl font-bold text-gray-900 dark:text-white"
|
|
}
|
|
}
|
|
},
|
|
"text": "{{page?.data?.title ?? ''}}"
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"if": "{{_global.currentUser?.is_admin}}",
|
|
"props": {
|
|
"className": "px-2 py-0.5 text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 rounded"
|
|
},
|
|
"text": "v{{page?.data?.current_version ?? 1}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "page_admin_edit_button",
|
|
"type": "basic",
|
|
"name": "A",
|
|
"if": "{{_global.currentUser?.is_admin}}",
|
|
"props": {
|
|
"href": "/admin/pages/{{page?.data?.id}}/edit",
|
|
"className": "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-700 rounded-md hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors no-underline"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"props": {
|
|
"name": "pencil",
|
|
"className": "text-xs"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"text": "$t:user.page.admin_edit"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "P",
|
|
"if": "{{page?.data?.published_at}}",
|
|
"props": {
|
|
"className": "text-sm text-gray-500 dark:text-gray-400 mb-6"
|
|
},
|
|
"responsive": {
|
|
"portable": {
|
|
"props": {
|
|
"className": "text-sm text-gray-500 dark:text-gray-400 mb-4"
|
|
}
|
|
}
|
|
},
|
|
"text": "$t:user.page.published_at: {{page?.data?.published_at | date}}"
|
|
},
|
|
{
|
|
"id": "page_html_content",
|
|
"type": "extension_point",
|
|
"name": "html_content",
|
|
"props": {
|
|
"content": "{{page?.data?.content ?? ''}}",
|
|
"isHtml": "{{(page?.data?.content_mode ?? 'html') === 'html'}}",
|
|
"className": "text-gray-700 dark:text-gray-300"
|
|
},
|
|
"default": [
|
|
{
|
|
"type": "composite",
|
|
"name": "HtmlContent",
|
|
"props": {
|
|
"content": "{{page?.data?.content ?? ''}}",
|
|
"isHtml": "{{(page?.data?.content_mode ?? 'html') === 'html'}}",
|
|
"className": "text-gray-700 dark:text-gray-300"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "page_attachments_section",
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"if": "{{(page?.data?.attachments ?? []).length > 0}}",
|
|
"props": {
|
|
"className": "mt-8 pt-6 border-t border-gray-200 dark:border-gray-700"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"props": {
|
|
"className": "flex items-center gap-2 mb-3"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"props": {
|
|
"name": "paperclip",
|
|
"className": "text-gray-500 dark:text-gray-400 text-sm"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"props": {
|
|
"className": "text-sm font-medium text-gray-700 dark:text-gray-300"
|
|
},
|
|
"text": "$t:user.page.attachments"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"props": {
|
|
"className": "space-y-2"
|
|
},
|
|
"iteration": {
|
|
"source": "page?.data?.attachments ?? []",
|
|
"item_var": "att_item",
|
|
"index_var": "att_index"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"props": {
|
|
"className": "flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700/50 rounded-lg"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"props": {
|
|
"className": "flex items-center gap-3 min-w-0"
|
|
},
|
|
"children": [
|
|
{
|
|
"comment": "이미지 썸네일 (이미지 파일인 경우) - preview_url 공개 서빙",
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"if": "{{att_item.is_image}}",
|
|
"props": {
|
|
"className": "flex-shrink-0 w-10 h-10 rounded overflow-hidden bg-gray-100 dark:bg-gray-800"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Img",
|
|
"props": {
|
|
"src": "{{att_item.preview_url}}",
|
|
"alt": "{{att_item.original_filename}}",
|
|
"className": "w-full h-full object-cover"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"comment": "파일 아이콘 (일반 파일인 경우)",
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"if": "{{!att_item.is_image}}",
|
|
"props": {
|
|
"name": "file",
|
|
"className": "text-gray-400 dark:text-gray-500 text-sm flex-shrink-0"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"props": {
|
|
"className": "text-sm text-gray-900 dark:text-white truncate"
|
|
},
|
|
"text": "{{att_item.original_filename}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Button",
|
|
"props": {
|
|
"type": "button",
|
|
"className": "flex items-center gap-1.5 px-3 py-1.5 text-sm text-blue-600 dark:text-blue-400 hover:underline flex-shrink-0 bg-transparent border-0 cursor-pointer"
|
|
},
|
|
"actions": [
|
|
{
|
|
"type": "click",
|
|
"handler": "downloadAttachment",
|
|
"params": {
|
|
"url": "{{att_item.download_url}}",
|
|
"filename": "{{att_item.original_filename}}"
|
|
}
|
|
}
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"props": {
|
|
"name": "download",
|
|
"className": "text-xs"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"text": "$t:user.page.download"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "page_not_found",
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"if": "{{!page?.data && !page?.loading}}",
|
|
"props": {
|
|
"className": "bg-white dark:bg-gray-800 rounded-lg shadow p-10 text-center"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"props": {
|
|
"name": "circle-exclamation",
|
|
"className": "text-4xl text-gray-400 dark:text-gray-500 mb-4"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "H2",
|
|
"props": {
|
|
"className": "text-xl font-bold text-gray-900 dark:text-white mb-2"
|
|
},
|
|
"text": "$t:user.page.not_found_title"
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "P",
|
|
"props": {
|
|
"className": "text-gray-500 dark:text-gray-400 mb-6"
|
|
},
|
|
"text": "$t:user.page.not_found_description"
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"props": {
|
|
"className": "flex items-center justify-center gap-3"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Button",
|
|
"props": {
|
|
"type": "button",
|
|
"className": "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700 rounded-md hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors"
|
|
},
|
|
"actions": [
|
|
{
|
|
"type": "click",
|
|
"handler": "navigate",
|
|
"params": {
|
|
"path": "/"
|
|
}
|
|
}
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"props": {
|
|
"name": "house",
|
|
"className": "text-sm"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"text": "$t:user.page.back_to_home"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "A",
|
|
"if": "{{_global.currentUser?.is_admin}}",
|
|
"props": {
|
|
"href": "/admin/pages/create?slug={{route?.slug ?? ''}}",
|
|
"className": "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-blue-600 dark:bg-blue-500 rounded-md hover:bg-blue-700 dark:hover:bg-blue-600 transition-colors no-underline"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"props": {
|
|
"name": "plus",
|
|
"className": "text-sm"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"text": "$t:user.page.create_page"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "page_back_button",
|
|
"type": "basic",
|
|
"name": "Div",
|
|
"if": "{{page?.data}}",
|
|
"props": {
|
|
"className": "mt-8 text-center"
|
|
},
|
|
"responsive": {
|
|
"portable": {
|
|
"props": {
|
|
"className": "mt-6 text-center"
|
|
}
|
|
}
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Button",
|
|
"props": {
|
|
"type": "button",
|
|
"className": "inline-flex items-center gap-2 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white cursor-pointer"
|
|
},
|
|
"actions": [
|
|
{
|
|
"type": "click",
|
|
"handler": "navigate",
|
|
"params": {
|
|
"path": "/"
|
|
}
|
|
}
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "basic",
|
|
"name": "Icon",
|
|
"props": {
|
|
"name": "arrow-left",
|
|
"className": "text-sm"
|
|
}
|
|
},
|
|
{
|
|
"type": "basic",
|
|
"name": "Span",
|
|
"text": "$t:user.page.back_to_home"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|