aet/babel-tailwind
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Alex 2024-07-06 19:17:37 -04:00
parent a05b1222b5
commit 53ac883c18
14 changed files with 259 additions and 200 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
package.json
View File

@ -1,10 +1,11 @@
{ {
"name": "@aet/tailwind", "name": "@aet/tailwind",
"version": "0.0.1-beta.34", "version": "0.0.1-beta.36",
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {
"build": "./scripts/index.ts", "build": "./scripts/index.ts",
"test": "vitest" "test": "vitest",
"do": "vitest run && yarn build && ver bump && npm publish && ver unpub"
}, },
"files": [ "files": [
"dist" "dist"
@ -18,12 +19,12 @@
} }
}, },
"devDependencies": { "devDependencies": {
"@aet/eslint-rules": "^0.0.34", "@aet/eslint-rules": "^0.0.36",
"@types/babel__core": "^7.20.5", "@types/babel__core": "^7.20.5",
"@types/bun": "^1.1.6", "@types/bun": "^1.1.6",
"@types/dedent": "^0.7.2", "@types/dedent": "^0.7.2",
"@types/lodash": "^4.17.6", "@types/lodash": "^4.17.6",
"@types/node": "^20.14.9", "@types/node": "^20.14.10",
"@types/postcss-safe-parser": "^5.0.4", "@types/postcss-safe-parser": "^5.0.4",
"@types/react": "^18.3.3", "@types/react": "^18.3.3",
"@types/stylis": "^4.2.6", "@types/stylis": "^4.2.6",
@ -40,7 +41,7 @@
"tslib": "^2.6.3", "tslib": "^2.6.3",
"tsup": "^8.1.0", "tsup": "^8.1.0",
"typescript": "^5.5.3", "typescript": "^5.5.3",
"vite": "^5.3.2", "vite": "^5.3.3",
"vitest": "^1.6.0" "vitest": "^1.6.0"
}, },
"peerDependencies": { "peerDependencies": {

196
pnpm-lock.yaml generated
View File

@ -40,8 +40,8 @@ importers:
version: 4.21.0 version: 4.21.0
devDependencies: devDependencies:
'@aet/eslint-rules': '@aet/eslint-rules':
specifier: ^0.0.34 specifier: ^0.0.36
version: 0.0.34(eslint@8.57.0)(typescript@5.5.3) version: 0.0.36(eslint@8.57.0)(typescript@5.5.3)
'@types/babel__core': '@types/babel__core':
specifier: ^7.20.5 specifier: ^7.20.5
version: 7.20.5 version: 7.20.5
@ -55,8 +55,8 @@ importers:
specifier: ^4.17.6 specifier: ^4.17.6
version: 4.17.6 version: 4.17.6
'@types/node': '@types/node':
specifier: ^20.14.9 specifier: ^20.14.10
version: 20.14.9 version: 20.14.10
'@types/postcss-safe-parser': '@types/postcss-safe-parser':
specifier: ^5.0.4 specifier: ^5.0.4
version: 5.0.4 version: 5.0.4
@ -106,11 +106,11 @@ importers:
specifier: ^5.5.3 specifier: ^5.5.3
version: 5.5.3 version: 5.5.3
vite: vite:
specifier: ^5.3.2 specifier: ^5.3.3
version: 5.3.2(@types/node@20.14.9) version: 5.3.3(@types/node@20.14.10)
vitest: vitest:
specifier: ^1.6.0 specifier: ^1.6.0
version: 1.6.0(@types/node@20.14.9) version: 1.6.0(@types/node@20.14.10)
packages: packages:
@ -118,12 +118,12 @@ packages:
resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==} resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
engines: {node: '>=0.10.0'} engines: {node: '>=0.10.0'}
'@aet/eslint-define-config@0.1.0-beta.1': '@aet/eslint-define-config@0.1.0-beta.3':
resolution: {integrity: sha512-CpHRfl17loRfmX2yimeFiu72vTG/m+h8Trq2z90yAZr6rGP7kcV/ypsm56cZ/BrK8iK94MWNdsRa3QIgw1Xcrw==} resolution: {integrity: sha512-vJ8YsXCu8Dt3+xN7B4n8FOJTZO1S0/ztb4EIwE5F4Sh6jB9UrvticcMRapqmANNCyska3joNMOFhqZI8hH1kVQ==}
engines: {node: '>=18.0.0', npm: '>=9.0.0'} engines: {node: '>=18.0.0', npm: '>=9.0.0'}
'@aet/eslint-rules@0.0.34': '@aet/eslint-rules@0.0.36':
resolution: {integrity: sha512-3NYOYf1HJg9IRQgvl0kGR6CZlfPzRk/rf8519xOD1bXdmChhpPP+MAHm5G1WKQqAVeAa4J6aV7hKy2iyJcHZTA==} resolution: {integrity: sha512-uZLVGOm578acCot5e/PvSUdg2QxkUYx6+a58kQJLU1gHKOvOe/KDVtqRYG2EiZBX2g1PHby4dLCdORSslhDEVw==}
peerDependencies: peerDependencies:
eslint: ^8.57.0 eslint: ^8.57.0
typescript: ^5.4.4 typescript: ^5.4.4
@ -544,6 +544,10 @@ packages:
resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==} resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0} engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
'@eslint-community/regexpp@4.11.0':
resolution: {integrity: sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==}
engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
'@eslint/eslintrc@2.1.4': '@eslint/eslintrc@2.1.4':
resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==} resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@ -724,8 +728,8 @@ packages:
'@types/node@20.12.14': '@types/node@20.12.14':
resolution: {integrity: sha512-scnD59RpYD91xngrQQLGkE+6UrHUPzeKZWhhjBSa3HSkwjbQc38+q3RoIVEwxQGRw3M+j5hpNAM+lgV3cVormg==} resolution: {integrity: sha512-scnD59RpYD91xngrQQLGkE+6UrHUPzeKZWhhjBSa3HSkwjbQc38+q3RoIVEwxQGRw3M+j5hpNAM+lgV3cVormg==}
'@types/node@20.14.9': '@types/node@20.14.10':
resolution: {integrity: sha512-06OCtnTXtWOZBJlRApleWndH4JsRVs1pDCc8dLSQp+7PpUpX3ePdHyeNSFTeSe7FtKyQkrlPvHwJOW3SLd8Oyg==} resolution: {integrity: sha512-MdiXf+nDuMvY0gJKxyfZ7/6UFsETO7mGKF54MVD/ekJS6HdFtpZFBgrh6Pseu64XTb2MLyFPlbW6hj8HYRQNOQ==}
'@types/normalize-package-data@2.4.4': '@types/normalize-package-data@2.4.4':
resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==} resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@ -745,8 +749,8 @@ packages:
'@types/ws@8.5.10': '@types/ws@8.5.10':
resolution: {integrity: sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==} resolution: {integrity: sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==}
'@typescript-eslint/eslint-plugin@7.14.1': '@typescript-eslint/eslint-plugin@7.15.0':
resolution: {integrity: sha512-aAJd6bIf2vvQRjUG3ZkNXkmBpN+J7Wd0mfQiiVCJMu9Z5GcZZdcc0j8XwN/BM97Fl7e3SkTXODSk4VehUv7CGw==} resolution: {integrity: sha512-uiNHpyjZtFrLwLDpHnzaDlP3Tt6sGMqTCiqmxaN4n4RP0EfYZDODJyddiFDF44Hjwxr5xAcaYxVKm9QKQFJFLA==}
engines: {node: ^18.18.0 || >=20.0.0} engines: {node: ^18.18.0 || >=20.0.0}
peerDependencies: peerDependencies:
'@typescript-eslint/parser': ^7.0.0 '@typescript-eslint/parser': ^7.0.0
@ -756,8 +760,8 @@ packages:
typescript: typescript:
optional: true optional: true
'@typescript-eslint/parser@7.14.1': '@typescript-eslint/parser@7.15.0':
resolution: {integrity: sha512-8lKUOebNLcR0D7RvlcloOacTOWzOqemWEWkKSVpMZVF/XVcwjPR+3MD08QzbW9TCGJ+DwIc6zUSGZ9vd8cO1IA==} resolution: {integrity: sha512-k9fYuQNnypLFcqORNClRykkGOMOj+pV6V91R4GO/l1FDGwpqmSwoOQrOHo3cGaH63e+D3ZiCAOsuS/D2c99j/A==}
engines: {node: ^18.18.0 || >=20.0.0} engines: {node: ^18.18.0 || >=20.0.0}
peerDependencies: peerDependencies:
eslint: ^8.56.0 eslint: ^8.56.0
@ -766,12 +770,12 @@ packages:
typescript: typescript:
optional: true optional: true
'@typescript-eslint/scope-manager@7.14.1': '@typescript-eslint/scope-manager@7.15.0':
resolution: {integrity: sha512-gPrFSsoYcsffYXTOZ+hT7fyJr95rdVe4kGVX1ps/dJ+DfmlnjFN/GcMxXcVkeHDKqsq6uAcVaQaIi3cFffmAbA==} resolution: {integrity: sha512-Q/1yrF/XbxOTvttNVPihxh1b9fxamjEoz2Os/Pe38OHwxC24CyCqXxGTOdpb4lt6HYtqw9HetA/Rf6gDGaMPlw==}
engines: {node: ^18.18.0 || >=20.0.0} engines: {node: ^18.18.0 || >=20.0.0}
'@typescript-eslint/type-utils@7.14.1': '@typescript-eslint/type-utils@7.15.0':
resolution: {integrity: sha512-/MzmgNd3nnbDbOi3LfasXWWe292+iuo+umJ0bCCMCPc1jLO/z2BQmWUUUXvXLbrQey/JgzdF/OV+I5bzEGwJkQ==} resolution: {integrity: sha512-SkgriaeV6PDvpA6253PDVep0qCqgbO1IOBiycjnXsszNTVQe5flN5wR5jiczoEoDEnAqYFSFFc9al9BSGVltkg==}
engines: {node: ^18.18.0 || >=20.0.0} engines: {node: ^18.18.0 || >=20.0.0}
peerDependencies: peerDependencies:
eslint: ^8.56.0 eslint: ^8.56.0
@ -784,8 +788,12 @@ packages:
resolution: {integrity: sha512-mL7zNEOQybo5R3AavY+Am7KLv8BorIv7HCYS5rKoNZKQD9tsfGUpO4KdAn3sSUvTiS4PQkr2+K0KJbxj8H9NDg==} resolution: {integrity: sha512-mL7zNEOQybo5R3AavY+Am7KLv8BorIv7HCYS5rKoNZKQD9tsfGUpO4KdAn3sSUvTiS4PQkr2+K0KJbxj8H9NDg==}
engines: {node: ^18.18.0 || >=20.0.0} engines: {node: ^18.18.0 || >=20.0.0}
'@typescript-eslint/typescript-estree@7.14.1': '@typescript-eslint/types@7.15.0':
resolution: {integrity: sha512-k5d0VuxViE2ulIO6FbxxSZaxqDVUyMbXcidC8rHvii0I56XZPv8cq+EhMns+d/EVIL41sMXqRbK3D10Oza1bbA==} resolution: {integrity: sha512-aV1+B1+ySXbQH0pLK0rx66I3IkiZNidYobyfn0WFsdGhSXw+P3YOqeTq5GED458SfB24tg+ux3S+9g118hjlTw==}
engines: {node: ^18.18.0 || >=20.0.0}
'@typescript-eslint/typescript-estree@7.15.0':
resolution: {integrity: sha512-gjyB/rHAopL/XxfmYThQbXbzRMGhZzGw6KpcMbfe8Q3nNQKStpxnUKeXb0KiN/fFDR42Z43szs6rY7eHk0zdGQ==}
engines: {node: ^18.18.0 || >=20.0.0} engines: {node: ^18.18.0 || >=20.0.0}
peerDependencies: peerDependencies:
typescript: '*' typescript: '*'
@ -793,14 +801,14 @@ packages:
typescript: typescript:
optional: true optional: true
'@typescript-eslint/utils@7.14.1': '@typescript-eslint/utils@7.15.0':
resolution: {integrity: sha512-CMmVVELns3nak3cpJhZosDkm63n+DwBlDX8g0k4QUa9BMnF+lH2lr3d130M1Zt1xxmB3LLk3NV7KQCq86ZBBhQ==} resolution: {integrity: sha512-hfDMDqaqOqsUVGiEPSMLR/AjTSCsmJwjpKkYQRo1FNbmW4tBwBspYDwO9eh7sKSTwMQgBw9/T4DHudPaqshRWA==}
engines: {node: ^18.18.0 || >=20.0.0} engines: {node: ^18.18.0 || >=20.0.0}
peerDependencies: peerDependencies:
eslint: ^8.56.0 eslint: ^8.56.0
'@typescript-eslint/visitor-keys@7.14.1': '@typescript-eslint/visitor-keys@7.15.0':
resolution: {integrity: sha512-Crb+F75U1JAEtBeQGxSKwI60hZmmzaqA3z9sYsVm8X7W5cwLEm5bRe0/uXS6+MR/y8CVpKSR/ontIAIEPFcEkA==} resolution: {integrity: sha512-Hqgy/ETgpt2L5xueA/zHHIl4fJI2O4XUE9l4+OIfbJIRSnTJb/QscncdqqZzofQegIJugRIF57OJea1khw2SDw==}
engines: {node: ^18.18.0 || >=20.0.0} engines: {node: ^18.18.0 || >=20.0.0}
'@ungap/structured-clone@1.2.0': '@ungap/structured-clone@1.2.0':
@ -1197,20 +1205,20 @@ packages:
eslint-import-resolver-webpack: eslint-import-resolver-webpack:
optional: true optional: true
eslint-plugin-es-x@7.7.0: eslint-plugin-es-x@8.0.0:
resolution: {integrity: sha512-aP3qj8BwiEDPttxQkZdI221DLKq9sI/qHolE2YSQL1/9+xk7dTV+tB1Fz8/IaCA+lnLA1bDEnvaS2LKs0k2Uig==} resolution: {integrity: sha512-kPIagK5FxZBDwVxZXCsxmZUjU2aYGeTs4/wfAauI2FAThsbeLgred5b+6S0x7Hhx04GPzrB4j0h60bnsyLpzEA==}
engines: {node: ^14.18.0 || >=16.0.0} engines: {node: ^14.18.0 || >=16.0.0}
peerDependencies: peerDependencies:
eslint: '>=8' eslint: '>=8'
eslint-plugin-import-x@0.5.2: eslint-plugin-import-x@0.5.3:
resolution: {integrity: sha512-6f1YMmg3PdLwfiJDYnCRPfh67zJKbwbOKL99l6xGZDmIFkMht/4xyudafGEcDOmDlgp36e41W4RXDfOn7+pGRg==} resolution: {integrity: sha512-hJ/wkMcsLQXAZL3+txXIDpbW5cqwdm1rLTqV4VRY03aIbzE3zWE7rPZKW6Gzf7xyl1u3V1iYC6tOG77d9NF4GQ==}
engines: {node: '>=16'} engines: {node: '>=16'}
peerDependencies: peerDependencies:
eslint: ^8.56.0 || ^9.0.0-0 eslint: ^8.56.0 || ^9.0.0-0
eslint-plugin-jsdoc@48.5.0: eslint-plugin-jsdoc@48.5.2:
resolution: {integrity: sha512-ukXPNpGby3KjCveCizIS8t1EbuJEHYEu/tBg8GCbn/YbHcXwphyvYCdvRZ/oMRfTscGSSzfsWoZ+ZkAP0/6YMQ==} resolution: {integrity: sha512-VXBJFviQz30rynlOEQ+dNWLmeopjoAgutUVrWOZwm6Ki4EVDm4XkyIqAV/Zhf7FcDr0AG0aGmRn5FxxCtAF0tA==}
engines: {node: '>=18'} engines: {node: '>=18'}
peerDependencies: peerDependencies:
eslint: ^7.0.0 || ^8.0.0 || ^9.0.0 eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
@ -2003,6 +2011,9 @@ packages:
spdx-license-ids@3.0.17: spdx-license-ids@3.0.17:
resolution: {integrity: sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==} resolution: {integrity: sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==}
stable-hash@0.0.4:
resolution: {integrity: sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==}
stackback@0.0.2: stackback@0.0.2:
resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==} resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
@ -2210,8 +2221,8 @@ packages:
engines: {node: ^18.0.0 || >=20.0.0} engines: {node: ^18.0.0 || >=20.0.0}
hasBin: true hasBin: true
vite@5.3.2: vite@5.3.3:
resolution: {integrity: sha512-6lA7OBHBlXUxiJxbO5aAY2fsHHzDr1q7DvXYnyZycRs2Dz+dXBWuhpWHvmljTRTpQC2uvGmUFFkSHF2vGo90MA==} resolution: {integrity: sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==}
engines: {node: ^18.0.0 || >=20.0.0} engines: {node: ^18.0.0 || >=20.0.0}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
@ -2322,17 +2333,17 @@ snapshots:
'@aashutoshrathi/word-wrap@1.2.6': {} '@aashutoshrathi/word-wrap@1.2.6': {}
'@aet/eslint-define-config@0.1.0-beta.1': {} '@aet/eslint-define-config@0.1.0-beta.3': {}
'@aet/eslint-rules@0.0.34(eslint@8.57.0)(typescript@5.5.3)': '@aet/eslint-rules@0.0.36(eslint@8.57.0)(typescript@5.5.3)':
dependencies: dependencies:
'@aet/eslint-define-config': 0.1.0-beta.1 '@aet/eslint-define-config': 0.1.0-beta.3
'@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0) '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
'@types/eslint': 8.56.10 '@types/eslint': 8.56.10
'@typescript-eslint/eslint-plugin': 7.14.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.3))(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/eslint-plugin': 7.15.0(@typescript-eslint/parser@7.15.0(eslint@8.57.0)(typescript@5.5.3))(eslint@8.57.0)(typescript@5.5.3)
'@typescript-eslint/parser': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/parser': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
'@typescript-eslint/type-utils': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/type-utils': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
'@typescript-eslint/utils': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/utils': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
aria-query: 5.3.0 aria-query: 5.3.0
axe-core: 4.9.1 axe-core: 4.9.1
axobject-query: 4.0.0 axobject-query: 4.0.0
@ -2344,10 +2355,10 @@ snapshots:
eslint: 8.57.0 eslint: 8.57.0
eslint-config-prettier: 9.1.0(eslint@8.57.0) eslint-config-prettier: 9.1.0(eslint@8.57.0)
eslint-import-resolver-node: 0.3.9 eslint-import-resolver-node: 0.3.9
eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0) eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.15.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0)
eslint-plugin-es-x: 7.7.0(eslint@8.57.0) eslint-plugin-es-x: 8.0.0(eslint@8.57.0)
eslint-plugin-import-x: 0.5.2(eslint@8.57.0)(typescript@5.5.3) eslint-plugin-import-x: 0.5.3(eslint@8.57.0)(typescript@5.5.3)
eslint-plugin-jsdoc: 48.5.0(eslint@8.57.0) eslint-plugin-jsdoc: 48.5.2(eslint@8.57.0)
eslint-plugin-unicorn: 54.0.0(eslint@8.57.0) eslint-plugin-unicorn: 54.0.0(eslint@8.57.0)
esprima: 4.0.1 esprima: 4.0.1
esquery: 1.5.0 esquery: 1.5.0
@ -2686,6 +2697,8 @@ snapshots:
'@eslint-community/regexpp@4.10.0': {} '@eslint-community/regexpp@4.10.0': {}
'@eslint-community/regexpp@4.11.0': {}
'@eslint/eslintrc@2.1.4': '@eslint/eslintrc@2.1.4':
dependencies: dependencies:
ajv: 6.12.6 ajv: 6.12.6
@ -2864,7 +2877,7 @@ snapshots:
dependencies: dependencies:
undici-types: 5.26.5 undici-types: 5.26.5
'@types/node@20.14.9': '@types/node@20.14.10':
dependencies: dependencies:
undici-types: 5.26.5 undici-types: 5.26.5
@ -2885,16 +2898,16 @@ snapshots:
'@types/ws@8.5.10': '@types/ws@8.5.10':
dependencies: dependencies:
'@types/node': 20.14.9 '@types/node': 20.14.10
'@typescript-eslint/eslint-plugin@7.14.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.3))(eslint@8.57.0)(typescript@5.5.3)': '@typescript-eslint/eslint-plugin@7.15.0(@typescript-eslint/parser@7.15.0(eslint@8.57.0)(typescript@5.5.3))(eslint@8.57.0)(typescript@5.5.3)':
dependencies: dependencies:
'@eslint-community/regexpp': 4.10.0 '@eslint-community/regexpp': 4.10.0
'@typescript-eslint/parser': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/parser': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
'@typescript-eslint/scope-manager': 7.14.1 '@typescript-eslint/scope-manager': 7.15.0
'@typescript-eslint/type-utils': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/type-utils': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
'@typescript-eslint/utils': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/utils': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
'@typescript-eslint/visitor-keys': 7.14.1 '@typescript-eslint/visitor-keys': 7.15.0
eslint: 8.57.0 eslint: 8.57.0
graphemer: 1.4.0 graphemer: 1.4.0
ignore: 5.3.1 ignore: 5.3.1
@ -2905,12 +2918,12 @@ snapshots:
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
'@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.3)': '@typescript-eslint/parser@7.15.0(eslint@8.57.0)(typescript@5.5.3)':
dependencies: dependencies:
'@typescript-eslint/scope-manager': 7.14.1 '@typescript-eslint/scope-manager': 7.15.0
'@typescript-eslint/types': 7.14.1 '@typescript-eslint/types': 7.15.0
'@typescript-eslint/typescript-estree': 7.14.1(typescript@5.5.3) '@typescript-eslint/typescript-estree': 7.15.0(typescript@5.5.3)
'@typescript-eslint/visitor-keys': 7.14.1 '@typescript-eslint/visitor-keys': 7.15.0
debug: 4.3.5 debug: 4.3.5
eslint: 8.57.0 eslint: 8.57.0
optionalDependencies: optionalDependencies:
@ -2918,15 +2931,15 @@ snapshots:
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
'@typescript-eslint/scope-manager@7.14.1': '@typescript-eslint/scope-manager@7.15.0':
dependencies: dependencies:
'@typescript-eslint/types': 7.14.1 '@typescript-eslint/types': 7.15.0
'@typescript-eslint/visitor-keys': 7.14.1 '@typescript-eslint/visitor-keys': 7.15.0
'@typescript-eslint/type-utils@7.14.1(eslint@8.57.0)(typescript@5.5.3)': '@typescript-eslint/type-utils@7.15.0(eslint@8.57.0)(typescript@5.5.3)':
dependencies: dependencies:
'@typescript-eslint/typescript-estree': 7.14.1(typescript@5.5.3) '@typescript-eslint/typescript-estree': 7.15.0(typescript@5.5.3)
'@typescript-eslint/utils': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/utils': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
debug: 4.3.5 debug: 4.3.5
eslint: 8.57.0 eslint: 8.57.0
ts-api-utils: 1.3.0(typescript@5.5.3) ts-api-utils: 1.3.0(typescript@5.5.3)
@ -2937,10 +2950,12 @@ snapshots:
'@typescript-eslint/types@7.14.1': {} '@typescript-eslint/types@7.14.1': {}
'@typescript-eslint/typescript-estree@7.14.1(typescript@5.5.3)': '@typescript-eslint/types@7.15.0': {}
'@typescript-eslint/typescript-estree@7.15.0(typescript@5.5.3)':
dependencies: dependencies:
'@typescript-eslint/types': 7.14.1 '@typescript-eslint/types': 7.15.0
'@typescript-eslint/visitor-keys': 7.14.1 '@typescript-eslint/visitor-keys': 7.15.0
debug: 4.3.5 debug: 4.3.5
globby: 11.1.0 globby: 11.1.0
is-glob: 4.0.3 is-glob: 4.0.3
@ -2952,20 +2967,20 @@ snapshots:
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
'@typescript-eslint/utils@7.14.1(eslint@8.57.0)(typescript@5.5.3)': '@typescript-eslint/utils@7.15.0(eslint@8.57.0)(typescript@5.5.3)':
dependencies: dependencies:
'@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0) '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
'@typescript-eslint/scope-manager': 7.14.1 '@typescript-eslint/scope-manager': 7.15.0
'@typescript-eslint/types': 7.14.1 '@typescript-eslint/types': 7.15.0
'@typescript-eslint/typescript-estree': 7.14.1(typescript@5.5.3) '@typescript-eslint/typescript-estree': 7.15.0(typescript@5.5.3)
eslint: 8.57.0 eslint: 8.57.0
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
- typescript - typescript
'@typescript-eslint/visitor-keys@7.14.1': '@typescript-eslint/visitor-keys@7.15.0':
dependencies: dependencies:
'@typescript-eslint/types': 7.14.1 '@typescript-eslint/types': 7.15.0
eslint-visitor-keys: 3.4.3 eslint-visitor-keys: 3.4.3
'@ungap/structured-clone@1.2.0': {} '@ungap/structured-clone@1.2.0': {}
@ -3349,26 +3364,26 @@ snapshots:
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
eslint-module-utils@2.8.1(@typescript-eslint/parser@7.14.1(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0): eslint-module-utils@2.8.1(@typescript-eslint/parser@7.15.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0):
dependencies: dependencies:
debug: 3.2.7 debug: 3.2.7
optionalDependencies: optionalDependencies:
'@typescript-eslint/parser': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/parser': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
eslint: 8.57.0 eslint: 8.57.0
eslint-import-resolver-node: 0.3.9 eslint-import-resolver-node: 0.3.9
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
eslint-plugin-es-x@7.7.0(eslint@8.57.0): eslint-plugin-es-x@8.0.0(eslint@8.57.0):
dependencies: dependencies:
'@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0) '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
'@eslint-community/regexpp': 4.10.0 '@eslint-community/regexpp': 4.11.0
eslint: 8.57.0 eslint: 8.57.0
eslint-compat-utils: 0.5.1(eslint@8.57.0) eslint-compat-utils: 0.5.1(eslint@8.57.0)
eslint-plugin-import-x@0.5.2(eslint@8.57.0)(typescript@5.5.3): eslint-plugin-import-x@0.5.3(eslint@8.57.0)(typescript@5.5.3):
dependencies: dependencies:
'@typescript-eslint/utils': 7.14.1(eslint@8.57.0)(typescript@5.5.3) '@typescript-eslint/utils': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
debug: 4.3.5 debug: 4.3.5
doctrine: 3.0.0 doctrine: 3.0.0
eslint: 8.57.0 eslint: 8.57.0
@ -3377,12 +3392,13 @@ snapshots:
is-glob: 4.0.3 is-glob: 4.0.3
minimatch: 9.0.5 minimatch: 9.0.5
semver: 7.6.2 semver: 7.6.2
stable-hash: 0.0.4
tslib: 2.6.3 tslib: 2.6.3
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
- typescript - typescript
eslint-plugin-jsdoc@48.5.0(eslint@8.57.0): eslint-plugin-jsdoc@48.5.2(eslint@8.57.0):
dependencies: dependencies:
'@es-joy/jsdoccomment': 0.43.1 '@es-joy/jsdoccomment': 0.43.1
are-docs-informative: 0.0.2 are-docs-informative: 0.0.2
@ -4163,6 +4179,8 @@ snapshots:
spdx-license-ids@3.0.17: {} spdx-license-ids@3.0.17: {}
stable-hash@0.0.4: {}
stackback@0.0.2: {} stackback@0.0.2: {}
std-env@3.7.0: {} std-env@3.7.0: {}
@ -4363,13 +4381,13 @@ snapshots:
spdx-correct: 3.2.0 spdx-correct: 3.2.0
spdx-expression-parse: 3.0.1 spdx-expression-parse: 3.0.1
vite-node@1.6.0(@types/node@20.14.9): vite-node@1.6.0(@types/node@20.14.10):
dependencies: dependencies:
cac: 6.7.14 cac: 6.7.14
debug: 4.3.4 debug: 4.3.4
pathe: 1.1.2 pathe: 1.1.2
picocolors: 1.0.0 picocolors: 1.0.0
vite: 5.3.2(@types/node@20.14.9) vite: 5.3.3(@types/node@20.14.10)
transitivePeerDependencies: transitivePeerDependencies:
- '@types/node' - '@types/node'
- less - less
@ -4380,16 +4398,16 @@ snapshots:
- supports-color - supports-color
- terser - terser
vite@5.3.2(@types/node@20.14.9): vite@5.3.3(@types/node@20.14.10):
dependencies: dependencies:
esbuild: 0.21.5 esbuild: 0.21.5
postcss: 8.4.39 postcss: 8.4.39
rollup: 4.13.2 rollup: 4.13.2
optionalDependencies: optionalDependencies:
'@types/node': 20.14.9 '@types/node': 20.14.10
fsevents: 2.3.3 fsevents: 2.3.3
vitest@1.6.0(@types/node@20.14.9): vitest@1.6.0(@types/node@20.14.10):
dependencies: dependencies:
'@vitest/expect': 1.6.0 '@vitest/expect': 1.6.0
'@vitest/runner': 1.6.0 '@vitest/runner': 1.6.0
@ -4408,11 +4426,11 @@ snapshots:
strip-literal: 2.1.0 strip-literal: 2.1.0
tinybench: 2.6.0 tinybench: 2.6.0
tinypool: 0.8.3 tinypool: 0.8.3
vite: 5.3.2(@types/node@20.14.9) vite: 5.3.3(@types/node@20.14.10)
vite-node: 1.6.0(@types/node@20.14.9) vite-node: 1.6.0(@types/node@20.14.10)
why-is-node-running: 2.2.2 why-is-node-running: 2.2.2
optionalDependencies: optionalDependencies:
'@types/node': 20.14.9 '@types/node': 20.14.10
transitivePeerDependencies: transitivePeerDependencies:
- less - less
- lightningcss - lightningcss

24
src/__tests__/__snapshots__/attr.test.ts.snap
View File

@ -1,8 +1,7 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`attr > supports conditional expression in "css" attribute 1`] = ` exports[`attr > supports conditional expression in "css" attribute 1`] = `
"// src/.temp-attr/index.tsx "import { jsx } from "react/jsx-runtime";
import { jsx } from "react/jsx-runtime";
function Hello({ function Hello({
isCenter isCenter
}) { }) {
@ -10,37 +9,30 @@ function Hello({
} }
export { export {
Hello Hello
}; };"
"
`; `;
exports[`attr > supports conditional expression in "css" attribute 2`] = ` exports[`attr > supports conditional expression in "css" attribute 2`] = `
"/* babel-tailwind:/Users/aet/Documents/Git/babel-tailwind/src/.temp-attr/index.css */ ".tw-gqn2k6 {
.tw-gqn2k6 {
text-align: center; text-align: center;
} }"
"
`; `;
exports[`attr > supports grouped array css attribute 1`] = ` exports[`attr > supports grouped array css attribute 1`] = `
"// src/.temp-attr/index.tsx "import { jsx } from "react/jsx-runtime";
import { jsx } from "react/jsx-runtime";
function Hello() { function Hello() {
return /* @__PURE__ */ jsx("div", { className: "tw-gqn2k6 tw-1qtvvjy", children: "Hello, world!" }); return /* @__PURE__ */ jsx("div", { className: "tw-gqn2k6 tw-1qtvvjy", children: "Hello, world!" });
} }
export { export {
Hello Hello
}; };"
"
`; `;
exports[`attr > supports grouped array css attribute 2`] = ` exports[`attr > supports grouped array css attribute 2`] = `
"/* babel-tailwind:/Users/aet/Documents/Git/babel-tailwind/src/.temp-attr/index.css */ ".tw-gqn2k6 {
.tw-gqn2k6 {
text-align: center; text-align: center;
} }
.tw-1qtvvjy:hover { .tw-1qtvvjy:hover {
font-weight: 600; font-weight: 600;
} }"
"
`; `;

12
src/__tests__/__snapshots__/options.test.ts.snap
View File

@ -1,21 +1,17 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`options > supports custom jsxAttributeName 1`] = ` exports[`options > supports custom jsxAttributeName 1`] = `
"// src/.temp-options/index.tsx "import { jsx } from "react/jsx-runtime";
import { jsx } from "react/jsx-runtime";
function Hello() { function Hello() {
return /* @__PURE__ */ jsx("div", { className: "tw-gqn2k6", children: "Hello, world!" }); return /* @__PURE__ */ jsx("div", { className: "tw-gqn2k6", children: "Hello, world!" });
} }
export { export {
Hello Hello
}; };"
"
`; `;
exports[`options > supports custom jsxAttributeName 2`] = ` exports[`options > supports custom jsxAttributeName 2`] = `
"/* babel-tailwind:/Users/aet/Documents/Git/babel-tailwind/src/.temp-options/index.css */ ".tw-gqn2k6 {
.tw-gqn2k6 {
text-align: center; text-align: center;
} }"
"
`; `;

45
src/__tests__/__snapshots__/spread.test.ts.snap
View File

@ -1,8 +1,7 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`spread > supports spread attribute in "css" attribute (2) 1`] = ` exports[`spread > supports spread attribute in "css" attribute (2) 1`] = `
"// src/.temp-spread/index.tsx "import { cx as _cx } from "@emotion/css";
import { cx as _cx } from "@emotion/css";
import * as _tslib from "tslib"; import * as _tslib from "tslib";
import { jsx } from "react/jsx-runtime"; import { jsx } from "react/jsx-runtime";
function Hello(props) { function Hello(props) {
@ -14,21 +13,17 @@ function Hello(props) {
} }
export { export {
Hello Hello
}; };"
"
`; `;
exports[`spread > supports spread attribute in "css" attribute (2) 2`] = ` exports[`spread > supports spread attribute in "css" attribute (2) 2`] = `
"/* babel-tailwind:/Users/aet/Documents/Git/babel-tailwind/src/.temp-spread/index.css */ ".tw-gqn2k6 {
.tw-gqn2k6 {
text-align: center; text-align: center;
} }"
"
`; `;
exports[`spread > supports spread attribute in "css" attribute 1`] = ` exports[`spread > supports spread attribute in "css" attribute 1`] = `
"// src/.temp-spread/index.tsx "import { cx as _cx } from "@emotion/css";
import { cx as _cx } from "@emotion/css";
import { jsx } from "react/jsx-runtime"; import { jsx } from "react/jsx-runtime";
function Hello({ function Hello({
className: _className, className: _className,
@ -38,14 +33,32 @@ function Hello({
} }
export { export {
Hello Hello
}; };"
"
`; `;
exports[`spread > supports spread attribute in "css" attribute 2`] = ` exports[`spread > supports spread attribute in "css" attribute 2`] = `
"/* babel-tailwind:/Users/aet/Documents/Git/babel-tailwind/src/.temp-spread/index.css */ ".tw-gqn2k6 {
.tw-gqn2k6 {
text-align: center; text-align: center;
} }"
" `;
exports[`spread > supports spread attribute in "css" attribute with an object pattern 1`] = `
"import { cx as _cx } from "@emotion/css";
import { jsx } from "react/jsx-runtime";
function Hello({
className: _className,
style,
...props
}) {
return /* @__PURE__ */ jsx("div", { ...props, className: _cx("tw-gqn2k6", _className), children: "Hello, world!" });
}
export {
Hello
};"
`;
exports[`spread > supports spread attribute in "css" attribute with an object pattern 2`] = `
".tw-gqn2k6 {
text-align: center;
}"
`; `;

4
src/__tests__/__snapshots__/styleObject.test.ts.snap
View File

@ -44,13 +44,11 @@ var tw_kt12th = {
} }
}; };
// src/.temp-styleObject/index.tsx
import { jsx } from "react/jsx-runtime"; import { jsx } from "react/jsx-runtime";
function Hello() { function Hello() {
return /* @__PURE__ */ jsx("div", { style: tw_kt12th, children: "Hello, world!" }); return /* @__PURE__ */ jsx("div", { style: tw_kt12th, children: "Hello, world!" });
} }
export { export {
Hello Hello
}; };"
"
`; `;

41
src/__tests__/__snapshots__/tw.test.ts.snap Normal file
View File

@ -0,0 +1,41 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`babel-tailwind > passes through \`group\` className 1`] = `
"var index_default = "tw-qcda3o group";
export {
index_default as default
};"
`;
exports[`babel-tailwind > passes through \`group\` className 2`] = `
".tw-qcda3o:hover {
text-align: center;
}"
`;
exports[`babel-tailwind > supports grouped tw 1`] = `
"var index_default = "tw-4cbsua";
export {
index_default as default
};"
`;
exports[`babel-tailwind > supports grouped tw 2`] = `
".tw-4cbsua {
display: flex;
font-size: 0.875rem;
line-height: 1.25rem;
}
.group:hover .tw-4cbsua {
text-align: center;
}
.tw-4cbsua[data-nested=true] {
border-width: 1px;
}
.tw-4cbsua[data-name=hello] {
text-align: right;
}
.tw-4cbsua > div {
font-weight: 600;
}"
`;

8
src/__tests__/attr.test.ts
View File

@ -1,5 +1,5 @@
import { describe, expect, it } from "vitest"; import { describe, expect, it } from "vitest";
import { getBuild } from "./utils"; import { getBuild, matchSnapshot } from "./utils";
describe("attr", () => { describe("attr", () => {
const compileESBuild = getBuild("attr"); const compileESBuild = getBuild("attr");
@ -19,8 +19,7 @@ describe("attr", () => {
`, `,
}); });
expect(files.js.text).toMatchSnapshot(); matchSnapshot(files);
expect(files.css.text).toMatchSnapshot();
}); });
it('supports conditional expression in "css" attribute', async () => { it('supports conditional expression in "css" attribute', async () => {
@ -38,7 +37,6 @@ describe("attr", () => {
`, `,
}); });
expect(files.js.text).toMatchSnapshot(); matchSnapshot(files);
expect(files.css.text).toMatchSnapshot();
}); });
}); });

