@compiled/react 0.12.0 → 0.13.1
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/browser/css/index.js +1 -5
- package/dist/browser/css/index.js.map +1 -1
- package/dist/browser/index.js +1 -1
- package/dist/browser/index.js.map +1 -1
- package/dist/browser/keyframes/__fixtures__/index.js +2 -2
- package/dist/browser/keyframes/__fixtures__/index.js.map +1 -1
- package/dist/browser/keyframes/index.js +1 -5
- package/dist/browser/keyframes/index.js.map +1 -1
- package/dist/browser/runtime/ac.d.ts +47 -0
- package/dist/browser/runtime/ac.js +118 -0
- package/dist/browser/runtime/ac.js.flow +56 -0
- package/dist/browser/runtime/ac.js.map +1 -0
- package/dist/browser/runtime/ax.js +17 -18
- package/dist/browser/runtime/ax.js.map +1 -1
- package/dist/browser/runtime/cache.js +1 -1
- package/dist/browser/runtime/cache.js.map +1 -1
- package/dist/browser/runtime/dev-warnings.js +19 -21
- package/dist/browser/runtime/dev-warnings.js.map +1 -1
- package/dist/browser/runtime/index.d.ts +1 -0
- package/dist/browser/runtime/index.js +1 -0
- package/dist/browser/runtime/index.js.flow +1 -0
- package/dist/browser/runtime/index.js.map +1 -1
- package/dist/browser/runtime/is-server-environment.js +4 -6
- package/dist/browser/runtime/is-server-environment.js.map +1 -1
- package/dist/browser/runtime/sheet.js +11 -11
- package/dist/browser/runtime/sheet.js.map +1 -1
- package/dist/browser/runtime/style-cache.js +6 -6
- package/dist/browser/runtime/style-cache.js.map +1 -1
- package/dist/browser/runtime/style.js +10 -10
- package/dist/browser/runtime/style.js.map +1 -1
- package/dist/browser/runtime.d.ts +1 -1
- package/dist/browser/runtime.js +1 -1
- package/dist/browser/runtime.js.flow +1 -1
- package/dist/browser/runtime.js.map +1 -1
- package/dist/browser/styled/index.js +3 -3
- package/dist/browser/styled/index.js.map +1 -1
- package/dist/browser/utils/error.js +18 -2
- package/dist/browser/utils/error.js.map +1 -1
- package/dist/cjs/class-names/index.js +1 -1
- package/dist/cjs/class-names/index.js.map +1 -1
- package/dist/cjs/css/index.js +2 -6
- package/dist/cjs/css/index.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/keyframes/__fixtures__/index.js +1 -1
- package/dist/cjs/keyframes/__fixtures__/index.js.map +1 -1
- package/dist/cjs/keyframes/index.js +2 -6
- package/dist/cjs/keyframes/index.js.map +1 -1
- package/dist/cjs/runtime/ac.d.ts +47 -0
- package/dist/cjs/runtime/ac.js +125 -0
- package/dist/cjs/runtime/ac.js.flow +56 -0
- package/dist/cjs/runtime/ac.js.map +1 -0
- package/dist/cjs/runtime/ax.js +17 -18
- package/dist/cjs/runtime/ax.js.map +1 -1
- package/dist/cjs/runtime/cache.js +1 -1
- package/dist/cjs/runtime/cache.js.map +1 -1
- package/dist/cjs/runtime/dev-warnings.js +19 -21
- package/dist/cjs/runtime/dev-warnings.js.map +1 -1
- package/dist/cjs/runtime/index.d.ts +1 -0
- package/dist/cjs/runtime/index.js +4 -1
- package/dist/cjs/runtime/index.js.flow +1 -0
- package/dist/cjs/runtime/index.js.map +1 -1
- package/dist/cjs/runtime/is-server-environment.js +4 -6
- package/dist/cjs/runtime/is-server-environment.js.map +1 -1
- package/dist/cjs/runtime/sheet.js +11 -11
- package/dist/cjs/runtime/sheet.js.map +1 -1
- package/dist/cjs/runtime/style-cache.js +10 -10
- package/dist/cjs/runtime/style-cache.js.map +1 -1
- package/dist/cjs/runtime/style.js +15 -15
- package/dist/cjs/runtime/style.js.map +1 -1
- package/dist/cjs/runtime.d.ts +1 -1
- package/dist/cjs/runtime.js +3 -1
- package/dist/cjs/runtime.js.flow +1 -1
- package/dist/cjs/runtime.js.map +1 -1
- package/dist/cjs/styled/index.js +3 -3
- package/dist/cjs/styled/index.js.map +1 -1
- package/dist/cjs/utils/error.js +18 -2
- package/dist/cjs/utils/error.js.map +1 -1
- package/dist/esm/css/index.js +1 -5
- package/dist/esm/css/index.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/keyframes/__fixtures__/index.js +2 -2
- package/dist/esm/keyframes/__fixtures__/index.js.map +1 -1
- package/dist/esm/keyframes/index.js +1 -5
- package/dist/esm/keyframes/index.js.map +1 -1
- package/dist/esm/runtime/ac.d.ts +47 -0
- package/dist/esm/runtime/ac.js +118 -0
- package/dist/esm/runtime/ac.js.flow +56 -0
- package/dist/esm/runtime/ac.js.map +1 -0
- package/dist/esm/runtime/ax.js +17 -18
- package/dist/esm/runtime/ax.js.map +1 -1
- package/dist/esm/runtime/cache.js +1 -1
- package/dist/esm/runtime/cache.js.map +1 -1
- package/dist/esm/runtime/dev-warnings.js +19 -21
- package/dist/esm/runtime/dev-warnings.js.map +1 -1
- package/dist/esm/runtime/index.d.ts +1 -0
- package/dist/esm/runtime/index.js +1 -0
- package/dist/esm/runtime/index.js.flow +1 -0
- package/dist/esm/runtime/index.js.map +1 -1
- package/dist/esm/runtime/is-server-environment.js +4 -6
- package/dist/esm/runtime/is-server-environment.js.map +1 -1
- package/dist/esm/runtime/sheet.js +11 -11
- package/dist/esm/runtime/sheet.js.map +1 -1
- package/dist/esm/runtime/style-cache.js +6 -6
- package/dist/esm/runtime/style-cache.js.map +1 -1
- package/dist/esm/runtime/style.js +10 -10
- package/dist/esm/runtime/style.js.map +1 -1
- package/dist/esm/runtime.d.ts +1 -1
- package/dist/esm/runtime.js +1 -1
- package/dist/esm/runtime.js.flow +1 -1
- package/dist/esm/runtime.js.map +1 -1
- package/dist/esm/styled/index.js +3 -3
- package/dist/esm/styled/index.js.map +1 -1
- package/dist/esm/utils/error.js +18 -2
- package/dist/esm/utils/error.js.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/server-side-hydrate.test.tsx +1 -1
- package/src/runtime/__perf__/ac.test.ts +97 -0
- package/src/runtime/__perf__/ax.test.ts +0 -20
- package/src/runtime/__tests__/ac.test.ts +112 -0
- package/src/runtime/__tests__/ax.test.ts +2 -27
- package/src/runtime/ac.js.flow +56 -0
- package/src/runtime/ac.ts +143 -0
- package/src/runtime/ax.ts +9 -7
- package/src/runtime/index.js.flow +1 -0
- package/src/runtime/index.ts +1 -0
- package/src/runtime.js.flow +1 -1
- package/src/runtime.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D;;;GAGG;AACH,
|
|
1
|
+
{"version":3,"file":"style-cache.js","sourceRoot":"","sources":["../../../src/runtime/style-cache.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D;;;GAGG;AACH,MAAM,KAAK,GAAQ,MAAsB,CAAC,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjG,IAAI,MAAsB,EAAE;IAC1B;;;;OAIG;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CAAC;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,iGAAiG;QACjG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC;CACF;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiB,GAAG,EAAE;IACzC,IAAI,eAAe,EAAE,EAAE;QACrB,OAAO,EAAE,CAAC;KACX;IAED,WAA2B;QACzB,mFAAmF;QACnF,wGAAwG;QACxG,sDAAsD;QACtD,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;KAChC;IAED,6CAA6C;IAC7C,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,kBAAkB,GAAsB,CAAC,KAAK,EAAE,EAAE;IACtD,WAA2B;QACzB,4EAA4E;QAC5E,sDAAsD;QACtD,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;QAC5B,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAkB,CAAC;KAC3E;IAED,OAAO,KAAK,CAAC,QAAuB,CAAC;AACvC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -4,16 +4,16 @@ import { isServerEnvironment } from './is-server-environment';
|
|
|
4
4
|
import insertRule, { getStyleBucketName, styleBucketOrdering } from './sheet';
|
|
5
5
|
import { useCache } from './style-cache';
|
|
6
6
|
export default function Style(props) {
|
|
7
|
-
|
|
7
|
+
const inserted = useCache();
|
|
8
8
|
if (process.env.NODE_ENV === 'development') {
|
|
9
9
|
props.children.forEach(analyzeCssInDev);
|
|
10
10
|
}
|
|
11
11
|
if (props.children.length) {
|
|
12
12
|
if (false) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
for (
|
|
16
|
-
|
|
13
|
+
const bucketedSheets = {};
|
|
14
|
+
let hasSheets = false;
|
|
15
|
+
for (let i = 0; i < props.children.length; i++) {
|
|
16
|
+
const sheet = props.children[i];
|
|
17
17
|
if (inserted[sheet]) {
|
|
18
18
|
continue;
|
|
19
19
|
}
|
|
@@ -21,19 +21,19 @@ export default function Style(props) {
|
|
|
21
21
|
inserted[sheet] = true;
|
|
22
22
|
hasSheets = true;
|
|
23
23
|
}
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
const bucketName = getStyleBucketName(sheet);
|
|
25
|
+
bucketedSheets[bucketName] = (bucketedSheets[bucketName] || '') + sheet;
|
|
26
26
|
}
|
|
27
27
|
if (!hasSheets) {
|
|
28
28
|
return null;
|
|
29
29
|
}
|
|
30
30
|
return (React.createElement("style", { "data-cmpld": true, nonce: props.nonce, dangerouslySetInnerHTML: {
|
|
31
|
-
__html: styleBucketOrdering.map(
|
|
31
|
+
__html: styleBucketOrdering.map((bucket) => bucketedSheets[bucket]).join(''),
|
|
32
32
|
} }));
|
|
33
33
|
}
|
|
34
34
|
else {
|
|
35
|
-
for (
|
|
36
|
-
|
|
35
|
+
for (let i = 0; i < props.children.length; i++) {
|
|
36
|
+
const sheet = props.children[i];
|
|
37
37
|
if (inserted[sheet]) {
|
|
38
38
|
continue;
|
|
39
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,UAAU,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWzC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/runtime/style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,UAAU,EAAE,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAWzC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAiB;IAC7C,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAE5B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;KACzC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE;QACzB,WAA2B;YACzB,MAAM,cAAc,GAAoC,EAAE,CAAC;YAC3D,IAAI,SAAS,GAAG,KAAK,CAAC;YAEtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;qBAAM;oBACL,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oBACvB,SAAS,GAAG,IAAI,CAAC;iBAClB;gBAED,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC7C,cAAc,CAAC,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC;aACzE;YAED,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,mDAEE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,uBAAuB,EAAE;oBACvB,MAAM,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;iBAC7E,GACD,CACH,CAAC;SACH;aAAM;YACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;oBACnB,SAAS;iBACV;gBAED,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBACvB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aAC1B;SACF;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { CC, CS, ax, ix } from './runtime/index';
|
|
1
|
+
export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';
|
package/dist/browser/runtime.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { CC, CS, ax, ix } from './runtime/index';
|
|
1
|
+
export { CC, CS, ax, ac, clearAcCache, ix } from './runtime/index';
|
|
2
2
|
//# sourceMappingURL=runtime.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -40,9 +40,9 @@ import { createSetupError } from '../utils/error';
|
|
|
40
40
|
* );
|
|
41
41
|
* ```
|
|
42
42
|
*/
|
|
43
|
-
export
|
|
44
|
-
get
|
|
45
|
-
return
|
|
43
|
+
export const styled = new Proxy({}, {
|
|
44
|
+
get() {
|
|
45
|
+
return () => {
|
|
46
46
|
// Blow up if the transformer isn't turned on.
|
|
47
47
|
// This code won't ever be executed when setup correctly.
|
|
48
48
|
throw createSetupError();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAoClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAoClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,IAAI,KAAK,CACpD,EAAE,EACF;IACE,GAAG;QACD,OAAO,GAAG,EAAE;YACV,8CAA8C;YAC9C,yDAAyD;YACzD,MAAM,gBAAgB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;CACF,CACK,CAAC"}
|
|
@@ -1,4 +1,20 @@
|
|
|
1
|
-
export
|
|
2
|
-
return new Error(
|
|
1
|
+
export const createSetupError = () => {
|
|
2
|
+
return new Error(`
|
|
3
|
+
██████╗ ██████╗ ███╗ ███╗██████╗ ██╗██╗ ███████╗██████╗
|
|
4
|
+
██╔════╝██╔═══██╗████╗ ████║██╔══██╗██║██║ ██╔════╝██╔══██╗
|
|
5
|
+
██║ ██║ ██║██╔████╔██║██████╔╝██║██║ █████╗ ██║ ██║
|
|
6
|
+
██║ ██║ ██║██║╚██╔╝██║██╔═══╝ ██║██║ ██╔══╝ ██║ ██║
|
|
7
|
+
╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ██║███████╗███████╗██████╔╝
|
|
8
|
+
╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚══════╝╚══════╝╚═════╝
|
|
9
|
+
|
|
10
|
+
@compiled/react
|
|
11
|
+
|
|
12
|
+
Code was executed when it shouldn't have. This could have happened because:
|
|
13
|
+
|
|
14
|
+
1. You haven't configured a transformer yet. Visit https://compiledcssinjs.com/docs/installation and follow the instructions.
|
|
15
|
+
2. You have duplicate versions of React and hooks are blowing up. You need to de-duplicate your dependencies.
|
|
16
|
+
|
|
17
|
+
Good luck!
|
|
18
|
+
`);
|
|
3
19
|
};
|
|
4
20
|
//# sourceMappingURL=error.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error.js","sourceRoot":"","sources":["../../../src/utils/error.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"error.js","sourceRoot":"","sources":["../../../src/utils/error.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAU,EAAE;IAC1C,OAAO,IAAI,KAAK,CAAC;;;;;;;;;;;;;;;;CAgBlB,CAAC,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ClassNames = void 0;
|
|
4
|
-
|
|
4
|
+
const error_1 = require("../utils/error");
|
|
5
5
|
function ClassNames(_props) {
|
|
6
6
|
throw (0, error_1.createSetupError)();
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/class-names/index.ts"],"names":[],"mappings":";;;AAGA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/class-names/index.ts"],"names":[],"mappings":";;;AAGA,0CAAkD;AAqDlD,SAAgB,UAAU,CAAgB,MAA+B;IACvE,MAAM,IAAA,wBAAgB,GAAE,CAAC;AAC3B,CAAC;AAFD,gCAEC"}
|
package/dist/cjs/css/index.js
CHANGED
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
/* eslint-disable import/export */
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
|
|
5
|
-
function css(_styles) {
|
|
6
|
-
var _interpolations = [];
|
|
7
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
8
|
-
_interpolations[_i - 1] = arguments[_i];
|
|
9
|
-
}
|
|
4
|
+
const error_1 = require("../utils/error");
|
|
5
|
+
function css(_styles, ..._interpolations) {
|
|
10
6
|
throw (0, error_1.createSetupError)();
|
|
11
7
|
}
|
|
12
8
|
exports.default = css;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css/index.ts"],"names":[],"mappings":";AAAA,kCAAkC;;AAGlC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/css/index.ts"],"names":[],"mappings":";AAAA,kCAAkC;;AAGlC,0CAAkD;AAqClD,SAAwB,GAAG,CACzB,OAA6D,EAC7D,GAAG,eAA8B;IAEjC,MAAM,IAAA,wBAAgB,GAAE,CAAC;AAC3B,CAAC;AALD,sBAKC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.jsx = exports.css = exports.ClassNames = exports.styled = exports.keyframes = void 0;
|
|
7
|
-
|
|
7
|
+
const react_1 = require("react");
|
|
8
8
|
var keyframes_1 = require("./keyframes");
|
|
9
9
|
Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return keyframes_1.keyframes; } });
|
|
10
10
|
var styled_1 = require("./styled");
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAsC;AAOtC,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,6BAAuC;AAA9B,2GAAA,OAAO,OAAO;AAEvB,0CAA0C;AAC1C,kGAAkG;AACrF,QAAA,GAAG,GAAG,qBAAa,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.namedFadeOut = exports.fadeOut = void 0;
|
|
4
4
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
5
|
-
|
|
5
|
+
const react_1 = require("@compiled/react");
|
|
6
6
|
exports.fadeOut = (0, react_1.keyframes)({
|
|
7
7
|
from: {
|
|
8
8
|
opacity: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/keyframes/__fixtures__/index.ts"],"names":[],"mappings":";;;AAAA,6DAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/keyframes/__fixtures__/index.ts"],"names":[],"mappings":";;;AAAA,6DAA6D;AAC7D,2CAA4C;AAE/B,QAAA,OAAO,GAAG,IAAA,iBAAS,EAAC;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAEU,QAAA,YAAY,GAAG,eAAO,CAAC;AAEpC,kBAAe,eAAO,CAAC"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.keyframes = void 0;
|
|
4
|
-
|
|
5
|
-
function keyframes(_stringsOrSteps) {
|
|
6
|
-
var _interpolations = [];
|
|
7
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
8
|
-
_interpolations[_i - 1] = arguments[_i];
|
|
9
|
-
}
|
|
4
|
+
const error_1 = require("../utils/error");
|
|
5
|
+
function keyframes(_stringsOrSteps, ..._interpolations) {
|
|
10
6
|
throw (0, error_1.createSetupError)();
|
|
11
7
|
}
|
|
12
8
|
exports.keyframes = keyframes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/keyframes/index.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/keyframes/index.ts"],"names":[],"mappings":";;;AACA,0CAAkD;AAkDlD,SAAgB,SAAS,CACvB,eAAqD,EACrD,GAAG,eAA8C;IAEjD,MAAM,IAAA,wBAAgB,GAAE,CAAC;AAC3B,CAAC;AALD,8BAKC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Memoize the result of ac so if it is called with the same args, it returns immediately.
|
|
3
|
+
* Also, to prevent useless React rerenders
|
|
4
|
+
*/
|
|
5
|
+
declare const cache: Map<any, any>;
|
|
6
|
+
/**
|
|
7
|
+
* `ac` returns an instance of AtomicGroups. The instance holds the knowledge of Atomic Group so we can chain `ac`.
|
|
8
|
+
* e.g. <div className={ax([ax(['_aaaa_b']), '_aaaa_c'])} />
|
|
9
|
+
*/
|
|
10
|
+
declare class AtomicGroups {
|
|
11
|
+
values: Map<string, string>;
|
|
12
|
+
constructor(values: Map<string, string>);
|
|
13
|
+
toString(): string;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Joins classes together and ensures atomic declarations of a single group exist.
|
|
17
|
+
* Atomic declarations take the form of `_{group}{value}` (always prefixed with an underscore),
|
|
18
|
+
* where both `group` and `value` are hashes **four characters long**.
|
|
19
|
+
* Class names can be of any length,
|
|
20
|
+
* this function can take both atomic declarations and class names.
|
|
21
|
+
*
|
|
22
|
+
* Input:
|
|
23
|
+
*
|
|
24
|
+
* ```
|
|
25
|
+
* ax(['_aaaabbbb', '_aaaacccc'])
|
|
26
|
+
* ```
|
|
27
|
+
*
|
|
28
|
+
* Output:
|
|
29
|
+
*
|
|
30
|
+
* ```
|
|
31
|
+
* '_aaaacccc'
|
|
32
|
+
* ```
|
|
33
|
+
*
|
|
34
|
+
* @param classes
|
|
35
|
+
*/
|
|
36
|
+
export declare function ac(classNames: (AtomicGroups | string | undefined | false)[]): AtomicGroups | undefined;
|
|
37
|
+
export declare function memoizedAc(classNames: (AtomicGroups | string | undefined | false)[]): AtomicGroups | undefined;
|
|
38
|
+
declare const _default: typeof ac;
|
|
39
|
+
export default _default;
|
|
40
|
+
/**
|
|
41
|
+
* Provide an opportunity to clear the cache to prevent memory leak.
|
|
42
|
+
*/
|
|
43
|
+
export declare function clearCache(): void;
|
|
44
|
+
/**
|
|
45
|
+
* Expose cache
|
|
46
|
+
*/
|
|
47
|
+
export declare function getCache(): typeof cache;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getCache = exports.clearCache = exports.memoizedAc = exports.ac = void 0;
|
|
4
|
+
const is_server_environment_1 = require("./is-server-environment");
|
|
5
|
+
const UNDERSCORE_UNICODE = 95;
|
|
6
|
+
/**
|
|
7
|
+
* This length includes the underscore,
|
|
8
|
+
* e.g. `"_1s4A"` would be a valid atomic group hash.
|
|
9
|
+
*/
|
|
10
|
+
const ATOMIC_GROUP_LENGTH = 5;
|
|
11
|
+
/**
|
|
12
|
+
* Memoize the result of ac so if it is called with the same args, it returns immediately.
|
|
13
|
+
* Also, to prevent useless React rerenders
|
|
14
|
+
*/
|
|
15
|
+
const cache = new Map();
|
|
16
|
+
/**
|
|
17
|
+
* `ac` returns an instance of AtomicGroups. The instance holds the knowledge of Atomic Group so we can chain `ac`.
|
|
18
|
+
* e.g. <div className={ax([ax(['_aaaa_b']), '_aaaa_c'])} />
|
|
19
|
+
*/
|
|
20
|
+
class AtomicGroups {
|
|
21
|
+
constructor(values) {
|
|
22
|
+
// An object stores the relation between Atomic group and actual class name
|
|
23
|
+
// e.g. { "aaaa": "a" } `aaaa` is the Atomic group and `a` is the actual class name
|
|
24
|
+
this.values = values;
|
|
25
|
+
}
|
|
26
|
+
toString() {
|
|
27
|
+
let str = '';
|
|
28
|
+
for (const [, value] of this.values) {
|
|
29
|
+
str += value + ' ';
|
|
30
|
+
}
|
|
31
|
+
return str.slice(0, -1);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Joins classes together and ensures atomic declarations of a single group exist.
|
|
36
|
+
* Atomic declarations take the form of `_{group}{value}` (always prefixed with an underscore),
|
|
37
|
+
* where both `group` and `value` are hashes **four characters long**.
|
|
38
|
+
* Class names can be of any length,
|
|
39
|
+
* this function can take both atomic declarations and class names.
|
|
40
|
+
*
|
|
41
|
+
* Input:
|
|
42
|
+
*
|
|
43
|
+
* ```
|
|
44
|
+
* ax(['_aaaabbbb', '_aaaacccc'])
|
|
45
|
+
* ```
|
|
46
|
+
*
|
|
47
|
+
* Output:
|
|
48
|
+
*
|
|
49
|
+
* ```
|
|
50
|
+
* '_aaaacccc'
|
|
51
|
+
* ```
|
|
52
|
+
*
|
|
53
|
+
* @param classes
|
|
54
|
+
*/
|
|
55
|
+
function ac(classNames) {
|
|
56
|
+
// short circuit if there's no class names.
|
|
57
|
+
if (classNames.length <= 1 && !classNames[0])
|
|
58
|
+
return undefined;
|
|
59
|
+
const atomicGroups = new Map();
|
|
60
|
+
for (let i = 0; i < classNames.length; i++) {
|
|
61
|
+
const cls = classNames[i];
|
|
62
|
+
if (!cls) {
|
|
63
|
+
continue;
|
|
64
|
+
}
|
|
65
|
+
if (typeof cls === 'string') {
|
|
66
|
+
const groups = cls.split(' ');
|
|
67
|
+
for (let x = 0; x < groups.length; x++) {
|
|
68
|
+
const atomic = groups[x];
|
|
69
|
+
const isAtomic = atomic.charCodeAt(0) === UNDERSCORE_UNICODE;
|
|
70
|
+
const isCompressed = isAtomic && atomic.charCodeAt(5) === UNDERSCORE_UNICODE;
|
|
71
|
+
const atomicGroupName = isAtomic ? atomic.slice(0, ATOMIC_GROUP_LENGTH) : atomic;
|
|
72
|
+
atomicGroups.set(atomicGroupName, isCompressed ? atomic.slice(ATOMIC_GROUP_LENGTH + 1) : atomic);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
// if cls is an instance of AtomicGroups, transfer its values to `atomicGroups`
|
|
77
|
+
for (const [key, value] of cls.values) {
|
|
78
|
+
atomicGroups.set(key, value);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
return new AtomicGroups(atomicGroups);
|
|
83
|
+
}
|
|
84
|
+
exports.ac = ac;
|
|
85
|
+
function memoizedAc(classNames) {
|
|
86
|
+
// short circuit if there's no class names.
|
|
87
|
+
if (classNames.length <= 1 && !classNames[0])
|
|
88
|
+
return undefined;
|
|
89
|
+
// build the cacheKey based on the function argument
|
|
90
|
+
// e.g. if the argument is ["_aaaabbbb", "_aaaa_a", "some-class-name"],
|
|
91
|
+
// then the cacheKey is "_aaaabbbb _aaaa_a some-class-name"
|
|
92
|
+
let cacheKey = '';
|
|
93
|
+
for (let i = 0; i < classNames.length; i += 1) {
|
|
94
|
+
const current = classNames[i];
|
|
95
|
+
// continue if current is undefined, false, or ""
|
|
96
|
+
if (!current)
|
|
97
|
+
continue;
|
|
98
|
+
cacheKey += current + ' ';
|
|
99
|
+
}
|
|
100
|
+
cacheKey = cacheKey.slice(0, -1);
|
|
101
|
+
if (cache.has(cacheKey))
|
|
102
|
+
return cache.get(cacheKey);
|
|
103
|
+
const result = ac(classNames);
|
|
104
|
+
cache.set(cacheKey, result);
|
|
105
|
+
return result;
|
|
106
|
+
}
|
|
107
|
+
exports.memoizedAc = memoizedAc;
|
|
108
|
+
// Memoization is primarily used to prevent React from unncessary re-rendering.
|
|
109
|
+
// Use unmemoizedAc on server-side because We don't need to worry about re-rendering on server-side.
|
|
110
|
+
exports.default = (0, is_server_environment_1.isServerEnvironment)() ? ac : memoizedAc;
|
|
111
|
+
/**
|
|
112
|
+
* Provide an opportunity to clear the cache to prevent memory leak.
|
|
113
|
+
*/
|
|
114
|
+
function clearCache() {
|
|
115
|
+
cache.clear();
|
|
116
|
+
}
|
|
117
|
+
exports.clearCache = clearCache;
|
|
118
|
+
/**
|
|
119
|
+
* Expose cache
|
|
120
|
+
*/
|
|
121
|
+
function getCache() {
|
|
122
|
+
return cache;
|
|
123
|
+
}
|
|
124
|
+
exports.getCache = getCache;
|
|
125
|
+
//# sourceMappingURL=ac.js.map
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Flowtype definitions for ac
|
|
3
|
+
* Generated by Flowgen from a Typescript Definition
|
|
4
|
+
* Flowgen v1.20.1
|
|
5
|
+
* @flow
|
|
6
|
+
*/
|
|
7
|
+
/**
|
|
8
|
+
* Memoize the result of ac so if it is called with the same args, it returns immediately.
|
|
9
|
+
* Also, to prevent useless React rerenders
|
|
10
|
+
*/
|
|
11
|
+
declare var cache: Map<any, any>;
|
|
12
|
+
/**
|
|
13
|
+
* `ac` returns an instance of AtomicGroups. The instance holds the knowledge of Atomic Group so we can chain `ac`.
|
|
14
|
+
* e.g. <div className={ax([ax(['_aaaa_b']), '_aaaa_c'])} />
|
|
15
|
+
*/
|
|
16
|
+
declare class AtomicGroups {
|
|
17
|
+
values: Map<string, string>;
|
|
18
|
+
constructor(values: Map<string, string>): this;
|
|
19
|
+
toString(): string;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Joins classes together and ensures atomic declarations of a single group exist.
|
|
23
|
+
* Atomic declarations take the form of `_{group}{value}` (always prefixed with an underscore),
|
|
24
|
+
* where both `group` and `value` are hashes **four characters long**.
|
|
25
|
+
* Class names can be of any length,
|
|
26
|
+
* this function can take both atomic declarations and class names.
|
|
27
|
+
*
|
|
28
|
+
* Input:
|
|
29
|
+
*
|
|
30
|
+
* ```
|
|
31
|
+
* ax(['_aaaabbbb', '_aaaacccc'])
|
|
32
|
+
* ```
|
|
33
|
+
*
|
|
34
|
+
* Output:
|
|
35
|
+
*
|
|
36
|
+
* ```
|
|
37
|
+
* '_aaaacccc'
|
|
38
|
+
* ```
|
|
39
|
+
* @param classes
|
|
40
|
+
*/
|
|
41
|
+
declare export function ac(
|
|
42
|
+
classNames: (AtomicGroups | string | void | false)[]
|
|
43
|
+
): AtomicGroups | void;
|
|
44
|
+
declare export function memoizedAc(
|
|
45
|
+
classNames: (AtomicGroups | string | void | false)[]
|
|
46
|
+
): AtomicGroups | void;
|
|
47
|
+
declare var _default: typeof ac;
|
|
48
|
+
declare export default typeof _default;
|
|
49
|
+
/**
|
|
50
|
+
* Provide an opportunity to clear the cache to prevent memory leak.
|
|
51
|
+
*/
|
|
52
|
+
declare export function clearCache(): void;
|
|
53
|
+
/**
|
|
54
|
+
* Expose cache
|
|
55
|
+
*/
|
|
56
|
+
declare export function getCache(): typeof cache;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ac.js","sourceRoot":"","sources":["../../../src/runtime/ac.ts"],"names":[],"mappings":"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"}
|
package/dist/cjs/runtime/ax.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
3
|
+
const UNDERSCORE_UNICODE = 95;
|
|
4
4
|
/**
|
|
5
5
|
* This length includes the underscore,
|
|
6
6
|
* e.g. `"_1s4A"` would be a valid atomic group hash.
|
|
7
7
|
*/
|
|
8
|
-
|
|
8
|
+
const ATOMIC_GROUP_LENGTH = 5;
|
|
9
9
|
/**
|
|
10
10
|
* Joins classes together and ensures atomic declarations of a single group exist.
|
|
11
11
|
* Atomic declarations take the form of `_{group}{value}` (always prefixed with an underscore),
|
|
@@ -28,27 +28,26 @@ var ATOMIC_GROUP_LENGTH = 5;
|
|
|
28
28
|
* @param classes
|
|
29
29
|
*/
|
|
30
30
|
function ax(classNames) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
return undefined;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
if (classNames.length <= 1 && (!classNames[0] || classNames[0].indexOf(' ') === -1)) {
|
|
32
|
+
// short circuit if there's no custom class names.
|
|
33
|
+
return classNames[0] || undefined;
|
|
34
|
+
}
|
|
35
|
+
const atomicGroups = {};
|
|
36
|
+
for (let i = 0; i < classNames.length; i++) {
|
|
37
|
+
const cls = classNames[i];
|
|
37
38
|
if (!cls) {
|
|
38
39
|
continue;
|
|
39
40
|
}
|
|
40
|
-
|
|
41
|
-
for (
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var atomicGroupName = isAtomic ? atomic.slice(0, ATOMIC_GROUP_LENGTH) : atomic;
|
|
46
|
-
atomicGroups[atomicGroupName] = isCompressed ? atomic.slice(ATOMIC_GROUP_LENGTH + 1) : atomic;
|
|
41
|
+
const groups = cls.split(' ');
|
|
42
|
+
for (let x = 0; x < groups.length; x++) {
|
|
43
|
+
const atomic = groups[x];
|
|
44
|
+
const atomicGroupName = atomic.slice(0, atomic.charCodeAt(0) === UNDERSCORE_UNICODE ? ATOMIC_GROUP_LENGTH : undefined);
|
|
45
|
+
atomicGroups[atomicGroupName] = atomic;
|
|
47
46
|
}
|
|
48
47
|
}
|
|
49
|
-
|
|
50
|
-
for (
|
|
51
|
-
|
|
48
|
+
let str = '';
|
|
49
|
+
for (const key in atomicGroups) {
|
|
50
|
+
const value = atomicGroups[key];
|
|
52
51
|
str += value + ' ';
|
|
53
52
|
}
|
|
54
53
|
return str.slice(0, -1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ax.js","sourceRoot":"","sources":["../../../src/runtime/ax.ts"],"names":[],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"file":"ax.js","sourceRoot":"","sources":["../../../src/runtime/ax.ts"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B;;;GAGG;AACH,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAwB,EAAE,CAAC,UAA0C;IACnE,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QACnF,kDAAkD;QAClD,OAAO,UAAU,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC;KACnC;IAED,MAAM,YAAY,GAA2B,EAAE,CAAC;IAEhD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,CAAC,GAAG,EAAE;YACR,SAAS;SACV;QAED,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACzB,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAClC,CAAC,EACD,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAC9E,CAAC;YACF,YAAY,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC;SACxC;KACF;IAED,IAAI,GAAG,GAAG,EAAE,CAAC;IAEb,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;QAC9B,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QAChC,GAAG,IAAI,KAAK,GAAG,GAAG,CAAC;KACpB;IAED,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC1B,CAAC;AAlCD,qBAkCC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cache.js","sourceRoot":"","sources":["../../../src/runtime/cache.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;GAUG;AACI,
|
|
1
|
+
{"version":3,"file":"cache.js","sourceRoot":"","sources":["../../../src/runtime/cache.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;GAUG;AACI,MAAM,eAAe,GAAG,GAAY,EAAE;IAC3C,OAAO,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC;AAC1E,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B"}
|
|
@@ -1,31 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
-
if (ar || !(i in from)) {
|
|
5
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
-
ar[i] = from[i];
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
|
-
};
|
|
11
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
3
|
exports.analyzeCssInDev = void 0;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
4
|
+
const selectorsToWarn = [':first-child', ':nth-child'];
|
|
5
|
+
const hasWarned = {};
|
|
6
|
+
const warn = (str, ...args) => console.error(`
|
|
7
|
+
██████╗ ██████╗ ███╗ ███╗██████╗ ██╗██╗ ███████╗██████╗
|
|
8
|
+
██╔════╝██╔═══██╗████╗ ████║██╔══██╗██║██║ ██╔════╝██╔══██╗
|
|
9
|
+
██║ ██║ ██║██╔████╔██║██████╔╝██║██║ █████╗ ██║ ██║
|
|
10
|
+
██║ ██║ ██║██║╚██╔╝██║██╔═══╝ ██║██║ ██╔══╝ ██║ ██║
|
|
11
|
+
╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ██║███████╗███████╗██████╔╝
|
|
12
|
+
╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚══════╝╚══════╝╚═════╝
|
|
13
|
+
|
|
14
|
+
@compiled/react/runtime - DEV WARNING
|
|
15
|
+
|
|
16
|
+
${str}
|
|
17
|
+
`, ...args);
|
|
18
|
+
const analyzeCssInDev = (sheet) => {
|
|
23
19
|
if (hasWarned[sheet]) {
|
|
24
20
|
return;
|
|
25
21
|
}
|
|
26
|
-
|
|
22
|
+
const shouldWarnAboutSelectors = selectorsToWarn.map((selector) => sheet.includes(selector)).filter(Boolean).length > 0;
|
|
27
23
|
if (shouldWarnAboutSelectors) {
|
|
28
|
-
warn(
|
|
24
|
+
warn(`Selectors "${selectorsToWarn.join(', ')}" are dangerous to use when server side rendering.
|
|
25
|
+
Alternatively try and use ":nth-of-type", or placing data attributes and targetting those instead.
|
|
26
|
+
Read https://compiledcssinjs.com/docs/server-side-rendering for more advice.`);
|
|
29
27
|
}
|
|
30
28
|
hasWarned[sheet] = true;
|
|
31
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dev-warnings.js","sourceRoot":"","sources":["../../../src/runtime/dev-warnings.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dev-warnings.js","sourceRoot":"","sources":["../../../src/runtime/dev-warnings.ts"],"names":[],"mappings":";;;AAAA,MAAM,eAAe,GAAG,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;AACvD,MAAM,SAAS,GAAyB,EAAE,CAAC;AAE3C,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,GAAG,IAAW,EAAQ,EAAE,CACjD,OAAO,CAAC,KAAK,CACX;;;;;;;;;;IAUA,GAAG;CACN,EACG,GAAG,IAAI,CACR,CAAC;AAEG,MAAM,eAAe,GAAG,CAAC,KAAa,EAAQ,EAAE;IACrD,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE;QACpB,OAAO;KACR;IAED,MAAM,wBAAwB,GAC5B,eAAe,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzF,IAAI,wBAAwB,EAAE;QAC5B,IAAI,CACF,cAAc,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;+EAEiC,CAC1E,CAAC;KACH;IAED,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,CAAC,CAAC;AAjBW,QAAA,eAAe,mBAiB1B"}
|