Skip to content

Commit 2939d03

Browse files
refactor: code
1 parent dd33ad2 commit 2939d03

File tree

5 files changed

+19
-36
lines changed

5 files changed

+19
-36
lines changed

src/index.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import path from "path";
22

33
import {
44
getImportInsertStyleElementCode,
5-
getImportGetTargetCode,
5+
getImportInsertBySelectorCode,
66
getImportStyleContentCode,
77
getImportStyleDomAPICode,
88
getImportStyleAPICode,
@@ -67,7 +67,7 @@ loaderAPI.pitch = function loader(request) {
6767

6868
return `
6969
${getImportLinkAPICode(esModule, this)}
70-
${getImportGetTargetCode(esModule, this, insertType, options)}
70+
${getImportInsertBySelectorCode(esModule, this, insertType, options)}
7171
${getImportLinkContentCode(esModule, this, request)}
7272
${
7373
esModule
@@ -100,7 +100,7 @@ ${esModule ? "export default {}" : ""}`;
100100
101101
${getImportStyleAPICode(esModule, this)}
102102
${getImportStyleDomAPICode(esModule, this, isSingleton, isAuto)}
103-
${getImportGetTargetCode(esModule, this, insertType, options)}
103+
${getImportInsertBySelectorCode(esModule, this, insertType, options)}
104104
${getSetAttributesCode(esModule, this, options)}
105105
${getImportInsertStyleElementCode(esModule, this)}
106106
${getImportStyleContentCode(esModule, this, request)}
@@ -159,7 +159,7 @@ ${getExportLazyStyleCode(esModule, this, request)}
159159
return `
160160
${getImportStyleAPICode(esModule, this)}
161161
${getImportStyleDomAPICode(esModule, this, isSingleton, isAuto)}
162-
${getImportGetTargetCode(esModule, this, insertType, options)}
162+
${getImportInsertBySelectorCode(esModule, this, insertType, options)}
163163
${getSetAttributesCode(esModule, this, options)}
164164
${getImportInsertStyleElementCode(esModule, this)}
165165
${getImportStyleContentCode(esModule, this, request)}

src/runtime/getTarget.js renamed to src/runtime/insertBySelector.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,4 +39,4 @@ function insertBySelector(insert, style) {
3939
target.appendChild(style);
4040
}
4141

42-
module.exports = { insertBySelector, getTarget };
42+
module.exports = insertBySelector;

src/utils.js

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -112,16 +112,21 @@ function getImportStyleContentCode(esModule, loaderContext, request) {
112112
: `var content = require(${modulePath});`;
113113
}
114114

115-
function getImportGetTargetCode(esModule, loaderContext, insertType, options) {
115+
function getImportInsertBySelectorCode(
116+
esModule,
117+
loaderContext,
118+
insertType,
119+
options
120+
) {
116121
if (insertType === "selector") {
117122
const modulePath = stringifyRequest(
118123
loaderContext,
119-
`!${path.join(__dirname, "runtime/getTarget.js")}`
124+
`!${path.join(__dirname, "runtime/insertBySelector.js")}`
120125
);
121126

122127
return esModule
123-
? `import {insertBySelector as insertFn} from ${modulePath};`
124-
: `var insertFn = require(${modulePath}).insertBySelector;`;
128+
? `import insertFn from ${modulePath};`
129+
: `var insertFn = require(${modulePath});`;
125130
}
126131

127132
if (insertType === "module-path") {
@@ -336,7 +341,7 @@ function getSetAttributesCode(esModule, loaderContext, options) {
336341
export {
337342
stringifyRequest,
338343
getImportInsertStyleElementCode,
339-
getImportGetTargetCode,
344+
getImportInsertBySelectorCode,
340345
getImportStyleContentCode,
341346
getImportStyleDomAPICode,
342347
getImportStyleAPICode,

test/runtime/injectStylesIntoLinkTag.test.js

Lines changed: 2 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,9 @@
66

77
import injectStylesIntoLinkTag from "../../src/runtime/injectStylesIntoLinkTag";
88

9-
import { getTarget } from "../../src/runtime/getTarget";
9+
import insertBySelector from "../../src/runtime/insertBySelector";
1010

11-
const getInsertFn = (place) =>
12-
function insertFn(style) {
13-
const target = getTarget(place);
14-
15-
if (!target) {
16-
throw new Error(
17-
"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."
18-
);
19-
}
20-
21-
target.appendChild(style);
22-
};
11+
const getInsertFn = (place) => insertBySelector.bind(null, place);
2312

2413
function insertAtTop(element) {
2514
const parent = document.querySelector("head");

test/runtime/injectStylesIntoStyleTag.test.js

Lines changed: 2 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -9,20 +9,9 @@ import injectStylesIntoStyleTag from "../../src/runtime/injectStylesIntoStyleTag
99
import domAPI from "../../src/runtime/styleDomAPI";
1010
import singletonApi from "../../src/runtime/singletonStyleDomAPI";
1111
import insertStyleElement from "../../src/runtime/insertStyleElement";
12-
import { getTarget } from "../../src/runtime/getTarget";
12+
import insertBySelector from "../../src/runtime/insertBySelector";
1313

14-
const getInsertFn = (place) =>
15-
function insertFn(style) {
16-
const target = getTarget(place);
17-
18-
if (!target) {
19-
throw new Error(
20-
"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."
21-
);
22-
}
23-
24-
target.appendChild(style);
25-
};
14+
const getInsertFn = (place) => insertBySelector.bind(null, place);
2615

2716
function styleTagTransform(css, style) {
2817
if (style.styleSheet) {

0 commit comments

Comments
 (0)