@compiled/webpack-loader 0.9.6 → 0.9.8
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/compiled-loader.js +5 -1
- package/dist/compiled-loader.js.map +1 -1
- package/dist/types.d.ts +6 -0
- package/dist/utils.js +4 -1
- package/dist/utils.js.map +1 -1
- package/package.json +13 -12
- package/src/__tests__/extract-plugin.test.ts +8 -0
- package/src/__tests__/test-utils.ts +7 -1
- package/src/compiled-loader.ts +5 -0
- package/src/types.ts +7 -0
- package/src/utils.ts +5 -1
package/dist/compiled-loader.js
CHANGED
|
@@ -30,7 +30,7 @@ let hasErrored = false;
|
|
|
30
30
|
* @returns
|
|
31
31
|
*/
|
|
32
32
|
function getLoaderOptions(context) {
|
|
33
|
-
const { bake = true, extract = false, importReact = undefined, nonce = undefined, resolve = {}, extensions = undefined, parserBabelPlugins = [], transformerBabelPlugins = [], [extract_plugin_1.pluginName]: isPluginEnabled = false, ssr = false, optimizeCss = true, } = typeof context.getOptions === 'undefined'
|
|
33
|
+
const { bake = true, extract = false, importReact = undefined, nonce = undefined, resolve = {}, extensions = undefined, parserBabelPlugins = [], transformerBabelPlugins = [], [extract_plugin_1.pluginName]: isPluginEnabled = false, ssr = false, optimizeCss = true, addComponentName = false, } = typeof context.getOptions === 'undefined'
|
|
34
34
|
? // Webpack v4 flow
|
|
35
35
|
(0, loader_utils_1.getOptions)(context)
|
|
36
36
|
: // Webpack v5 flow
|
|
@@ -70,6 +70,9 @@ function getLoaderOptions(context) {
|
|
|
70
70
|
optimizeCss: {
|
|
71
71
|
type: 'boolean',
|
|
72
72
|
},
|
|
73
|
+
addComponentName: {
|
|
74
|
+
type: 'boolean',
|
|
75
|
+
},
|
|
73
76
|
},
|
|
74
77
|
});
|
|
75
78
|
return {
|
|
@@ -84,6 +87,7 @@ function getLoaderOptions(context) {
|
|
|
84
87
|
[extract_plugin_1.pluginName]: isPluginEnabled,
|
|
85
88
|
ssr,
|
|
86
89
|
optimizeCss,
|
|
90
|
+
addComponentName,
|
|
87
91
|
};
|
|
88
92
|
}
|
|
89
93
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compiled-loader.js","sourceRoot":"","sources":["../src/compiled-loader.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4CAAoB;AACpB,+BAA0C;AAE1C,sCAAgE;AAChE,2CAAyD;AACzD,uDAA0E;AAC1E,+CAA0C;AAG1C,qDAA8D;AAG9D,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB;;;;;GAKG;AACH,SAAS,gBAAgB,CAAC,OAA6C;IACrE,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,SAAS,EACvB,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,SAAS,EACtB,kBAAkB,GAAG,EAAE,EACvB,uBAAuB,GAAG,EAAE,EAC5B,CAAC,2BAAU,CAAC,EAAE,eAAe,GAAG,KAAK,EACrC,GAAG,GAAG,KAAK,EACX,WAAW,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"compiled-loader.js","sourceRoot":"","sources":["../src/compiled-loader.ts"],"names":[],"mappings":"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"}
|
package/dist/types.d.ts
CHANGED
|
@@ -58,6 +58,12 @@ export interface CompiledLoaderOptions {
|
|
|
58
58
|
* Defaults to `false`.
|
|
59
59
|
*/
|
|
60
60
|
ssr?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Add the component name as class name to DOM in non-production environment if styled is used
|
|
63
|
+
*
|
|
64
|
+
* Default to `false`
|
|
65
|
+
*/
|
|
66
|
+
addComponentName?: boolean;
|
|
61
67
|
}
|
|
62
68
|
export interface CompiledExtractPluginOptions {
|
|
63
69
|
/**
|
package/dist/utils.js
CHANGED
|
@@ -8,11 +8,14 @@ exports.getSources = exports.getOptimizeAssetsHook = exports.getAssetSourceConte
|
|
|
8
8
|
* @param pluginName
|
|
9
9
|
*/
|
|
10
10
|
const setOptionOnCompiledWebpackLoader = (use, pluginName) => {
|
|
11
|
+
var _a;
|
|
11
12
|
if (!use || !Array.isArray(use) || !use.length) {
|
|
12
13
|
return;
|
|
13
14
|
}
|
|
14
15
|
for (const nestedUse of use) {
|
|
15
|
-
if (typeof nestedUse === 'object' &&
|
|
16
|
+
if (typeof nestedUse === 'object' &&
|
|
17
|
+
(nestedUse.loader === '@compiled/webpack-loader' ||
|
|
18
|
+
((_a = nestedUse.loader) === null || _a === void 0 ? void 0 : _a.includes('/node_modules/@compiled/webpack-loader')))) {
|
|
16
19
|
const { options } = nestedUse;
|
|
17
20
|
if (options !== undefined && typeof options === 'object' && options.extract !== undefined) {
|
|
18
21
|
options[pluginName] = true;
|
package/dist/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":";;;AAEA;;;;;GAKG;AACH,MAAM,gCAAgC,GAAG,CAAC,GAAuB,EAAE,UAAkB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@compiled/webpack-loader",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.8",
|
|
4
4
|
"description": "A familiar and performant compile time CSS-in-JS library for React.",
|
|
5
5
|
"homepage": "https://compiledcssinjs.com/docs/pkg-webpack-loader",
|
|
6
6
|
"bugs": "https://github.com/atlassian-labs/compiled/issues/new?assignees=&labels=bug&template=bug_report.md",
|
|
@@ -20,24 +20,25 @@
|
|
|
20
20
|
"src"
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@babel/core": "^7.
|
|
24
|
-
"@
|
|
25
|
-
"@compiled/babel-plugin
|
|
26
|
-
"@compiled/
|
|
27
|
-
"@compiled/
|
|
28
|
-
"@compiled/utils": "^0.6.
|
|
29
|
-
"enhanced-resolve": "^5.
|
|
30
|
-
"loader-utils": "^2.0.
|
|
23
|
+
"@babel/core": "^7.20.12",
|
|
24
|
+
"@babel/parser": "^7.20.7",
|
|
25
|
+
"@compiled/babel-plugin": "^0.17.3",
|
|
26
|
+
"@compiled/babel-plugin-strip-runtime": "^0.17.3",
|
|
27
|
+
"@compiled/css": "^0.8.8",
|
|
28
|
+
"@compiled/utils": "^0.6.17",
|
|
29
|
+
"enhanced-resolve": "^5.12.0",
|
|
30
|
+
"loader-utils": "^2.0.4",
|
|
31
31
|
"webpack-sources": "^3.2.3"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
+
"@compiled/react": "^0.11.3",
|
|
34
35
|
"babel-loader": "^8.2.4",
|
|
35
36
|
"css-loader": "^6.7.1",
|
|
36
|
-
"memfs": "^3.4.
|
|
37
|
+
"memfs": "^3.4.13",
|
|
37
38
|
"mini-css-extract-plugin": "^1.6.2",
|
|
38
39
|
"react": "^17.0.2",
|
|
39
|
-
"ts-node": "^10.
|
|
40
|
-
"tsconfig-paths": "^
|
|
40
|
+
"ts-node": "^10.9.1",
|
|
41
|
+
"tsconfig-paths": "^4.1.2",
|
|
41
42
|
"webpack": "^5.71.0"
|
|
42
43
|
},
|
|
43
44
|
"peerDependencies": {
|
|
@@ -32,6 +32,14 @@ describe('CompiledExtractPlugin', () => {
|
|
|
32
32
|
]);
|
|
33
33
|
}, 10000);
|
|
34
34
|
|
|
35
|
+
it('works when the loader is configured with a path instead of a package name', async () => {
|
|
36
|
+
const result = await bundle(join(fixturesPath, 'local-styles.tsx'), {
|
|
37
|
+
requireResolveLoaderSyntax: true,
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
expect(result).toBeDefined();
|
|
41
|
+
}, 10000);
|
|
42
|
+
|
|
35
43
|
it('should not generate a single style sheet if cacheGroup is disabled', async () => {
|
|
36
44
|
const actual = await bundle(join(fixturesPath, 'local-styles.tsx'), {
|
|
37
45
|
disableCacheGroup: true,
|
|
@@ -7,9 +7,12 @@ import webpack from 'webpack';
|
|
|
7
7
|
import { CompiledExtractPlugin } from '../index';
|
|
8
8
|
import type { ResolveOptions } from '../index';
|
|
9
9
|
|
|
10
|
+
const nodeModulesPath = join(__dirname, '..', '..', '..', '..', 'node_modules');
|
|
11
|
+
|
|
10
12
|
export interface BundleOptions {
|
|
11
13
|
extract?: boolean;
|
|
12
14
|
disableExtractPlugin?: boolean;
|
|
15
|
+
requireResolveLoaderSyntax?: boolean;
|
|
13
16
|
disableCacheGroup?: boolean;
|
|
14
17
|
mode: 'development' | 'production';
|
|
15
18
|
resolve?: ResolveOptions;
|
|
@@ -20,6 +23,7 @@ export function bundle(
|
|
|
20
23
|
{
|
|
21
24
|
extract = false,
|
|
22
25
|
disableExtractPlugin = false,
|
|
26
|
+
requireResolveLoaderSyntax = false,
|
|
23
27
|
disableCacheGroup = false,
|
|
24
28
|
mode,
|
|
25
29
|
resolve = {},
|
|
@@ -44,7 +48,9 @@ export function bundle(
|
|
|
44
48
|
},
|
|
45
49
|
},
|
|
46
50
|
{
|
|
47
|
-
loader:
|
|
51
|
+
loader: requireResolveLoaderSyntax
|
|
52
|
+
? join(nodeModulesPath, '@compiled', 'webpack-loader')
|
|
53
|
+
: '@compiled/webpack-loader',
|
|
48
54
|
options: {
|
|
49
55
|
extract,
|
|
50
56
|
importReact: false,
|
package/src/compiled-loader.ts
CHANGED
|
@@ -31,6 +31,7 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
|
|
|
31
31
|
[pluginName]: isPluginEnabled = false,
|
|
32
32
|
ssr = false,
|
|
33
33
|
optimizeCss = true,
|
|
34
|
+
addComponentName = false,
|
|
34
35
|
}: CompiledLoaderOptions = typeof context.getOptions === 'undefined'
|
|
35
36
|
? // Webpack v4 flow
|
|
36
37
|
getOptions(context)
|
|
@@ -71,6 +72,9 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
|
|
|
71
72
|
optimizeCss: {
|
|
72
73
|
type: 'boolean',
|
|
73
74
|
},
|
|
75
|
+
addComponentName: {
|
|
76
|
+
type: 'boolean',
|
|
77
|
+
},
|
|
74
78
|
},
|
|
75
79
|
});
|
|
76
80
|
|
|
@@ -86,6 +90,7 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
|
|
|
86
90
|
[pluginName]: isPluginEnabled,
|
|
87
91
|
ssr,
|
|
88
92
|
optimizeCss,
|
|
93
|
+
addComponentName,
|
|
89
94
|
};
|
|
90
95
|
}
|
|
91
96
|
|
package/src/types.ts
CHANGED
|
@@ -71,6 +71,13 @@ export interface CompiledLoaderOptions {
|
|
|
71
71
|
* Defaults to `false`.
|
|
72
72
|
*/
|
|
73
73
|
ssr?: boolean;
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Add the component name as class name to DOM in non-production environment if styled is used
|
|
77
|
+
*
|
|
78
|
+
* Default to `false`
|
|
79
|
+
*/
|
|
80
|
+
addComponentName?: boolean;
|
|
74
81
|
}
|
|
75
82
|
|
|
76
83
|
export interface CompiledExtractPluginOptions {
|
package/src/utils.ts
CHANGED
|
@@ -12,7 +12,11 @@ const setOptionOnCompiledWebpackLoader = (use: RuleSetRule['use'], pluginName: s
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
for (const nestedUse of use) {
|
|
15
|
-
if (
|
|
15
|
+
if (
|
|
16
|
+
typeof nestedUse === 'object' &&
|
|
17
|
+
(nestedUse.loader === '@compiled/webpack-loader' ||
|
|
18
|
+
nestedUse.loader?.includes('/node_modules/@compiled/webpack-loader'))
|
|
19
|
+
) {
|
|
16
20
|
const { options } = nestedUse;
|
|
17
21
|
if (options !== undefined && typeof options === 'object' && options.extract !== undefined) {
|
|
18
22
|
options[pluginName] = true;
|