@compiled/webpack-loader 0.11.2 → 0.11.4
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/__fixtures__/extracted-component.d.ts +4 -0
- package/dist/__fixtures__/extracted-component.js +10 -0
- package/dist/__fixtures__/extracted-component.js.map +1 -0
- package/dist/__fixtures__/lib/loader-alias.d.ts +1 -1
- package/dist/__fixtures__/lib/webpack-alias.d.ts +1 -1
- package/dist/compiled-loader.js +6 -1
- package/dist/compiled-loader.js.map +1 -1
- package/dist/extract-plugin.js +1 -1
- package/dist/extract-plugin.js.map +1 -1
- package/dist/types.d.ts +7 -0
- package/package.json +6 -6
- package/src/__fixtures__/extracted-component.compiled.css +9 -0
- package/src/__fixtures__/extracted-component.tsx +13 -0
- package/src/__tests__/extract-plugin.test.ts +18 -0
- package/src/compiled-loader.ts +6 -0
- package/src/extract-plugin.ts +1 -1
- package/src/types.ts +5 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
/** @jsx jsx */
|
|
4
|
+
const react_1 = require("@compiled/react");
|
|
5
|
+
const react_2 = require("react");
|
|
6
|
+
require("./extracted-component.compiled.css");
|
|
7
|
+
const Component = () => ((0, react_1.jsx)(react_2.Fragment, null,
|
|
8
|
+
(0, react_1.jsx)("div", { css: (0, react_1.css)({ fontSize: '12px', color: 'blue' }) })));
|
|
9
|
+
exports.default = Component;
|
|
10
|
+
//# sourceMappingURL=extracted-component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extracted-component.js","sourceRoot":"","sources":["../../src/__fixtures__/extracted-component.tsx"],"names":[],"mappings":";;AAAA,eAAe;AACf,2CAA2C;AAC3C,iCAAiC;AAEjC,8CAA4C;AAE5C,MAAM,SAAS,GAAG,GAAgB,EAAE,CAAC,CACnC,iBAAC,gBAAQ;IACP,0BAAK,GAAG,EAAE,IAAA,WAAG,EAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAI,CAC7C,CACZ,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const styles: import("@compiled/react").
|
|
1
|
+
export declare const styles: Readonly<import("csstype").Properties<import("@compiled/react").CssFunction<unknown>, string & {}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const styles: import("@compiled/react").
|
|
1
|
+
export declare const styles: Readonly<import("csstype").Properties<import("@compiled/react").CssFunction<unknown>, string & {}>>;
|
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, addComponentName = false, classNameCompressionMap = undefined, } = 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, classNameCompressionMap = undefined, extractStylesToDirectory = undefined, } = typeof context.getOptions === 'undefined'
|
|
34
34
|
? // Webpack v4 flow
|
|
35
35
|
(0, loader_utils_1.getOptions)(context)
|
|
36
36
|
: // Webpack v5 flow
|
|
@@ -76,6 +76,9 @@ function getLoaderOptions(context) {
|
|
|
76
76
|
classNameCompressionMap: {
|
|
77
77
|
type: 'object',
|
|
78
78
|
},
|
|
79
|
+
extractStylesToDirectory: {
|
|
80
|
+
type: 'object',
|
|
81
|
+
},
|
|
79
82
|
},
|
|
80
83
|
});
|
|
81
84
|
return {
|
|
@@ -92,6 +95,7 @@ function getLoaderOptions(context) {
|
|
|
92
95
|
optimizeCss,
|
|
93
96
|
addComponentName,
|
|
94
97
|
classNameCompressionMap,
|
|
98
|
+
extractStylesToDirectory,
|
|
95
99
|
};
|
|
96
100
|
}
|
|
97
101
|
/**
|
|
@@ -145,6 +149,7 @@ async function compiledLoader(code) {
|
|
|
145
149
|
{
|
|
146
150
|
styleSheetPath: `@compiled/webpack-loader/css-loader!@compiled/webpack-loader/css-loader/${extract_plugin_1.styleSheetName}.css`,
|
|
147
151
|
compiledRequireExclude: options.ssr,
|
|
152
|
+
extractStylesToDirectory: options.extractStylesToDirectory,
|
|
148
153
|
},
|
|
149
154
|
],
|
|
150
155
|
options.bake && [
|
|
@@ -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,EAClB,gBAAgB,GAAG,KAAK,EACxB,uBAAuB,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"compiled-loader.js","sourceRoot":"","sources":["../src/compiled-loader.ts"],"names":[],"mappings":"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"}
|
package/dist/extract-plugin.js
CHANGED
|
@@ -46,7 +46,7 @@ const forceCSSIntoOneStyleSheet = (compiler, options) => {
|
|
|
46
46
|
type: 'css/mini-extract',
|
|
47
47
|
chunks: 'all',
|
|
48
48
|
// We merge only CSS from Compiled.
|
|
49
|
-
test: /css-loader\/compiled-css\.css$/,
|
|
49
|
+
test: /(css-loader\/compiled-css|\.compiled)\.css$/,
|
|
50
50
|
enforce: true,
|
|
51
51
|
priority: Infinity,
|
|
52
52
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-plugin.js","sourceRoot":"","sources":["../src/extract-plugin.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,uCAAqC;AACrC,2CAAyD;AAIzD,mCAKiB;AAEJ,QAAA,UAAU,GAAG,uBAAuB,CAAC;AACrC,QAAA,cAAc,GAAG,cAAc,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,YAAY,GAAG,CAAC,MAA6B,EAAE,EAAE;IACrD,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;SACvB,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;QACpB,OAAO,SAAS,CAAC,QAAQ,CAAC,sBAAc,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC1E,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACpF,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,QAAkB,EAAE,OAAqC,EAAE,EAAE;IAC9F,MAAM,UAAU,GAAG;QACjB,WAAW,EAAE;YACX,IAAI,EAAE,sBAAc;YACpB,IAAI,EAAE,kBAAkB;YACxB,MAAM,EAAE,KAAK;YACb,mCAAmC;YACnC,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"extract-plugin.js","sourceRoot":"","sources":["../src/extract-plugin.ts"],"names":[],"mappings":"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"}
|
package/dist/types.d.ts
CHANGED
|
@@ -71,6 +71,13 @@ export interface CompiledLoaderOptions {
|
|
|
71
71
|
* Default to `undefined`
|
|
72
72
|
*/
|
|
73
73
|
classNameCompressionMap?: object;
|
|
74
|
+
/**
|
|
75
|
+
* When set, extract styles to an external CSS file
|
|
76
|
+
*/
|
|
77
|
+
extractStylesToDirectory?: {
|
|
78
|
+
source: string;
|
|
79
|
+
dest: string;
|
|
80
|
+
};
|
|
74
81
|
}
|
|
75
82
|
export interface CompiledExtractPluginOptions {
|
|
76
83
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@compiled/webpack-loader",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.4",
|
|
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",
|
|
@@ -22,19 +22,19 @@
|
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@babel/core": "^7.21.8",
|
|
24
24
|
"@babel/parser": "^7.21.8",
|
|
25
|
-
"@compiled/babel-plugin": "^0.
|
|
26
|
-
"@compiled/babel-plugin-strip-runtime": "^0.
|
|
25
|
+
"@compiled/babel-plugin": "^0.22.0",
|
|
26
|
+
"@compiled/babel-plugin-strip-runtime": "^0.23.0",
|
|
27
27
|
"@compiled/css": "^0.12.0",
|
|
28
28
|
"@compiled/utils": "^0.8.0",
|
|
29
|
-
"enhanced-resolve": "^5.
|
|
29
|
+
"enhanced-resolve": "^5.15.0",
|
|
30
30
|
"loader-utils": "^2.0.4",
|
|
31
31
|
"webpack-sources": "^3.2.3"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@compiled/react": "^0.
|
|
34
|
+
"@compiled/react": "^0.15.0",
|
|
35
35
|
"babel-loader": "^9.1.2",
|
|
36
36
|
"css-loader": "^6.7.3",
|
|
37
|
-
"memfs": "^3.
|
|
37
|
+
"memfs": "^3.5.3",
|
|
38
38
|
"mini-css-extract-plugin": "^1.6.2",
|
|
39
39
|
"react": "^17.0.2",
|
|
40
40
|
"ts-node": "^10.9.1",
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
._19bv1vi7{padding-left:32px}
|
|
2
|
+
._19itlf8h{border:2px solid blue}
|
|
3
|
+
._19pk1ul9{margin-top:30px}
|
|
4
|
+
._1wyb1ul9{font-size:30px}
|
|
5
|
+
._bfhk1gy6{background-color:yellow}
|
|
6
|
+
._ca0q1vi7{padding-top:32px}
|
|
7
|
+
._n3td1vi7{padding-bottom:32px}
|
|
8
|
+
._syaz13q2{color:blue}
|
|
9
|
+
._u5f31vi7{padding-right:32px}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { jsx, css } from '@compiled/react';
|
|
3
|
+
import { Fragment } from 'react';
|
|
4
|
+
|
|
5
|
+
import './extracted-component.compiled.css';
|
|
6
|
+
|
|
7
|
+
const Component = (): JSX.Element => (
|
|
8
|
+
<Fragment>
|
|
9
|
+
<div css={css({ fontSize: '12px', color: 'blue' })} />
|
|
10
|
+
</Fragment>
|
|
11
|
+
);
|
|
12
|
+
|
|
13
|
+
export default Component;
|
|
@@ -182,4 +182,22 @@ describe('CompiledExtractPlugin', () => {
|
|
|
182
182
|
"
|
|
183
183
|
`);
|
|
184
184
|
}, 10000);
|
|
185
|
+
|
|
186
|
+
it('should handle extracted styles', async () => {
|
|
187
|
+
const actual = await bundle(join(fixturesPath, 'extracted-component.tsx'));
|
|
188
|
+
|
|
189
|
+
expect(actual).toMatchInlineSnapshot(`
|
|
190
|
+
"._1wyb1fwx{font-size:12px}
|
|
191
|
+
._19bv1vi7{padding-left:32px}
|
|
192
|
+
._19itlf8h{border:2px solid blue}
|
|
193
|
+
._19pk1ul9{margin-top:30px}
|
|
194
|
+
._1wyb1ul9{font-size:30px}
|
|
195
|
+
._bfhk1gy6{background-color:yellow}
|
|
196
|
+
._ca0q1vi7{padding-top:32px}
|
|
197
|
+
._n3td1vi7{padding-bottom:32px}
|
|
198
|
+
._syaz13q2{color:blue}
|
|
199
|
+
._u5f31vi7{padding-right:32px}
|
|
200
|
+
"
|
|
201
|
+
`);
|
|
202
|
+
}, 10000);
|
|
185
203
|
});
|
package/src/compiled-loader.ts
CHANGED
|
@@ -33,6 +33,7 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
|
|
|
33
33
|
optimizeCss = true,
|
|
34
34
|
addComponentName = false,
|
|
35
35
|
classNameCompressionMap = undefined,
|
|
36
|
+
extractStylesToDirectory = undefined,
|
|
36
37
|
}: CompiledLoaderOptions = typeof context.getOptions === 'undefined'
|
|
37
38
|
? // Webpack v4 flow
|
|
38
39
|
getOptions(context)
|
|
@@ -79,6 +80,9 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
|
|
|
79
80
|
classNameCompressionMap: {
|
|
80
81
|
type: 'object',
|
|
81
82
|
},
|
|
83
|
+
extractStylesToDirectory: {
|
|
84
|
+
type: 'object',
|
|
85
|
+
},
|
|
82
86
|
},
|
|
83
87
|
});
|
|
84
88
|
|
|
@@ -96,6 +100,7 @@ function getLoaderOptions(context: LoaderContext<CompiledLoaderOptions>) {
|
|
|
96
100
|
optimizeCss,
|
|
97
101
|
addComponentName,
|
|
98
102
|
classNameCompressionMap,
|
|
103
|
+
extractStylesToDirectory,
|
|
99
104
|
};
|
|
100
105
|
}
|
|
101
106
|
|
|
@@ -162,6 +167,7 @@ export default async function compiledLoader(
|
|
|
162
167
|
{
|
|
163
168
|
styleSheetPath: `@compiled/webpack-loader/css-loader!@compiled/webpack-loader/css-loader/${styleSheetName}.css`,
|
|
164
169
|
compiledRequireExclude: options.ssr,
|
|
170
|
+
extractStylesToDirectory: options.extractStylesToDirectory,
|
|
165
171
|
},
|
|
166
172
|
],
|
|
167
173
|
options.bake && [
|
package/src/extract-plugin.ts
CHANGED
|
@@ -42,7 +42,7 @@ const forceCSSIntoOneStyleSheet = (compiler: Compiler, options: CompiledExtractP
|
|
|
42
42
|
type: 'css/mini-extract',
|
|
43
43
|
chunks: 'all',
|
|
44
44
|
// We merge only CSS from Compiled.
|
|
45
|
-
test: /css-loader\/compiled-css\.css$/,
|
|
45
|
+
test: /(css-loader\/compiled-css|\.compiled)\.css$/,
|
|
46
46
|
enforce: true,
|
|
47
47
|
priority: Infinity,
|
|
48
48
|
},
|
package/src/types.ts
CHANGED
|
@@ -86,6 +86,11 @@ export interface CompiledLoaderOptions {
|
|
|
86
86
|
* Default to `undefined`
|
|
87
87
|
*/
|
|
88
88
|
classNameCompressionMap?: object;
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* When set, extract styles to an external CSS file
|
|
92
|
+
*/
|
|
93
|
+
extractStylesToDirectory?: { source: string; dest: string };
|
|
89
94
|
}
|
|
90
95
|
|
|
91
96
|
export interface CompiledExtractPluginOptions {
|