@d-zero/scaffold 5.0.0-beta.1 → 5.0.0-beta.10

package/__assets/_libs/data/blocks.js

@@ -1,6 +1,6 @@
 import fs from 'node:fs';
 import path from 'node:path';
 
-export default fs.readFileSync(path.resolve(import.meta.dirname, './blocks.html'), {
+export default fs.readFileSync(path.resolve(import.meta.dirname, './bge-blocks.html'), {
 	encoding: 'utf8',
 });

package/__assets/_libs/data/breadcrumbs.js

@@ -0,0 +1,77 @@
+import path from 'node:path';
+
+import { JSDOM } from 'jsdom';
+
+/**
+ *
+ */
+export default function () {
+	return (page, collections) => {
+		const breadcrumbs = collections.all
+			.filter((item) => isAncestor(page, item.filePathStem))
+			.map((item) => ({
+				title: getTitle(item),
+				href: item.page.url,
+				depth: item.page.url.split('/').filter(Boolean).length,
+			}))
+			.sort((a, b) => a.depth - b.depth);
+		return breadcrumbs;
+	};
+}
+
+/**
+ *
+ * @param page
+ * @param filePathStem
+ */
+function isAncestor(page, filePathStem) {
+	const dirname = path.dirname(filePathStem);
+	const name = path.basename(filePathStem);
+	const included = page.filePathStem.startsWith(dirname);
+	const isIndex = name === 'index';
+	const isSelf = page.filePathStem === filePathStem;
+	return (included && isIndex) || isSelf;
+}
+
+const titleCache = new Map();
+
+/**
+ *
+ * @param item
+ */
+function getTitle(item) {
+	const filePathStem = item.filePathStem;
+	if (titleCache.has(filePathStem)) {
+		return titleCache.get(filePathStem);
+	}
+	const title =
+		item.data.title?.trim() ||
+		getTitleFromDOM(getContent(item)) ||
+		item.page.fileSlug?.trim();
+	titleCache.set(filePathStem, title);
+	return title;
+}
+
+/**
+ *
+ * @param item
+ */
+function getTitleFromDOM(item) {
+	const content = getContent(item);
+	const dom = new JSDOM(content);
+	const title = dom.window.document.title.trim();
+	return title;
+}
+
+/**
+ *
+ * @param item
+ */
+function getContent(item) {
+	try {
+		// UsingCircularTemplateContentReferenceError may potentially occur
+		return item.templateContent;
+	} catch {
+		return null;
+	}
+}

package/__assets/_libs/data/titlelist.js

@@ -0,0 +1,16 @@
+import breadcrumbs from './breadcrumbs.js';
+
+/**
+ *
+ */
+export default async function () {
+	return (page, collections, pkg, separator = ' | ') => {
+		const breadcrumbLinkList = breadcrumbs()(page, collections);
+		const titleList = breadcrumbLinkList
+			.filter((item) => item.href !== '/')
+			.toReversed()
+			.map((item) => item.title);
+		titleList.push(pkg.production?.siteName || '__サイト名__');
+		return titleList.join(separator);
+	};
+}

package/__assets/_libs/layouts/home.pug

@@ -0,0 +1,17 @@
+doctype html
+html(lang=lang || "ja")
+	head
+		include /mixin/meta.pug
+	body.c-page-home
+		.c-page-home__base
+			.c-page-home__header
+				- const isHome = true;
+				include /component/c-header.pug
+			.c-page-home__nav-global
+				include /component/c-nav-global.pug
+			.c-page-home__main
+				main !{ content }
+			.c-page-home__nav-sitemap
+				include /component/c-nav-sitemap.pug
+			.c-page-home__footer
+				include /component/c-footer.pug

package/__assets/_libs/layouts/sub.pug

@@ -0,0 +1,25 @@
+doctype html
+html(lang=lang || "ja")
+	head
+		include /mixin/meta.pug
+	body.c-page-sub
+		.c-page-sub__base
+			.c-page-sub__header
+				include /component/c-header.pug
+			.c-page-sub__nav-global
+				include /component/c-nav-global.pug
+			.c-page-sub__main
+				main
+					article.c-page-sub__content
+						.c-page-sub__title-page
+							include /component/c-title-page.pug
+						.c-page-sub__nav-breadcrumb
+							include /component/c-nav-breadcrumb.pug
+						.c-page-sub__content-body !{ content }
+						if hasPagination
+							.c-page-sub__pagination
+								include /component/c-pagination.pug
+			.c-page-sub__nav-sitemap
+				include /component/c-nav-sitemap.pug
+			.c-page-sub__footer
+				include /component/c-footer.pug

package/__assets/_libs/mixin/meta-basercms.pug

@@ -0,0 +1,14 @@
+link(
+	⚠️="baserCMS組み込み時は削除してください"
+	rel="stylesheet"
+	href="/__tmpl/__burger_editor/css/colorbox.css")
+script(
+	⚠️="baserCMS組み込み時は削除してください"
+	src="https://maps.google.com/maps/api/js?key=AIzaSyDc3Vko3MvdrlJuQyEmo0WiT50RIMMtk5g")
+script(
+	⚠️="baserCMS組み込み時は削除してください"
+	src="/__tmpl/__burger_editor/js/bge_modules/jquery.colorbox-min.js")
+script(
+	⚠️="baserCMS組み込み時は削除してください"
+	src="/__tmpl/__burger_editor/js/bge_modules/bge_functions.min.js")
+script(src="/js/jquery.min.js")

package/__assets/_libs/mixin/meta.pug

@@ -1,21 +1,26 @@
-mixin meta(title)
-	meta(charset="UTF-8")
-	meta(name="viewport" content="width=device-width")
-	title= title
-	meta(name="format-detection" content="telephone=no")
-	meta(name="description" content="__ディスクリプション__")
-	meta(property="og:type" content="website")
-	meta(property="og:title" content="__サイトタイトル__")
-	meta(property="og:site_name" content="__サイトタイトル__")
-	meta(property="og:description" content="__ディスクリプション__")
-	meta(property="og:url" content="__SNSからリンクさせるURL__")
-	meta(property="og:image" content="__OGP用画像__")
-	meta(name="twitter:card" content="summary_large_image")
-	meta(name="twitter:url" content="__SNSからリンクさせるURL__")
-	meta(name="twitter:title" content="__サイトタイトル__")
-	meta(name="twitter:description" content="__ディスクリプション__")
-	meta(name="twitter:image" content="__OGP用画像__")
-	link(rel="shortcut icon" href="/favicon.png")
-	link(rel="apple-touch-icon" href="/img/apple-touch-icon.png")
-	link(href="/css/style.css" rel="stylesheet")
-	script(src="/js/script.js" type="module")
+meta(charset="UTF-8")
+meta(name="viewport" content="width=device-width")
+title= titlelist(page, collections, pkg, " | ")
+meta(name="format-detection" content="telephone=no")
+meta(name="description" content=description || "")
+meta(property="og:type" content=ogType || "website")
+if pkg.production.siteName
+	meta(property="og:site_name" content=pkg.production.siteName || "__サイト名__")
+if ogDescription || description
+	meta(property="og:description" content=ogDescription || description || "")
+if pkg.production.host
+	meta(property="og:url" content=pkg.production.host + page.url)
+	meta(property="og:image" content=pkg.production.host + (ogImage || "/img/ogp.png"))
+meta(name="twitter:card" content=ogCard || "summary_large_image")
+meta(name="twitter:url" content=pkg.production.host + page.url)
+if pkg.production.siteName
+	meta(name="twitter:title" content=pkg.production.siteName || "__サイト名__")
+if ogDescription || description
+	meta(name="twitter:description" content=ogDescription || description || "")
+if pkg.production.host
+	meta(name="twitter:image" content=pkg.production.host + (ogImage || "/img/ogp.png"))
+link(rel="icon" href="/favicon.png")
+link(rel="apple-touch-icon" href="/img/apple-touch-icon.png")
+link(href="/css/style.css" rel="stylesheet")
+include meta-basercms.pug
+script(src="/js/script.js" type="module")

package/__assets/_libs/style/general/all.css

@@ -6,4 +6,5 @@
 		box-sizing: border-box;
 	}
 }
