1 | const { SourceMapConsumer, SourceMapGenerator, SourceNode } = require('source-map');
|
2 | const { Template } = require('webpack');
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 | function getIdentitySourceMap(source, resourcePath) {
|
11 | const sourceMap = new SourceMapGenerator();
|
12 | sourceMap.setSourceContent(resourcePath, source);
|
13 |
|
14 | source.split('\n').forEach((line, index) => {
|
15 | sourceMap.addMapping({
|
16 | source: resourcePath,
|
17 | original: {
|
18 | line: index + 1,
|
19 | column: 0,
|
20 | },
|
21 | generated: {
|
22 | line: index + 1,
|
23 | column: 0,
|
24 | },
|
25 | });
|
26 | });
|
27 |
|
28 | return sourceMap.toJSON();
|
29 | }
|
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 |
|
36 | function getTemplate(fn) {
|
37 | return Template.getFunctionContent(fn).trim().replace(/^ {2}/gm, '');
|
38 | }
|
39 |
|
40 | const RefreshSetupRuntime = getTemplate(require('./RefreshSetup.runtime'));
|
41 | const RefreshModuleRuntime = getTemplate(require('./RefreshModule.runtime'));
|
42 |
|
43 |
|
44 |
|
45 |
|
46 |
|
47 |
|
48 |
|
49 |
|
50 |
|
51 |
|
52 |
|
53 | function ReactRefreshLoader(source, inputSourceMap, meta) {
|
54 | const callback = this.async();
|
55 |
|
56 | |
57 |
|
58 |
|
59 |
|
60 |
|
61 |
|
62 | async function _loader(source, inputSourceMap) {
|
63 | if (this.sourceMap) {
|
64 | let originalSourceMap = inputSourceMap;
|
65 | if (!originalSourceMap) {
|
66 | originalSourceMap = getIdentitySourceMap(source, this.resourcePath);
|
67 | }
|
68 |
|
69 | const node = SourceNode.fromStringWithSourceMap(
|
70 | source,
|
71 | await new SourceMapConsumer(originalSourceMap)
|
72 | );
|
73 |
|
74 | node.prepend([RefreshSetupRuntime, '\n\n']);
|
75 | node.add(['\n\n', RefreshModuleRuntime]);
|
76 |
|
77 | const { code, map } = node.toStringWithSourceMap();
|
78 | return [code, map.toJSON()];
|
79 | } else {
|
80 | return [[RefreshSetupRuntime, source, RefreshModuleRuntime].join('\n\n'), inputSourceMap];
|
81 | }
|
82 | }
|
83 |
|
84 | _loader.call(this, source, inputSourceMap).then(
|
85 | ([code, map]) => {
|
86 | callback(null, code, map, meta);
|
87 | },
|
88 | (error) => {
|
89 | callback(error);
|
90 | }
|
91 | );
|
92 | }
|
93 |
|
94 | module.exports = ReactRefreshLoader;
|