6
src/__tests__/options.test.ts
View File

@ -1,5 +1,5 @@
import { describe, expect, it } from "vitest"; import { describe, expect, it } from "vitest";
import { getBuild } from "./utils"; import { getBuild, matchSnapshot } from "./utils";
describe("options", () => { describe("options", () => {
const compileESBuild = getBuild("options"); const compileESBuild = getBuild("options");
@ -18,9 +18,7 @@ describe("options", () => {
} }
`, `,
}); });
matchSnapshot(files);
expect(files.js.text).toMatchSnapshot();
expect(files.css.text).toMatchSnapshot();
}); });
it("does not remove the attribute if `preserveAttribute` is true", async () => { it("does not remove the attribute if `preserveAttribute` is true", async () => {

28
src/__tests__/spread.test.ts
View File

@ -1,6 +1,6 @@
/* eslint-disable unicorn/string-content */ /* eslint-disable unicorn/string-content */
import { describe, expect, it } from "vitest"; import { describe, it } from "vitest";
import { getBuild } from "./utils"; import { getBuild, matchSnapshot } from "./utils";
describe("spread", () => { describe("spread", () => {
const compileESBuild = getBuild("spread"); const compileESBuild = getBuild("spread");
@ -20,8 +20,25 @@ describe("spread", () => {
`, `,
}); });
expect(files.js.text).toMatchSnapshot(); matchSnapshot(files);
expect(files.css.text).toMatchSnapshot(); });
it('supports spread attribute in "css" attribute with an object pattern', async () => {
const { files } = await compileESBuild({
clsx: "emotion",
expectFiles: 2,
javascript: /* tsx */ `
export function Hello({ style, ...props }) {
return (
<div css="text-center" {...props}>
Hello, world!
</div>
);
}
`,
});
matchSnapshot(files);
}); });
it('supports spread attribute in "css" attribute (2)', async () => { it('supports spread attribute in "css" attribute (2)', async () => {
@ -40,7 +57,6 @@ describe("spread", () => {
`, `,
}); });
expect(files.js.text).toMatchSnapshot(); matchSnapshot(files);
expect(files.css.text).toMatchSnapshot();
}); });
}); });

