markdown-to-html-cli 3.5.4 → 3.7.0
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.
- package/README.md +7 -0
- package/lib/create.js +10 -4
- package/lib/create.js.map +1 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib/nodes/dark-mode.d.ts +1 -1
- package/lib/nodes/dark-mode.js +16 -5
- package/lib/nodes/dark-mode.js.map +1 -1
- package/lib/nodes/markdown-style.js +2 -1
- package/lib/nodes/markdown-style.js.map +1 -1
- package/lib/utils.js +1 -1
- package/lib/utils.js.map +1 -1
- package/package.json +1 -1
- package/src/create.ts +10 -5
- package/src/index.ts +5 -2
- package/src/nodes/dark-mode.ts +17 -6
- package/src/nodes/markdown-style.ts +2 -1
- package/src/utils.ts +1 -1
package/README.md
CHANGED
|
@@ -82,7 +82,10 @@ $ npm i markdown-to-html-cli
|
|
|
82
82
|
- `markdown` - Markdown string
|
|
83
83
|
- `favicon` - Add a Favicon to your Site.
|
|
84
84
|
- `github-corners` - Add a Github corner to your project page.
|
|
85
|
+
- `corners` - Show corners. (default: `true`)
|
|
85
86
|
- `dark-mode` - Disable light and dark theme styles button. (default: `true`)
|
|
87
|
+
- `markdown-style` - Markdown wrapper style.
|
|
88
|
+
- `markdown-style-theme` - Setting markdown-style light/dark theme. (`dark | light`)
|
|
86
89
|
|
|
87
90
|
### Output Parameters
|
|
88
91
|
|
|
@@ -132,6 +135,7 @@ Options:
|
|
|
132
135
|
--config, -o Specify the configuration file. Default: "<process.cwd()>/package.json".
|
|
133
136
|
--description Define a description of your web page.
|
|
134
137
|
--favicon Add a Favicon to your Site.
|
|
138
|
+
--no-corners Hide Github corner from your project page.
|
|
135
139
|
--github-corners Add a Github corner to your project page.
|
|
136
140
|
--github-corners-fork Github corners style.
|
|
137
141
|
--keywords Define keywords for search engines.
|
|
@@ -153,6 +157,9 @@ Example:
|
|
|
153
157
|
npx markdown-to-html-cli
|
|
154
158
|
npx markdown-to-html-cli --markdown="Hello World!"
|
|
155
159
|
npx markdown-to-html-cli --no-dark-mode
|
|
160
|
+
npx markdown-to-html-cli --dark-mode auto
|
|
161
|
+
npx markdown-to-html-cli --dark-mode auto --markdown-style-theme dark
|
|
162
|
+
npx markdown-to-html-cli --no-dark-mode --markdown-style-theme dark
|
|
156
163
|
npx markdown-to-html-cli --markdown-style-theme dark
|
|
157
164
|
npx markdown-to-html-cli --github-corners https://github.com/jaywcjlove/markdown-to-html-cli
|
|
158
165
|
npx markdown-to-html-cli --github-corners https://github.com/jaywcjlove --github-corners-fork
|
package/lib/create.js
CHANGED
|
@@ -14,7 +14,7 @@ import { markdownStyle } from './nodes/markdown-style.js';
|
|
|
14
14
|
import { copyElement, copyStyle, copyScript } from './nodes/copy.js';
|
|
15
15
|
import { darkMode } from './nodes/dark-mode.js';
|
|
16
16
|
export function create(options = {}) {
|
|
17
|
-
const { markdown: string, document, rewrite, reurls = {}, 'markdown-style-theme': markdownStyleTheme, 'dark-mode': darkModeTheme = true, 'markdown-style': wrapperStyle } = options;
|
|
17
|
+
const { markdown: string, document, corners = true, rewrite, reurls = {}, 'markdown-style-theme': markdownStyleTheme, 'dark-mode': darkModeTheme = true, 'markdown-style': wrapperStyle } = options;
|
|
18
18
|
const mdOptions = {
|
|
19
19
|
hastNode: false,
|
|
20
20
|
remarkPlugins: [remarkGemoji],
|
|
@@ -30,13 +30,19 @@ export function create(options = {}) {
|
|
|
30
30
|
[rehypeFormat],
|
|
31
31
|
],
|
|
32
32
|
rewrite: (node, index, parent) => {
|
|
33
|
-
if (
|
|
33
|
+
if (node.type === 'element' && node.tagName === 'html') {
|
|
34
|
+
if (markdownStyleTheme) {
|
|
35
|
+
node.properties = node.properties || {};
|
|
36
|
+
node.properties['data-color-mode'] = markdownStyleTheme;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
if ((node.type === 'element' && node.tagName === 'body') || (!document && node.type === 'root')) {
|
|
34
40
|
node.children = markdownStyle(node.children, markdownStyleTheme, wrapperStyle);
|
|
41
|
+
darkMode(darkModeTheme, markdownStyleTheme).forEach(item => node.children.unshift(item));
|
|
35
42
|
if (darkModeTheme) {
|
|
36
|
-
darkMode().forEach(item => node.children.unshift(item));
|
|
37
43
|
}
|
|
38
44
|
}
|
|
39
|
-
if (options['github-corners'] && ((document && node.type == 'element' && node.tagName === 'body') || (!document && node.type === 'root'))) {
|
|
45
|
+
if (corners && options['github-corners'] && ((document && node.type == 'element' && node.tagName === 'body') || (!document && node.type === 'root'))) {
|
|
40
46
|
node.children = Array.isArray(node.children) ? node.children : [];
|
|
41
47
|
if (options['github-corners-fork']) {
|
|
42
48
|
node.children.unshift(githubCornersFork({ href: options['github-corners'] }));
|
package/lib/create.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AAAA,OAAO,QAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAC7C,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,aAAa;AACb,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAU7C,MAAM,UAAU,MAAM,CAAC,UAA2B,EAAE;IAClD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,EAAE,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,WAAW,EAAE,aAAa,GAAG,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}
|
package/lib/index.d.ts
CHANGED
|
@@ -11,8 +11,10 @@ export interface RunArgvs extends Omit<ParsedArgs, '_'> {
|
|
|
11
11
|
'github-corners'?: string;
|
|
12
12
|
/** Github corners style. */
|
|
13
13
|
'github-corners-fork'?: boolean;
|
|
14
|
+
/** Show corners. @default true */
|
|
15
|
+
'corners'?: boolean;
|
|
14
16
|
/** Disable light and dark theme styles button. */
|
|
15
|
-
'dark-mode'?: boolean;
|
|
17
|
+
'dark-mode'?: boolean | 'auto';
|
|
16
18
|
/** Setting markdown-style light/dark theme. */
|
|
17
19
|
'markdown-style-theme'?: 'dark' | 'light';
|
|
18
20
|
/** Markdown string. */
|
package/lib/index.js
CHANGED
|
@@ -21,6 +21,7 @@ export function run(opts = {}) {
|
|
|
21
21
|
markdown: opts.markdown || '',
|
|
22
22
|
'markdown-style': 'max-width: 960px;',
|
|
23
23
|
description: opts.description || '',
|
|
24
|
+
corners: opts.corners || true,
|
|
24
25
|
output: opts.o || opts.output || 'index.html',
|
|
25
26
|
},
|
|
26
27
|
});
|
|
@@ -62,6 +63,7 @@ export const cliHelp = `\n Usage: markdown-to-html [options] [--help|h]
|
|
|
62
63
|
--config, -o Specify the configuration file. Default: "<process.cwd()>/package.json".
|
|
63
64
|
--description Define a description of your web page.
|
|
64
65
|
--favicon Add a Favicon to your Site.
|
|
66
|
+
--no-corners Hide Github corner from your project page.
|
|
65
67
|
--github-corners Add a Github corner to your project page.
|
|
66
68
|
--github-corners-fork Github corners style.
|
|
67
69
|
--keywords Define keywords for search engines.
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,QAAwB,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/lib/nodes/dark-mode.d.ts
CHANGED
package/lib/nodes/dark-mode.js
CHANGED
|
@@ -3,7 +3,21 @@ const scriptString = `const t=document;const e="_dark_mode_theme_";const s="perm
|
|
|
3
3
|
* @wcj/dark-mode@1.0.14
|
|
4
4
|
* https://github.com/jaywcjlove/dark-mode
|
|
5
5
|
*/
|
|
6
|
-
export function darkMode() {
|
|
6
|
+
export function darkMode(permanent, mode) {
|
|
7
|
+
const properties = {
|
|
8
|
+
style: 'position: fixed; top: 8px; left: 10px; z-index: 999;',
|
|
9
|
+
dark: 'Dark',
|
|
10
|
+
light: 'Light',
|
|
11
|
+
};
|
|
12
|
+
if (mode) {
|
|
13
|
+
properties.mode = mode;
|
|
14
|
+
}
|
|
15
|
+
if (permanent && permanent !== 'auto') {
|
|
16
|
+
properties.permanent = 'true';
|
|
17
|
+
}
|
|
18
|
+
if (permanent === false || permanent === 'false') {
|
|
19
|
+
properties.style = properties.style + ';display: none;';
|
|
20
|
+
}
|
|
7
21
|
return [{
|
|
8
22
|
type: 'element',
|
|
9
23
|
tagName: 'script',
|
|
@@ -18,10 +32,7 @@ export function darkMode() {
|
|
|
18
32
|
type: 'element',
|
|
19
33
|
tagName: 'dark-mode',
|
|
20
34
|
properties: {
|
|
21
|
-
|
|
22
|
-
style: 'position: fixed; top: 8px; left: 10px; z-index: 999;',
|
|
23
|
-
dark: 'Dark',
|
|
24
|
-
light: 'Light',
|
|
35
|
+
...properties
|
|
25
36
|
},
|
|
26
37
|
children: []
|
|
27
38
|
}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dark-mode.js","sourceRoot":"","sources":["../../src/nodes/dark-mode.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG,o8GAAo8G,CAAA;AAEz9G;;;GAGG;AACH,MAAM,UAAU,QAAQ;
|
|
1
|
+
{"version":3,"file":"dark-mode.js","sourceRoot":"","sources":["../../src/nodes/dark-mode.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG,o8GAAo8G,CAAA;AAEz9G;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,SAA4B,EAAE,IAAa;IAClE,MAAM,UAAU,GAAe;QAC7B,KAAK,EAAE,sDAAsD;QAC7D,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;KACf,CAAA;IACD,IAAI,IAAI,EAAE;QACR,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;KACxB;IACD,IAAI,SAAS,IAAI,SAAS,KAAK,MAAM,EAAE;QACrC,UAAU,CAAC,SAAS,GAAG,MAAM,CAAC;KAC/B;IACD,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,OAA6B,EAAE;QACtE,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,GAAG,iBAAiB,CAAC;KACzD;IACD,OAAO,CAAC;YACN,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,gBAAgB;YAChB,6CAA6C;YAC7C,KAAK;YACL,QAAQ,EAAE,CAAC;oBACT,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,YAAY;iBACpB,CAAC;SACH,EAAE;YACD,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE;gBACV,GAAG,UAAU;aACd;YACD,QAAQ,EAAE,EAAE;SACb,CAAC,CAAA;AACJ,CAAC"}
|
|
@@ -76,7 +76,8 @@ export function markdownStyle(child, markdownStyleTheme, style = '') {
|
|
|
76
76
|
className: 'markdown-style',
|
|
77
77
|
};
|
|
78
78
|
if (markdownStyleTheme) {
|
|
79
|
-
properties.theme = markdownStyleTheme;
|
|
79
|
+
// properties.theme = markdownStyleTheme;
|
|
80
|
+
properties.mode = markdownStyleTheme;
|
|
80
81
|
}
|
|
81
82
|
return [{
|
|
82
83
|
type: 'element',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"markdown-style.js","sourceRoot":"","sources":["../../src/nodes/markdown-style.ts"],"names":[],"mappings":"AAEA,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;EAcvB,CAAC;AAEH;;;GAGG;AACH,MAAM,YAAY,GAAG;;;EAGnB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAiDsC,CAAA;AAExD,MAAM,UAAU,aAAa,CAAC,KAAuB,EAAE,kBAAqC,EAAE,QAAgB,EAAE;IAC9G,MAAM,UAAU,GAA2B;QACzC,KAAK,EAAE,2DAA2D,GAAG,KAAK;QAC1E,SAAS,EAAE,gBAAgB;KAC5B,CAAA;IACD,IAAI,kBAAkB,EAAE;QACtB,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"markdown-style.js","sourceRoot":"","sources":["../../src/nodes/markdown-style.ts"],"names":[],"mappings":"AAEA,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;EAcvB,CAAC;AAEH;;;GAGG;AACH,MAAM,YAAY,GAAG;;;EAGnB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAiDsC,CAAA;AAExD,MAAM,UAAU,aAAa,CAAC,KAAuB,EAAE,kBAAqC,EAAE,QAAgB,EAAE;IAC9G,MAAM,UAAU,GAA2B;QACzC,KAAK,EAAE,2DAA2D,GAAG,KAAK;QAC1E,SAAS,EAAE,gBAAgB;KAC5B,CAAA;IACD,IAAI,kBAAkB,EAAE;QACtB,yCAAyC;QACzC,UAAU,CAAC,IAAI,GAAG,kBAAkB,CAAC;KACtC;IACD,OAAO,CAAC;YACN,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,gBAAgB;YAChB,uBAAuB;YACvB,4DAA4D;YAC5D,KAAK;YACL,QAAQ,EAAE,CAAC;oBACT,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,YAAY;iBACpB,CAAC;SACH,EAAE;YACD,IAAI,EAAE,SAAS;YACf,UAAU;YACV,OAAO,EAAE,gBAAgB;YACzB,QAAQ,EAAE,KAAK;SAChB,CAAC,CAAA;AACJ,CAAC"}
|
package/lib/utils.js
CHANGED
|
@@ -21,7 +21,7 @@ export function formatConfig(opts) {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
if (opts['github-corners']) {
|
|
24
|
+
if (opts['github-corners'] && typeof opts['github-corners'] === 'string') {
|
|
25
25
|
opts['github-corners'] = opts['github-corners'].replace(/^git[+]/, '');
|
|
26
26
|
}
|
|
27
27
|
if (Array.isArray(options.document.link) && options.favicon) {
|
package/lib/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAKxB,MAAM,UAAU,YAAY,CAAC,IAAa;IACxC,IAAI,OAAO,GAAG,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAqB,CAAC;IAClG,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC;IAC9E,IAAI,OAAO,GAAQ,EAAE,CAAC;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QAC7B,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QACtC,IAAI,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE;YAC3C,OAAO,CAAC,QAAQ,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;SACvC;QACD,IAAI,OAAO,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE;YACjD,IAAI,CAAC,gBAAgB,CAAC,GAAG,OAAO,OAAO,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;SAC/G;QACD,IAAI,OAAO,CAAC,kBAAkB,CAAC,EAAE;YAC/B,MAAM,GAAG,GAAG,OAAO,CAAC,kBAAkB,CAAoB,CAAC;YAC3D,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC;YAC/C,OAAO,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAA;YAClF,IAAI,GAAG,CAAC,gBAAgB,CAAC,EAAE;gBACzB,IAAI,CAAC,gBAAgB,CAAC,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC;aAChD;SACF;KACF;IACD,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/create.ts
CHANGED
|
@@ -23,8 +23,7 @@ import { MDToHTMLOptions } from './index';
|
|
|
23
23
|
export interface CreateOptions extends MDToHTMLOptions { }
|
|
24
24
|
|
|
25
25
|
export function create(options: MDToHTMLOptions = {}) {
|
|
26
|
-
const { markdown: string, document, rewrite, reurls = {}, 'markdown-style-theme': markdownStyleTheme, 'dark-mode': darkModeTheme = true, 'markdown-style': wrapperStyle } = options;
|
|
27
|
-
|
|
26
|
+
const { markdown: string, document, corners = true, rewrite, reurls = {}, 'markdown-style-theme': markdownStyleTheme, 'dark-mode': darkModeTheme = true, 'markdown-style': wrapperStyle } = options;
|
|
28
27
|
const mdOptions: Options = {
|
|
29
28
|
hastNode: false,
|
|
30
29
|
remarkPlugins: [remarkGemoji],
|
|
@@ -40,13 +39,19 @@ export function create(options: MDToHTMLOptions = {}) {
|
|
|
40
39
|
[rehypeFormat],
|
|
41
40
|
],
|
|
42
41
|
rewrite: (node, index, parent) => {
|
|
43
|
-
if (
|
|
42
|
+
if (node.type === 'element' && node.tagName === 'html') {
|
|
43
|
+
if (markdownStyleTheme) {
|
|
44
|
+
node.properties = node.properties || {};
|
|
45
|
+
node.properties['data-color-mode'] = markdownStyleTheme;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
if ((node.type === 'element' && node.tagName === 'body') || (!document && node.type === 'root')) {
|
|
44
49
|
node.children = markdownStyle(node.children as any, markdownStyleTheme, wrapperStyle);
|
|
50
|
+
darkMode(darkModeTheme, markdownStyleTheme).forEach(item => node.children.unshift(item));
|
|
45
51
|
if (darkModeTheme) {
|
|
46
|
-
darkMode().forEach(item => node.children.unshift(item));
|
|
47
52
|
}
|
|
48
53
|
}
|
|
49
|
-
if (options['github-corners'] && ((document && node.type == 'element' && node.tagName === 'body') || (!document && node.type === 'root'))) {
|
|
54
|
+
if (corners && options['github-corners'] && ((document && node.type == 'element' && node.tagName === 'body') || (!document && node.type === 'root'))) {
|
|
50
55
|
node.children = Array.isArray(node.children) ? node.children : [];
|
|
51
56
|
if (options['github-corners-fork']) {
|
|
52
57
|
node.children.unshift(githubCornersFork({ href: options['github-corners'] }));
|
package/src/index.ts
CHANGED
|
@@ -17,8 +17,10 @@ export interface RunArgvs extends Omit<ParsedArgs, '_'> {
|
|
|
17
17
|
'github-corners'?: string;
|
|
18
18
|
/** Github corners style. */
|
|
19
19
|
'github-corners-fork'?: boolean;
|
|
20
|
+
/** Show corners. @default true */
|
|
21
|
+
'corners'?: boolean;
|
|
20
22
|
/** Disable light and dark theme styles button. */
|
|
21
|
-
'dark-mode'?: boolean;
|
|
23
|
+
'dark-mode'?: boolean | 'auto';
|
|
22
24
|
/** Setting markdown-style light/dark theme. */
|
|
23
25
|
'markdown-style-theme'?: 'dark' | 'light';
|
|
24
26
|
/** Markdown string. */
|
|
@@ -66,6 +68,7 @@ export function run(opts = {} as Omit<RunArgvs, '_'>) {
|
|
|
66
68
|
markdown: opts.markdown || '',
|
|
67
69
|
'markdown-style': 'max-width: 960px;',
|
|
68
70
|
description: opts.description || '',
|
|
71
|
+
corners: opts.corners || true,
|
|
69
72
|
output: opts.o || opts.output || 'index.html',
|
|
70
73
|
},
|
|
71
74
|
});
|
|
@@ -86,7 +89,6 @@ export function run(opts = {} as Omit<RunArgvs, '_'>) {
|
|
|
86
89
|
const options = formatConfig({ ...opts, ...argvs });
|
|
87
90
|
const output = path.resolve(argvs.output);
|
|
88
91
|
|
|
89
|
-
|
|
90
92
|
if (!Array.isArray(options.document.style)) options.document.style = [options.document.style].flat().filter(Boolean);
|
|
91
93
|
if (options.style) {
|
|
92
94
|
const stylePath = path.resolve(process.cwd(), options.style);
|
|
@@ -110,6 +112,7 @@ export const cliHelp: string = `\n Usage: markdown-to-html [options] [--help|h]
|
|
|
110
112
|
--config, -o Specify the configuration file. Default: "<process.cwd()>/package.json".
|
|
111
113
|
--description Define a description of your web page.
|
|
112
114
|
--favicon Add a Favicon to your Site.
|
|
115
|
+
--no-corners Hide Github corner from your project page.
|
|
113
116
|
--github-corners Add a Github corner to your project page.
|
|
114
117
|
--github-corners-fork Github corners style.
|
|
115
118
|
--keywords Define keywords for search engines.
|
package/src/nodes/dark-mode.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Element } from 'hast';
|
|
1
|
+
import { Element, Properties } from 'hast';
|
|
2
2
|
|
|
3
3
|
const scriptString = `const t=document;const e="_dark_mode_theme_";const s="permanent";const o="colorschemechange";const i="permanentcolorscheme";const h="light";const r="dark";const n=(t,e,s=e)=>{Object.defineProperty(t,s,{enumerable:true,get(){const t=this.getAttribute(e);return t===null?"":t},set(t){this.setAttribute(e,t)}})};const c=(t,e,s=e)=>{Object.defineProperty(t,s,{enumerable:true,get(){return this.hasAttribute(e)},set(t){if(t){this.setAttribute(e,"")}else{this.removeAttribute(e)}}})};class a extends HTMLElement{static get observedAttributes(){return["mode",h,r,s]}LOCAL_NANE=e;constructor(){super();this.t()}connectedCallback(){n(this,"mode");n(this,r);n(this,h);c(this,s);const a=localStorage.getItem(e);if(a&&[h,r].includes(a)){this.mode=a;this.permanent=true}if(this.permanent&&!a){localStorage.setItem(e,this.mode)}const l=[h,r].includes(a);if(this.permanent&&a){this.o()}else{if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){this.mode=r;this.o()}if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches){this.mode=h;this.o()}}if(!this.permanent&&!l){window.matchMedia("(prefers-color-scheme: light)").onchange=t=>{this.mode=t.matches?h:r;this.o()};window.matchMedia("(prefers-color-scheme: dark)").onchange=t=>{this.mode=t.matches?r:h;this.o()}}const d=new MutationObserver(((s,h)=>{this.mode=t.documentElement.dataset.colorMode;if(this.permanent&&l){localStorage.setItem(e,this.mode);this.i(i,{permanent:this.permanent})}this.h();this.i(o,{colorScheme:this.mode})}));d.observe(t.documentElement,{attributes:true});this.i(o,{colorScheme:this.mode});this.h()}attributeChangedCallback(t,s,o){if(t==="mode"&&s!==o&&[h,r].includes(o)){const t=localStorage.getItem(e);if(this.mode===t){this.mode=o;this.h();this.o()}else if(this.mode&&this.mode!==t){this.h();this.o()}}else if((t===h||t===r)&&s!==o){this.h()}if(t==="permanent"&&typeof this.permanent==="boolean"){this.permanent?localStorage.setItem(e,this.mode):localStorage.removeItem(e)}}o(){t.documentElement.setAttribute("data-color-mode",this.mode)}h(){this.icon.textContent=this.mode===h?"🌒":"🌞";this.text.textContent=this.mode===h?this.getAttribute(r):this.getAttribute(h)}t(){var s=this.attachShadow({mode:"open"});this.label=t.createElement("span");this.label.setAttribute("class","wrapper");this.label.onclick=()=>{this.mode=this.mode===h?r:h;if(this.permanent){localStorage.setItem(e,this.mode)}this.o();this.h()};s.appendChild(this.label);this.icon=t.createElement("span");this.label.appendChild(this.icon);this.text=t.createElement("span");this.label.appendChild(this.text);const o=\`\n[data-color-mode*='dark'], [data-color-mode*='dark'] body {\n color-scheme: dark;\n --color-theme-bg: #0d1117;\n --color-theme-text: #c9d1d9;\n background-color: var(--color-theme-bg);\n color: var(--color-theme-text);\n}\n\n[data-color-mode*='light'], [data-color-mode*='light'] body {\n color-scheme: light;\n --color-theme-bg: #fff;\n --color-theme-text: #24292f;\n background-color: var(--color-theme-bg);\n color: var(--color-theme-text);\n}\`;const i="_dark_mode_style_";const n=t.getElementById(i);if(!n){var c=t.createElement("style");c.id=i;c.textContent=o;t.head.appendChild(c)}var a=t.createElement("style");a.textContent=\`\n .wrapper { cursor: pointer; user-select: none; position: relative; }\n .wrapper > span + span { margin-left: .4rem; }\n \`;s.appendChild(a)}i(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:true,composed:true,detail:e}))}}customElements.define("dark-mode",a);`
|
|
4
4
|
|
|
@@ -6,7 +6,21 @@ const scriptString = `const t=document;const e="_dark_mode_theme_";const s="perm
|
|
|
6
6
|
* @wcj/dark-mode@1.0.14
|
|
7
7
|
* https://github.com/jaywcjlove/dark-mode
|
|
8
8
|
*/
|
|
9
|
-
export function darkMode(): Element[] {
|
|
9
|
+
export function darkMode(permanent?: boolean | 'auto', mode?: string): Element[] {
|
|
10
|
+
const properties: Properties = {
|
|
11
|
+
style: 'position: fixed; top: 8px; left: 10px; z-index: 999;',
|
|
12
|
+
dark: 'Dark',
|
|
13
|
+
light: 'Light',
|
|
14
|
+
}
|
|
15
|
+
if (mode) {
|
|
16
|
+
properties.mode = mode;
|
|
17
|
+
}
|
|
18
|
+
if (permanent && permanent !== 'auto') {
|
|
19
|
+
properties.permanent = 'true';
|
|
20
|
+
}
|
|
21
|
+
if (permanent === false || permanent === 'false' as unknown as boolean) {
|
|
22
|
+
properties.style = properties.style + ';display: none;';
|
|
23
|
+
}
|
|
10
24
|
return [{
|
|
11
25
|
type: 'element',
|
|
12
26
|
tagName: 'script',
|
|
@@ -21,10 +35,7 @@ export function darkMode(): Element[] {
|
|
|
21
35
|
type: 'element',
|
|
22
36
|
tagName: 'dark-mode',
|
|
23
37
|
properties: {
|
|
24
|
-
|
|
25
|
-
style: 'position: fixed; top: 8px; left: 10px; z-index: 999;',
|
|
26
|
-
dark: 'Dark',
|
|
27
|
-
light: 'Light',
|
|
38
|
+
...properties
|
|
28
39
|
},
|
|
29
40
|
children: []
|
|
30
41
|
}]
|
|
@@ -80,7 +80,8 @@ export function markdownStyle(child: ElementContent[], markdownStyleTheme?: 'dar
|
|
|
80
80
|
className: 'markdown-style',
|
|
81
81
|
}
|
|
82
82
|
if (markdownStyleTheme) {
|
|
83
|
-
properties.theme = markdownStyleTheme;
|
|
83
|
+
// properties.theme = markdownStyleTheme;
|
|
84
|
+
properties.mode = markdownStyleTheme;
|
|
84
85
|
}
|
|
85
86
|
return [{
|
|
86
87
|
type: 'element',
|
package/src/utils.ts
CHANGED
|
@@ -25,7 +25,7 @@ export function formatConfig(opts: Options) {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
if (opts['github-corners']) {
|
|
28
|
+
if (opts['github-corners'] && typeof opts['github-corners'] === 'string') {
|
|
29
29
|
opts['github-corners'] = opts['github-corners'].replace(/^git[+]/, '')
|
|
30
30
|
}
|
|
31
31
|
if (Array.isArray(options.document.link) && options.favicon) {
|