+
 /* stylelint-enable selector-max-universal */

package/__assets/htdocs/__tmpl/000_home.json

@@ -0,0 +1,4 @@
+{
+	"layout": "home.pug",
+	"title": "トップページ"
+}

package/__assets/htdocs/__tmpl/000_home.pug

@@ -1,20 +1,2 @@
-html(lang="ja")
-	head
-		include /mixin/meta.pug
-		+meta("__サイトタイトル__")
-	body.c-page-home
-		.c-page-home__base
-			.c-page-home__header
-				- const isHome = true;
-				include /component/c-header.pug
-			.c-page-home__nav-global
-				include /component/c-nav-global.pug
-
-			.c-page-home__main
-				main
-					h2 メイン
-
-			.c-page-home__nav-sitemap
-				include /component/c-nav-sitemap.pug
-			.c-page-home__footer
-				include /component/c-footer.pug
+h2 トップページ
+div トップページ内容

package/__assets/htdocs/__tmpl/100_sub.json

@@ -0,0 +1,4 @@
+{
+	"layout": "sub.pug",
+	"title": "下層固定ページ・ブログ詳細ページ"
+}

package/__assets/htdocs/__tmpl/100_sub.pug

@@ -1,23 +1 @@
-html(lang="ja")
-	head
-		include /mixin/meta.pug
-		+meta("__ページタイトル__ | __サイトタイトル__")
-	body.c-page-sub
-		.c-page-sub__base
-			.c-page-sub__header
-				include /component/c-header.pug
-			.c-page-sub__nav-global
-				include /component/c-nav-global.pug
-			.c-page-sub__main
-				main
-					article.c-page-sub__content
-						.c-page-sub__title-page
-							include /component/c-title-page.pug
-						.c-page-sub__nav-breadcrumb
-							include /component/c-nav-breadcrumb.pug
-						.c-page-sub__content-main
-							.c-content-main !{ blocks }
-			.c-page-sub__nav-sitemap
-				include /component/c-nav-sitemap.pug
-			.c-page-sub__footer
-				include /component/c-footer.pug
+.c-content-main !{ blocks }