8
src/__tests__/styleObject.test.ts
View File

@ -1,5 +1,5 @@
import { describe, expect, it } from "vitest"; import { describe, it } from "vitest";
import { getBuild } from "./utils"; import { getBuild, matchSnapshot } from "./utils";
describe("babel-tailwind", () => { describe("babel-tailwind", () => {
const compileESBuild = getBuild("styleObject"); const compileESBuild = getBuild("styleObject");
@ -21,7 +21,7 @@ describe("babel-tailwind", () => {
`, `,
}); });
expect(files.js.text).toMatchSnapshot(); matchSnapshot(files, true);
}); });
it("supports .hover, .focus, .active, .group-hover, .group-focus, .group-active", async () => { it("supports .hover, .focus, .active, .group-hover, .group-focus, .group-active", async () => {
@ -40,6 +40,6 @@ describe("babel-tailwind", () => {
`, `,
}); });
expect(files.js.text).toMatchSnapshot(); matchSnapshot(files, true);
}); });
}); });

37
src/__tests__/tw.test.ts
View File

@ -1,6 +1,5 @@
import { describe, expect, it } from "vitest"; import { describe, it } from "vitest";
import { getClassName } from "../index"; import { getBuild, matchSnapshot } from "./utils";
import { getBuild } from "./utils";
describe("babel-tailwind", () => { describe("babel-tailwind", () => {
const compileESBuild = getBuild("tw"); const compileESBuild = getBuild("tw");
@ -25,31 +24,7 @@ describe("babel-tailwind", () => {
`, `,
}); });
const clsName = getClassName( matchSnapshot(files);
"text-sm flex group-hover:text-center [&>div]:font-semibold data-[name='hello']:text-right data-[nested=true]:border"
);
expect(files.js.text).toContain(`= "${clsName}"`);
expect(files.css.text).toMatch(
[
`.${clsName} {`,
" display: flex;",
" font-size: 0.875rem;",
" line-height: 1.25rem;",
"}",
`.group:hover .${clsName} {`,
" text-align: center;",
"}",
`.${clsName}[data-nested=true] {`,
" border-width: 1px;",
"}",
`.${clsName}[data-name=hello] {`,
" text-align: right;",
"}",
`.${clsName} > div {`,
" font-weight: 600;",
"}",
].join("\n")
);
}); });
it("passes through `group` className", async () => { it("passes through `group` className", async () => {
@ -63,10 +38,6 @@ describe("babel-tailwind", () => {
`, `,
}); });
const clsName = getClassName("group hover:text-center"); matchSnapshot(files);
expect(files.js.text).toContain(`"${clsName} group"`);
expect(files.css.text).toMatch(
[`.${clsName}:hover {`, " text-align: center;", "}"].join("\n")
);
}); });
}); });

