-
Notifications
You must be signed in to change notification settings - Fork 343
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(cli): support
tailwind.config.mjs file (#120)
* feat(cli): support `tailwind.config.mjs` file * feat: update * fix: teest case --------- Co-authored-by: sadeghbarati <[email protected]>
- Loading branch information
1 parent
2f9845e
commit f4b5b3f
Showing
6 changed files
with
181 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| export function transformCJSToESM(filename: string, code: string) { | ||
| if (filename.endsWith('.mjs')) { | ||
| return code | ||
| .replace(/const\s([\w\d_]+)\s*=\s*require\((.*)\);?/g, 'import $1 from $2') | ||
| .replace(/module\.exports = /g, 'export default ') | ||
| } | ||
| return code | ||
| } |
139 changes: 139 additions & 0 deletions
139
packages/cli/test/utils/__snapshots__/transform-cjs-to-esm.test.ts.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,139 @@ | ||
| // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html | ||
|
|
||
| exports[`handle tailwind config template correctly 1`] = ` | ||
| " | ||
| import animate from \\"tailwindcss-animate\\" | ||
| /** @type {import('tailwindcss').Config} */ | ||
| export default { | ||
| darkMode: [\\"class\\"], | ||
| content: [ | ||
| './pages/**/*.{<%- extension %>,<%- extension %>x,vue}', | ||
| './components/**/*.{<%- extension %>,<%- extension %>x,vue}', | ||
| './app/**/*.{<%- extension %>,<%- extension %>x,vue}', | ||
| './src/**/*.{<%- extension %>,<%- extension %>x,vue}', | ||
| ], | ||
| theme: { | ||
| container: { | ||
| center: true, | ||
| padding: \\"2rem\\", | ||
| screens: { | ||
| \\"2xl\\": \\"1400px\\", | ||
| }, | ||
| }, | ||
| extend: { | ||
| keyframes: { | ||
| \\"accordion-down\\": { | ||
| from: { height: 0 }, | ||
| to: { height: \\"var(--radix-accordion-content-height)\\" }, | ||
| }, | ||
| \\"accordion-up\\": { | ||
| from: { height: \\"var(--radix-accordion-content-height)\\" }, | ||
| to: { height: 0 }, | ||
| }, | ||
| }, | ||
| animation: { | ||
| \\"accordion-down\\": \\"accordion-down 0.2s ease-out\\", | ||
| \\"accordion-up\\": \\"accordion-up 0.2s ease-out\\", | ||
| }, | ||
| }, | ||
| }, | ||
| plugins: [animate], | ||
| }" | ||
| `; | ||
|
|
||
| exports[`handle tailwind config template correctly 2`] = ` | ||
| " | ||
| import animate from \\"tailwindcss-animate\\" | ||
| /** @type {import('tailwindcss').Config} */ | ||
| export default { | ||
| darkMode: [\\"class\\"], | ||
| <% if (framework === 'vite') { %> | ||
| content: [ | ||
| './pages/**/*.{<%- extension %>,<%- extension %>x,vue}', | ||
| './components/**/*.{<%- extension %>,<%- extension %>x,vue}', | ||
| './app/**/*.{<%- extension %>,<%- extension %>x,vue}', | ||
| './src/**/*.{<%- extension %>,<%- extension %>x,vue}', | ||
| ], | ||
| <% } else if (framework === 'laravel') { %> | ||
| content: [ | ||
| \\"./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php\\", | ||
| \\"./storage/framework/views/*.php\\", | ||
| \\"./resources/views/**/*.blade.php\\", | ||
| \\"./resources/js/**/*.{<%- extension %>,<%- extension %>x,vue}\\", | ||
| ], | ||
| <% } else if (framework === 'astro') { %> | ||
| content: [ | ||
| './src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}', | ||
| ], | ||
| <% } %> | ||
| theme: { | ||
| container: { | ||
| center: true, | ||
| padding: \\"2rem\\", | ||
| screens: { | ||
| \\"2xl\\": \\"1400px\\", | ||
| }, | ||
| }, | ||
| extend: { | ||
| colors: { | ||
| border: \\"hsl(var(--border))\\", | ||
| input: \\"hsl(var(--input))\\", | ||
| ring: \\"hsl(var(--ring))\\", | ||
| background: \\"hsl(var(--background))\\", | ||
| foreground: \\"hsl(var(--foreground))\\", | ||
| primary: { | ||
| DEFAULT: \\"hsl(var(--primary))\\", | ||
| foreground: \\"hsl(var(--primary-foreground))\\", | ||
| }, | ||
| secondary: { | ||
| DEFAULT: \\"hsl(var(--secondary))\\", | ||
| foreground: \\"hsl(var(--secondary-foreground))\\", | ||
| }, | ||
| destructive: { | ||
| DEFAULT: \\"hsl(var(--destructive))\\", | ||
| foreground: \\"hsl(var(--destructive-foreground))\\", | ||
| }, | ||
| muted: { | ||
| DEFAULT: \\"hsl(var(--muted))\\", | ||
| foreground: \\"hsl(var(--muted-foreground))\\", | ||
| }, | ||
| accent: { | ||
| DEFAULT: \\"hsl(var(--accent))\\", | ||
| foreground: \\"hsl(var(--accent-foreground))\\", | ||
| }, | ||
| popover: { | ||
| DEFAULT: \\"hsl(var(--popover))\\", | ||
| foreground: \\"hsl(var(--popover-foreground))\\", | ||
| }, | ||
| card: { | ||
| DEFAULT: \\"hsl(var(--card))\\", | ||
| foreground: \\"hsl(var(--card-foreground))\\", | ||
| }, | ||
| }, | ||
| borderRadius: { | ||
| lg: \\"var(--radius)\\", | ||
| md: \\"calc(var(--radius) - 2px)\\", | ||
| sm: \\"calc(var(--radius) - 4px)\\", | ||
| }, | ||
| keyframes: { | ||
| \\"accordion-down\\": { | ||
| from: { height: 0 }, | ||
| to: { height: \\"var(--radix-accordion-content-height)\\" }, | ||
| }, | ||
| \\"accordion-up\\": { | ||
| from: { height: \\"var(--radix-accordion-content-height)\\" }, | ||
| to: { height: 0 }, | ||
| }, | ||
| }, | ||
| animation: { | ||
| \\"accordion-down\\": \\"accordion-down 0.2s ease-out\\", | ||
| \\"accordion-up\\": \\"accordion-up 0.2s ease-out\\", | ||
| }, | ||
| }, | ||
| }, | ||
| plugins: [animate], | ||
| }" | ||
| `; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| import { expect, test } from 'vitest' | ||
| import { TAILWIND_CONFIG, TAILWIND_CONFIG_WITH_VARIABLES } from '../../src/utils/templates' | ||
| import { transformCJSToESM } from '../../src/utils/transformers/transform-cjs-to-esm' | ||
|
|
||
| test('handle tailwind config template correctly', () => { | ||
| expect(transformCJSToESM('.mjs', TAILWIND_CONFIG)).toMatchSnapshot() | ||
| expect(transformCJSToESM('.mjs', TAILWIND_CONFIG_WITH_VARIABLES)).toMatchSnapshot() | ||
| }) |