@d-zero/scaffold 5.0.0-beta.2 → 5.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/__assets/_libs/component/c-content-main.css +21 -11
  3. package/__assets/_libs/component/c-pagination.css +2 -0
  4. package/__assets/_libs/layouts/home.pug +18 -0
  5. package/__assets/_libs/layouts/sub.pug +26 -0
  6. package/__assets/_libs/style/general/all.css +1 -0
  7. package/__assets/htdocs/__tmpl/000_home.json +3 -0
  8. package/__assets/htdocs/__tmpl/000_home.pug +2 -20
  9. package/__assets/htdocs/__tmpl/100_sub.json +3 -0
  10. package/__assets/htdocs/__tmpl/100_sub.pug +1 -23
  11. package/__assets/htdocs/__tmpl/200_blog_index.json +4 -0
  12. package/__assets/htdocs/__tmpl/200_blog_index.pug +14 -40
  13. package/__assets/htdocs/__tmpl/210_blog_index.json +4 -0
  14. package/__assets/htdocs/__tmpl/210_blog_index.pug +14 -40
  15. package/__assets/htdocs/__tmpl/300_form_input.json +3 -0
  16. package/__assets/htdocs/__tmpl/300_form_input.pug +529 -568
  17. package/__assets/htdocs/__tmpl/301_form_confirm.json +3 -0
  18. package/__assets/htdocs/__tmpl/301_form_confirm.pug +188 -212
  19. package/__assets/htdocs/__tmpl/302_form_complete.json +3 -0
  20. package/__assets/htdocs/__tmpl/302_form_complete.pug +3 -27
  21. package/__assets/htdocs/sample/index.html +14 -0
  22. package/burgereditor.config.js +2 -1
  23. package/eleventy.config.mjs +7 -1
  24. package/markuplint.config.js +4 -0
  25. package/package.json +17 -16
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [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)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **scaffold:** update burger-editor config and sample file format ([e45030d](https://github.com/d-zero-dev/frontend-env/commit/e45030d19b8adbc63ad4aef4d8abb42dcf84aff1))
11
+ - **scaffold:** update CSS to use logical properties and fix formatting ([d2339db](https://github.com/d-zero-dev/frontend-env/commit/d2339db25cd4f227a1476af4b533b69d39c0ccb3))
12
+
13
+ ### Features
14
+
15
+ - **scaffold:** add 11ty layout files ([fafeb55](https://github.com/d-zero-dev/frontend-env/commit/fafeb557c47d372a3037c94d5d093873ad47b84a))
16
+ - **scaffold:** add sample page for static file production ([f2cacbd](https://github.com/d-zero-dev/frontend-env/commit/f2cacbdf90c237aa7dc80e7bae2a8b80c8732088))
17
+ - **scaffold:** enable prettier by default in eleventy config ([ba539bd](https://github.com/d-zero-dev/frontend-env/commit/ba539bd0228fc86a0e126bd48cd04df41da91f3d))
18
+ - **scaffold:** integrate lint check into build process ([9c99c22](https://github.com/d-zero-dev/frontend-env/commit/9c99c22eeb986ed07a774e82467c82e1403da1fe))
19
+ - **scaffold:** update burger-editor dependencies to 4.0.0-alpha.14 ([3bec3a5](https://github.com/d-zero-dev/frontend-env/commit/3bec3a594af622aff826cd3c9ef29704ad95306b))
20
+
21
+ # [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)
22
+
23
+ **Note:** Version bump only for package @d-zero/scaffold
24
+
6
25
  # [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)
7
26
 
8
27
  ### Features
package/__assets/_libs/component/c-content-main.css CHANGED
@@ -170,7 +170,8 @@
170
170
  }
171
171
 
172
172
  .cc-form {
173
- margin: 0 auto;
173
+ margin-block: 0;
174
+ margin-inline: auto;
174
175
  }
175
176
 
176
177
  .cc-form-field-list {
@@ -180,7 +181,8 @@
180
181
 
181
182
  .cc-form-fieldset {
182
183
  display: block;
183
- padding: 1rem 2rem;
184
+ padding-block: 1rem;
185
+ padding-inline: 2rem;
184
186
 
185
187
  fieldset {
186
188
  padding: 0;
@@ -208,7 +210,8 @@
208
210
  .required,
209
211
  .optional {
210
212
  display: block;
211
- margin: 0 0 0 0.5rem;
213
+ margin-block: 0;
214
+ margin-inline: 0 0.5rem;
212
215
  font-size: calc(12 / 18 * 1rem);
213
216
  line-height: 1;
214
217
  border-radius: 0.2rem;
@@ -216,7 +219,8 @@
216
219
  }
217
220
 
218
221
  .cc-form-fieldset-attention {
219
- margin: 0.5rem 0;
222
+ margin-block: 0.5rem;
223
+ margin-inline: 0;
220
224
  font-size: calc(12 / 18 * 1rem);
221
225
  font-weight: normal;
222
226
  }
@@ -226,8 +230,10 @@
226
230
  }
227
231
 
228
232
  .mail-field {
229
- padding: 0 0 1rem;
230
- margin: 0 0 0 1rem;
233
+ padding-block: 0 1rem;
234
+ padding-inline: 0;
235
+ margin-block: 0;
236
+ margin-inline: 0 1rem;
231
237
 
232
238
  &:last-child {
233
239
  border-block-end: 1px solid var(--border-color);
@@ -241,7 +247,7 @@
241
247
  'description description description' auto
242
248
  'error-message error-message error-message' auto
243
249
  / auto 1fr auto;
244
- grid-gap: 0;
250
+ gap: 0;
245
251
 
246
252
  > * {
247
253
  place-self: center flex-start;
@@ -249,7 +255,8 @@
249
255
 
250
256
  .mail-before-attachment {
251
257
  grid-area: before-attachment;
252
- margin: 0 1rem 0 0;
258
+ margin-block: 0;
259
+ margin-inline: 0 1rem;
253
260
 
254
261
  &:empty {
255
262
  margin: 0;
@@ -262,7 +269,8 @@
262
269
 
263
270
  .mail-after-attachment {
264
271
  grid-area: after-attachment;
265
- margin: 0 0 0 1rem;
272
+ margin-block: 0;
273
+ margin-inline: 1rem 0;
266
274
 
267
275
  &:empty {
268
276
  margin: 0;
@@ -326,7 +334,8 @@
326
334
  }
327
335
 
328
336
  select {
329
- padding: 0.5rem calc(0.5rem + 24px + 2px) 0.5rem 0.5rem;
337
+ padding-block: 0.5rem;
338
+ padding-inline: 0.5rem calc(0.5rem + 24px + 2px);
330
339
  appearance: none;
331
340
  background-image: url('/img/bg-arrow.svg');
332
341
  background-repeat: no-repeat;
@@ -362,7 +371,8 @@
362
371
  input {
363
372
  display: block;
364
373
  padding: 0;
365
- margin: 0 0.5rem 0 0;
374
+ margin-block: 0;
375
+ margin-inline: 0 0.5rem;
366
376
  line-height: 1;
367
377
  }
368
378
 
package/__assets/_libs/component/c-pagination.css CHANGED
@@ -87,6 +87,7 @@
87
87
  }
88
88
 
89
89
  /* 🐲 baserCMSの仕様上 マルチクラスでしかカレントを定義できない */
90
+
90
91
  /* stylelint-disable selector-class-pattern */
91
92
  .c-pagination__number--current {
92
93
  border-block-end: 2px solid var(--border-color);
@@ -95,4 +96,5 @@
95
96
  padding-block-end: 0;
96
97
  }
97
98
  }
99
+
98
100
  /* stylelint-enable selector-class-pattern */
package/__assets/_libs/layouts/home.pug ADDED
@@ -0,0 +1,18 @@
1
+ doctype html
2
+ html(lang=lang || "ja")
3
+ head
4
+ include /mixin/meta.pug
5
+ +meta(title || "サイトタイトル")
6
+ body.c-page-home
7
+ .c-page-home__base
8
+ .c-page-home__header
9
+ - const isHome = true;
10
+ include /component/c-header.pug
11
+ .c-page-home__nav-global
12
+ include /component/c-nav-global.pug
13
+ .c-page-home__main
14
+ main !{ content }
15
+ .c-page-home__nav-sitemap
16
+ include /component/c-nav-sitemap.pug
17
+ .c-page-home__footer
18
+ include /component/c-footer.pug
package/__assets/_libs/layouts/sub.pug ADDED
@@ -0,0 +1,26 @@
1
+ doctype html
2
+ html(lang=lang || "ja")
3
+ head
4
+ include /mixin/meta.pug
5
+ +meta(title || "サイトタイトル")
6
+ body.c-page-sub
7
+ .c-page-sub__base
8
+ .c-page-sub__header
9
+ include /component/c-header.pug
10
+ .c-page-sub__nav-global
11
+ include /component/c-nav-global.pug
12
+ .c-page-sub__main
13
+ main
14
+ article.c-page-sub__content
15
+ .c-page-sub__title-page
16
+ include /component/c-title-page.pug
17
+ .c-page-sub__nav-breadcrumb
18
+ include /component/c-nav-breadcrumb.pug
19
+ .c-page-sub__content-body !{ content }
20
+ if hasPagination
21
+ .c-page-sub__pagination
22
+ include /component/c-pagination.pug
23
+ .c-page-sub__nav-sitemap
24
+ include /component/c-nav-sitemap.pug
25
+ .c-page-sub__footer
26
+ include /component/c-footer.pug
package/__assets/_libs/style/general/all.css CHANGED
@@ -6,4 +6,5 @@
6
6
  box-sizing: border-box;
7
7
  }
8
8
  }
9
+
9
10
  /* stylelint-enable selector-max-universal */
package/__assets/htdocs/__tmpl/000_home.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "layout": "home.pug"
3
+ }
package/__assets/htdocs/__tmpl/000_home.pug CHANGED
@@ -1,20 +1,2 @@
1
- html(lang="ja")
2
- head
3
- include /mixin/meta.pug
4
- +meta("__サイトタイトル__")
5
- body.c-page-home
6
- .c-page-home__base
7
- .c-page-home__header
8
- - const isHome = true;
9
- include /component/c-header.pug
10
- .c-page-home__nav-global
11
- include /component/c-nav-global.pug
12
-
13
- .c-page-home__main
14
- main
15
- h2 メイン
16
-
17
- .c-page-home__nav-sitemap
18
- include /component/c-nav-sitemap.pug
19
- .c-page-home__footer
20
- include /component/c-footer.pug
1
+ h2 トップページ
2
+ div トップページ内容
package/__assets/htdocs/__tmpl/100_sub.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "layout": "sub.pug"
3
+ }
package/__assets/htdocs/__tmpl/100_sub.pug CHANGED
@@ -1,23 +1 @@
1
- html(lang="ja")
2
- head
3
- include /mixin/meta.pug
4
- +meta("__ページタイトル__ | __サイトタイトル__")
5
- body.c-page-sub
6
- .c-page-sub__base
7
- .c-page-sub__header
8
- include /component/c-header.pug
9
- .c-page-sub__nav-global
10
- include /component/c-nav-global.pug
11
- .c-page-sub__main
12
- main
13
- article.c-page-sub__content
14
- .c-page-sub__title-page
15
- include /component/c-title-page.pug
16
- .c-page-sub__nav-breadcrumb
17
- include /component/c-nav-breadcrumb.pug
18
- .c-page-sub__content-main
19
- .c-content-main !{ blocks }
20
- .c-page-sub__nav-sitemap
21
- include /component/c-nav-sitemap.pug
22
- .c-page-sub__footer
23
- include /component/c-footer.pug
1
+ .c-content-main !{ blocks }
package/__assets/htdocs/__tmpl/200_blog_index.json ADDED
@@ -0,0 +1,4 @@
1
+ {
2
+ "layout": "sub.pug",
3
+ "hasPagination": true
4
+ }
package/__assets/htdocs/__tmpl/200_blog_index.pug CHANGED
@@ -1,40 +1,14 @@
1
- html(lang="ja")
2
- head
3
- include /mixin/meta.pug
4
- +meta("__ページタイトル__ | __サイトタイトル__")
5
- body.c-page-sub
6
- .c-page-sub__base
7
- .c-page-sub__header
8
- include /component/c-header.pug
9
- .c-page-sub__nav-global
10
- include /component/c-nav-global.pug
11
-
12
- .c-page-sub__main
13
- main
14
- article.c-page-sub__content
15
- .c-page-sub__title-page
16
- include /component/c-title-page.pug
17
- .c-page-sub__nav-breadcrumb
18
- include /component/c-nav-breadcrumb.pug
19
- .c-page-sub__content-index
20
- .c-content-index
21
- .c-content-index__categories
22
- // ⚠️ CMS要件:
23
- // - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
24
- // - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
25
- ul
26
- li: a(href="__PATH_TO__"): span ALL
27
- li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
28
- li: a(href="__PATH_TO__"): span カテゴリー2
29
- li: a(href="__PATH_TO__"): span カテゴリー3
30
- .c-content-index__body
31
- .c-media-list
32
- each article in data.articles
33
- include /component/c-media.pug
34
- .c-page-sub__pagination
35
- include /component/c-pagination.pug
36
-
37
- .c-page-sub__nav-sitemap
38
- include /component/c-nav-sitemap.pug
39
- .c-page-sub__footer
40
- include /component/c-footer.pug
1
+ .c-content-index
2
+ .c-content-index__categories
3
+ // ⚠️ CMS要件:
4
+ // - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
5
+ // - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
6
+ ul
7
+ li: a(href="__PATH_TO__"): span ALL
8
+ li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
9
+ li: a(href="__PATH_TO__"): span カテゴリー2
10
+ li: a(href="__PATH_TO__"): span カテゴリー3
11
+ .c-content-index__body
12
+ .c-media-list
13
+ each article in data.articles
14
+ include /component/c-media.pug
package/__assets/htdocs/__tmpl/210_blog_index.json ADDED
@@ -0,0 +1,4 @@
1
+ {
2
+ "layout": "sub.pug",
3
+ "hasPagination": true
4
+ }
package/__assets/htdocs/__tmpl/210_blog_index.pug CHANGED
@@ -1,40 +1,14 @@
1
- html(lang="ja")
2
- head
3
- include /mixin/meta.pug
4
- +meta("__ページタイトル__ | __サイトタイトル__")
5
- body.c-page-sub
6
- .c-page-sub__base
7
- .c-page-sub__header
8
- include /component/c-header.pug
9
- .c-page-sub__nav-global
10
- include /component/c-nav-global.pug
11
-
12
- .c-page-sub__main
13
- main
14
- article.c-page-sub__content
15
- .c-page-sub__title-page
16
- include /component/c-title-page.pug
17
- .c-page-sub__nav-breadcrumb
18
- include /component/c-nav-breadcrumb.pug
19
- .c-page-sub__content-index
20
- .c-content-index
21
- .c-content-index__categories
22
- // ⚠️ CMS要件:
23
- // - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
24
- // - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
25
- ul
26
- li: a(href="__PATH_TO__"): span ALL
27
- li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
28
- li: a(href="__PATH_TO__"): span カテゴリー2
29
- li: a(href="__PATH_TO__"): span カテゴリー3
30
- .c-content-index__body
31
- .c-card-list
32
- each article in data.articles
33
- include /component/c-card.pug
34
- .c-page-sub__pagination
35
- include /component/c-pagination.pug
36
-
37
- .c-page-sub__nav-sitemap
38
- include /component/c-nav-sitemap.pug
39
- .c-page-sub__footer
40
- include /component/c-footer.pug
1
+ .c-content-index
2
+ .c-content-index__categories
3
+ // ⚠️ CMS要件:
4
+ // - ページがカテゴリーインデックスの場合は aria-current="page" を付加する
5
+ // - カテゴリーインデックスではなく、カテゴリーに属するページでは aria-current="page" は付加しない
6
+ ul
7
+ li: a(href="__PATH_TO__"): span ALL
8
+ li: a(href="__PATH_TO__" aria-current="page"): span カテゴリー1
9
+ li: a(href="__PATH_TO__"): span カテゴリー2
10
+ li: a(href="__PATH_TO__"): span カテゴリー3
11
+ .c-content-index__body
12
+ .c-card-list
13
+ each article in data.articles
14
+ include /component/c-card.pug
package/__assets/htdocs/__tmpl/300_form_input.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "layout": "sub.pug"
3
+ }