@compiled/webpack-loader 0.7.0 → 0.7.5
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__/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 +3 -2
- 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.map +1 -1
- package/dist/utils.d.ts +1 -1
- package/package.json +11 -12
- 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 +7 -5
- package/src/css-loader.tsx +5 -1
- package/src/extract-plugin.tsx +3 -2
- package/src/utils.tsx +1 -1
- package/CHANGELOG.md +0 -111
- 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("../../../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 (react_1.jsx(StyledHeader, Object.assign({ variant: variant, color: color }, props),
|
|
41
|
+
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,YAAC,YAAY,kBAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK;QACrD,mBAAG,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 = () => (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,qBAAK,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 = react_1.css(false);
|
|
8
|
+
const App = () => 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,WAAG,CAAC,KAAK,CAAC,CAAC;AAEnB,MAAM,GAAG,GAAG,GAAgB,EAAE,CAAC,qBAAK,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 = () => 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,qBAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAAC;AAE/F,kBAAe,SAAS,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 = () => 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,qBAAK,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 = () => (react_1.jsx(react_2.Fragment, null,
|
|
11
|
+
react_1.jsx("div", { css: { fontSize: 14 } }),
|
|
12
|
+
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,YAAC,gBAAQ;IACP,qBAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI;IAC9B,YAAC,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("../../../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 = 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 = () => (react_1.jsx(react_2.Fragment, null,
|
|
31
|
+
react_1.jsx("div", { css: styles }),
|
|
32
|
+
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,WAAG,CAAA;WACP,YAAG;;;aAGD,eAAM;;;;aAIN,eAAM;;CAElB,CAAC;AAEK,MAAM,GAAG,GAAG,GAAgB,EAAE,CAAC,CACpC,YAAC,gBAAQ;IACP,qBAAK,GAAG,EAAE,MAAM,GAAI;IACpB,YAAC,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 = () => 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,qBAAK,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;
|
|
@@ -137,6 +137,7 @@ async function compiledLoader(code) {
|
|
|
137
137
|
callback(null, output, (_c = result === null || result === void 0 ? void 0 : result.map) !== null && _c !== void 0 ? _c : undefined);
|
|
138
138
|
}
|
|
139
139
|
catch (e) {
|
|
140
|
+
// @ts-expect-error Not checking for error type
|
|
140
141
|
const error = utils_1.createError('compiled-loader', 'Unhandled exception')(e.stack);
|
|
141
142
|
callback(error);
|
|
142
143
|
}
|
|
@@ -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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extract-plugin.js","sourceRoot":"","sources":["../src/extract-plugin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uCAAqC;AACrC,2CAAyD;
|
|
1
|
+
{"version":3,"file":"extract-plugin.js","sourceRoot":"","sources":["../src/extract-plugin.tsx"],"names":[],"mappings":"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"}
|
package/dist/utils.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@compiled/webpack-loader",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.5",
|
|
4
4
|
"description": "A familiar and performant compile time CSS-in-JS library for React.",
|
|
5
|
-
"homepage": "https://compiledcssinjs.com",
|
|
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",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
@@ -17,25 +17,24 @@
|
|
|
17
17
|
"files": [
|
|
18
18
|
"css-loader",
|
|
19
19
|
"dist",
|
|
20
|
-
"src"
|
|
21
|
-
"README.md"
|
|
20
|
+
"src"
|
|
22
21
|
],
|
|
23
22
|
"dependencies": {
|
|
24
|
-
"@babel/core": "^7.
|
|
25
|
-
"@compiled/babel-plugin": "^0.
|
|
26
|
-
"@compiled/babel-plugin-strip-runtime": "^0.
|
|
27
|
-
"@compiled/css": "^0.
|
|
28
|
-
"@compiled/utils": "^0.6.
|
|
23
|
+
"@babel/core": "^7.16.0",
|
|
24
|
+
"@compiled/babel-plugin": "^0.11.3",
|
|
25
|
+
"@compiled/babel-plugin-strip-runtime": "^0.11.2",
|
|
26
|
+
"@compiled/css": "^0.8.0",
|
|
27
|
+
"@compiled/utils": "^0.6.14",
|
|
29
28
|
"enhanced-resolve": "^5.8.3",
|
|
30
|
-
"loader-utils": "^2.0.
|
|
29
|
+
"loader-utils": "^2.0.2",
|
|
31
30
|
"webpack-sources": "^1.4.3"
|
|
32
31
|
},
|
|
33
32
|
"devDependencies": {
|
|
34
|
-
"babel-loader": "^8.2.
|
|
33
|
+
"babel-loader": "^8.2.3",
|
|
35
34
|
"css-loader": "^5.2.7",
|
|
36
35
|
"memfs": "^3.2.4",
|
|
37
36
|
"mini-css-extract-plugin": "^1.5.0",
|
|
38
|
-
"webpack": "^5.
|
|
37
|
+
"webpack": "^5.61.0"
|
|
39
38
|
},
|
|
40
39
|
"peerDependencies": {
|
|
41
40
|
"webpack": ">= 4.46.0"
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
// @ts-expect-error
|
|
3
|
-
import { styles } from 'loader-alias';
|
|
1
|
+
/** @jsx jsx */
|
|
4
2
|
// @ts-ignore This is a bug where the meta is not updated for the new file import
|
|
5
3
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
6
|
-
import { css } from '@compiled/react';
|
|
4
|
+
import { jsx, css } from '@compiled/react';
|
|
5
|
+
// @ts-expect-error
|
|
6
|
+
import { styles } from 'loader-alias';
|
|
7
7
|
|
|
8
8
|
export const App = (): JSX.Element => <div css={styles} />;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
import { styled } from '@compiled/react';
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { jsx, styled } from '@compiled/react';
|
|
3
|
+
import { Fragment } from 'react';
|
|
3
4
|
|
|
4
5
|
const Styled = styled.div({
|
|
5
6
|
color: 'blue',
|
|
6
7
|
});
|
|
7
8
|
|
|
8
9
|
export const App = (): JSX.Element => (
|
|
9
|
-
|
|
10
|
+
<Fragment>
|
|
10
11
|
<div css={{ fontSize: 14 }} />
|
|
11
12
|
<Styled />
|
|
12
|
-
|
|
13
|
+
</Fragment>
|
|
13
14
|
);
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
import { css, styled } from '@compiled/react';
|
|
1
|
+
/** @jsx jsx */
|
|
2
|
+
import { jsx, css, styled } from '@compiled/react';
|
|
3
|
+
import { Fragment } from 'react';
|
|
4
|
+
|
|
3
5
|
import { blueviolet, blue, orange, purple, red, yellow } from './common/colors';
|
|
4
6
|
// @ts-expect-error ↓↓↓ This should not have their styles extracted ↓↓↓
|
|
5
7
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -30,8 +32,8 @@ const styles = css`
|
|
|
30
32
|
`;
|
|
31
33
|
|
|
32
34
|
export const App = (): JSX.Element => (
|
|
33
|
-
|
|
35
|
+
<Fragment>
|
|
34
36
|
<div css={styles} />
|
|
35
37
|
<Styled />
|
|
36
|
-
|
|
38
|
+
</Fragment>
|
|
37
39
|
);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
// @ts-expect-error
|
|
3
|
-
import { styles } from 'webpack-alias';
|
|
1
|
+
/** @jsx jsx */
|
|
4
2
|
// @ts-expect-error This is a bug where the meta is not updated for the new file import
|
|
5
3
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
6
|
-
import { css } from '@compiled/react';
|
|
4
|
+
import { jsx, css } from '@compiled/react';
|
|
5
|
+
// @ts-expect-error
|
|
6
|
+
import { styles } from 'webpack-alias';
|
|
7
7
|
|
|
8
8
|
export const App = (): JSX.Element => <div css={styles} />;
|