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

package/.gitignore

@@ -33,3 +33,12 @@ htdocs/*
 !htdocs/img
 htdocs/img/*
 !htdocs/img/*.test.*
+!htdocs/files
+htdocs/files/*
+!htdocs/files/images
+htdocs/files/images/*
+!htdocs/files/images/sample.png
+!htdocs/__tmpl
+htdocs/__tmpl/**/*
+!htdocs/__tmpl/__burger_editor
+!htdocs/__tmpl/__burger_editor/**/*

package/.vscode/settings.json

@@ -10,7 +10,6 @@
 	"stylelint.validate": ["css"],
 	"files.associations": {
 		"*.mdc": "markdown",
-		".clinerules": "markdown",
 		".stylelintrc": "json",
 		".markuplintrc": "json",
 		".pug-lintrc": "json"

package/CHANGELOG.md

@@ -3,6 +3,84 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.0.0-beta.11](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.10...v5.0.0-beta.11) (2025-10-20)
+
+**Note:** Version bump only for package @d-zero/scaffold
+
+# [5.0.0-beta.10](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.9...v5.0.0-beta.10) (2025-10-20)
+
+### Bug Fixes
+
+- update prettier glob patterns for rc files ([80231cb](https://github.com/d-zero-dev/frontend-env/commit/80231cb5af39cbcbd8c5d4c5d08bb3e5ac80a350))
+
+### Features
+
+- **create-frontend:** add library copying functionality for baserCMS projects ([8e73300](https://github.com/d-zero-dev/frontend-env/commit/8e73300a730aa7dcdcc2f19bb57b99eb5f4d561c))
+- **create-frontend:** update project type options and remove unused blocks.html ([b003628](https://github.com/d-zero-dev/frontend-env/commit/b00362847c11493ab14f8c87c01f9577563f2e07))
+- **scaffold:** add baserCMS-specific meta template and conditional inclusion ([885fe35](https://github.com/d-zero-dev/frontend-env/commit/885fe352ecb692cd1ccf3ca4ee1d82749193a60d))
+
+# [5.0.0-beta.9](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.8...v5.0.0-beta.9) (2025-10-05)
+
+**Note:** Version bump only for package @d-zero/scaffold
+
+# [5.0.0-beta.8](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.7...v5.0.0-beta.8) (2025-10-05)
+
+**Note:** Version bump only for package @d-zero/scaffold
+
+# [5.0.0-beta.7](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.6...v5.0.0-beta.7) (2025-10-03)
+
+### Features
+
+- **builder:** add --clear-cache option to CLI ([a09aa0b](https://github.com/d-zero-dev/frontend-env/commit/a09aa0b304a7c693a2b856314a39ffa25f35141e))
+
+# [5.0.0-beta.6](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.5...v5.0.0-beta.6) (2025-10-03)
+
+### Bug Fixes
+
+- **scaffold:** filter empty strings in breadcrumb depth calculation ([02d5ffc](https://github.com/d-zero-dev/frontend-env/commit/02d5ffc7935b055d22fbb9dbf0cf2ee7767fc60a))
+
+# [5.0.0-beta.5](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.4...v5.0.0-beta.5) (2025-09-17)
+
+### Bug Fixes
+
+- **scaffold:** add dotenv ([f9e09fb](https://github.com/d-zero-dev/frontend-env/commit/f9e09fbc1e32f99dd0529b5fba40cc8c205471cb))
+- **scaffold:** remove unnecessary async keyword from breadcrumbs function ([2e1e11f](https://github.com/d-zero-dev/frontend-env/commit/2e1e11f29face454705de7b359ab1bc598c549cf))
+- **scaffold:** use rel="icon" for favicon ([af6c9e8](https://github.com/d-zero-dev/frontend-env/commit/af6c9e83c2bd2b454bf54745de0b8275063450d5))
+
+### Features
+
+- **scaffold:** add dynamic breadcrumb generation ([4816002](https://github.com/d-zero-dev/frontend-env/commit/4816002823cb0698cac60858db26bffe081ab8e0))
+- **scaffold:** add dynamic title generation using breadcrumbs ([39fd107](https://github.com/d-zero-dev/frontend-env/commit/39fd1076cd7d722bb97942751bc6f65826f93c1a))
+- **scaffold:** update c-title-page component ([77d8bbe](https://github.com/d-zero-dev/frontend-env/commit/77d8bbe534392b1ae2bd82ea0e0da02287f32ff0))
+- **scaffold:** update layout and template files ([6f95978](https://github.com/d-zero-dev/frontend-env/commit/6f9597865bf66e9d8f336a4e5e9db0462953116b))
+- **scaffold:** update meta mixin, sample page and package config ([f97f141](https://github.com/d-zero-dev/frontend-env/commit/f97f1416ddd2053cdfab38823fe66adfdf3ef5f9))
+- **scaffold:** update template data with Japanese titles ([7c60679](https://github.com/d-zero-dev/frontend-env/commit/7c606797db4a94b527de69b3ec79980fed275f61))
+
+# [5.0.0-beta.4](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.3...v5.0.0-beta.4) (2025-08-14)
+
+### Bug Fixes
+
+- **scaffold:** update burger-editor config and sample file format ([e45030d](https://github.com/d-zero-dev/frontend-env/commit/e45030d19b8adbc63ad4aef4d8abb42dcf84aff1))
+- **scaffold:** update CSS to use logical properties and fix formatting ([d2339db](https://github.com/d-zero-dev/frontend-env/commit/d2339db25cd4f227a1476af4b533b69d39c0ccb3))
+
+### Features
+
+- **scaffold:** add 11ty layout files ([fafeb55](https://github.com/d-zero-dev/frontend-env/commit/fafeb557c47d372a3037c94d5d093873ad47b84a))
+- **scaffold:** add sample page for static file production ([f2cacbd](https://github.com/d-zero-dev/frontend-env/commit/f2cacbdf90c237aa7dc80e7bae2a8b80c8732088))
+- **scaffold:** enable prettier by default in eleventy config ([ba539bd](https://github.com/d-zero-dev/frontend-env/commit/ba539bd0228fc86a0e126bd48cd04df41da91f3d))
+- **scaffold:** integrate lint check into build process ([9c99c22](https://github.com/d-zero-dev/frontend-env/commit/9c99c22eeb986ed07a774e82467c82e1403da1fe))
+- **scaffold:** update burger-editor dependencies to 4.0.0-alpha.14 ([3bec3a5](https://github.com/d-zero-dev/frontend-env/commit/3bec3a594af622aff826cd3c9ef29704ad95306b))
+
+# [5.0.0-beta.3](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.2...v5.0.0-beta.3) (2025-07-11)
+
+**Note:** Version bump only for package @d-zero/scaffold
+
+# [5.0.0-beta.2](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.1...v5.0.0-beta.2) (2025-07-11)
+
+### Features
+
+- **scaffold:** introduce @burger-editor/local for local development ([1524937](https://github.com/d-zero-dev/frontend-env/commit/15249370d68aeeb9c5b20d7c29dd4c8dfc0d000e))
+
 # [5.0.0-beta.1](https://github.com/d-zero-dev/frontend-env/compare/v5.0.0-beta.0...v5.0.0-beta.1) (2025-07-01)
 
 ### Features

package/README.md

@@ -4,10 +4,11 @@
 
 ## コマンド
 
-| コマンド     | 実行される内容                                       |
-| ------------ | ---------------------------------------------------- |
-| `yarn`       | 必要なパッケージのインストール                       |
-| `yarn dev`   | 開発用ローカル環境の起動（ http://localhost:8080/ ） |
-| `yarn lint`  | リントチェック                                       |
-| `yarn build` | ビルド                                               |
-| `yarn up`    | 依存パッケージのアップデート                         |
+| コマンド                   | 実行される内容                                       |
+| -------------------------- | ---------------------------------------------------- |
+| `yarn`                     | 必要なパッケージのインストール                       |
+| `yarn dev`                 | 開発用ローカル環境の起動（ http://localhost:8080/ ） |
+| `yarn lint`                | リントチェック                                       |
+| `yarn build`               | ビルド                                               |
+| `yarn build --clear-cache` | ビルド（キャッシュをクリア）                         |
+| `yarn update`              | 依存パッケージのアップデート                         |

package/__assets/_libs/.markuplintrc

@@ -14,6 +14,12 @@
 					}
 				}
 			}
+		},
+		{
+			"selector": "script[⚠️], script[src*=jquery]",
+			"rules": {
+				"required-attr": false
+			}
 		}
 	]
 }

package/__assets/_libs/component/c-content-main.css

@@ -7,12 +7,8 @@
  * ただし、クラス名は`c-`で開始してはいけない。もちろん 【`c-` + `コンポーネント名` + `__` + `エレメント名`】 という規則でクラス名をつけない。
  * さらにそのルールに従って、メインコンテンツの中にコンポーネントを内包してはいけない。 */
 .c-content-main {
-	:where(*) {
-		text-underline-offset: 3px;
-	}
-
 	:where(h2, h3, h4, h5, h6, p) {
-		margin-block-end: max(0.75rem, 1rem);
+		margin-block-end: 1rem;
 	}
 
 	:where(ul, ol, table, blockquote) {
@@ -58,12 +54,124 @@
 		border: 1px solid var(--border-color);
 	}
 
+	[data-bgi] {
+		:where(&, & > div) {
+			:where(& > :first-child) {
+				margin-block-start: 0;
+			}
+
+			:where(& > :last-child) {
+				margin-block-end: 0;
+			}
+		}
+	}
+
+	[data-bgi='button'],
+	[data-bgi='download-file'] {
+		a {
+			display: flex;
+			justify-content: center;
+			min-inline-size: 10em;
+			max-inline-size: 20em;
+			padding-block: 0.5em;
+			padding-inline: 1em;
+			color: inherit;
+			text-decoration: none;
+			border: 1px solid currentcolor;
+			border-radius: calc(infinity * 1px);
+		}
+	}
+
+	[data-bgi='table'],
+	[data-bgi='wysiwyg'] {
+		table {
+			inline-size: 100%;
+			border-spacing: 0;
+			border-collapse: collapse;
+
+			th,
+			td {
+				padding: 1.5em;
+				border: 1px solid currentcolor;
+			}
+		}
+	}
+
+	[data-bgi='hr'] {
+		--border-color: currentcolor;
+		--border-width: 3px;
+
+		[data-bgi-hr-kind='dashed'] {
+			--border-kind: dashed;
+		}
+
+		[data-bgi-hr-kind='bold'] {
+			--border-width: 5px;
+		}
+
+		[data-bgi-hr-kind='narrow'] {
+			--border-width: 1px;
+		}
+
+		[data-bgi-hr-kind='short'] {
+			--inline-size: 50%;
+		}
+	}
+
+	@container bge-container (width < 768px) {
+		[data-bge-container='grid:1'],
+		[data-bge-container^='grid:1:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 1;
+			}
+		}
+
+		[data-bge-container='grid:2'],
+		[data-bge-container^='grid:2:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 2;
+			}
+		}
+
+		[data-bge-container='grid:3'],
+		[data-bge-container^='grid:3:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 2;
+
+				/* 最後の要素を2列分にする */
+				> :nth-child(2n + 1):last-child {
+					grid-column: span 2;
+				}
+			}
+		}
+
+		[data-bge-container='grid:4'],
+		[data-bge-container^='grid:4:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 2;
+			}
+		}
+
+		[data-bge-container='grid:5'],
+		[data-bge-container^='grid:5:'] {
+			[data-bge-container-frame] {
+				--bge-grid-col: 2;
+
+				/* 最後の要素を2列分にする */
+				> :nth-child(2n + 1):last-child {
+					grid-column: span 2;
+				}
+			}
+		}
+	}
+
 	.cc-form-description {
 		font-size: calc(14 / 16 * 1rem);
 	}
 
 	.cc-form {
-		margin: 0 auto;
+		margin-block: 0;
+		margin-inline: auto;
 	}
 
 	.cc-form-field-list {
@@ -73,7 +181,8 @@
 
 	.cc-form-fieldset {
 		display: block;
-		padding: 1rem 2rem;
+		padding-block: 1rem;
+		padding-inline: 2rem;
 
 		fieldset {
 			padding: 0;
@@ -101,7 +210,8 @@
 		.required,
 		.optional {
 			display: block;
-			margin: 0 0 0 0.5rem;
+			margin-block: 0;
+			margin-inline: 0 0.5rem;
 			font-size: calc(12 / 18 * 1rem);
 			line-height: 1;
 			border-radius: 0.2rem;
@@ -109,7 +219,8 @@
 	}
 
 	.cc-form-fieldset-attention {
-		margin: 0.5rem 0;
+		margin-block: 0.5rem;
+		margin-inline: 0;
 		font-size: calc(12 / 18 * 1rem);
 		font-weight: normal;
 	}
@@ -119,8 +230,10 @@
 	}
 
 	.mail-field {
-		padding: 0 0 1rem;
-		margin: 0 0 0 1rem;
+		padding-block: 0 1rem;
+		padding-inline: 0;
+		margin-block: 0;
+		margin-inline: 0 1rem;
 
 		&:last-child {
 			border-block-end: 1px solid var(--border-color);
@@ -134,7 +247,7 @@
 				'description description description' auto
 				'error-message error-message error-message' auto
 				/ auto 1fr auto;
-			grid-gap: 0;
+			gap: 0;
 
 			> * {
 				place-self: center flex-start;
@@ -142,7 +255,8 @@
 
 			.mail-before-attachment {
 				grid-area: before-attachment;
-				margin: 0 1rem 0 0;
+				margin-block: 0;
+				margin-inline: 0 1rem;
 
 				&:empty {
 					margin: 0;
@@ -155,7 +269,8 @@
 
 			.mail-after-attachment {
 				grid-area: after-attachment;
-				margin: 0 0 0 1rem;
+				margin-block: 0;
+				margin-inline: 1rem 0;
 
 				&:empty {
 					margin: 0;
@@ -219,7 +334,8 @@
 			}
 
 			select {
-				padding: 0.5rem calc(0.5rem + 24px + 2px) 0.5rem 0.5rem;
+				padding-block: 0.5rem;
+				padding-inline: 0.5rem calc(0.5rem + 24px + 2px);
 				appearance: none;
 				background-image: url('/img/bg-arrow.svg');
 				background-repeat: no-repeat;
@@ -255,7 +371,8 @@
 				input {
 					display: block;
 					padding: 0;
-					margin: 0 0.5rem 0 0;
+					margin-block: 0;
+					margin-inline: 0 0.5rem;
 					line-height: 1;
 				}
 

package/__assets/_libs/component/c-nav-breadcrumb.pug

@@ -1,42 +1,20 @@
 .c-nav-breadcrumb
 	ol(itemscope itemtype="https://schema.org/BreadcrumbList")
-		li.c-nav-breadcrumb__item(
-			itemscope
-			itemprop="itemListElement"
-			itemtype="https://schema.org/ListItem"
-			data-breadcrumb="home")
-			a(
-				href="/"
+		- const HOME_TITLE = "Home";
+		- const linkList = breadcrumbs(page, collections);
+		each link, index in linkList
+			li.c-nav-breadcrumb__item(
 				itemscope
-				itemprop="item"
-				itemtype="https://schema.org/WebPage"
-				itemid="/")
-				span(itemprop="name") Home
-			meta(itemprop="position" content="1")
-			span.c-nav-breadcrumb__separetor
-		li.c-nav-breadcrumb__item(
-			itemscope
-			itemprop="itemListElement"
-			itemtype="https://schema.org/ListItem")
-			a(
-				href="/first/"
-				itemscope
-				itemprop="item"
-				itemtype="https://schema.org/WebPage"
-				itemid="/first/")
-				span(itemprop="name") Parent
-			meta(itemprop="position" content="2")
-			span.c-nav-breadcrumb__separetor
-		li.c-nav-breadcrumb__item(
-			itemscope
-			itemprop="itemListElement"
-			itemtype="https://schema.org/ListItem"
-			data-breadcrumb="current")
-			a(
-				href="/first/about"
-				itemscope
-				itemprop="item"
-				itemtype="https://schema.org/WebPage"
-				itemid="/first/about")
-				span(itemprop="name") Current
-			meta(itemprop="position" content="3")
+				itemprop="itemListElement"
+				itemtype="https://schema.org/ListItem"
+				data-breadcrumb=link.href === "/" ? "home" : undefined)
+				a(
+					href=link.href
+					itemscope
+					itemprop="item"
+					itemtype="https://schema.org/WebPage"
+					itemid=link.href)
+					span(itemprop="name")= link.href === "/" ? HOME_TITLE || link.title : link.title
+				meta(itemprop="position" content=index + 1)
+				if index < linkList.length - 1
+					span.c-nav-breadcrumb__separetor

package/__assets/_libs/component/c-pagination.css

@@ -87,6 +87,7 @@
 }
 
 /* 🐲 baserCMSの仕様上 マルチクラスでしかカレントを定義できない */
+
 /* stylelint-disable selector-class-pattern */
 .c-pagination__number--current {
 	border-block-end: 2px solid var(--border-color);
@@ -95,4 +96,5 @@
 		padding-block-end: 0;
 	}
 }
+
 /* stylelint-enable selector-class-pattern */

package/__assets/_libs/component/c-title-page.pug

@@ -1,2 +1,2 @@
 .c-title-page
-	h1 ページタイトル
+	h1= title