18
src/__tests__/utils.ts
View File

@ -1,5 +1,5 @@
import { promises as fs } from "node:fs"; import { promises as fs } from "node:fs";
import { resolve } from "node:path"; import { join, resolve } from "node:path";
import { afterEach, beforeEach, expect } from "vitest"; import { afterEach, beforeEach, expect } from "vitest";
import * as esbuild from "esbuild"; import * as esbuild from "esbuild";
import dedent from "dedent"; import dedent from "dedent";
@ -17,9 +17,9 @@ export function getBuild(name: string) {
const folder = resolve(import.meta.dirname, "..", ".temp-" + name); const folder = resolve(import.meta.dirname, "..", ".temp-" + name);
async function write(path: string, content: string) { async function write(path: string, content: string) {
const resolved = resolve(folder, path); const resolved = join(folder, path);
await fs.writeFile(resolved, content); await fs.writeFile(resolved, content);
return resolved; return `./src/.temp-${name}/${path}`;
} }
beforeEach(async () => { beforeEach(async () => {
@ -65,9 +65,19 @@ export function getBuild(name: string) {
return { return {
outputFiles: outputFiles!, outputFiles: outputFiles!,
files: new Proxy({} as Record<string, esbuild.OutputFile>, { files: new Proxy({} as Files, {
get: (_, ext: string) => findByExt(outputFiles!, ext), get: (_, ext: string) => findByExt(outputFiles!, ext),
}), }),
}; };
}; };
} }
type Files = Record<string, esbuild.OutputFile>;
export function matchSnapshot(files: Files, noCSS = false) {
expect(files.js.text.replace(/\/\/ src.+\n/g, "").trim()).toMatchSnapshot();
if (!noCSS) {
expect(
files.css.text.replace(/\/\* babel-tailwind:[^*]+\*\/\n/g, "").trim()
).toMatchSnapshot();
}
}

13
src/babel-tailwind.ts
View File

@ -302,18 +302,25 @@ export function babelTailwind(
// props from argument and not modified anywhere // props from argument and not modified anywhere
const scope = path.scope.getBinding(arg.name); const scope = path.scope.getBinding(arg.name);
let index: number; let index: number;
const node = scope?.path.node;
if ( if (
scope && scope &&
!scope.constantViolations.length && !scope.constantViolations.length &&
t.isFunctionDeclaration(scope.path.parent) && t.isFunctionDeclaration(scope.path.parent) &&
(index = (scope.path.parent.params as t.Node[]).indexOf(scope.path.node)) !== (index = (scope.path.parent.params as t.Node[]).indexOf(node!)) !== -1 &&
-1 (t.isIdentifier(node) || t.isObjectPattern(node))
) { ) {
const clsVar = path.scope.generateUidIdentifier("className"); const clsVar = path.scope.generateUidIdentifier("className");
if (t.isIdentifier(node)) {
scope.path.parent.params[index] = t.objectPattern([ scope.path.parent.params[index] = t.objectPattern([
t.objectProperty(t.identifier("className"), clsVar), t.objectProperty(t.identifier("className"), clsVar),
t.restElement(scope.path.node as t.Identifier), t.restElement(node),
]); ]);
} else {
node.properties.unshift(
t.objectProperty(t.identifier("className"), clsVar)
);
}
parent.attributes.push( parent.attributes.push(
t.jsxAttribute( t.jsxAttribute(