@beforesemicolon/builder 1.8.11 → 1.8.13

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 (22) hide show
  1. package/README.md +839 -142
  2. package/dist/cjs/docs/run.js +14 -14
  3. package/dist/cjs/docs/templates/fading-citrus/README.md +770 -0
  4. package/dist/cjs/docs/templates/fading-citrus/assets/logo.svg +8 -0
  5. package/dist/cjs/docs/templates/fading-citrus/layouts/_footer.js +7 -4
  6. package/dist/cjs/docs/templates/fading-citrus/layouts/_header.js +4 -4
  7. package/dist/cjs/docs/templates/fading-citrus/layouts/document.js +1 -1
  8. package/dist/cjs/docs/templates/fading-citrus/layouts/landing.js +1 -1
  9. package/dist/cjs/docs/templates/fading-citrus/stylesheets/common.css +6 -4
  10. package/dist/cjs/docs/types.js +1 -1
  11. package/dist/esm/docs/run.js +13 -13
  12. package/dist/esm/docs/templates/fading-citrus/README.md +770 -0
  13. package/dist/esm/docs/templates/fading-citrus/assets/logo.svg +8 -0
  14. package/dist/esm/docs/templates/fading-citrus/layouts/_footer.js +7 -4
  15. package/dist/esm/docs/templates/fading-citrus/layouts/_header.js +4 -4
  16. package/dist/esm/docs/templates/fading-citrus/layouts/document.js +1 -1
  17. package/dist/esm/docs/templates/fading-citrus/layouts/landing.js +1 -1
  18. package/dist/esm/docs/templates/fading-citrus/stylesheets/common.css +6 -4
  19. package/dist/types/docs/types.d.ts +3 -2
  20. package/package.json +1 -1
  21. package/dist/cjs/docs/templates/fading-citrus/layouts/_logo.js +0 -31
  22. package/dist/esm/docs/templates/fading-citrus/layouts/_logo.js +0 -31
