dumi 2.0.0-beta.7 → 2.0.0-beta.9
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/dist/client/theme-api/DumiPage.js +24 -4
- package/dist/client/theme-api/context.d.ts +1 -0
- package/dist/client/theme-api/index.d.ts +2 -0
- package/dist/client/theme-api/index.js +3 -1
- package/dist/client/theme-api/types.d.ts +34 -3
- package/dist/client/theme-api/useRouteMeta.js +4 -3
- package/dist/client/theme-api/useSiteSearch.d.ts +23 -0
- package/dist/client/theme-api/useSiteSearch.js +347 -0
- package/dist/client/theme-api/useTabMeta.d.ts +4 -0
- package/dist/client/theme-api/useTabMeta.js +47 -0
- package/dist/features/configPlugins/index.js +1 -1
- package/dist/features/configPlugins/schema.js +4 -2
- package/dist/features/exports.d.ts +5 -0
- package/dist/features/exports.js +23 -2
- package/dist/features/meta.js +43 -22
- package/dist/features/routes.js +8 -7
- package/dist/features/tabs.js +1 -1
- package/dist/features/theme/index.js +8 -3
- package/dist/loaders/markdown/index.d.ts +1 -1
- package/dist/loaders/markdown/index.js +69 -48
- package/dist/loaders/markdown/transformer/index.d.ts +4 -3
- package/dist/loaders/markdown/transformer/index.js +6 -6
- package/dist/loaders/markdown/transformer/rehypeDemo.js +2 -2
- package/dist/loaders/markdown/transformer/rehypeEnhancedTag.js +6 -1
- package/dist/loaders/markdown/transformer/rehypeImg.d.ts +6 -0
- package/dist/loaders/markdown/transformer/rehypeImg.js +57 -0
- package/dist/loaders/markdown/transformer/rehypeJsxify.js +17 -1
- package/dist/loaders/markdown/transformer/rehypeSlug.d.ts +2 -2
- package/dist/loaders/markdown/transformer/rehypeSlug.js +21 -57
- package/dist/loaders/markdown/transformer/rehypeText.d.ts +4 -0
- package/dist/loaders/markdown/transformer/rehypeText.js +110 -0
- package/dist/loaders/markdown/transformer/remarkEmbed.d.ts +4 -0
- package/dist/loaders/markdown/transformer/remarkEmbed.js +89 -0
- package/dist/loaders/page/index.js +1 -0
- package/dist/types.d.ts +8 -1
- package/dist/utils.d.ts +7 -0
- package/dist/utils.js +16 -0
- package/package.json +12 -11
- package/theme-default/builtins/Previewer/index.js +1 -0
- package/theme-default/layouts/DocLayout/index.js +3 -1
- package/theme-default/layouts/DocLayout/index.less +9 -4
- package/theme-default/locales/en-US.json +2 -1
- package/theme-default/locales/zh-CN.json +2 -1
- package/theme-default/slots/ContentTabs/index.d.ts +1 -1
- package/theme-default/slots/ContentTabs/index.js +1 -1
- package/theme-default/slots/Features/index.d.ts +4 -0
- package/theme-default/slots/Features/index.js +28 -0
- package/theme-default/slots/Features/index.less +49 -0
- package/theme-default/slots/Header/index.js +9 -2
- package/theme-default/slots/Header/index.less +18 -10
- package/theme-default/slots/Hero/index.d.ts +4 -0
- package/theme-default/slots/Hero/index.js +35 -0
- package/theme-default/slots/Hero/index.less +65 -0
- package/theme-default/slots/HeroTitle/index.d.ts +6 -0
- package/theme-default/slots/HeroTitle/index.js +10 -0
- package/theme-default/slots/HeroTitle/index.less +23 -0
- package/theme-default/slots/SearchBar/index.js +69 -9
- package/theme-default/slots/SearchBar/index.less +37 -4
- package/theme-default/slots/SearchResult/index.d.ts +9 -0
- package/theme-default/slots/SearchResult/index.js +168 -0
- package/theme-default/slots/SearchResult/index.less +119 -0
- package/dist/loaders/markdown/transformer/rehypeEmbed.d.ts +0 -12
- package/dist/loaders/markdown/transformer/rehypeEmbed.js +0 -88
package/dist/features/meta.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
1
2
|
var __defProp = Object.defineProperty;
|
|
2
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
4
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
7
|
var __export = (target, all) => {
|
|
6
8
|
for (var name in all)
|
|
@@ -14,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
14
16
|
}
|
|
15
17
|
return to;
|
|
16
18
|
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
17
20
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
21
|
|
|
19
22
|
// src/features/meta.ts
|
|
@@ -24,24 +27,29 @@ __export(meta_exports, {
|
|
|
24
27
|
default: () => meta_default
|
|
25
28
|
});
|
|
26
29
|
module.exports = __toCommonJS(meta_exports);
|
|
30
|
+
var import_path = __toESM(require("path"));
|
|
27
31
|
var import_plugin_utils = require("umi/plugin-utils");
|
|
28
32
|
var import_tabs = require("./tabs");
|
|
29
33
|
var TABS_META_PATH = "dumi/meta/tabs.ts";
|
|
30
34
|
var ATOMS_META_PATH = "dumi/meta/atoms.ts";
|
|
31
35
|
var meta_default = (api) => {
|
|
32
36
|
const metaFiles = [];
|
|
33
|
-
api.
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
37
|
+
api.register({
|
|
38
|
+
key: "modifyRoutes",
|
|
39
|
+
stage: Infinity,
|
|
40
|
+
fn: (routes) => {
|
|
41
|
+
metaFiles.length = 0;
|
|
42
|
+
Object.values(routes).forEach((route) => {
|
|
43
|
+
if (!route.isLayout && !/\*|:/.test(route.path) && route.file && !(0, import_tabs.isTabRouteFile)(route.file)) {
|
|
44
|
+
metaFiles.push({
|
|
45
|
+
index: metaFiles.length,
|
|
46
|
+
file: route.file,
|
|
47
|
+
id: route.id
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
return routes;
|
|
52
|
+
}
|
|
45
53
|
});
|
|
46
54
|
api.onGenerateFiles(async () => {
|
|
47
55
|
api.writeTmpFile({
|
|
@@ -53,29 +61,41 @@ var meta_default = (api) => {
|
|
|
53
61
|
noPluginDir: true,
|
|
54
62
|
path: "dumi/meta/index.ts",
|
|
55
63
|
content: import_plugin_utils.Mustache.render(`{{#metaFiles}}
|
|
56
|
-
import { demos as
|
|
64
|
+
import { demos as dm{{{index}}}, frontmatter as fm{{{index}}}, toc as toc{{{index}}}, texts as txt{{{index}}} } from '{{{file}}}?type=meta';
|
|
57
65
|
{{/metaFiles}}
|
|
58
66
|
|
|
59
67
|
export { components } from './atoms';
|
|
60
68
|
export { tabs } from './tabs';
|
|
61
69
|
|
|
62
|
-
export const demos = {
|
|
63
|
-
{{#metaFiles}}
|
|
64
|
-
...d{{{index}}},
|
|
65
|
-
{{/metaFiles}}
|
|
66
|
-
};
|
|
67
|
-
|
|
68
70
|
export const filesMeta = {
|
|
69
71
|
{{#metaFiles}}
|
|
70
72
|
'{{{id}}}': {
|
|
71
73
|
frontmatter: fm{{{index}}},
|
|
72
74
|
toc: toc{{{index}}},
|
|
75
|
+
texts: txt{{{index}}},
|
|
76
|
+
demos: dm{{{index}}},
|
|
73
77
|
{{#tabs}}
|
|
74
78
|
tabs: {{{tabs}}},
|
|
75
79
|
{{/tabs}}
|
|
76
80
|
},
|
|
77
81
|
{{/metaFiles}}
|
|
78
|
-
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
// generate demos data in runtime, for reuse route.id to reduce bundle size
|
|
85
|
+
export const demos = Object.entries(filesMeta).reduce((acc, [id, meta]) => {
|
|
86
|
+
// append route id to demo
|
|
87
|
+
Object.values(meta.demos).forEach((demo) => {
|
|
88
|
+
demo.routeId = id;
|
|
89
|
+
});
|
|
90
|
+
// merge demos
|
|
91
|
+
Object.assign(acc, meta.demos);
|
|
92
|
+
|
|
93
|
+
// remove demos from meta, to avoid deep clone demos in umi routes/children compatible logic
|
|
94
|
+
delete meta.demos;
|
|
95
|
+
|
|
96
|
+
return acc;
|
|
97
|
+
}, {});
|
|
98
|
+
`, {
|
|
79
99
|
metaFiles: await api.applyPlugins({
|
|
80
100
|
type: api.ApplyPluginsType.modify,
|
|
81
101
|
key: "dumi.modifyMetaFiles",
|
|
@@ -87,15 +107,16 @@ export const filesMeta = {
|
|
|
87
107
|
noPluginDir: true,
|
|
88
108
|
path: "dumi/meta/runtime.ts",
|
|
89
109
|
content: `import { filesMeta, tabs } from '.';
|
|
110
|
+
import deepmerge from '${(0, import_plugin_utils.winPath)(import_path.default.dirname(require.resolve("deepmerge/package")))}';
|
|
90
111
|
export const patchRoutes = ({ routes }) => {
|
|
91
112
|
Object.values(routes).forEach((route) => {
|
|
92
113
|
if (filesMeta[route.id]) {
|
|
93
|
-
route.meta =
|
|
114
|
+
route.meta = deepmerge(route.meta, filesMeta[route.id]);
|
|
94
115
|
|
|
95
116
|
// apply real tab data from id
|
|
96
117
|
route.meta.tabs = route.meta.tabs?.map(id => ({
|
|
97
118
|
...tabs[id],
|
|
98
|
-
|
|
119
|
+
meta: filesMeta[id],
|
|
99
120
|
}));
|
|
100
121
|
}
|
|
101
122
|
});
|
package/dist/features/routes.js
CHANGED
|
@@ -47,7 +47,7 @@ function localizeUmiRoute(route, locales) {
|
|
|
47
47
|
var routes_default = (api) => {
|
|
48
48
|
var _a, _b, _c;
|
|
49
49
|
const extraWatchPaths = [
|
|
50
|
-
...((_a = api.userConfig.resolve) == null ? void 0 : _a.
|
|
50
|
+
...((_a = api.userConfig.resolve) == null ? void 0 : _a.atomDirs) || [],
|
|
51
51
|
...((_c = (_b = api.userConfig.resolve) == null ? void 0 : _b.docDirs) == null ? void 0 : _c.map(normalizeDocDir)) || [
|
|
52
52
|
{ dir: "docs" }
|
|
53
53
|
]
|
|
@@ -63,7 +63,7 @@ var routes_default = (api) => {
|
|
|
63
63
|
});
|
|
64
64
|
api.modifyDefaultConfig((memo) => {
|
|
65
65
|
if (api.userConfig.resolve) {
|
|
66
|
-
const keys = ["docDirs", "
|
|
66
|
+
const keys = ["docDirs", "atomDirs"];
|
|
67
67
|
keys.forEach((key) => {
|
|
68
68
|
var _a2;
|
|
69
69
|
if (((_a2 = api.userConfig.resolve[key]) == null ? void 0 : _a2.length) === 0)
|
|
@@ -83,7 +83,7 @@ var routes_default = (api) => {
|
|
|
83
83
|
return ret;
|
|
84
84
|
}, {});
|
|
85
85
|
const { DocLayout, DemoLayout } = api.service.themeData.layouts;
|
|
86
|
-
const { docDirs,
|
|
86
|
+
const { docDirs, atomDirs } = api.config.resolve;
|
|
87
87
|
const layoutRouteValues = Object.values(routes);
|
|
88
88
|
const lastLayoutId = layoutRouteValues.find(({ id }) => layoutRouteValues.every(({ parentId }) => id !== parentId)).id;
|
|
89
89
|
let docLayoutId = lastLayoutId;
|
|
@@ -113,7 +113,7 @@ var routes_default = (api) => {
|
|
|
113
113
|
Object.entries(pages).forEach(([, route]) => {
|
|
114
114
|
route.parentId = docLayoutId;
|
|
115
115
|
route.file = (0, import_plugin_utils.winPath)(import_path.default.resolve(pagesDir, route.file));
|
|
116
|
-
|
|
116
|
+
route.path = route.absPath.slice(1);
|
|
117
117
|
});
|
|
118
118
|
docDirs.map(normalizeDocDir).forEach(({ type, dir }) => {
|
|
119
119
|
const base = import_path.default.join(api.cwd, dir);
|
|
@@ -124,6 +124,7 @@ var routes_default = (api) => {
|
|
|
124
124
|
Object.entries(dirRoutes).forEach(([key, route]) => {
|
|
125
125
|
route.id = `${dir}/${key}`;
|
|
126
126
|
route.parentId = docLayoutId;
|
|
127
|
+
route.path = route.absPath.slice(1);
|
|
127
128
|
if (type) {
|
|
128
129
|
const pluralType = (0, import_pluralize.plural)(type);
|
|
129
130
|
route.path = `${pluralType}/${route.path}`.replace(/\/+$/, "/");
|
|
@@ -134,10 +135,10 @@ var routes_default = (api) => {
|
|
|
134
135
|
routes[route.id] = route;
|
|
135
136
|
});
|
|
136
137
|
});
|
|
137
|
-
|
|
138
|
+
atomDirs.forEach(({ type, dir }) => {
|
|
138
139
|
const base = import_path.default.join(api.cwd, dir);
|
|
139
|
-
const
|
|
140
|
-
|
|
140
|
+
const atomFiles = import_plugin_utils.glob.sync("{*,*/index,*/index.*,*/README,*/README.*}.md", { cwd: base });
|
|
141
|
+
atomFiles.forEach((file) => {
|
|
141
142
|
const routePath = (0, import_plugin_utils.winPath)(import_path.default.join((0, import_pluralize.plural)(type), file)).replace(/(\/index|\/README)?\.md$/, "").replace(/\./g, "/");
|
|
142
143
|
const routeId = (0, import_utils.createRouteId)(file);
|
|
143
144
|
routes[routeId] = {
|
package/dist/features/tabs.js
CHANGED
|
@@ -54,7 +54,7 @@ var tabs_default = (api) => {
|
|
|
54
54
|
api.modifyRoutes((routes) => {
|
|
55
55
|
tabs.length = 0;
|
|
56
56
|
Object.values(routes).forEach((route) => {
|
|
57
|
-
if (isTabRouteFile(route.file)) {
|
|
57
|
+
if (route.file && isTabRouteFile(route.file)) {
|
|
58
58
|
delete routes[route.id];
|
|
59
59
|
const rtlFile = (0, import_plugin_utils.winPath)(import_path.default.relative(api.cwd, route.file));
|
|
60
60
|
const routeId = (0, import_utils.createRouteId)(rtlFile);
|
|
@@ -29,11 +29,16 @@ var import_constants = require("../../constants");
|
|
|
29
29
|
var import_fs = __toESM(require("fs"));
|
|
30
30
|
var import_path = __toESM(require("path"));
|
|
31
31
|
var import_plugin_utils = require("umi/plugin-utils");
|
|
32
|
+
var import_exports = require("../exports");
|
|
32
33
|
var import_loader = __toESM(require("./loader"));
|
|
33
34
|
var DEFAULT_THEME_PATH = import_path.default.join(__dirname, "../../../theme-default");
|
|
34
|
-
function
|
|
35
|
+
function getPkgThemeName(api) {
|
|
35
36
|
const validDeps = Object.assign({}, api.pkg.dependencies, api.pkg.devDependencies);
|
|
36
37
|
const pkgThemeName = Object.keys(validDeps).find((pkg) => pkg.split("/").pop().startsWith(import_constants.THEME_PREFIX));
|
|
38
|
+
return pkgThemeName;
|
|
39
|
+
}
|
|
40
|
+
function getPkgThemePath(api) {
|
|
41
|
+
const pkgThemeName = getPkgThemeName(api);
|
|
37
42
|
return pkgThemeName && import_path.default.basename(require.resolve(`${pkgThemeName}/package.json`, { paths: [api.cwd] }));
|
|
38
43
|
}
|
|
39
44
|
var theme_default = (api) => {
|
|
@@ -46,6 +51,7 @@ var theme_default = (api) => {
|
|
|
46
51
|
];
|
|
47
52
|
let originalThemeData;
|
|
48
53
|
api.describe({ key: "dumi:theme" });
|
|
54
|
+
(0, import_exports.safeExcludeInMFSU)(api, ["dumi/theme-default", "@ant-design/icons-svg", getPkgThemeName(api)].filter(Boolean).map((pkg) => new RegExp(pkg)));
|
|
49
55
|
api.register({
|
|
50
56
|
key: "modifyAppData",
|
|
51
57
|
before: "appData",
|
|
@@ -77,7 +83,6 @@ var theme_default = (api) => {
|
|
|
77
83
|
}
|
|
78
84
|
});
|
|
79
85
|
api.modifyConfig((memo) => {
|
|
80
|
-
memo.alias["dumi/theme$"] = require.resolve("../../client/theme-api");
|
|
81
86
|
if (localThemeData) {
|
|
82
87
|
themeMapKeys.forEach((key) => {
|
|
83
88
|
Object.values(localThemeData[key] || {}).forEach((item) => {
|
|
@@ -129,7 +134,7 @@ export default function DumiContextWrapper() {
|
|
|
129
134
|
locales,
|
|
130
135
|
loading,
|
|
131
136
|
setLoading,
|
|
132
|
-
themeConfig: ${JSON.stringify(api.config.themeConfig)},
|
|
137
|
+
themeConfig: ${JSON.stringify(Object.assign(import_plugin_utils.lodash.pick(api.config, "logo", "description", "title"), api.config.themeConfig))},
|
|
133
138
|
}}>
|
|
134
139
|
{outlet}
|
|
135
140
|
</SiteContext.Provider>
|
|
@@ -9,5 +9,5 @@ interface IMdLoaderDemosModeOptions extends Omit<IMdLoaderDefaultModeOptions, 'b
|
|
|
9
9
|
onResolveDemos?: (demos: IMdTransformerResult['meta']['demos']) => void;
|
|
10
10
|
}
|
|
11
11
|
export declare type IMdLoaderOptions = IMdLoaderDefaultModeOptions | IMdLoaderDemosModeOptions;
|
|
12
|
-
export default function mdLoader(this: any,
|
|
12
|
+
export default function mdLoader(this: any, content: string): void;
|
|
13
13
|
export {};
|
|
@@ -25,32 +25,20 @@ __export(markdown_exports, {
|
|
|
25
25
|
default: () => mdLoader
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(markdown_exports);
|
|
28
|
+
var import_tabs = require("../../features/tabs");
|
|
28
29
|
var import_utils = require("../../utils");
|
|
30
|
+
var import_fs = __toESM(require("fs"));
|
|
29
31
|
var import_plugin_utils = require("umi/plugin-utils");
|
|
30
32
|
var import_transformer = __toESM(require("./transformer"));
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
} else if (regexp) {
|
|
41
|
-
content = (0, import_utils.getFileContentByRegExp)(content, regexp, this.resourcePath);
|
|
42
|
-
}
|
|
43
|
-
(0, import_transformer.default)(content, {
|
|
44
|
-
...import_plugin_utils.lodash.omit(opts, ["mode", "builtins"]),
|
|
45
|
-
fileAbsPath: this.resourcePath
|
|
46
|
-
}).then((ret) => {
|
|
47
|
-
if (opts.mode === "meta") {
|
|
48
|
-
const { demos, frontmatter, toc, embeds = [] } = ret.meta;
|
|
49
|
-
embeds.forEach((file) => this.addDependency(file));
|
|
50
|
-
if (demos && opts.onResolveDemos) {
|
|
51
|
-
opts.onResolveDemos(demos);
|
|
52
|
-
}
|
|
53
|
-
cb(null, import_plugin_utils.Mustache.render(`import React from 'react';
|
|
33
|
+
var import_rehypeText = require("./transformer/rehypeText");
|
|
34
|
+
function emit(opts, ret) {
|
|
35
|
+
if (opts.mode === "meta") {
|
|
36
|
+
const { demos, frontmatter, toc, texts, embeds = [] } = ret.meta;
|
|
37
|
+
embeds.forEach((file) => this.addDependency(file));
|
|
38
|
+
if (demos && opts.onResolveDemos) {
|
|
39
|
+
opts.onResolveDemos(demos);
|
|
40
|
+
}
|
|
41
|
+
return import_plugin_utils.Mustache.render(`import React from 'react';
|
|
54
42
|
|
|
55
43
|
export const demos = {
|
|
56
44
|
{{#demos}}
|
|
@@ -61,38 +49,71 @@ export const demos = {
|
|
|
61
49
|
{{/demos}}
|
|
62
50
|
};
|
|
63
51
|
export const frontmatter = {{{frontmatter}}};
|
|
64
|
-
export const toc = {{{toc}}}
|
|
52
|
+
export const toc = {{{toc}}};
|
|
53
|
+
export const texts = {{{texts}}};
|
|
65
54
|
`, {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
})
|
|
78
|
-
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
import
|
|
85
|
-
import
|
|
55
|
+
demos,
|
|
56
|
+
frontmatter: JSON.stringify(frontmatter),
|
|
57
|
+
toc: JSON.stringify(toc),
|
|
58
|
+
texts: JSON.stringify(texts),
|
|
59
|
+
renderAsset: function renderAsset() {
|
|
60
|
+
if (!("asset" in this))
|
|
61
|
+
return "null";
|
|
62
|
+
let { asset } = this;
|
|
63
|
+
const { sources } = this;
|
|
64
|
+
Object.keys(this.sources).forEach((file) => {
|
|
65
|
+
asset = import_plugin_utils.lodash.cloneDeep(asset);
|
|
66
|
+
asset.dependencies[file].value = `{{{require('!!raw-loader!${sources[file]}?raw').default}}}`;
|
|
67
|
+
});
|
|
68
|
+
return JSON.stringify(asset, null, 2).replace(/"{{{|}}}"/g, "");
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
} else {
|
|
72
|
+
const isTabContent = (0, import_tabs.isTabRouteFile)(this.resourcePath);
|
|
73
|
+
return `${Object.values(opts.builtins).map((item) => `import ${item.specifier} from '${item.source}';`).join("\n")}
|
|
74
|
+
import React from 'react';
|
|
75
|
+
${isTabContent ? `import { useTabMeta } from 'dumi';` : `import { DumiPage, useRouteMeta } from 'dumi';`}
|
|
86
76
|
|
|
87
77
|
// export named function for fastRefresh
|
|
88
78
|
// ref: https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/main/docs/TROUBLESHOOTING.md#edits-always-lead-to-full-reload
|
|
89
79
|
function DumiMarkdownContent() {
|
|
90
|
-
|
|
80
|
+
const { texts: ${import_rehypeText.CONTENT_TEXTS_OBJ_NAME} } = use${isTabContent ? "TabMeta" : "RouteMeta"}();
|
|
81
|
+
return ${isTabContent ? ret.content : `<DumiPage>${ret.content}</DumiPage>`};
|
|
91
82
|
}
|
|
92
83
|
|
|
93
|
-
export default DumiMarkdownContent
|
|
94
|
-
|
|
95
|
-
|
|
84
|
+
export default DumiMarkdownContent;`;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
var deferrer = {};
|
|
88
|
+
function mdLoader(content) {
|
|
89
|
+
const opts = this.getOptions();
|
|
90
|
+
const cb = this.async();
|
|
91
|
+
const cache = (0, import_utils.getCache)("md-loader");
|
|
92
|
+
const cacheKey = [
|
|
93
|
+
this.resourcePath,
|
|
94
|
+
import_fs.default.statSync(this.resourcePath).mtimeMs,
|
|
95
|
+
JSON.stringify(import_plugin_utils.lodash.omit(opts, ["mode", "builtins", "onResolveDemos"]))
|
|
96
|
+
].join(":");
|
|
97
|
+
const cacheRet = cache.getSync(cacheKey, "");
|
|
98
|
+
if (cacheRet) {
|
|
99
|
+
cb(null, emit.call(this, opts, cacheRet));
|
|
100
|
+
return;
|
|
101
|
+
} else if (cacheKey in deferrer) {
|
|
102
|
+
deferrer[cacheKey].then((res) => {
|
|
103
|
+
cb(null, emit.call(this, opts, res));
|
|
104
|
+
});
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
deferrer[cacheKey] = new Promise((resolve) => {
|
|
108
|
+
(0, import_transformer.default)(content, {
|
|
109
|
+
...import_plugin_utils.lodash.omit(opts, ["mode", "builtins", "onResolveDemos"]),
|
|
110
|
+
fileAbsPath: this.resourcePath
|
|
111
|
+
}).then((ret) => {
|
|
112
|
+
cache.setSync(cacheKey, ret);
|
|
113
|
+
resolve(ret);
|
|
114
|
+
cb(null, emit.call(this, opts, ret));
|
|
115
|
+
}, cb);
|
|
116
|
+
});
|
|
96
117
|
}
|
|
97
118
|
// Annotate the CommonJS export names for ESM import in node:
|
|
98
119
|
0 && (module.exports = {});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { IParsedBlockAsset } from "../../../assetParsers/block";
|
|
2
2
|
import type { IRouteMeta } from "../../../client/theme-api/types";
|
|
3
3
|
import type { IDumiConfig, IDumiTechStack } from "../../../types";
|
|
4
|
-
import type {
|
|
4
|
+
import type { Data } from 'vfile';
|
|
5
5
|
declare module 'hast' {
|
|
6
6
|
interface Element {
|
|
7
7
|
JSXAttributes?: Array<{
|
|
@@ -25,6 +25,7 @@ declare module 'vfile' {
|
|
|
25
25
|
id: string;
|
|
26
26
|
component: string;
|
|
27
27
|
})[];
|
|
28
|
+
texts: IRouteMeta['texts'];
|
|
28
29
|
frontmatter: IRouteMeta['frontmatter'];
|
|
29
30
|
toc: IRouteMeta['toc'];
|
|
30
31
|
embeds?: string[];
|
|
@@ -41,10 +42,10 @@ export interface IMdTransformerOptions {
|
|
|
41
42
|
}
|
|
42
43
|
export interface IMdTransformerResult {
|
|
43
44
|
content: string;
|
|
44
|
-
meta:
|
|
45
|
+
meta: Data;
|
|
45
46
|
}
|
|
46
47
|
declare const _default: (raw: string, opts: IMdTransformerOptions) => Promise<{
|
|
47
48
|
content: string;
|
|
48
|
-
meta:
|
|
49
|
+
meta: Data;
|
|
49
50
|
}>;
|
|
50
51
|
export default _default;
|
|
@@ -26,13 +26,15 @@ __export(transformer_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(transformer_exports);
|
|
28
28
|
var import_rehypeDemo = __toESM(require("./rehypeDemo"));
|
|
29
|
-
var import_rehypeEmbed = __toESM(require("./rehypeEmbed"));
|
|
30
29
|
var import_rehypeEnhancedTag = __toESM(require("./rehypeEnhancedTag"));
|
|
30
|
+
var import_rehypeImg = __toESM(require("./rehypeImg"));
|
|
31
31
|
var import_rehypeIsolation = __toESM(require("./rehypeIsolation"));
|
|
32
32
|
var import_rehypeJsxify = __toESM(require("./rehypeJsxify"));
|
|
33
33
|
var import_rehypeRaw = __toESM(require("./rehypeRaw"));
|
|
34
34
|
var import_rehypeSlug = __toESM(require("./rehypeSlug"));
|
|
35
35
|
var import_rehypeStrip = __toESM(require("./rehypeStrip"));
|
|
36
|
+
var import_rehypeText = __toESM(require("./rehypeText"));
|
|
37
|
+
var import_remarkEmbed = __toESM(require("./remarkEmbed"));
|
|
36
38
|
var import_remarkMeta = __toESM(require("./remarkMeta"));
|
|
37
39
|
function applyUnifiedPlugin(opts) {
|
|
38
40
|
const [plugin, options] = Array.isArray(opts.plugin) ? opts.plugin : [opts.plugin];
|
|
@@ -49,20 +51,18 @@ var transformer_default = async (raw, opts) => {
|
|
|
49
51
|
const { default: remarkGfm } = await import("remark-gfm");
|
|
50
52
|
const { default: remarkRehype } = await import("remark-rehype");
|
|
51
53
|
const { default: rehypeAutolinkHeadings } = await import("rehype-autolink-headings");
|
|
52
|
-
const processor = unified().use(remarkParse).use(remarkFrontmatter).use(import_remarkMeta.default, { fileAbsPath: opts.fileAbsPath }).use(remarkBreaks).use(remarkGfm);
|
|
54
|
+
const processor = unified().use(remarkParse).use(import_remarkEmbed.default, { fileAbsPath: opts.fileAbsPath }).use(remarkFrontmatter).use(import_remarkMeta.default, { fileAbsPath: opts.fileAbsPath }).use(remarkBreaks).use(remarkGfm);
|
|
53
55
|
(_a = opts.extraRemarkPlugins) == null ? void 0 : _a.forEach((plugin) => applyUnifiedPlugin({
|
|
54
56
|
plugin,
|
|
55
57
|
processor,
|
|
56
58
|
cwd: opts.cwd
|
|
57
59
|
}));
|
|
58
|
-
processor.use(remarkRehype, { allowDangerousHtml: true }).use(import_rehypeRaw.default).use(import_rehypeStrip.default).use(
|
|
59
|
-
fileAbsPath: opts.fileAbsPath
|
|
60
|
-
}).use(import_rehypeDemo.default, {
|
|
60
|
+
processor.use(remarkRehype, { allowDangerousHtml: true }).use(import_rehypeRaw.default).use(import_rehypeStrip.default).use(import_rehypeImg.default).use(import_rehypeDemo.default, {
|
|
61
61
|
techStacks: opts.techStacks,
|
|
62
62
|
cwd: opts.cwd,
|
|
63
63
|
fileAbsPath: opts.fileAbsPath,
|
|
64
64
|
codeBlockMode: opts.codeBlockMode
|
|
65
|
-
}).use(import_rehypeSlug.default
|
|
65
|
+
}).use(import_rehypeSlug.default).use(rehypeAutolinkHeadings).use(import_rehypeIsolation.default).use(import_rehypeEnhancedTag.default).use(import_rehypeText.default);
|
|
66
66
|
(_b = opts.extraRehypePlugins) == null ? void 0 : _b.forEach((plugin) => applyUnifiedPlugin({
|
|
67
67
|
plugin,
|
|
68
68
|
processor,
|
|
@@ -55,8 +55,8 @@ function getCodeLang(node, opts) {
|
|
|
55
55
|
}
|
|
56
56
|
return lang;
|
|
57
57
|
}
|
|
58
|
-
function getCodeId(cwd, fileAbsPath, localId,
|
|
59
|
-
const prefix =
|
|
58
|
+
function getCodeId(cwd, fileAbsPath, localId, atomId) {
|
|
59
|
+
const prefix = atomId || (0, import_utils.getRoutePathFromFsPath)(import_path.default.relative(cwd, fileAbsPath)).replace(/\//g, "-");
|
|
60
60
|
return [prefix, "demo", localId].filter(Boolean).join("-");
|
|
61
61
|
}
|
|
62
62
|
function tryMarkDemoNode(node, opts) {
|
|
@@ -44,7 +44,12 @@ function rehypeEnhancedTag() {
|
|
|
44
44
|
type: "element",
|
|
45
45
|
tagName: "SourceCode",
|
|
46
46
|
properties: { lang },
|
|
47
|
-
children: [
|
|
47
|
+
children: [
|
|
48
|
+
{
|
|
49
|
+
type: "text",
|
|
50
|
+
value: toString(node.children[0])
|
|
51
|
+
}
|
|
52
|
+
]
|
|
48
53
|
});
|
|
49
54
|
}
|
|
50
55
|
});
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
|
|
22
|
+
// src/loaders/markdown/transformer/rehypeImg.ts
|
|
23
|
+
var rehypeImg_exports = {};
|
|
24
|
+
__export(rehypeImg_exports, {
|
|
25
|
+
default: () => rehypeImg
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(rehypeImg_exports);
|
|
28
|
+
var import_path = __toESM(require("path"));
|
|
29
|
+
var visit;
|
|
30
|
+
(async () => {
|
|
31
|
+
({ visit } = await import("unist-util-visit"));
|
|
32
|
+
})();
|
|
33
|
+
function isRelativeUrl(url) {
|
|
34
|
+
return !/^((blob:)?\w+:)?\/\//.test(url) && !import_path.default.isAbsolute(url);
|
|
35
|
+
}
|
|
36
|
+
function rehypeImg() {
|
|
37
|
+
return (tree) => {
|
|
38
|
+
visit(tree, "element", (node) => {
|
|
39
|
+
var _a;
|
|
40
|
+
if (node.tagName === "img" && typeof ((_a = node.properties) == null ? void 0 : _a.src) === "string") {
|
|
41
|
+
const src = node.properties.src.trim();
|
|
42
|
+
if (isRelativeUrl(src)) {
|
|
43
|
+
delete node.properties.src;
|
|
44
|
+
node.JSXAttributes = [
|
|
45
|
+
{
|
|
46
|
+
type: "JSXAttribute",
|
|
47
|
+
name: "src",
|
|
48
|
+
value: `require('${decodeURI(src)}')`
|
|
49
|
+
}
|
|
50
|
+
];
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
57
|
+
0 && (module.exports = {});
|
|
@@ -59,7 +59,23 @@ function rehypeJsxify() {
|
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
});
|
|
62
|
-
const esTree = toEstree(ast
|
|
62
|
+
const esTree = toEstree(ast, {
|
|
63
|
+
handlers: {
|
|
64
|
+
text: function text(node) {
|
|
65
|
+
var _a;
|
|
66
|
+
const value = String(node.value || "");
|
|
67
|
+
if (!value)
|
|
68
|
+
return null;
|
|
69
|
+
return {
|
|
70
|
+
type: "JSXExpressionContainer",
|
|
71
|
+
expression: ((_a = node.data) == null ? void 0 : _a.expression) || {
|
|
72
|
+
type: "Literal",
|
|
73
|
+
value
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
});
|
|
63
79
|
visitEstree(esTree, (node) => {
|
|
64
80
|
var _a, _b;
|
|
65
81
|
const isStubJSXAttr = node.type === "JSXAttribute" && "name" in node && String(node.name.name).startsWith(JSX_PROP_PREFIX);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Root } from 'hast';
|
|
2
2
|
import type { Transformer } from 'unified';
|
|
3
|
-
|
|
4
|
-
export default function rehypeSlug(
|
|
3
|
+
export declare const HEADING_TAGS: string[];
|
|
4
|
+
export default function rehypeSlug(): Transformer<Root>;
|