package/__assets/htdocs/__tmpl/200_blog_index.json

@@ -0,0 +1,5 @@
+{
+	"layout": "sub.pug",
+	"title": "ブログA一覧ページ",
+	"hasPagination": true
+}

package/__assets/htdocs/__tmpl/200_blog_index.pug

@@ -1,40 +1,14 @@
-html(lang="ja")
-	head
-		include /mixin/meta.pug
-		+meta("__ページタイトル__ | __サイトタイトル__")
-	body.c-page-sub
-		.c-page-sub__base
-			.c-page-sub__header
-				include /component/c-header.pug
-			.c-page-sub__nav-global
-				include /component/c-nav-global.pug
-
-			.c-page-sub__main
-				main
-					article.c-page-sub__content
-						.c-page-sub__title-page
-							include /component/c-title-page.pug
-						.c-page-sub__nav-breadcrumb
-							include /component/c-nav-breadcrumb.pug
-						.c-page-sub__content-index
-							.c-content-index
-								.c-content-index__categories
-									// ⚠️ CMS要件:
-									// - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
-									// - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
-									ul
-										li: a(href="__PATH_TO__"): span ALL
-										li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
-										li: a(href="__PATH_TO__"): span カテゴリー2
-										li: a(href="__PATH_TO__"): span カテゴリー3
-								.c-content-index__body
-									.c-media-list
-										each article in data.articles
-											include /component/c-media.pug
-						.c-page-sub__pagination
-							include /component/c-pagination.pug
-
-			.c-page-sub__nav-sitemap
-				include /component/c-nav-sitemap.pug
-			.c-page-sub__footer
-				include /component/c-footer.pug
+.c-content-index
+	.c-content-index__categories
+		// ⚠️ CMS要件:
+		// - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
+		// - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
+		ul
+			li: a(href="__PATH_TO__"): span ALL
+			li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
+			li: a(href="__PATH_TO__"): span カテゴリー2
+			li: a(href="__PATH_TO__"): span カテゴリー3
+	.c-content-index__body
+		.c-media-list
+			each article in data.articles
+				include /component/c-media.pug

package/__assets/htdocs/__tmpl/210_blog_index.json

@@ -0,0 +1,5 @@
+{
+	"layout": "sub.pug",
+	"title": "ブログB一覧ページ",
+	"hasPagination": true
+}

package/__assets/htdocs/__tmpl/210_blog_index.pug

@@ -1,40 +1,14 @@
-html(lang="ja")
-	head
-		include /mixin/meta.pug
-		+meta("__ページタイトル__ | __サイトタイトル__")
-	body.c-page-sub
-		.c-page-sub__base
-			.c-page-sub__header
-				include /component/c-header.pug
-			.c-page-sub__nav-global
-				include /component/c-nav-global.pug
-
-			.c-page-sub__main
-				main
-					article.c-page-sub__content
-						.c-page-sub__title-page
-							include /component/c-title-page.pug
-						.c-page-sub__nav-breadcrumb
-							include /component/c-nav-breadcrumb.pug
-						.c-page-sub__content-index
-							.c-content-index
-								.c-content-index__categories
-									// ⚠️ CMS要件:
-									// - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
-									// - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
-									ul
-										li: a(href="__PATH_TO__"): span ALL
-										li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
-										li: a(href="__PATH_TO__"): span カテゴリー2
-										li: a(href="__PATH_TO__"): span カテゴリー3
-								.c-content-index__body
-									.c-card-list
-										each article in data.articles
-											include /component/c-card.pug
-						.c-page-sub__pagination
-							include /component/c-pagination.pug
-
-			.c-page-sub__nav-sitemap
-				include /component/c-nav-sitemap.pug
-			.c-page-sub__footer
-				include /component/c-footer.pug
+.c-content-index
+	.c-content-index__categories
+		// ⚠️ CMS要件:
+		// - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
+		// - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
+		ul
+			li: a(href="__PATH_TO__"): span ALL
+			li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
+			li: a(href="__PATH_TO__"): span カテゴリー2
+			li: a(href="__PATH_TO__"): span カテゴリー3
+	.c-content-index__body
+		.c-card-list
+			each article in data.articles
+				include /component/c-card.pug

package/__assets/htdocs/__tmpl/300_form_input.json

@@ -0,0 +1,4 @@
+{
+	"layout": "sub.pug",
+	"title": "メールフォーム入力ページ"
+}