From b947efd437504cc1fad7cbd296052277c25fc203 Mon Sep 17 00:00:00 2001 From: Jayden Seric Date: Tue, 12 May 2020 18:15:50 +1000 Subject: [PATCH 1/2] Support Node.js ESM. Fixes https://github.com/zeit/styled-jsx/issues/640 . --- css.js | 24 ++------- css.mjs | 5 ++ readme.md | 2 +- src/_utils.js | 2 +- src/babel-external.js | 9 ++-- src/decoys.js | 19 +++++++ test/babel6/snapshots/attribute.js.md | 4 +- test/babel6/snapshots/attribute.js.snap | Bin 1530 -> 1532 bytes test/babel6/snapshots/external.js.md | 14 ++--- test/babel6/snapshots/external.js.snap | Bin 1502 -> 1501 bytes test/babel6/snapshots/index.js.md | 28 +++++----- test/babel6/snapshots/index.js.snap | Bin 2489 -> 2491 bytes test/babel6/snapshots/macro.js.md | 6 +-- test/babel6/snapshots/macro.js.snap | Bin 540 -> 543 bytes test/babel6/snapshots/plugins.js.md | 4 +- test/babel6/snapshots/plugins.js.snap | Bin 557 -> 559 bytes test/index.js | 44 ++++++++++++++- test/snapshots/attribute.js.md | 4 +- test/snapshots/attribute.js.snap | Bin 1528 -> 1530 bytes test/snapshots/external.js.md | 16 +++--- test/snapshots/external.js.snap | Bin 1655 -> 1658 bytes test/snapshots/index.js.md | 69 ++++++++++++++++++------ test/snapshots/index.js.snap | Bin 3056 -> 3245 bytes test/snapshots/macro.js.md | 6 +-- test/snapshots/macro.js.snap | Bin 547 -> 550 bytes test/snapshots/plugins.js.md | 4 +- test/snapshots/plugins.js.snap | Bin 557 -> 559 bytes 27 files changed, 174 insertions(+), 86 deletions(-) create mode 100644 css.mjs create mode 100644 src/decoys.js diff --git a/css.js b/css.js index 6521536a..b49a8b1f 100644 --- a/css.js +++ b/css.js @@ -1,23 +1,5 @@ -function notTranspiledError(name) { - throw new Error( - 'styled-jsx/css: if you are getting this error it means that your `' + - name + - '` tagged template literals were not transpiled.' - ) -} - -function css() { - notTranspiledError('css') -} - -css.global = function() { - notTranspiledError('global') -} - -css.resolve = function() { - notTranspiledError('resolve') -} +const { css, global, resolve } = require('./dist/decoys') module.exports = css -module.exports.global = css.global -module.exports.resolve = css.resolve +module.exports.global = global +module.exports.resolve = resolve diff --git a/css.mjs b/css.mjs new file mode 100644 index 00000000..855e1152 --- /dev/null +++ b/css.mjs @@ -0,0 +1,5 @@ +import decoys from './dist/decoys.js' + +export default decoys.css +export const global = decoys.global +export const resolve = decoys.resolve diff --git a/readme.md b/readme.md index a1af73af..a9771909 100644 --- a/readme.md +++ b/readme.md @@ -128,7 +128,7 @@ Turn on/off automatic vendor prefixing (default: `true`) The example above transpiles to the following: ```jsx -import _JSXStyle from 'styled-jsx/style' +import _JSXStyle from 'styled-jsx/style.js' export default () => (
diff --git a/src/_utils.js b/src/_utils.js index 564c8d50..ace427c5 100644 --- a/src/_utils.js +++ b/src/_utils.js @@ -678,7 +678,7 @@ export const booleanOption = opts => { export const createReactComponentImportDeclaration = () => t.importDeclaration( [t.importDefaultSpecifier(t.identifier(STYLE_COMPONENT))], - t.stringLiteral('styled-jsx/style') + t.stringLiteral('styled-jsx/style.js') ) export const setStateOptions = state => { diff --git a/src/babel-external.js b/src/babel-external.js index 8d8fb882..b98773f2 100644 --- a/src/babel-external.js +++ b/src/babel-external.js @@ -129,8 +129,11 @@ function addHash(exportIdentifier, hash) { export const visitor = { ImportDeclaration(path, state) { - // import css from 'styled-jsx/css' - if (path.node.source.value !== 'styled-jsx/css') { + // Bail if the import doesn’t have one of these specifiers: + // - styled-jsx/css + // - styled-jsx/css.mjs + // - 'styled-jsx/css.js + if (!/^styled-jsx\/css(?:\.m?js)?$/.test(path.node.source.value)) { return } @@ -218,7 +221,7 @@ export const visitor = { ) // When using the `resolve` helper we need to add an import - // for the _JSXStyle component `styled-jsx/style` + // for the _JSXStyle component `styled-jsx/style.js` if ( hasJSXStyle && taggedTemplateExpressions.resolve.length > 0 && diff --git a/src/decoys.js b/src/decoys.js new file mode 100644 index 00000000..80ff4a26 --- /dev/null +++ b/src/decoys.js @@ -0,0 +1,19 @@ +function notTranspiledError(name) { + throw new Error( + 'styled-jsx/css: if you are getting this error it means that your `' + + name + + '` tagged template literals were not transpiled.' + ) +} + +export function css() { + notTranspiledError('css') +} + +export function global() { + notTranspiledError('global') +} + +export function resolve() { + notTranspiledError('resolve') +} diff --git a/test/babel6/snapshots/attribute.js.md b/test/babel6/snapshots/attribute.js.md index 442b8aba..8a6eb7ee 100644 --- a/test/babel6/snapshots/attribute.js.md +++ b/test/babel6/snapshots/attribute.js.md @@ -8,7 +8,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ import styles from './styles';␊ ␊ const styles2 = require('./styles2');␊ @@ -108,7 +108,7 @@ Generated by [AVA](https://ava.li). `var _this = this;␊ ␊ - import _JSXStyle from "styled-jsx/style";␊ + import _JSXStyle from "styled-jsx/style.js";␊ export default (() => {␊ const Element = 'div';␊ return
␊ diff --git a/test/babel6/snapshots/attribute.js.snap b/test/babel6/snapshots/attribute.js.snap index 71641d5452193a9a442e05fb8dddb4e533583054..807a70db3a23c5577ec715795b28ed21013c7f45 100644 GIT binary patch literal 1532 zcmVocDK z?tBF9oVcyTSKz`8!8bri%#0l;PR7o}Zkv^s91{O|?>BFLzxUqQlU|`vcu@HAov;4- z_r33*_J01UGX3$7ANC65^UtF~q4@Tnv-->5pZ)Ug&9Hp=^0Pg9^|ucTg*OUsQLDW- z3lAUs{pd=y;l#br9T))l=@*Oocw*TuoP7HH>*wywKyYqbV-Os2tW_?Z>nc5zE*+s? zMAy_>!hklB3jASFMm+gTNp)A69&M zCKI4$@f3-tn8ovyc%EkV-1l62ir^yd8O1*kSJ3iH(2d4i4hZV!un~X!ix&epmVkX}-IPX^X<&Wkj2r+>T?TE7tAOx3R{z ztFl{$%T%?4vQ;>o-0WnEnG`DVmDPRE@Lr4s&nDP@CDVO$`&Ry839HJvos*k!DS|BP+6^G+T62 zh)D>WyKUSVktXpcEFfumPo(%bo02<=8i}N8GgBS2SZxqi@ybVH0iQoPPs#F4sfq%S z!a+($M`FF(Y&Sd2W~(M1z!611K0Yq<=WbSf)~pj1TA<)285$3~5Dt@kI>F(P=xA(} z(4yiX1C3nE4i(%Fe*Hd9kh_!dAWXM(Ih(oUBzGG1Zmru<>a}(X`;A7ci9d2Hm%6!! zOXDU{^u>rvWx2TMX}U8p)LBnA4c$bQGs7Ca;Hgky5$3C#O(9S0^+`$Wu=K&8-e}9M zR=3uS{=kYWy>7HL+IDg*P_oOxY`;suY3-LmS!&s}HkX}v7sZty^tC9QWjRCdgc4|P z7BcsGw;jN8yt`Y-SPXuryBFY$tO?REVfZ0>ij(L{wRQE(K>PlImpqZFE4EQhH$~TaE&U0h*{UlwrB3>I;se66P5StW-EJ9zkQRfD zSi-a2s*@2-4RjsUD`W2U)TDONnB?b0E>QN3P$b;%Y#Jxb3dH|e1c)%15d{x)%`FF i4SiUSRrl0b-kGD!2}6(mV$7*QbM`+pf`csvCIA5JNBIr_ literal 1530 zcmV>2rk@Kd;u;<%#0l;cE--cZkv^s91{O|?>BFLzxUqQlU|`vcu@HIy>I^h z_k$mw_I~}PJp1{tpY{sm^UtF~q4@5rdF|z&&whLVW>~s>`NbZ+`p3tG!dr!RsMX%v zg@+GbJ-SjYIB_mC8wNmr`o*F)nVOaZC!at6_PI0H5u97*1O%HLkIR?#b%h=Z{UW-i zmSc3T&U6PPsRV-|xJ7`GY1j^Ys-p=q91JavwJWiYZ&=8gSq2>9a~SEWZ9h{dXy6JM zwybnIt!A~+QmTSC#J1!^4P9B59b`N7%S-cvCm;a%mO^`Y{20O$IrN1O2Vl%}J?Zw% z4G83tQ1YOX98IQ>7;*6gw^f8x)U88|d6DsBm)Joj8zo0MRvooWZVh~c)O?8f@=V4@ z&EhE%Pce(C5qcnsUM4_^&H^Jnp;%OibrHCbj(kE6d}0*w zSiUqhLlQwO<$z@MfK#L+iI`yHO z2(9}Z{^zQ0qXdAkFXX7zTgBk$PaB{}L!MgZ)aGo%)Ru@&57;d?ehZTsWJk*Azx8GPFAO)!yNqa4liP7@bj7+|`Zm`1c2#!E zaG8pBx7C*}$?My*(&MJ<$GK_#KY@G+=z=!Jofroqf|nXXre}SE%N{m#=Np~-#bcYt ziKOVxREtv$Y)L4`KWr_cH;5Eu%mgJ^lx!6aCpSBpVkU(ozOuUS8Qx1&{2c{jN~NqB zve-uAtb7i0j=^@b^es2tv@sqnvLogSm`ynvfIBjE)9P7h-1h|UuoC+Fh=&#IGVB+< zQa`fq_xnTkCZ8DJGlZbxY<&1R!TcZ8UP zu({jDoe^mgf5H-y=Jr&MjUeIb6Bes=!YW?&NG#y-C+8_yyD3#+0CF&h zbaW)vx{Y?D(`dA+;sG2{^yA~>5`XSy#b?brQK2OY?vR1;zzyIq$){5s4vCJ&Rt_x6 zHqz0^F|9zsegD_%;{>@o84rSVOP8~eOHOj9Uh7u7oo21tPGP@ZZ#D2oY2{Kk_i$<4 zB#OQqaiuJm7u~UDPjz+P(+piRQ29(ZM=y9PR9J@j`eswW6MKDXCU#i*R8Xt8l~$`; zZG`_`MU`GRS{ZFSIhH8d{^@4PP~ia$`ATR6wa!gfpPA$o?B=t{LT^-M?W)OOaXC4Z!A=OEE*C3?E} zXI(Q4WPM3rIR+4V;Q)w9!hh^+V%yzXTd6md4k304E5}9R6^a9oi=j|Vrl8>{5kc36 z+d|v8FMEYqN)6x@J%-{OQg_)>Z&Y?0U6n?st0>KGeWR=#qH=(xbFd=j+B&qrzGo%F zSL5&%mh5y6K*UR)$kY|vsD_iGYpt68gwSZ!n$>2F^zp<8gjJjL@e{kx?Vt(C=cksX&SkQPfK7E|eCJ&Bpoz`pi8_@eVs-$U&!Dcs z3p5|NnzuPWaWiN&>z!6RvO0wCNFo6iy~Gp@-4m7vnfT{^ItBO)!@x(bhC`}(K^E%T guoS88nZCL$N0}3bF8#%rGo9w_e_w`H+W;m208jGxBme*a diff --git a/test/babel6/snapshots/external.js.md b/test/babel6/snapshots/external.js.md index e7188727..71d06eda 100644 --- a/test/babel6/snapshots/external.js.md +++ b/test/babel6/snapshots/external.js.md @@ -8,7 +8,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ ␊ import colors, { size } from './constants';␊ const color = 'red';␊ @@ -98,7 +98,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ ␊ ␊ function test() {␊ @@ -112,7 +112,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ ␊ import colors, { size } from './constants';␊ const color = 'red';␊ @@ -168,7 +168,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import styles from './styles2';␊ ␊ export default (({ level = 1 }) => {␊ @@ -184,7 +184,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ import styles from './styles';␊ const styles2 = require('./styles2');␊ import { foo as styles3 } from './styles';␊ @@ -211,7 +211,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ import styles, { foo as styles3 } from './styles';␊ ␊ const styles2 = require('./styles2');␊ @@ -229,7 +229,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ import styles from './styles';␊ ␊ export default (() =>
␊ diff --git a/test/babel6/snapshots/external.js.snap b/test/babel6/snapshots/external.js.snap index 84d466e7835d456466f7cf96358d6f119e394f13..c6656af2a46f3ad2137a1f9b3b09c146ab384ab7 100644 GIT binary patch literal 1501 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 E047M{00000 diff --git a/test/babel6/snapshots/index.js.md b/test/babel6/snapshots/index.js.md index 687bb917..347a3505 100644 --- a/test/babel6/snapshots/index.js.md +++ b/test/babel6/snapshots/index.js.md @@ -8,7 +8,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ export default (() =>
␊

test

␊

woot

␊ @@ -28,7 +28,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ export default (() =>
␊

test

␊

woot

␊ @@ -40,7 +40,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ const Test = () => <_JSXStyle id={"2743241663"}>{"p{color:red;}"};␊ ␊ export default (() =>
␊ @@ -53,7 +53,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ const color = 'red';␊ const otherColor = 'green';␊ ␊ @@ -76,7 +76,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ const Test = () =>
␊ test␊ ␊ @@ -87,7 +87,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default class {␊ ␊ render() {␊ @@ -103,7 +103,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ ␊ ␊ export default (({ children }) =>
␊ @@ -127,7 +127,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default (({ level = 1 }) => {␊ const Element = `h${level}`;␊ ␊ @@ -158,7 +158,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ export default class {␊ render() {␊ const Element = 'div';␊ @@ -184,7 +184,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ const darken = c => c;␊ const color = 'red';␊ const otherColor = 'green';␊ @@ -215,7 +215,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ const Test = () =>
␊ <_JSXStyle id={"2209073070"}>{"body{color:red;}:hover{color:red;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-animation:foo 1s ease-out;animation:foo 1s ease-out;}div a{display:none;}[data-test]>div{color:red;}"}␊
;␊ @@ -226,7 +226,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ const attrs = {␊ id: 'test'␊ };␊ @@ -257,7 +257,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ export default (() =>
␊

woot

␊ ␊ @@ -268,7 +268,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ export default (() =>
␊

test

␊

woot

␊ diff --git a/test/babel6/snapshots/index.js.snap b/test/babel6/snapshots/index.js.snap index 985b671e737f3eedb2720d932b8afcab65653f6e..98c7a84dfc46124931869a96728a63b7c51990cc 100644 GIT binary patch literal 2491 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 diff --git a/test/babel6/snapshots/macro.js.md b/test/babel6/snapshots/macro.js.md index eecb7c37..c6193f40 100644 --- a/test/babel6/snapshots/macro.js.md +++ b/test/babel6/snapshots/macro.js.md @@ -8,7 +8,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ ␊ ␊ ({␊ @@ -20,7 +20,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ ␊ ␊ function test() {␊ @@ -34,7 +34,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ ␊ ␊ const { className, styles } = {␊ diff --git a/test/babel6/snapshots/macro.js.snap b/test/babel6/snapshots/macro.js.snap index 532e5ab0a1fda95b521655e4fdf40c5bf1aa9362..2c178ddf00de192250470d463c7ec153bdd2e5fd 100644 GIT binary patch delta 518 zcmV+h0{Q)%1fK*VK~_N^Q*L2!b7*gLAa*he0ss&jF08^pB+ZFCQ!Lh|`&^MCC4YN? z_)Yu{sbZ~5X|E^p%|7BMXu=2y@kY7}y5bqTn5nNK4ld6zbl%K1hUJPQV=w=mH=!2PhS;gwsTwGil)m#cd z02V8@Qm{ej%S^GYRx+}%Ff%nUF@G~MP^z`7R!Ye%18S_$MF>|X=jY@XSrw(GSl24m z+UUde+v$J}PR>azF7`{zO|?=`N7bp$RjX-@;`n2vIzFv5FS#T$KTn|~wYWq>Qvu|c zf%K4q0?HRwU*Yc>N&~DB zWVC`pQEEwPQJ#Vg(7y<+w$*TEtsOXnD=1{-m#0)h+0_t}Yr$L_eV|@DU=Fti07;Zr IV#x&n08_;5ApigX delta 515 zcmV+e0{s1-1e^pSK~_N^Q*L2!b7*gLAa*he0suY|Zo%QFdban+)I-szIBAh0C4aks z_)Yu{sbZ~5X|E^p%|7BMXu=2JOm_v_*0#fOjgGlE5PSV88ogY`4A zG6*uQX2{Gf$S*2Ui1!MP2rjA2NmWQI%Fk6$F9xwwbhC;p^ubJZYc4J>jcP6hAOH&# zTPfHeG-amPRx24mr1!lk;=(i>!)LQ><&1YHjr4 z`t5YU1}Env78m;^=B8RHsH5ss=c?7TMsfLJl3bovnwMOXnV+Xnl3HA%p{W4!$Uyo= zK>_F=u38iyU1TQ3N6Gnl#U%>W2wQZZK2fMuum$@Mr^gITjf^Z!3@r^&J%0ul#_ur< zZ^88eBgq=(u$0QY#N5o}V2G1!6$*;-3xKp8B-C*_&CH32N^2<{yq3mji$+cjvjXqGX9WZ-a0|224F*Cpg F008-L@8SRe diff --git a/test/babel6/snapshots/plugins.js.md b/test/babel6/snapshots/plugins.js.md index 546b315c..d4c9f73c 100644 --- a/test/babel6/snapshots/plugins.js.md +++ b/test/babel6/snapshots/plugins.js.md @@ -8,7 +8,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ import styles from './styles';␊ const color = 'red';␊ ␊ @@ -39,7 +39,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from 'styled-jsx/style';␊ + `import _JSXStyle from 'styled-jsx/style.js';␊ import styles from './styles';␊ const color = 'red';␊ ␊ diff --git a/test/babel6/snapshots/plugins.js.snap b/test/babel6/snapshots/plugins.js.snap index 1a809ca17811d093cc5820870e5a0d347dd00417..21d717681d581aad84356ca0c2c5b4b61f6b9b57 100644 GIT binary patch literal 559 zcmV+~0?_?IRzVO6F|xByz8&GAr+NBwE!H7zCJ~6#;+ReuQ*Ll(FG%QK}^Hrt{rL6B8g>OWJ z_(ng1n4%Tm7{L+3A{Gfu0>~1QmJwwzXH_CekvOdhy6|c;mW#!w-QDL000Le0{H*{ literal 557 zcmV+|0@D3KRzVqN*M6ii@!kh z)-sgSZ=gs@f3i?C|FV!!V;`Xt3fOtnIRCTOAFnSus_}Dw0mvm?mY!ILdgHh!ZSN>yj?Lnv4rZ=a!HmPJ$Yx(^=%)6a{Bb vl4$lQ!(lwdY@s!ylg!6kC|v|&_JGh4A}5d#o^A>KoPVF6!kEMLKm`B*YHt*( diff --git a/test/index.js b/test/index.js index 39fb1006..9b4cddf5 100644 --- a/test/index.js +++ b/test/index.js @@ -5,7 +5,7 @@ import ReactDOM from 'react-dom/server' // Ours import plugin from '../src/babel' -import _transform from './_transform' +import _transform, { transformSource as _transformSource } from './_transform' const transform = (file, opts = {}) => _transform(file, { @@ -13,6 +13,12 @@ const transform = (file, opts = {}) => ...opts }) +const transformSource = (src, opts = {}) => + _transformSource(src.trim(), { + plugins: [[plugin, opts]], + ...opts + }) + test('handles dynamic `this` value inside of arrow function', async t => { const { code } = await transform( './fixtures/dynamic-this-value-in-arrow.js', @@ -267,3 +273,39 @@ test('optimized styles do not contain new lines', t => { t.is(html, `${expected}`) }) + +test('Babel plugin matches import specifier styled-jsx/css', async t => { + const { code } = await transformSource(` + import css from 'styled-jsx/css' + + css.resolve\`div { color: red }\` + `) + t.snapshot(code) +}) + +test('Babel plugin matches import specifier styled-jsx/css.mjs', async t => { + const { code } = await transformSource(` + import css from 'styled-jsx/css.mjs' + + css.resolve\`div { color: red }\` + `) + t.snapshot(code) +}) + +test('Babel plugin matches import specifier styled-jsx/css.js', async t => { + const { code } = await transformSource(` + import css from 'styled-jsx/css.js' + + css.resolve\`div { color: red }\` + `) + t.snapshot(code) +}) + +test('Babel plugin doesn’t match an unrelated import specifier', async t => { + const { code } = await transformSource(` + import css from 'x' + + css.resolve\`div { color: red }\` + `) + t.snapshot(code) +}) diff --git a/test/snapshots/attribute.js.md b/test/snapshots/attribute.js.md index 594ec1a8..c226a2c6 100644 --- a/test/snapshots/attribute.js.md +++ b/test/snapshots/attribute.js.md @@ -8,7 +8,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import styles from './styles';␊ ␊ const styles2 = require('./styles2'); // external only␊ @@ -112,7 +112,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default (() => {␊ const Element = 'div';␊ return
␊ diff --git a/test/snapshots/attribute.js.snap b/test/snapshots/attribute.js.snap index 6130091626d9dc65a2fdf35bea7a13d4cdbf3a43..5e980061eb8715a23d7c2437baf227f00b01846d 100644 GIT binary patch literal 1530 zcmVhE;e?j5T^34t4@F}k5gGPEZ zg+fY*izT>x5nk#}{s?1EWc1jXlnB#o(j(MVSFPhqBWjSD3md*HGoh$OJbCQN7xA26 z&q-m=BhR%L5PSr9BDuta0pNMR5THP2fsh^%EF#3V2uw()l#pXejKrUbSC(!HJm70( zV98uj?ojkHNTjSVZ4_xh(z0A^B`I6gPWib-`vldr9P0}c^=jROS{V>h_9gr;RKtNO z0AXJ!QLDF#!O)*}K;dRQx2?Iu*n^2J7M*-a?zo$m5Sc-CWQ>l#+U#qA9ps*!+V?lE zpdjun_Pb<`bYFnl??xZN&39ihh`ScxXJo)VOjrApj-la!3kYM{TPMAlVd+Km_m2`7&|L~5QIGr=7*6yw-{-0K2vQ* zg^(qd0evLv6Tg7v!DD8slSWRiz!+KD%VY~_C9oCUeb4Y-qGIni2vevP&5+dw6Js}E zFlQKSKMUh}M^4w!XtBLAk3(#V@c_K3WmxvWhT72Q{F6rLPZ3WV$YngN`n6$f2k`d? zxpn{pV{*o!mb^#}9DZ1>(tSXBEP)Yf{@*Ti8w#P3#Mg$P(E#w;g|?|0z%q?xwYu6` zr2bzZDO$*z?k{dO^$DK%kw@{w^Ycs9x%5Hwq_jFa3HB9F=EVVGk)AZ>0b*RAIMz5g zPLLtVP1^L6HXQ@?V#KMYhKN>OeVV|Yl*%5>+kQ`yC0Xt$bU!MIkYw)ixF>{~#viwa zB>6oTvWVR zcMMJm`q|l8jXisd;wMc!Rig-szcLbeLZ5NG}k9RO?T#o zx*X`Hp_{P&%&?}d5& z(TC(CA$59vNs{~Ro$4}Z%K((`>Bg3g^;QrDj{GHQGZWYD$?JxQ{Y&4v0`Lif0Uvle3aRA>$!O@~ gTC~O&Ms(|r(8rBE@`)f92Fcui0psrQuP!D400Qmy1^@s6 literal 1528 zcmV;RzVaTxEk00000000B+ zTFq|bR1{7JAy9UsS+HQi#gwt5X`I-Joxdh%7Ayd1gfs|{s;Y70Tk4Ku2iqAMxnA=G zu;&rj^8)h_NQfOmLc9Qi`{OuvVmmkXv>9p0B8lyDzI*QXopY{zlYXUAxmWq}ov;4< z=e_SA_kaGWKL7Fe9}X(`_3wj9rTX?C3+ctLPkwp#W>mX+@!0`6``3q+${Urph}FTH zmHYSpeqc;zw&Q`bPoIAM)LWPkTsZa=a4!C?*RR~`2KmYjs_>dv>hMCFn;sB^8W@g% zUj<-dTdoH_HsKUn9vA{%H=gqYbisk%+_AthItCL{bKNJ}6b^k3!Pez&S5=yARc>;@ z2-)HnG4w@I^q}jJw;<0CJOUiR??Pk`9zF!off)IM_lLlmn`YMKn;XF4Q(P?ojqGR& zg_IH(OK`hIcxkx1N0@LTqbJT}M3`lh9igsyS{+{+QiI%FSo39>2}Ld9$zxBxi02r4 zjthGp`kpg~;3L2j$z>k&0nZ1800lA&g!G7D5g|53U_v^fgd9;~Wd2mVvJFe%0beTv zOXiAlhoYB3B4veXqey*{mgQnAN!hY?%Fiv{C#a_7Sf5*{R~r`8%YcxwFX4ZonJ&x# zi26c_T79V)4E<>f6mG^d$DX;2J($>H(aD$ej=O#dkr`%3&gl57!@d?cVeUDZeShr= z3gXsczfI;y_XVi^uJsYzeD@X84u!wZh_*GkJ;z2?td~pQ)*9cf%3d;Dp`zVy_2oh`SsxXJo)VcY*tpj-m_;R!=W{TPMAlj9&am_m2`7&|Y32!uTj=7*78ZZWdrJl7mX zg^(qd0ez(Fle~cC!DHsClSR%>fibeQm&q2=N?+q9j&1NA|`1;>rZpCTSNkjrRL4QhkL_TO*! z*|+~fOLFK^GhU=uU4Brl(oH~mEQ2BH{NK(E2MUpq%-05>(E#w;gN~({z_!dqwYuC_ zr2bzZ9VFyUHy77C`WVmp(5HCf+1aJ$UIrk3QeK`NhntGWv*G}WNRJz{5HTrE5^EG5 zr)ZGoCa?R+>yDvx3F0(MM?`C$F-c)h&SZ}!ZLcdUvZAzAx*3&5NIG}BxTl1g#UHnV zB*{G!ljCel?ILPqk*Y5&ZJNqz3$sf1x=}Q!keJhR9QB4M1Th>(I62{@Uc1xow%clx zI|3&J{q*#-#-6=J@zW-rsZk6iSQ-!g5Dw8io}qAXbR@QVXi;~e2`8TIgc=^w&tQO3 zH{N9*C^*S$;#8Xn0yaJZ24&JTz%#fQ z`bMxlO;Kx5l~z~nB$kcUJ`e_u{U2#P6Ibr(>xPK^OW(Qz@CkweANU3eNeaSbG>uU$ eUgL8!zHdk9<3>LDM38fnWbS`Mq@O(~CIA4rPwuw> diff --git a/test/snapshots/external.js.md b/test/snapshots/external.js.md index e1f84dcb..2951c2e0 100644 --- a/test/snapshots/external.js.md +++ b/test/snapshots/external.js.md @@ -8,7 +8,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import colors, { size } from './constants';␊ const color = 'red';␊ const bar = ["div.jsx-2141779268{font-size:3em;}"];␊ @@ -55,7 +55,7 @@ Generated by [AVA](https://ava.li). `"use strict";␊ ␊ - var _style = _interopRequireDefault(require("styled-jsx/style"));␊ + var _style = _interopRequireDefault(require("styled-jsx/style.js"));␊ ␊ var _App = _interopRequireDefault(require("./App.styles"));␊ ␊ @@ -99,7 +99,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ ␊ function test() {␊ ({␊ @@ -112,7 +112,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import colors, { size } from './constants';␊ const color = 'red';␊ const bar = new String("div.jsx-2141779268{font-size:3em;}");␊ @@ -158,7 +158,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import styles from './styles2';␊ export default (({␊ level = 1␊ @@ -174,7 +174,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import styles from './styles';␊ ␊ const styles2 = require('./styles2');␊ @@ -201,7 +201,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import styles, { foo as styles3 } from './styles';␊ ␊ const styles2 = require('./styles2');␊ @@ -219,7 +219,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import styles from './styles';␊ export default (() =>
␊

test

␊ diff --git a/test/snapshots/external.js.snap b/test/snapshots/external.js.snap index b7551ed60d84d0cf9af4b41aecf862a1881b0c47..60d66372439682e24b18e2fc2c35a61594989b8c 100644 GIT binary patch literal 1658 zcmV-=28H=SRzVK0kIib?!X>D@Ualx&b)3?8*Im9xflgJbL!& zgU{_d#8K&`l>of-%WIcU2KIjV)X0{u)47LEa8!EWb^yM*_isLXXY~BhFV?I-{qp@U za#VWl4ghWdH_?1>OTmgIr$MDwmlX}>9~|90s_m*GIHt%o$gAXgX<(Z=5u{%O+f+W~ z^Nls6qE?Y5s3BGJ_razQLO=NjAswbBVcLeOl!lwU5Rb>AgOQjp$m^LVU#jfDSQ7)b zxLK5|vXWF#DW&szI%w%<`YCX+Dyr&6v4)b6cWUzZz22Ad>5iB*j&G<4`=eBf8gY7u zsK7jR4-Uh8MbeNW*B?RK8x;kuM`L26s`(Z6)897mzCIIWUA^uBBM`*n0xTg+*~(i7 zRe9?+oJ^=7t)WN||AMPlkw+k(N9qQ-)WE*4rSc>mR$^L7D$r9GTGIMOjicQPR}jl#hOALvbZ~ao1SFts)UgXeS)SwU@^IcC&>dp`oFK5Q{g*WJwz! z_{lJ;;fBN2!Fop2Se>`W@;319$-wQAc6UM&TVKS4gpi1b!kIC|6NR|sBkw^^2Bf^j|@p{-(XW&?|)l+LQc9l-_PSZRT77{TW z>`;_UbIY17c3M*d;|fAjpjsI(YuL2del#V8!X#2~Q$mYzA0Y&zY&e4dhs&5Dn9HSI zl31%0vE$4n9L~@XoB?$XDI6A}1UG_1GQozM*~$Lr%!u=O;tjI$e%LO6T&|DMe~M<$=zWvarm8y5`(P*}L?a1D)ornRV%Od8 zCrz7ai``-qyX&CJ<%>v_SuX^c^GuN0wzQa=BQ0j9Aj8~D$S~`P0(0|4f!P@oN}(U} zQ;`av`&Wo?@f}|rI?T?I4_Owxa$=jD{AWnf=7r9zh#e?Q&y3R-ehO+l2w0u-Mg$`) zo(@|)%pH+vEFNmR#q&8aoYULT!_&J)ciI7#IF;=59coVZ_I7eF>%}R|GYjC;an4*I zRMl7$%BWiPvKU~E0h%3dhVQq1hO^4P!Q^C+iT_jkhj9 z%Qhu7L$2!)rIgHcy$b zRcZ+=bUhx1g4$6;cYBR3f7V0|G>>6x9f+yd?-TO;-MLE8{GsIs$S*sU0D zqd4ycVF6h;36pjZ7B;=)VGDyTY+d-Q&4v3dUB}#4K%Mj8PJ>&GdFwtdlj{+Cg3dZk zb8XRu=|)eDx3K-QxUFK`Mmae3`pm94r{Pp@1X%D+Yn_HV8)7aKz>$pu-0ZW_?`etf zy6SY!q?smH4#*pKZ`Bu_Y3Hpnr8!i_RRy74qmqqN741M(T#^tz96HZZBUMymdzV7F zr%A_=U7CG~Yz~;Vb!}!-aA|nmx+(V5_U4HXF>_XBXPIe|Yr}JLN!^$F2N$>1ZXy~0 E045404FCWD literal 1655 zcmV--28j7VRzVFPT+H5Y9%jUKztzAK(^|Do3mXORQXE!OyOgb~!Ucx9^ z3R_WW9~8l2l~#RFuu>5p6w$V#tyNY;d@Cr5Sg)Wj?V_H`Tr!iSJ9~3=VKL7Phe~fT*S{oR zV2SmC6%2FdhBIe(UCw-a{QU6WZ~XP<6ickXq2CkA>(bXBWLNL%mEZlj_Z5~U)>W$* zrtg<0KiQM}@tdb#6Pd4O9xk%P8oG&L-j7~9e0Alf^RedO)mMeXzq7>pYY)SmjNCHw z`Dy>f&)&=4^Kxe93QMd9Z)TWVFZHesDLsFDbn;mG;xzXIORQh^GR&FPj~;&f{_?Ra zBNq-Hd1~q?ORSgHGR(8zy>R7B;LzKT4e#nXm%HyYORST(G0dl1{^Um2#imbuym9Nf z=k9)nCD!k6XPE1l8wellN@mT951C4>F3Bp$-#fB%MBQJ7U|g1JfK%}QrGeebz99LR zOM5)y4Y8lHn~z|GJqfl zEOWCcRV6tk!%|w~v`o_cSUp+zQ8qMpgC7^sBc$YoE`6*j%r>00;!pxBz8?I-8_* zah1k)BPM|i)rKqr^bM?Ek3RzWJXE$xr3MOo6S1ezuoCr35rdWnTFV4Gtg7f}8N_#% z(1?FBl!kzgK?;P^G7M(PnhZq|^rLn*jbj2fjao^Eqv659 zBp+{2I+ymK(XEM^V>t`%fC1Op|3Ei?q4hx=QJ73bA||eYQ44m|z9#82~;2%n6j#0FznSFGtQ zyL~z(Fd;)I2C9{bvWn;S15W7dL8U0yrbSLAY6-!Ebx1D{%H#hOI9g^j@X~%!s8xz6 zd^#@}%92FvX?0I565(SQH;NK7z=oQm?MdX!yz_Y+4gnm{Jq8q5g+*18-LT-ozZ)ku zR?J5M9mP93+M16abV?(a^WhyRO*quofFZ5d>Hx%kC>-Wv(In{rQx`0I+q(9HLftv0 zeKpNm_?DSb&^BFMw_Li|aa-uFkUrN6=>YDGv;eJa!M}!T`sSjV4#-*c)3;dqIcF8R zmI4+273Eycke5d@7buzT<+7cP|BPA|W*5uZg>oS}d5SgEPf>KiE5mBljnW~H0-6kE zpm&88IKYu(dOU@>=mkb3aCF)fFp|_P7=vS1vjb4qpE>}|;OO)_Dk?cn(aj-H4i`M8 z3vMBg4L%mC?@L?Gn?*@2L)pL}pXlvfg<`3oV~kZBFzuw`E(tL&LJ=P(&@l%swM;8i zcH4eX7bajPXtUbOcc|OxWYo=>1ih~=!I5Ok+_zr3Sj-KVe(g79iGJtNyvDiI9K`qI zgOv``Bz+_(xutlZRFLN$9-fj8?;P`M#iJ@cyf^E6MzF7K>^#)UP!Tx!zF07 z8peV~50#nvVuGUK9C6}Mnn*qHtwknSUy7-;>|RM~0k?~oPQ7)$)(tix>h2hEIz~D; zE_y*|LgocR+iq-PlZzdyx|XqZKQVV|=TovjIIn%W^Wdbx=|-bQ4O%?lrC3P&W@?5g^*YwV(xMVN0{93|j8wJ3gptHMcGMfC`y^OgNjGF*i<`VLhn_ch5l z{I+Oa85;v;ZCXpvWK Snapshot 1 + + `import _JSXStyle from "styled-jsx/style.js";␊ + ({␊ + styles: <_JSXStyle id={"2886504620"}>{"div.jsx-2886504620{color:red;}"},␊ + className: "jsx-2886504620"␊ + });` + +## Babel plugin matches import specifier styled-jsx/css.js + +> Snapshot 1 + + `import _JSXStyle from "styled-jsx/style.js";␊ + ({␊ + styles: <_JSXStyle id={"2886504620"}>{"div.jsx-2886504620{color:red;}"},␊ + className: "jsx-2886504620"␊ + });` + +## Babel plugin matches import specifier styled-jsx/css.mjs + +> Snapshot 1 + + `import _JSXStyle from "styled-jsx/style.js";␊ + ({␊ + styles: <_JSXStyle id={"2886504620"}>{"div.jsx-2886504620{color:red;}"},␊ + className: "jsx-2886504620"␊ + });` + ## generates source maps > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default (() =>
␊

test

␊

woot

␊ @@ -19,7 +49,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import React, { Component } from 'react';␊ export default class Index extends Component {␊ static getInitialProps() {␊ @@ -72,7 +102,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default (() =>
␊

test

␊

woot

␊ @@ -84,7 +114,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ ␊ const Test = () => <_JSXStyle id={"2743241663"}>{"p{color:red;}"};␊ ␊ @@ -98,7 +128,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ const color = 'red';␊ const otherColor = 'green';␊ ␊ @@ -121,7 +151,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ ␊ const Test = () =>
␊ test␊ @@ -133,7 +163,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default class {␊ render() {␊ return
␊ @@ -148,7 +178,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default (({␊ children␊ }) =>
␊ @@ -172,7 +202,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default (({␊ level = 1␊ }) => {␊ @@ -203,7 +233,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default class {␊ render() {␊ const Element = 'div';␊ @@ -229,7 +259,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ ␊ const darken = c => c;␊ ␊ @@ -265,7 +295,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ import React from 'react';␊ export default (() => <>␊

Testing!!!

␊ @@ -300,7 +330,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ ␊ const Test = () =>
␊ <_JSXStyle id={"2209073070"}>{"body{color:red;}:hover{color:red;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-animation:foo 1s ease-out;animation:foo 1s ease-out;}div a{display:none;}[data-test]>div{color:red;}"}␊ @@ -312,7 +342,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ const attrs = {␊ id: 'test'␊ };␊ @@ -344,7 +374,7 @@ Generated by [AVA](https://ava.li). > Snapshot 1 - `import _JSXStyle from "styled-jsx/style";␊ + `import _JSXStyle from "styled-jsx/style.js";␊ export default (() =>
␊

woot

␊