package/dist/esm/docs/templates/fading-citrus/assets/logo.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 60" role="img" aria-label="Fading Citrus">
2
+ <g fill="none" fill-rule="evenodd">
3
+ <circle cx="30" cy="30" r="23" fill="#f97316" />
4
+ <path d="M30 7a23 23 0 0 1 23 23H30z" fill="#22d3ee" opacity=".9" />
5
+ <path d="M30 7a23 23 0 0 0 0 46 23 23 0 0 1 0-46z" fill="#fff7ed" opacity=".35" />
6
+ <text x="68" y="37" fill="#f8fafc" font-family="Inter, Arial, sans-serif" font-size="22" font-weight="700">Docs</text>
7
+ </g>
8
+ </svg>
package/dist/esm/docs/templates/fading-citrus/layouts/_footer.js CHANGED
@@ -1,5 +1,3 @@
1
- import logo from './_logo.js'
2
-
3
1
  const social = [
4
2
  {
5
3
  link: 'https://medium.com/before-semicolon',
@@ -33,11 +31,15 @@ const social = [
33
31
  },
34
32
  ]
35
33
 
36
- export default () => `
34
+ export default (props = {}) => {
35
+ const siteName =
36
+ props.projectMeta?.name || props.name || props.title || 'Documentation'
37
+
38
+ return `
37
39
  <footer class="site-footer">
38
40
  <div class="footer-inner wrapper">
39
41
  <div class="footer-brand">
40
- ${logo({ fill: 'currentColor', width: '100px' })}
42
+ <img class="site-logo" src="/assets/logo.svg" alt="${siteName} logo" width="100" height="30" />
41
43
  <p>A reactive HTML templating system for building dynamic UIs with pure JavaScript. No build step. No virtual DOM.</p>
42
44
  </div>
43
45
  <ul class="footer-links">
@@ -70,3 +72,4 @@ export default () => `
70
72
  </div>
71
73
  </footer>
72
74
  `
75
+ }
package/dist/esm/docs/templates/fading-citrus/layouts/_header.js CHANGED
@@ -1,14 +1,14 @@
1
- import logo from './_logo.js'
2
-
3
1
  export default (props = {}) => {
4
2
  const isDocs = props.path?.startsWith('/documentation')
3
+ const siteName =
4
+ props.projectMeta?.name || props.name || props.title || 'Documentation'
5
5
 
6
6
  return `
7
7
  <header class="site-header">
8
8
  <div class="header-inner wrapper">
9
9
  <h1>
10
- <a href="/" aria-label="Markup home">
11
- ${logo({ fill: 'currentColor', width: '90px' })}
10
+ <a href="/" aria-label="${siteName} home">
11
+ <img class="site-logo" src="/assets/logo.svg" alt="${siteName} logo" width="90" height="27" />
12
12
  </a>
13
13
  </h1>
14
14
  ${
package/dist/esm/docs/templates/fading-citrus/layouts/document.js CHANGED
@@ -86,7 +86,7 @@ export default (props) => {
86
86
  </aside>
87
87
  </main>
88
88
 
89
- ${footer()}
89
+ ${footer(props)}
90
90
  ${props.scripts?.join('') || ''}
91
91
 
92
92
  </body>
package/dist/esm/docs/templates/fading-citrus/layouts/landing.js CHANGED
@@ -18,7 +18,7 @@ export default (props) => {
18
18
  <body>
19
19
  ${header(props)}
20
20
  ${props.content}
21
- ${footer()}
21
+ ${footer(props)}
22
22
  ${props.scripts?.join('') || ''}
23
23
  </body>
24
24
  </html>
package/dist/esm/docs/templates/fading-citrus/stylesheets/common.css CHANGED
@@ -341,7 +341,7 @@ footer .footer-brand {
341
341
  min-width: 280px;
342
342
  }
343
343
 
344
- footer .footer-brand svg {
344
+ footer .footer-brand .site-logo {
345
345
  margin-bottom: 16px;
346
346
  display: block;
347
347
  }
@@ -663,8 +663,10 @@ header.site-header .header-inner {
663
663
  justify-content: space-between;
664
664
  }
665
665
 
666
- header.site-header h1 a svg {
666
+ header.site-header h1 a .site-logo {
667
667
  height: 28px;
668
+ width: auto;
669
+ display: block;
668
670
  }
669
671
 
670
672
  header.site-header nav a {
@@ -704,10 +706,10 @@ header.site-header nav a.docs-github-link {
704
706
  gap: 40px;
705
707
  }
706
708
 
707
- .site-footer .footer-brand svg {
709
+ .site-footer .footer-brand .site-logo {
708
710
  height: 28px;
709
711
  width: auto;
710
- color: var(--foreground);
712
+ display: block;
711
713
  }
712
714
 
713
715
  .site-footer .footer-brand p {
package/dist/types/docs/types.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import { MarkedExtension } from 'marked';
2
2
  import { MarkdownLayoutHandler } from './markdown-layout/types.ts';
3
3
  export type DocsThemeMode = Record<string, string | number>;
4
+ export type DocsThemeModeConfig = DocsThemeMode | false;
4
5
  export interface DocsTheme {
5
- light?: DocsThemeMode;
6
- dark?: DocsThemeMode;
6
+ light?: DocsThemeModeConfig;
7
+ dark?: DocsThemeModeConfig;
7
8
  }
8
9
  export type DocsScriptMatcher = string | string[] | RegExp | ((html: string) => boolean);
9
10
  export interface DocsScriptDefinition {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@beforesemicolon/builder",
3
- "version": "1.8.11",
3
+ "version": "1.8.13",
4
4
  "description": "Utilities to build npm packages and documentation website",
5
5
  "engines": {
6
6
  "node": ">=18.16.0"
package/dist/cjs/docs/templates/fading-citrus/layouts/_logo.js DELETED
@@ -1,31 +0,0 @@
1
- export default ({ fill = '#D2ECFF', width = '80px' } = {}) => `
2
- <svg
3
- xmlns="http://www.w3.org/2000/svg"
4
- viewBox="0 0 207.25 61.99"
5
- width="207.25"
6
- height="61.99"
7
- aria-hidden="true"
8
- style="width: ${width}; height: auto"
9
- >
10
- <g fill="${fill}">
11
- <path
12
- d="m47.74.19c-.93-.39-2.01-.17-2.72.54l-20.38,20.38L4.27.73C3.55.02,2.48-.2,1.54.19.61.58,0,1.49,0,2.5v46.81h5V8.54l16.11,16.11-9.19,9.19,3.54,3.54,9.19-9.19,9.19,9.19,3.54-3.54-9.19-9.19,16.11-16.11v40.77h5V2.5c0-1.01-.61-1.92-1.54-2.31Z"
13
- />
14
- <path
15
- d="m84.81,19.78v29.53h-4.7v-5.34c-.86,1.84-2.16,3.26-3.9,4.26-1.74,1-3.77,1.5-6.08,1.5-2.62,0-4.92-.63-6.9-1.88-1.98-1.25-3.5-3.02-4.58-5.31-1.08-2.29-1.61-4.96-1.61-8.01s.55-5.74,1.64-8.07c1.1-2.33,2.63-4.14,4.61-5.43,1.98-1.29,4.26-1.94,6.84-1.94,2.31,0,4.32.51,6.05,1.53,1.72,1.02,3.03,2.45,3.93,4.29v-5.11h4.7Zm-7.04,23.04c1.56-1.98,2.35-4.78,2.35-8.42s-.78-6.44-2.35-8.39c-1.57-1.96-3.8-2.94-6.69-2.94s-5.16,1.01-6.78,3.02c-1.62,2.02-2.44,4.82-2.44,8.42s.8,6.38,2.41,8.33c1.6,1.96,3.87,2.94,6.81,2.94s5.13-.99,6.69-2.96Z"
16
- />
17
- <path
18
- d="m110.46,19.43l-.12,4.34c-.9-.31-1.94-.47-3.11-.47-2.86,0-4.98.89-6.37,2.67-1.39,1.78-2.08,3.94-2.08,6.49v16.85h-4.75v-21.25c0-3.05-.16-5.81-.47-8.28h4.52l.47,5.46c.74-2,1.94-3.52,3.58-4.58,1.64-1.06,3.52-1.58,5.63-1.58.98,0,1.88.12,2.7.35Z"
19
- />
20
- <path
21
- d="m135.17,49.31l-15.14-14.21v14.21h-4.75V6.11h4.75v27.24l13.91-13.5h6.05l-14.79,14.15,16.2,15.32h-6.22Z"
22
- />
23
- <path
24
- d="m170.22,19.78v29.53h-4.64v-5.11c-.94,1.8-2.25,3.17-3.93,4.11-1.68.94-3.58,1.41-5.69,1.41-3.48,0-6.12-.98-7.92-2.94-1.8-1.96-2.7-4.85-2.7-8.69v-18.31h4.75v18.2c0,2.66.55,4.62,1.64,5.87,1.09,1.25,2.76,1.88,4.99,1.88,2.62,0,4.73-.85,6.34-2.55,1.6-1.7,2.41-3.94,2.41-6.72v-16.67h4.75Z"
25
- />
26
- <path
27
- d="m200.97,21.02c2,1.29,3.54,3.1,4.64,5.43,1.1,2.33,1.64,5.02,1.64,8.07s-.55,5.72-1.64,8.01c-1.1,2.29-2.63,4.06-4.61,5.31-1.98,1.25-4.28,1.88-6.9,1.88-2.31,0-4.32-.51-6.05-1.53-1.72-1.02-3.03-2.47-3.93-4.34v18.14h-4.75V28.06c0-3.05-.16-5.81-.47-8.28h4.52l.47,5.69c.82-2.03,2.12-3.61,3.9-4.73,1.78-1.12,3.88-1.67,6.31-1.67,2.58,0,4.87.65,6.87,1.94Zm-1.03,21.84c1.58-1.96,2.38-4.73,2.38-8.33s-.8-6.41-2.41-8.42c-1.61-2.02-3.84-3.02-6.69-3.02s-5.19.98-6.75,2.94c-1.57,1.96-2.35,4.75-2.35,8.39s.78,6.45,2.35,8.42c1.57,1.98,3.82,2.96,6.75,2.96s5.14-.98,6.72-2.94Z"
28
- />
29
- </g>
30
- </svg>
31
- `
package/dist/esm/docs/templates/fading-citrus/layouts/_logo.js DELETED
@@ -1,31 +0,0 @@
1
- export default ({ fill = '#D2ECFF', width = '80px' } = {}) => `
2
- <svg
3
- xmlns="http://www.w3.org/2000/svg"
4
- viewBox="0 0 207.25 61.99"
5
- width="207.25"
6
- height="61.99"
7
- aria-hidden="true"
8
- style="width: ${width}; height: auto"
9
- >
10
- <g fill="${fill}">
11
- <path
12
- d="m47.74.19c-.93-.39-2.01-.17-2.72.54l-20.38,20.38L4.27.73C3.55.02,2.48-.2,1.54.19.61.58,0,1.49,0,2.5v46.81h5V8.54l16.11,16.11-9.19,9.19,3.54,3.54,9.19-9.19,9.19,9.19,3.54-3.54-9.19-9.19,16.11-16.11v40.77h5V2.5c0-1.01-.61-1.92-1.54-2.31Z"
13
- />
14
- <path
15
- d="m84.81,19.78v29.53h-4.7v-5.34c-.86,1.84-2.16,3.26-3.9,4.26-1.74,1-3.77,1.5-6.08,1.5-2.62,0-4.92-.63-6.9-1.88-1.98-1.25-3.5-3.02-4.58-5.31-1.08-2.29-1.61-4.96-1.61-8.01s.55-5.74,1.64-8.07c1.1-2.33,2.63-4.14,4.61-5.43,1.98-1.29,4.26-1.94,6.84-1.94,2.31,0,4.32.51,6.05,1.53,1.72,1.02,3.03,2.45,3.93,4.29v-5.11h4.7Zm-7.04,23.04c1.56-1.98,2.35-4.78,2.35-8.42s-.78-6.44-2.35-8.39c-1.57-1.96-3.8-2.94-6.69-2.94s-5.16,1.01-6.78,3.02c-1.62,2.02-2.44,4.82-2.44,8.42s.8,6.38,2.41,8.33c1.6,1.96,3.87,2.94,6.81,2.94s5.13-.99,6.69-2.96Z"
16
- />
17
- <path
18
- d="m110.46,19.43l-.12,4.34c-.9-.31-1.94-.47-3.11-.47-2.86,0-4.98.89-6.37,2.67-1.39,1.78-2.08,3.94-2.08,6.49v16.85h-4.75v-21.25c0-3.05-.16-5.81-.47-8.28h4.52l.47,5.46c.74-2,1.94-3.52,3.58-4.58,1.64-1.06,3.52-1.58,5.63-1.58.98,0,1.88.12,2.7.35Z"
19
- />
20
- <path
21
- d="m135.17,49.31l-15.14-14.21v14.21h-4.75V6.11h4.75v27.24l13.91-13.5h6.05l-14.79,14.15,16.2,15.32h-6.22Z"
22
- />
23
- <path
24
- d="m170.22,19.78v29.53h-4.64v-5.11c-.94,1.8-2.25,3.17-3.93,4.11-1.68.94-3.58,1.41-5.69,1.41-3.48,0-6.12-.98-7.92-2.94-1.8-1.96-2.7-4.85-2.7-8.69v-18.31h4.75v18.2c0,2.66.55,4.62,1.64,5.87,1.09,1.25,2.76,1.88,4.99,1.88,2.62,0,4.73-.85,6.34-2.55,1.6-1.7,2.41-3.94,2.41-6.72v-16.67h4.75Z"
25
- />
26
- <path
27
- d="m200.97,21.02c2,1.29,3.54,3.1,4.64,5.43,1.1,2.33,1.64,5.02,1.64,8.07s-.55,5.72-1.64,8.01c-1.1,2.29-2.63,4.06-4.61,5.31-1.98,1.25-4.28,1.88-6.9,1.88-2.31,0-4.32-.51-6.05-1.53-1.72-1.02-3.03-2.47-3.93-4.34v18.14h-4.75V28.06c0-3.05-.16-5.81-.47-8.28h4.52l.47,5.69c.82-2.03,2.12-3.61,3.9-4.73,1.78-1.12,3.88-1.67,6.31-1.67,2.58,0,4.87.65,6.87,1.94Zm-1.03,21.84c1.58-1.96,2.38-4.73,2.38-8.33s-.8-6.41-2.41-8.42c-1.61-2.02-3.84-3.02-6.69-3.02s-5.19.98-6.75,2.94c-1.57,1.96-2.35,4.75-2.35,8.39s.78,6.45,2.35,8.42c1.57,1.98,3.82,2.96,6.75,2.96s5.14-.98,6.72-2.94Z"
28
- />
29
- </g>
30
- </svg>
31
- `