@compiled/webpack-loader 0.7.1 → 0.7.6
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__/babel.d.ts +1 -0
- package/dist/__fixtures__/babel.js.map +1 -1
- package/dist/__fixtures__/binding-not-found.d.ts +1 -1
- package/dist/__fixtures__/binding-not-found.js +6 -9
- package/dist/__fixtures__/binding-not-found.js.map +1 -1
- package/dist/__fixtures__/common/css-prop.d.ts +1 -1
- package/dist/__fixtures__/common/css-prop.js +3 -6
- package/dist/__fixtures__/common/css-prop.js.map +1 -1
- package/dist/__fixtures__/compiled-error.d.ts +1 -0
- package/dist/__fixtures__/compiled-error.js +4 -7
- package/dist/__fixtures__/compiled-error.js.map +1 -1
- package/dist/__fixtures__/important-styles.d.ts +1 -1
- package/dist/__fixtures__/important-styles.js +3 -6
- package/dist/__fixtures__/important-styles.js.map +1 -1
- package/dist/__fixtures__/lib/loader-alias.js +1 -1
- package/dist/__fixtures__/lib/loader-alias.js.map +1 -1
- package/dist/__fixtures__/lib/webpack-alias.js +1 -1
- package/dist/__fixtures__/lib/webpack-alias.js.map +1 -1
- package/dist/__fixtures__/loader-alias.d.ts +1 -0
- package/dist/__fixtures__/loader-alias.js +5 -5
- package/dist/__fixtures__/loader-alias.js.map +1 -1
- package/dist/__fixtures__/local-styles.d.ts +1 -0
- package/dist/__fixtures__/local-styles.js +7 -9
- package/dist/__fixtures__/local-styles.js.map +1 -1
- package/dist/__fixtures__/relative-styles.d.ts +2 -2
- package/dist/__fixtures__/relative-styles.js +8 -10
- package/dist/__fixtures__/relative-styles.js.map +1 -1
- package/dist/__fixtures__/webpack-alias.d.ts +1 -0
- package/dist/__fixtures__/webpack-alias.js +5 -5
- package/dist/__fixtures__/webpack-alias.js.map +1 -1
- package/dist/compiled-loader.js +16 -11
- package/dist/compiled-loader.js.map +1 -1
- package/dist/css-loader.js +4 -1
- package/dist/css-loader.js.map +1 -1
- package/dist/extract-plugin.js +20 -22
- package/dist/extract-plugin.js.map +1 -1
- package/dist/types.d.ts +4 -0
- package/dist/utils.d.ts +1 -1
- package/package.json +16 -13
- package/src/__fixtures__/babel.tsx +1 -0
- package/src/__fixtures__/binding-not-found.tsx +2 -1
- package/src/__fixtures__/common/css-prop.tsx +3 -2
- package/src/__fixtures__/compiled-error.tsx +2 -2
- package/src/__fixtures__/important-styles.tsx +2 -2
- package/src/__fixtures__/lib/babel-cjs.d.ts +3 -0
- package/src/__fixtures__/lib/babel-esm.d.ts +3 -0
- package/src/__fixtures__/loader-alias.tsx +4 -4
- package/src/__fixtures__/local-styles.tsx +5 -4
- package/src/__fixtures__/relative-styles.tsx +6 -4
- package/src/__fixtures__/webpack-alias.tsx +4 -4
- package/src/__tests__/compiled-loader.test.tsx +1 -0
- package/src/__tests__/extract-plugin.test.tsx +12 -17
- package/src/__tests__/test-utils.tsx +3 -2
- package/src/compiled-loader.tsx +12 -5
- package/src/css-loader.tsx +5 -1
- package/src/extract-plugin.tsx +3 -2
- package/src/types.tsx +5 -0
- package/src/utils.tsx +1 -1
- package/CHANGELOG.md +0 -119
- package/dist/__fixtures__/lib/babel-cjs.d.ts +0 -3
- package/dist/__fixtures__/lib/babel-cjs.js +0 -129
- package/dist/__fixtures__/lib/babel-cjs.js.map +0 -1
- package/dist/__fixtures__/lib/babel-esm.d.ts +0 -1
- package/dist/__fixtures__/lib/babel-esm.js +0 -128
- package/dist/__fixtures__/lib/babel-esm.js.map +0 -1
- package/dist/__tests__/test-utils.d.ts +0 -8
- package/dist/__tests__/test-utils.js +0 -91
- package/dist/__tests__/test-utils.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"babel.js","sourceRoot":"","sources":["../../src/__fixtures__/babel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;
|
|
1
|
+
{"version":3,"file":"babel.js","sourceRoot":"","sources":["../../src/__fixtures__/babel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,gEAAuC;AACvC,gEAAuC;AAEhC,MAAM,GAAG,GAAG,GAAgB,EAAE,CAAC,CACpC;IACE,8BAAC,mBAAQ,OAAG;IACZ,8BAAC,mBAAQ,OAAG,CACX,CACJ,CAAC;AALW,QAAA,GAAG,OAKd"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const HeaderSpacing: React.ComponentType<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("
|
|
2
|
+
export declare const HeaderSpacing: React.ComponentType<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("packages/react/src/styled").StyledProps>;
|
|
3
3
|
interface HeaderProps {
|
|
4
4
|
variant?: 'default' | 'invert';
|
|
5
5
|
children: React.ReactNode;
|
|
@@ -10,15 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
}
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
14
|
exports.Header = exports.HeaderSpacing = void 0;
|
|
18
|
-
|
|
19
|
-
const
|
|
15
|
+
/** @jsx jsx */
|
|
16
|
+
const react_1 = require("@compiled/react");
|
|
20
17
|
const height = '9rem';
|
|
21
|
-
const StyledHeader =
|
|
18
|
+
const StyledHeader = react_1.styled.header `
|
|
22
19
|
height: ${height};
|
|
23
20
|
display: flex;
|
|
24
21
|
align-items: center;
|
|
@@ -34,14 +31,14 @@ const StyledHeader = react_2.styled.header `
|
|
|
34
31
|
${(props) => (props.variant === 'default' ? 'rgba(135, 119, 217, 0.2)' : 'transparent')};
|
|
35
32
|
color: ${(props) => props.color};
|
|
36
33
|
`;
|
|
37
|
-
exports.HeaderSpacing =
|
|
34
|
+
exports.HeaderSpacing = react_1.styled.div `
|
|
38
35
|
height: ${height};
|
|
39
36
|
`;
|
|
40
37
|
const Header = (_a) => {
|
|
41
38
|
var { children, variant = 'default' } = _a, props = __rest(_a, ["children", "variant"]);
|
|
42
39
|
const color = variant === 'default' ? 'rgba(37, 56, 88, 0.9)' : 'rgba(255, 255, 255, 0.75)';
|
|
43
|
-
return (react_1.
|
|
44
|
-
react_1.
|
|
40
|
+
return ((0, react_1.jsx)(StyledHeader, Object.assign({ variant: variant, color: color }, props),
|
|
41
|
+
(0, react_1.jsx)("a", { href: "/", css: { textDecoration: 'none', color: 'currentColor' } }, "Compiled"),
|
|
45
42
|
children));
|
|
46
43
|
};
|
|
47
44
|
exports.Header = Header;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"binding-not-found.js","sourceRoot":"","sources":["../../src/__fixtures__/binding-not-found.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"binding-not-found.js","sourceRoot":"","sources":["../../src/__fixtures__/binding-not-found.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,eAAe;AACf,2CAA8C;AAG9C,MAAM,MAAM,GAAG,MAAM,CAAC;AAEtB,MAAM,YAAY,GAAG,cAAM,CAAC,MAAM,CAGhC;YACU,MAAM;;;;;;;;;;;;MAYZ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,aAAa,CAAC;WAChF,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK;CAChC,CAAC;AAEW,QAAA,aAAa,GAAG,cAAM,CAAC,GAAG,CAAA;YAC3B,MAAM;CACjB,CAAC;AAOK,MAAM,MAAM,GAAG,CAAC,EAAwD,EAAe,EAAE;QAAzE,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,OAAyB,EAApB,KAAK,cAAzC,uBAA2C,CAAF;IAC9D,MAAM,KAAK,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAE5F,OAAO,CACL,iBAAC,YAAY,kBAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK;QACrD,wBAAG,IAAI,EAAC,GAAG,EAAC,GAAG,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,eAE9D;QACH,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,MAAM,UAWjB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export declare const Coral: () => JSX.Element;
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.Coral = void 0;
|
|
7
|
-
|
|
8
|
-
require("@compiled/react");
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
const react_1 = require("@compiled/react");
|
|
9
6
|
const colors_1 = require("./colors");
|
|
10
|
-
const Coral = () => (react_1.
|
|
7
|
+
const Coral = () => ((0, react_1.jsx)("div", { css: { color: colors_1.coral, border: `2px solid ${colors_1.coral}` } }));
|
|
11
8
|
exports.Coral = Coral;
|
|
12
9
|
//# sourceMappingURL=css-prop.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-prop.js","sourceRoot":"","sources":["../../../src/__fixtures__/common/css-prop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"css-prop.js","sourceRoot":"","sources":["../../../src/__fixtures__/common/css-prop.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,2CAAsC;AAEtC,qCAAiC;AAE1B,MAAM,KAAK,GAAG,GAAgB,EAAE,CAAC,CACtC,0BAAK,GAAG,EAAE,EAAE,KAAK,EAAE,cAAK,EAAE,MAAM,EAAE,aAAa,cAAK,EAAE,EAAE,GAAI,CAC7D,CAAC;AAFW,QAAA,KAAK,SAEhB"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.App = void 0;
|
|
7
|
-
|
|
8
|
-
const
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
const react_1 = require("@compiled/react");
|
|
9
6
|
// @ts-expect-error
|
|
10
|
-
const styles =
|
|
11
|
-
const App = () => react_1.
|
|
7
|
+
const styles = (0, react_1.css)(false);
|
|
8
|
+
const App = () => (0, react_1.jsx)("div", { css: styles });
|
|
12
9
|
exports.App = App;
|
|
13
10
|
//# sourceMappingURL=compiled-error.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compiled-error.js","sourceRoot":"","sources":["../../src/__fixtures__/compiled-error.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"compiled-error.js","sourceRoot":"","sources":["../../src/__fixtures__/compiled-error.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,2CAA2C;AAE3C,mBAAmB;AACnB,MAAM,MAAM,GAAG,IAAA,WAAG,EAAC,KAAK,CAAC,CAAC;AAEnB,MAAM,GAAG,GAAG,GAAgB,EAAE,CAAC,0BAAK,GAAG,EAAE,MAAM,GAAI,CAAC;AAA9C,QAAA,GAAG,OAA2C"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
require("@compiled/react");
|
|
8
|
-
const Component = () => react_1.
|
|
3
|
+
/** @jsx jsx */
|
|
4
|
+
const react_1 = require("@compiled/react");
|
|
5
|
+
const Component = () => (0, react_1.jsx)("div", { css: { fontSize: '12!important', color: 'blue' } });
|
|
9
6
|
exports.default = Component;
|
|
10
7
|
//# sourceMappingURL=important-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"important-styles.js","sourceRoot":"","sources":["../../src/__fixtures__/important-styles.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"important-styles.js","sourceRoot":"","sources":["../../src/__fixtures__/important-styles.tsx"],"names":[],"mappings":";;AAAA,eAAe;AACf,2CAAsC;AAEtC,MAAM,SAAS,GAAG,GAAgB,EAAE,CAAC,0BAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAAC;AAE/F,kBAAe,SAAS,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.styles = void 0;
|
|
4
4
|
const react_1 = require("@compiled/react");
|
|
5
|
-
exports.styles = react_1.css({
|
|
5
|
+
exports.styles = (0, react_1.css)({
|
|
6
6
|
color: 'indigo',
|
|
7
7
|
});
|
|
8
8
|
//# sourceMappingURL=loader-alias.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader-alias.js","sourceRoot":"","sources":["../../../src/__fixtures__/lib/loader-alias.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAEzB,QAAA,MAAM,GAAG,WAAG,
|
|
1
|
+
{"version":3,"file":"loader-alias.js","sourceRoot":"","sources":["../../../src/__fixtures__/lib/loader-alias.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,WAAG,EAAC;IACxB,KAAK,EAAE,QAAQ;CAChB,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.styles = void 0;
|
|
4
4
|
const react_1 = require("@compiled/react");
|
|
5
|
-
exports.styles = react_1.css({
|
|
5
|
+
exports.styles = (0, react_1.css)({
|
|
6
6
|
color: 'blue',
|
|
7
7
|
});
|
|
8
8
|
//# sourceMappingURL=webpack-alias.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webpack-alias.js","sourceRoot":"","sources":["../../../src/__fixtures__/lib/webpack-alias.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAEzB,QAAA,MAAM,GAAG,WAAG,
|
|
1
|
+
{"version":3,"file":"webpack-alias.js","sourceRoot":"","sources":["../../../src/__fixtures__/lib/webpack-alias.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,WAAG,EAAC;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.App = void 0;
|
|
7
|
-
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
// @ts-ignore This is a bug where the meta is not updated for the new file import
|
|
6
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7
|
+
const react_1 = require("@compiled/react");
|
|
8
8
|
// @ts-expect-error
|
|
9
9
|
const loader_alias_1 = require("loader-alias");
|
|
10
|
-
const App = () => react_1.
|
|
10
|
+
const App = () => (0, react_1.jsx)("div", { css: loader_alias_1.styles });
|
|
11
11
|
exports.App = App;
|
|
12
12
|
//# sourceMappingURL=loader-alias.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader-alias.js","sourceRoot":"","sources":["../../src/__fixtures__/loader-alias.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"loader-alias.js","sourceRoot":"","sources":["../../src/__fixtures__/loader-alias.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,iFAAiF;AACjF,6DAA6D;AAC7D,2CAA2C;AAC3C,mBAAmB;AACnB,+CAAsC;AAE/B,MAAM,GAAG,GAAG,GAAgB,EAAE,CAAC,0BAAK,GAAG,EAAE,qBAAM,GAAI,CAAC;AAA9C,QAAA,GAAG,OAA2C"}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.App = void 0;
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
const react_1 = require("@compiled/react");
|
|
6
|
+
const react_2 = require("react");
|
|
7
|
+
const Styled = react_1.styled.div({
|
|
10
8
|
color: 'blue',
|
|
11
9
|
});
|
|
12
|
-
const App = () => (react_1.
|
|
13
|
-
react_1.
|
|
14
|
-
react_1.
|
|
10
|
+
const App = () => ((0, react_1.jsx)(react_2.Fragment, null,
|
|
11
|
+
(0, react_1.jsx)("div", { css: { fontSize: 14 } }),
|
|
12
|
+
(0, react_1.jsx)(Styled, null)));
|
|
15
13
|
exports.App = App;
|
|
16
14
|
//# sourceMappingURL=local-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"local-styles.js","sourceRoot":"","sources":["../../src/__fixtures__/local-styles.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"local-styles.js","sourceRoot":"","sources":["../../src/__fixtures__/local-styles.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,2CAA8C;AAC9C,iCAAiC;AAEjC,MAAM,MAAM,GAAG,cAAM,CAAC,GAAG,CAAC;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEI,MAAM,GAAG,GAAG,GAAgB,EAAE,CAAC,CACpC,iBAAC,gBAAQ;IACP,0BAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI;IAC9B,iBAAC,MAAM,OAAG,CACD,CACZ,CAAC;AALW,QAAA,GAAG,OAKd"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const Styled:
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Styled: import("react").ComponentType<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("packages/react/src/styled").StyledProps>;
|
|
3
3
|
export declare const App: () => JSX.Element;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.App = exports.Styled = void 0;
|
|
7
|
-
|
|
8
|
-
const
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
const react_1 = require("@compiled/react");
|
|
6
|
+
const react_2 = require("react");
|
|
9
7
|
const colors_1 = require("./common/colors");
|
|
10
|
-
exports.Styled =
|
|
8
|
+
exports.Styled = react_1.styled.span `
|
|
11
9
|
color: ${colors_1.blueviolet};
|
|
12
10
|
|
|
13
11
|
:focus {
|
|
@@ -18,7 +16,7 @@ exports.Styled = react_2.styled.span `
|
|
|
18
16
|
color: ${colors_1.blue};
|
|
19
17
|
}
|
|
20
18
|
`;
|
|
21
|
-
const styles =
|
|
19
|
+
const styles = (0, react_1.css) `
|
|
22
20
|
color: ${colors_1.red};
|
|
23
21
|
|
|
24
22
|
:focus {
|
|
@@ -29,8 +27,8 @@ const styles = react_2.css `
|
|
|
29
27
|
color: ${colors_1.yellow};
|
|
30
28
|
}
|
|
31
29
|
`;
|
|
32
|
-
const App = () => (react_1.
|
|
33
|
-
react_1.
|
|
34
|
-
react_1.
|
|
30
|
+
const App = () => ((0, react_1.jsx)(react_2.Fragment, null,
|
|
31
|
+
(0, react_1.jsx)("div", { css: styles }),
|
|
32
|
+
(0, react_1.jsx)(exports.Styled, null)));
|
|
35
33
|
exports.App = App;
|
|
36
34
|
//# sourceMappingURL=relative-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"relative-styles.js","sourceRoot":"","sources":["../../src/__fixtures__/relative-styles.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"relative-styles.js","sourceRoot":"","sources":["../../src/__fixtures__/relative-styles.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,2CAAmD;AACnD,iCAAiC;AAEjC,4CAAgF;AAKnE,QAAA,MAAM,GAAG,cAAM,CAAC,IAAI,CAAA;WACtB,mBAAU;;;aAGR,eAAM;;;;aAIN,aAAI;;CAEhB,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,WAAG,EAAA;WACP,YAAG;;;aAGD,eAAM;;;;aAIN,eAAM;;CAElB,CAAC;AAEK,MAAM,GAAG,GAAG,GAAgB,EAAE,CAAC,CACpC,iBAAC,gBAAQ;IACP,0BAAK,GAAG,EAAE,MAAM,GAAI;IACpB,iBAAC,cAAM,OAAG,CACD,CACZ,CAAC;AALW,QAAA,GAAG,OAKd"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.App = void 0;
|
|
7
|
-
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
// @ts-expect-error This is a bug where the meta is not updated for the new file import
|
|
6
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7
|
+
const react_1 = require("@compiled/react");
|
|
8
8
|
// @ts-expect-error
|
|
9
9
|
const webpack_alias_1 = require("webpack-alias");
|
|
10
|
-
const App = () => react_1.
|
|
10
|
+
const App = () => (0, react_1.jsx)("div", { css: webpack_alias_1.styles });
|
|
11
11
|
exports.App = App;
|
|
12
12
|
//# sourceMappingURL=webpack-alias.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webpack-alias.js","sourceRoot":"","sources":["../../src/__fixtures__/webpack-alias.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"webpack-alias.js","sourceRoot":"","sources":["../../src/__fixtures__/webpack-alias.tsx"],"names":[],"mappings":";;;AAAA,eAAe;AACf,uFAAuF;AACvF,6DAA6D;AAC7D,2CAA2C;AAC3C,mBAAmB;AACnB,iDAAuC;AAEhC,MAAM,GAAG,GAAG,GAAgB,EAAE,CAAC,0BAAK,GAAG,EAAE,sBAAM,GAAI,CAAC;AAA9C,QAAA,GAAG,OAA2C"}
|
package/dist/compiled-loader.js
CHANGED
|
@@ -15,12 +15,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.pitch = void 0;
|
|
18
|
+
const fs_1 = __importDefault(require("fs"));
|
|
19
|
+
const path_1 = require("path");
|
|
18
20
|
const core_1 = require("@babel/core");
|
|
19
21
|
const utils_1 = require("@compiled/utils");
|
|
20
22
|
const enhanced_resolve_1 = require("enhanced-resolve");
|
|
21
|
-
const fs_1 = __importDefault(require("fs"));
|
|
22
23
|
const loader_utils_1 = require("loader-utils");
|
|
23
|
-
const path_1 = require("path");
|
|
24
24
|
const extract_plugin_1 = require("./extract-plugin");
|
|
25
25
|
const utils_2 = require("./utils");
|
|
26
26
|
let hasErrored = false;
|
|
@@ -31,9 +31,9 @@ let hasErrored = false;
|
|
|
31
31
|
* @returns
|
|
32
32
|
*/
|
|
33
33
|
function getLoaderOptions(context) {
|
|
34
|
-
const { bake = true, extract = false, importReact = undefined, nonce = undefined, resolve = {}, } = typeof context.getOptions === 'undefined'
|
|
34
|
+
const { bake = true, extract = false, importReact = undefined, nonce = undefined, resolve = {}, extensions = undefined, } = typeof context.getOptions === 'undefined'
|
|
35
35
|
? // Webpack v4 flow
|
|
36
|
-
loader_utils_1.getOptions(context)
|
|
36
|
+
(0, loader_utils_1.getOptions)(context)
|
|
37
37
|
: // Webpack v5 flow
|
|
38
38
|
context.getOptions({
|
|
39
39
|
type: 'object',
|
|
@@ -53,6 +53,9 @@ function getLoaderOptions(context) {
|
|
|
53
53
|
resolve: {
|
|
54
54
|
type: 'object',
|
|
55
55
|
},
|
|
56
|
+
extensions: {
|
|
57
|
+
type: 'array',
|
|
58
|
+
},
|
|
56
59
|
},
|
|
57
60
|
});
|
|
58
61
|
return {
|
|
@@ -61,6 +64,7 @@ function getLoaderOptions(context) {
|
|
|
61
64
|
importReact,
|
|
62
65
|
nonce,
|
|
63
66
|
resolve,
|
|
67
|
+
extensions,
|
|
64
68
|
};
|
|
65
69
|
}
|
|
66
70
|
/**
|
|
@@ -81,7 +85,7 @@ async function compiledLoader(code) {
|
|
|
81
85
|
const foundCSSRules = [];
|
|
82
86
|
const _d = getLoaderOptions(this), { resolve } = _d, options = __rest(_d, ["resolve"]);
|
|
83
87
|
// Transform to an AST using the local babel config.
|
|
84
|
-
const ast = await core_1.parseAsync(code, {
|
|
88
|
+
const ast = await (0, core_1.parseAsync)(code, {
|
|
85
89
|
filename: this.resourcePath,
|
|
86
90
|
caller: { name: 'compiled' },
|
|
87
91
|
rootMode: 'upward-optional',
|
|
@@ -95,7 +99,7 @@ async function compiledLoader(code) {
|
|
|
95
99
|
// This makes the resolver invoke the callback synchronously
|
|
96
100
|
useSyncFileSystemCalls: true }));
|
|
97
101
|
// Transform using the Compiled Babel Plugin - we deliberately turn off using the local config.
|
|
98
|
-
const result = await core_1.transformFromAstAsync(ast, code, {
|
|
102
|
+
const result = await (0, core_1.transformFromAstAsync)(ast, code, {
|
|
99
103
|
babelrc: false,
|
|
100
104
|
configFile: false,
|
|
101
105
|
sourceMaps: true,
|
|
@@ -110,14 +114,14 @@ async function compiledLoader(code) {
|
|
|
110
114
|
Object.assign(Object.assign({}, options), { onIncludedFiles: (files) => includedFiles.push(...files), resolver: {
|
|
111
115
|
// The resolver needs to be synchronous, as babel plugins must be synchronous
|
|
112
116
|
resolveSync: (context, request) => {
|
|
113
|
-
return resolver.resolveSync({}, path_1.dirname(context), request);
|
|
117
|
+
return resolver.resolveSync({}, (0, path_1.dirname)(context), request);
|
|
114
118
|
},
|
|
115
119
|
} }),
|
|
116
120
|
],
|
|
117
121
|
].filter(utils_1.toBoolean),
|
|
118
122
|
});
|
|
119
123
|
includedFiles.forEach((file) => {
|
|
120
|
-
this.addDependency(path_1.normalize(file));
|
|
124
|
+
this.addDependency((0, path_1.normalize)(file));
|
|
121
125
|
});
|
|
122
126
|
let output = (result === null || result === void 0 ? void 0 : result.code) || '';
|
|
123
127
|
if (options.extract && foundCSSRules.length) {
|
|
@@ -126,7 +130,7 @@ async function compiledLoader(code) {
|
|
|
126
130
|
// The benefit is two fold:
|
|
127
131
|
// (1) thread safe collection of styles
|
|
128
132
|
// (2) caching -- resulting in faster builds (one import per rule!)
|
|
129
|
-
const params = utils_2.toURIComponent(rule);
|
|
133
|
+
const params = (0, utils_2.toURIComponent)(rule);
|
|
130
134
|
// We use require instead of import so it works with both ESM and CJS source.
|
|
131
135
|
// If we used ESM it would blow up with CJS source, unfortunately.
|
|
132
136
|
output = `
|
|
@@ -137,7 +141,8 @@ async function compiledLoader(code) {
|
|
|
137
141
|
callback(null, output, (_c = result === null || result === void 0 ? void 0 : result.map) !== null && _c !== void 0 ? _c : undefined);
|
|
138
142
|
}
|
|
139
143
|
catch (e) {
|
|
140
|
-
|
|
144
|
+
// @ts-expect-error Not checking for error type
|
|
145
|
+
const error = (0, utils_1.createError)('compiled-loader', 'Unhandled exception')(e.stack);
|
|
141
146
|
callback(error);
|
|
142
147
|
}
|
|
143
148
|
}
|
|
@@ -146,7 +151,7 @@ function pitch() {
|
|
|
146
151
|
const options = getLoaderOptions(this);
|
|
147
152
|
// @ts-expect-error No definitions for this[pluginName]
|
|
148
153
|
if (!hasErrored && options.extract && !this[extract_plugin_1.pluginName]) {
|
|
149
|
-
this.emitError(utils_1.createError('webpack-loader')(`You forgot to add the 'CompiledExtractPlugin' plugin (i.e \`{ plugins: [new CompiledExtractPlugin()] }\`), please read https://compiledcssinjs.com/docs/css-extraction-webpack`));
|
|
154
|
+
this.emitError((0, utils_1.createError)('webpack-loader')(`You forgot to add the 'CompiledExtractPlugin' plugin (i.e \`{ plugins: [new CompiledExtractPlugin()] }\`), please read https://compiledcssinjs.com/docs/css-extraction-webpack`));
|
|
150
155
|
// We only want to error once, if we didn't do this you'd get an error for every file found.
|
|
151
156
|
hasErrored = true;
|
|
152
157
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compiled-loader.js","sourceRoot":"","sources":["../src/compiled-loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAgE;AAChE,2CAAyD;AACzD,uDAA0E;AAC1E
|
|
1
|
+
{"version":3,"file":"compiled-loader.js","sourceRoot":"","sources":["../src/compiled-loader.tsx"],"names":[],"mappings":"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"}
|
package/dist/css-loader.js
CHANGED
|
@@ -15,9 +15,12 @@ exports.default = CSSLoader;
|
|
|
15
15
|
* Moves CSSloader to the end of the loader queue so it runs first.
|
|
16
16
|
*/
|
|
17
17
|
function pitch() {
|
|
18
|
-
if (this.loaders[0].
|
|
18
|
+
if (this.loaders[0].pitch !== pitch) {
|
|
19
|
+
// If the first loader isn't this one - skip.
|
|
19
20
|
return;
|
|
20
21
|
}
|
|
22
|
+
// The first loader is Compiled's css-loader - we need to shift
|
|
23
|
+
// it to be at the end of the loader chain so it runs first (instead of last).
|
|
21
24
|
const firstLoader = this.loaders.shift();
|
|
22
25
|
this.loaders.push(firstLoader);
|
|
23
26
|
}
|
package/dist/css-loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-loader.js","sourceRoot":"","sources":["../src/css-loader.tsx"],"names":[],"mappings":";;;AAAA,6BAAsC;
|
|
1
|
+
{"version":3,"file":"css-loader.js","sourceRoot":"","sources":["../src/css-loader.tsx"],"names":[],"mappings":";;;AAAA,6BAAsC;AAItC;;GAEG;AACH,SAAwB,SAAS;IAC/B,MAAM,KAAK,GAAG,IAAI,qBAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACrC,OAAO,SAAS,IAAI,EAAE,CAAC;AACzB,CAAC;AAJD,4BAIC;AAED;;GAEG;AACH,SAAgB,KAAK;IACnB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,EAAE;QACnC,6CAA6C;QAC7C,OAAO;KACR;IAED,+DAA+D;IAC/D,8EAA8E;IAC9E,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACzC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAY,CAAC,CAAC;AAClC,CAAC;AAVD,sBAUC"}
|
package/dist/extract-plugin.js
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver,
|
|
3
|
-
if (
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
return value;
|
|
2
|
+
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
4
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
5
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8
7
|
};
|
|
9
|
-
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver,
|
|
10
|
-
if (!
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return privateMap.get(receiver);
|
|
8
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
10
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
11
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
14
12
|
};
|
|
15
|
-
var
|
|
13
|
+
var _CompiledExtractPlugin_options;
|
|
16
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
15
|
exports.CompiledExtractPlugin = exports.styleSheetName = exports.pluginName = void 0;
|
|
18
16
|
const css_1 = require("@compiled/css");
|
|
@@ -73,7 +71,7 @@ const forceCSSIntoOneStyleSheet = (compiler) => {
|
|
|
73
71
|
*/
|
|
74
72
|
const pushNodeModulesExtractLoader = (compiler, options) => {
|
|
75
73
|
if (!compiler.options.module) {
|
|
76
|
-
throw utils_1.createError('webpack-loader')('module options not defined');
|
|
74
|
+
throw (0, utils_1.createError)('webpack-loader')('module options not defined');
|
|
77
75
|
}
|
|
78
76
|
compiler.options.module.rules.push({
|
|
79
77
|
test: { and: [/node_modules.+\.js$/, options.nodeModulesTest].filter(utils_1.toBoolean) },
|
|
@@ -96,32 +94,32 @@ const pushNodeModulesExtractLoader = (compiler, options) => {
|
|
|
96
94
|
*/
|
|
97
95
|
class CompiledExtractPlugin {
|
|
98
96
|
constructor(options = {}) {
|
|
99
|
-
|
|
100
|
-
__classPrivateFieldSet(this,
|
|
97
|
+
_CompiledExtractPlugin_options.set(this, void 0);
|
|
98
|
+
__classPrivateFieldSet(this, _CompiledExtractPlugin_options, options, "f");
|
|
101
99
|
}
|
|
102
100
|
apply(compiler) {
|
|
103
|
-
const { RawSource } = utils_2.getSources(compiler);
|
|
104
|
-
pushNodeModulesExtractLoader(compiler, __classPrivateFieldGet(this,
|
|
101
|
+
const { RawSource } = (0, utils_2.getSources)(compiler);
|
|
102
|
+
pushNodeModulesExtractLoader(compiler, __classPrivateFieldGet(this, _CompiledExtractPlugin_options, "f"));
|
|
105
103
|
forceCSSIntoOneStyleSheet(compiler);
|
|
106
104
|
compiler.hooks.compilation.tap(exports.pluginName, (compilation) => {
|
|
107
|
-
utils_2.getNormalModuleHook(compiler, compilation).tap(exports.pluginName, (loaderContext) => {
|
|
105
|
+
(0, utils_2.getNormalModuleHook)(compiler, compilation).tap(exports.pluginName, (loaderContext) => {
|
|
108
106
|
// We add some information here to tell loaders that the plugin has been configured.
|
|
109
107
|
// Bundling will throw if this is missing (i.e. consumers did not setup correctly).
|
|
110
108
|
loaderContext[exports.pluginName] = true;
|
|
111
109
|
});
|
|
112
|
-
utils_2.getOptimizeAssetsHook(compiler, compilation).tap(exports.pluginName, (assets) => {
|
|
110
|
+
(0, utils_2.getOptimizeAssetsHook)(compiler, compilation).tap(exports.pluginName, (assets) => {
|
|
113
111
|
const cssAssets = getCSSAssets(assets);
|
|
114
112
|
if (cssAssets.length === 0) {
|
|
115
113
|
return;
|
|
116
114
|
}
|
|
117
115
|
const [asset] = cssAssets;
|
|
118
|
-
const contents = utils_2.getAssetSourceContents(asset.source);
|
|
119
|
-
const newSource = new RawSource(css_1.sort(contents));
|
|
116
|
+
const contents = (0, utils_2.getAssetSourceContents)(asset.source);
|
|
117
|
+
const newSource = new RawSource((0, css_1.sort)(contents));
|
|
120
118
|
compilation.updateAsset(asset.name, newSource, asset.info);
|
|
121
119
|
});
|
|
122
120
|
});
|
|
123
121
|
}
|
|
124
122
|
}
|
|
125
123
|
exports.CompiledExtractPlugin = CompiledExtractPlugin;
|
|
126
|
-
|
|
124
|
+
_CompiledExtractPlugin_options = new WeakMap();
|
|
127
125
|
//# sourceMappingURL=extract-plugin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-plugin.js","sourceRoot":"","sources":["../src/extract-plugin.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"extract-plugin.js","sourceRoot":"","sources":["../src/extract-plugin.tsx"],"names":[],"mappings":"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"}
|
package/dist/types.d.ts
CHANGED
|
@@ -25,6 +25,10 @@ export interface CompiledLoaderOptions {
|
|
|
25
25
|
* Override the default `resolve` passed into webpack, which is used to statically evaluate import declarations
|
|
26
26
|
*/
|
|
27
27
|
resolve?: ResolveOptions;
|
|
28
|
+
/**
|
|
29
|
+
* List of file extensions to traverse as code
|
|
30
|
+
*/
|
|
31
|
+
extensions?: string[];
|
|
28
32
|
}
|
|
29
33
|
export interface CompiledExtractPluginOptions {
|
|
30
34
|
/**
|
package/dist/utils.d.ts
CHANGED