@t8/docsgen 0.2.36 → 0.2.38

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 (6) hide show
  1. package/dist/bin.js +1 -1
  2. package/dist/css/base.css +18 -19
  3. package/package.json +1 -1
  4. package/src/bin/setContent.ts +1 -1
  5. package/src/bin/stripHTML.ts +0 -1
  6. package/src/css/base.css +18 -19
package/dist/bin.js CHANGED
@@ -880,7 +880,7 @@ ${intro || features || note ? `
880
880
  ${features ? `<div class="features">${features}</div>` : ""}
881
881
  ${note ? `<div class="note">${note}</div>` : ""}
882
882
  <p class="pagenav">
883
- <span class="next"><a href="/start">To the docs</a> <span class="icon">\u2192</span></span>
883
+ <span class="next"><a href="${root}start">To the docs</a> <span class="icon">\u2192</span></span>
884
884
  </p>
885
885
  </div>
886
886
  </section>
package/dist/css/base.css CHANGED
@@ -1,13 +1,11 @@
1
1
  :root {
2
- color-scheme: light dark;
3
-
4
- --default-base-color: light-dark(#f2f2f2, #1d2331);
5
- --default-link-color: light-dark(royalblue, deepskyblue);
2
+ --default-base-color: #f2f2f2;
3
+ --default-link-color: royalblue;
6
4
 
7
5
  /* backgrounds */
8
- --b0: light-dark(white, #1a1a1a);
6
+ --b0: white;
9
7
  --b1: var(--base-color, var(--default-base-color));
10
- --button-color: light-dark(royalblue, royalblue);
8
+ --button-color: royalblue;
11
9
 
12
10
  /* text colors */
13
11
  --c0: oklch(from var(--b0) calc(100 * (0.78 - l)) 0 0 / 0.82);
@@ -35,19 +33,22 @@
35
33
  --overlay-background-color: hsl(from var(--b1) h s 50% / 0.2);
36
34
  --overlay-border-color: hsl(from var(--b1) h s 60% / 0.7);
37
35
 
36
+ --color: var(--c0);
37
+ --code-background: color(from var(--color) srgb r g b / 0.08);
38
+
38
39
  font: normal 100% / 1.45 sans-serif;
39
- font-family:
40
- -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
41
- "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
40
+ color: var(--color);
41
+ background: var(--b0);
42
42
  }
43
- html {
44
- color: var(--c0);
45
- background-color: var(--b0);
46
- background-position: 50% 0;
43
+ @media (prefers-color-scheme: dark) {
44
+ :root {
45
+ --default-base-color: #1d2331;
46
+ --default-link-color: deepskyblue;
47
+ --b0: #1a1a1a;
48
+ --code-background: color(from var(--color) srgb r g b / 0.15);
49
+ }
47
50
  }
48
51
  body {
49
- color: inherit;
50
- background-color: transparent;
51
52
  padding: 0;
52
53
  margin: 0;
53
54
  }
@@ -80,6 +81,7 @@ a:link,
80
81
  a:visited,
81
82
  a:hover,
82
83
  a:active {
84
+ --color: var(--a0);
83
85
  color: var(--a0);
84
86
  text-decoration: none;
85
87
  border-bottom: var(--link-border);
@@ -180,10 +182,7 @@ main li {
180
182
  margin: 0;
181
183
  }
182
184
  code {
183
- background: light-dark(
184
- color(from currentColor srgb r g b / 0.08),
185
- color(from currentColor srgb r g b / 0.15)
186
- );
185
+ background: var(--code-background);
187
186
  border-radius: 0.35em;
188
187
  padding: 0.15em 0.35em;
189
188
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@t8/docsgen",
3
- "version": "0.2.36",
3
+ "version": "0.2.38",
4
4
  "description": "",
5
5
  "main": "dist/bin.js",
6
6
  "bin": {
package/src/bin/setContent.ts CHANGED
@@ -251,7 +251,7 @@ ${
251
251
  ${features ? `<div class="features">${features}</div>` : ""}
252
252
  ${note ? `<div class="note">${note}</div>` : ""}
253
253
  <p class="pagenav">
254
- <span class="next"><a href="/start">To the docs</a> <span class="icon">→</span></span>
254
+ <span class="next"><a href="${root}start">To the docs</a> <span class="icon">→</span></span>
255
255
  </p>
256
256
  </div>
257
257
  </section>
package/src/bin/stripHTML.ts CHANGED
@@ -3,7 +3,6 @@ import { JSDOM } from "jsdom";
3
3
  export function stripHTML(content: string, replaceNbsp = false) {
4
4
  try {
5
5
  let t = content.replaceAll("<sup>", " (").replaceAll("</sup>", ")");
6
-
7
6
  let s = new JSDOM(t).window.document.body.textContent;
8
7
 
9
8
  if (replaceNbsp) s = s.replaceAll("\xa0", " ");
package/src/css/base.css CHANGED
@@ -1,13 +1,11 @@
1
1
  :root {
2
- color-scheme: light dark;
3
-
4
- --default-base-color: light-dark(#f2f2f2, #1d2331);
5
- --default-link-color: light-dark(royalblue, deepskyblue);
2
+ --default-base-color: #f2f2f2;
3
+ --default-link-color: royalblue;
6
4
 
7
5
  /* backgrounds */
8
- --b0: light-dark(white, #1a1a1a);
6
+ --b0: white;
9
7
  --b1: var(--base-color, var(--default-base-color));
10
- --button-color: light-dark(royalblue, royalblue);
8
+ --button-color: royalblue;
11
9
 
12
10
  /* text colors */
13
11
  --c0: oklch(from var(--b0) calc(100 * (0.78 - l)) 0 0 / 0.82);
@@ -35,19 +33,22 @@
35
33
  --overlay-background-color: hsl(from var(--b1) h s 50% / 0.2);
36
34
  --overlay-border-color: hsl(from var(--b1) h s 60% / 0.7);
37
35
 
36
+ --color: var(--c0);
37
+ --code-background: color(from var(--color) srgb r g b / 0.08);
38
+
38
39
  font: normal 100% / 1.45 sans-serif;
39
- font-family:
40
- -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
41
- "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
40
+ color: var(--color);
41
+ background: var(--b0);
42
42
  }
43
- html {
44
- color: var(--c0);
45
- background-color: var(--b0);
46
- background-position: 50% 0;
43
+ @media (prefers-color-scheme: dark) {
44
+ :root {
45
+ --default-base-color: #1d2331;
46
+ --default-link-color: deepskyblue;
47
+ --b0: #1a1a1a;
48
+ --code-background: color(from var(--color) srgb r g b / 0.15);
49
+ }
47
50
  }
48
51
  body {
49
- color: inherit;
50
- background-color: transparent;
51
52
  padding: 0;
52
53
  margin: 0;
53
54
  }
@@ -80,6 +81,7 @@ a:link,
80
81
  a:visited,
81
82
  a:hover,
82
83
  a:active {
84
+ --color: var(--a0);
83
85
  color: var(--a0);
84
86
  text-decoration: none;
85
87
  border-bottom: var(--link-border);
@@ -180,10 +182,7 @@ main li {
180
182
  margin: 0;
181
183
  }
182
184
  code {
183
- background: light-dark(
184
- color(from currentColor srgb r g b / 0.08),
185
- color(from currentColor srgb r g b / 0.15)
186
- );
185
+ background: var(--code-background);
187
186
  border-radius: 0.35em;
188
187
  padding: 0.15em 0.35em;
189
188
  }