4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/bin/index.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | import '../dist/cli.js'
3 |
--------------------------------------------------------------------------------
/eslint.config.ts:
--------------------------------------------------------------------------------
1 | import styleMigrate from '@stylistic/eslint-plugin-migrate'
2 |
3 | import { antfu } from './src'
4 |
5 | export default antfu(
6 | {
7 | vue: {
8 | a11y: true,
9 | },
10 | react: true,
11 | solid: true,
12 | svelte: true,
13 | astro: true,
14 | typescript: true,
15 | formatters: true,
16 | pnpm: true,
17 | type: 'lib',
18 | },
19 | {
20 | ignores: [
21 | 'fixtures',
22 | '_fixtures',
23 | '**/constants-generated.ts',
24 | ],
25 | },
26 | {
27 | files: ['src/**/*.ts'],
28 | rules: {
29 | 'perfectionist/sort-objects': 'error',
30 | },
31 | },
32 | {
33 | files: ['src/configs/*.ts'],
34 | plugins: {
35 | 'style-migrate': styleMigrate,
36 | },
37 | rules: {
38 | 'style-migrate/migrate': ['error', { namespaceTo: 'style' }],
39 | },
40 | },
41 | )
42 |
--------------------------------------------------------------------------------
/fixtures/input/astro.astro:
--------------------------------------------------------------------------------
1 | ---
2 | const isJsx = true
3 | const content = "hi!";
4 | ---
5 |
6 |
7 | {content}
8 |
9 | {isJsx && (
10 |
{content}
11 | )}
12 |
13 |
14 |
15 |
16 |
22 |
--------------------------------------------------------------------------------
/fixtures/input/css.css:
--------------------------------------------------------------------------------
1 | @media (max-width: 480px) {
2 | .bd-examples {margin-right: -.75rem;margin-left: -.75rem
3 | }
4 |
5 | .bd-examples>[class^="col-"] {
6 | padding-right: .75rem;
7 | padding-left: .75rem;
8 |
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/fixtures/input/html.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | My tITlE
6 |
7 |
8 |
9 | Hello world!
This is HTML5 Boilerplate.
10 |
14 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/fixtures/input/javascript.js:
--------------------------------------------------------------------------------
1 | // This file is generated by ChatGPT
2 |
3 | // eslint-disable-next-line no-console
4 | var log = console.log
5 |
6 | // Define a class using ES6 class syntax
7 | class Person {
8 | constructor(name, age) {
9 | this.name = name;
10 | this.age = age;
11 | }
12 |
13 | // Define a method within the class
14 | sayHello() {
15 | log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
16 | }
17 | }
18 |
19 | // Create an array of objects
20 | const people = [
21 | new Person('Alice', 30),
22 | new Person('Bob', 25),
23 | new Person('Charlie', 35)
24 | ];
25 |
26 | // Use the forEach method to iterate over the array
27 | people.forEach(person => {
28 | person.sayHello();
29 | });
30 |
31 | // Use a template literal to create a multiline string
32 | const multilineString = `
33 | This is a multiline string
34 | that spans multiple lines.
35 | `;
36 |
37 | // Use destructuring assignment to extract values from an object
38 | const { name, age } = people[0];
39 | log(`First person in the array is ${name} and they are ${age} years old.`, multilineString);
40 |
41 | // Use the spread operator to create a new array
42 | const numbers = [1, 2, 3];
43 | const newNumbers = [...numbers, 4, 5];
44 | log(newNumbers);
45 |
46 | // Use a try-catch block for error handling
47 | try {
48 | // Attempt to parse an invalid JSON string
49 | JSON.parse('invalid JSON');
50 | } catch (error) {
51 | console.error('Error parsing JSON:', error.message);
52 | }
53 |
54 | // Use a ternary conditional operator
55 | const isEven = num => num % 2 === 0;
56 | const number = 7;
57 | log(`${number} is ${isEven(number) ? 'even' : 'odd'}.`);
58 |
59 | // Use a callback function with setTimeout for asynchronous code
60 | setTimeout(() => {
61 | log('This code runs after a delay of 2 seconds.');
62 | }, 2000);
63 |
64 | let a, b, c, d, foo
65 |
66 | if (a
67 | || b
68 | || c || d
69 | || (d && b)
70 | ) {
71 | foo()
72 | }
73 |
--------------------------------------------------------------------------------
/fixtures/input/jsx.jsx:
--------------------------------------------------------------------------------
1 | export function HelloWorld({
2 | greeting = "hello", greeted = '"World"', silent = false, onMouseOver,}) {
3 |
4 | if(!greeting){
5 | return null};
6 |
7 | // TODO: Don't use random in render
8 | let num = Math
9 | .floor (Math.random() * 1E+7).toString()
10 | .replace(/\.\d+/ig, "")
11 |
12 | return
13 | { greeting.slice( 0, 1 ).toUpperCase() + greeting.slice(1).toLowerCase() }
14 | {greeting.endsWith(",")
15 | ? " " : ", " }
16 |
17 | { greeted }
18 |
19 | { (silent)? ".": "!"}
20 |
;
21 |
22 | }
23 |
--------------------------------------------------------------------------------
/fixtures/input/markdown.md:
--------------------------------------------------------------------------------
1 | Header
2 | ======
3 |
4 | _Look,_ code blocks are formatted *too!*
5 |
6 | ```js
7 | // This should be handled by ESLint instead of Prettier
8 | function identity(x) {
9 | if (foo) {
10 | console.log('bar');
11 | }
12 | }
13 | ```
14 |
15 | ```css
16 | /* This should be handled by Prettier */
17 | .foo { color:red;}
18 | ```
19 |
20 | Pilot|Airport|Hours
21 | --|:--:|--:
22 | John Doe|SKG|1338
23 | Jane Roe|JFK|314
24 |
25 | - - - - - - - - - - - - - - -
26 |
27 | + List
28 | + with a [link] (/to/somewhere)
29 | + and [another one]
30 |
31 |
32 | [another one]: http://example.com 'Example title'
33 |
34 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
35 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
36 |
--------------------------------------------------------------------------------
/fixtures/input/svelte.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 | {@html content}
8 |
--------------------------------------------------------------------------------
/fixtures/input/svg.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/fixtures/input/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1
3 | ,2
4 | ,3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = {answer = 42}
11 |
12 | "indent" = [
13 | 1,
14 | 2
15 | ]
16 |
17 | ['a-table']
18 | apple.type = "fruit"
19 | orange.type = "fruit"
20 | apple.skin = "thin"
21 | orange.skin = "thick"
22 |
23 | apple.color = "red"
24 | orange.color = "orange"
25 |
--------------------------------------------------------------------------------
/fixtures/input/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ESNext",
4 | "module": "ESNext",
5 | "moduleResolution": "Bundler",
6 | "strict": true,
7 | "skipDefaultLibCheck": true,
8 | "skipLibCheck": true
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/fixtures/input/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return ;
3 | }
4 |
5 | export function jsx2() {
6 | const props = {a:1,
7 | b:2}
8 | return < a foo= 'bar' bar={`foo` } >
9 | Inline Text
12 |
13 | Block Text
14 |
15 |
16 | Mixed
17 |
Foo
18 | Text
Bar
19 |
21 | foobarbaz
22 |
23 |
24 | }
25 |
--------------------------------------------------------------------------------
/fixtures/input/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | interface Person {
3 | name: string; age: number;
4 | }
5 |
6 | // Create an array of objects with the defined interface
7 | const people: Person[] = [
8 | { name: 'Alice', age: 30 },
9 | { name: 'Bob', age: 25 },
10 | { name: 'Charlie',
11 | age: 35 }
12 | ];
13 |
14 | // eslint-disable-next-line no-console
15 | var log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`);
20 | }
21 |
22 | // Define a generic function
23 | function identity< T >(arg: T): T {
24 | return arg;
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | 'TypeScript is awesome');
30 | log(result);
31 |
32 | // Use optional properties in an interface
33 | interface Car {
34 | make: string;
35 | model?: string;
36 | }
37 |
38 | // Create objects using the interface
39 | const car1: Car = { make: 'Toyota' };
40 | const car2: Car = {
41 | make: 'Ford', model: 'Focus' };
42 |
43 | // Use union types
44 | type Fruit = 'apple' | 'banana' | 'orange';
45 | const favoriteFruit: Fruit = 'apple';
46 |
47 | // Use a type assertion to tell TypeScript about the type
48 | const inputValue: any = '42';
49 | const numericValue = inputValue as number;
50 |
51 | // Define a class with access modifiers
52 | class Animal {
53 | private name: string;
54 | constructor(name: string) {
55 | this.name = name;
56 | }
57 | protected makeSound(sound: string) {
58 | log(`${this.name} says ${sound}`);
59 | }
60 | }
61 |
62 | // Extend a class
63 | class Dog extends Animal {
64 | constructor(private alias: string) {
65 | super(alias);
66 | }
67 | bark() {
68 | this.makeSound('Woof!');
69 | }
70 | }
71 |
72 | const dog = new Dog('Buddy');
73 | dog.bark();
74 |
75 | var fn = (): string => {
76 | return 'hello' + 1
77 | }
78 |
79 | log(car1, car2, favoriteFruit, numericValue, fn())
80 |
81 | // Generator
82 | export function* generator1() {
83 | let id = 0;
84 | while (id < 100) {
85 | yield id++;
86 | }
87 | }
88 | export function * generator2() {
89 | yield* generator1()
90 | }
91 |
--------------------------------------------------------------------------------
/fixtures/input/vue-ts.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
{{ greeting }}
4 |
6 |
Counter: {{ counter }}
7 |
3 |
4 | {{ greeting }}
5 |
6 |
Counter: {{ counter }}
7 |
{content}
8 |
9 | {isJsx && (
10 |
{content}
11 | )}
12 |
13 |
14 |
15 |
16 |
22 |
--------------------------------------------------------------------------------
/fixtures/output/all/javascript.js:
--------------------------------------------------------------------------------
1 | // This file is generated by ChatGPT
2 |
3 | // eslint-disable-next-line no-console
4 | const log = console.log
5 |
6 | // Define a class using ES6 class syntax
7 | class Person {
8 | constructor(name, age) {
9 | this.name = name
10 | this.age = age
11 | }
12 |
13 | // Define a method within the class
14 | sayHello() {
15 | log(`Hello, my name is ${this.name} and I am ${this.age} years old.`)
16 | }
17 | }
18 |
19 | // Create an array of objects
20 | const people = [
21 | new Person('Alice', 30),
22 | new Person('Bob', 25),
23 | new Person('Charlie', 35),
24 | ]
25 |
26 | // Use the forEach method to iterate over the array
27 | people.forEach((person) => {
28 | person.sayHello()
29 | })
30 |
31 | // Use a template literal to create a multiline string
32 | const multilineString = `
33 | This is a multiline string
34 | that spans multiple lines.
35 | `
36 |
37 | // Use destructuring assignment to extract values from an object
38 | const { name, age } = people[0]
39 | log(`First person in the array is ${name} and they are ${age} years old.`, multilineString)
40 |
41 | // Use the spread operator to create a new array
42 | const numbers = [1, 2, 3]
43 | const newNumbers = [...numbers, 4, 5]
44 | log(newNumbers)
45 |
46 | // Use a try-catch block for error handling
47 | try {
48 | // Attempt to parse an invalid JSON string
49 | JSON.parse('invalid JSON')
50 | }
51 | catch (error) {
52 | console.error('Error parsing JSON:', error.message)
53 | }
54 |
55 | // Use a ternary conditional operator
56 | const isEven = num => num % 2 === 0
57 | const number = 7
58 | log(`${number} is ${isEven(number) ? 'even' : 'odd'}.`)
59 |
60 | // Use a callback function with setTimeout for asynchronous code
61 | setTimeout(() => {
62 | log('This code runs after a delay of 2 seconds.')
63 | }, 2000)
64 |
65 | let a, b, c, d, foo
66 |
67 | if (a
68 | || b
69 | || c || d
70 | || (d && b)
71 | ) {
72 | foo()
73 | }
74 |
--------------------------------------------------------------------------------
/fixtures/output/all/jsx.jsx:
--------------------------------------------------------------------------------
1 | export function HelloWorld({
2 | greeting = 'hello',
3 | greeted = '"World"',
4 | silent = false,
5 | onMouseOver,
6 | }) {
7 | if (!greeting) {
8 | return null
9 | };
10 |
11 | // TODO: Don't use random in render
12 | const num = Math
13 | .floor (Math.random() * 1e+7)
14 | .toString()
15 | .replace(/\.\d+/g, '')
16 |
17 | return (
18 |
19 | { greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase() }
20 | {greeting.endsWith(',')
21 | ? ' '
22 | : ", " }
23 |
24 | { greeted }
25 |
26 | { (silent) ? '.' : '!'}
27 |
28 | )
29 | }
30 |
--------------------------------------------------------------------------------
/fixtures/output/all/markdown.md:
--------------------------------------------------------------------------------
1 | Header
2 | ======
3 |
4 | _Look,_ code blocks are formatted *too!*
5 |
6 | ```js
7 | // This should be handled by ESLint instead of Prettier
8 | function identity(x) {
9 | if (foo) {
10 | console.log('bar')
11 | }
12 | }
13 | ```
14 |
15 | ```css
16 | /* This should be handled by Prettier */
17 | .foo { color:red;}
18 | ```
19 |
20 | Pilot|Airport|Hours
21 | --|:--:|--:
22 | John Doe|SKG|1338
23 | Jane Roe|JFK|314
24 |
25 | - - - - - - - - - - - - - - -
26 |
27 | + List
28 | + with a [link] (/to/somewhere)
29 | + and [another one]
30 |
31 | [another one]: http://example.com 'Example title'
32 |
33 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
34 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
35 |
--------------------------------------------------------------------------------
/fixtures/output/all/svelte.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 | {@html content}
8 |
9 |
--------------------------------------------------------------------------------
/fixtures/output/all/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = { answer = 42 }
11 | indent = [
12 | 1,
13 | 2
14 | ]
15 |
16 | [a-table]
17 | apple.type = "fruit"
18 | apple.skin = "thin"
19 | apple.color = "red"
20 |
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/all/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return
3 | }
4 |
5 | export function jsx2() {
6 | const props = { a: 1, b: 2 }
7 | return (
8 |
9 |
14 | Inline Text
15 |
16 |
17 | Block Text
18 |
19 |
20 | Mixed
21 |
Foo
22 | Text
23 |
Bar
24 |
26 | foo
27 | bar
28 | baz
29 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/fixtures/output/all/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | interface Person {
3 | name: string
4 | age: number
5 | }
6 |
7 | // Create an array of objects with the defined interface
8 | const people: Person[] = [
9 | { name: 'Alice', age: 30 },
10 | { name: 'Bob', age: 25 },
11 | { name: 'Charlie', age: 35 },
12 | ]
13 |
14 | // eslint-disable-next-line no-console
15 | const log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`)
20 | }
21 |
22 | // Define a generic function
23 | function identity(arg: T): T {
24 | return arg
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | 'TypeScript is awesome',
30 | )
31 | log(result)
32 |
33 | // Use optional properties in an interface
34 | interface Car {
35 | make: string
36 | model?: string
37 | }
38 |
39 | // Create objects using the interface
40 | const car1: Car = { make: 'Toyota' }
41 | const car2: Car = {
42 | make: 'Ford',
43 | model: 'Focus',
44 | }
45 |
46 | // Use union types
47 | type Fruit = 'apple' | 'banana' | 'orange'
48 | const favoriteFruit: Fruit = 'apple'
49 |
50 | // Use a type assertion to tell TypeScript about the type
51 | const inputValue: any = '42'
52 | const numericValue = inputValue as number
53 |
54 | // Define a class with access modifiers
55 | class Animal {
56 | private name: string
57 | constructor(name: string) {
58 | this.name = name
59 | }
60 |
61 | protected makeSound(sound: string) {
62 | log(`${this.name} says ${sound}`)
63 | }
64 | }
65 |
66 | // Extend a class
67 | class Dog extends Animal {
68 | constructor(private alias: string) {
69 | super(alias)
70 | }
71 |
72 | bark() {
73 | this.makeSound('Woof!')
74 | }
75 | }
76 |
77 | const dog = new Dog('Buddy')
78 | dog.bark()
79 |
80 | function fn(): string {
81 | return `hello${1}`
82 | }
83 |
84 | log(car1, car2, favoriteFruit, numericValue, fn())
85 |
86 | // Generator
87 | export function* generator1() {
88 | let id = 0
89 | while (id < 100) {
90 | yield id++
91 | }
92 | }
93 | export function* generator2() {
94 | yield* generator1()
95 | }
96 |
--------------------------------------------------------------------------------
/fixtures/output/all/vue-ts.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
{{ greeting }}
17 |
20 |
Counter: {{ counter }}
21 |
19 |
20 | {{ greeting }}
21 |
22 |
25 |
Counter: {{ counter }}
26 |
19 | { greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase() }
20 | {greeting.endsWith(',')
21 | ? ' '
22 | : ", " }
23 |
24 | { greeted }
25 |
26 | { (silent) ? '.' : '!'}
27 |
28 | )
29 | }
30 |
--------------------------------------------------------------------------------
/fixtures/output/js/markdown.md:
--------------------------------------------------------------------------------
1 | Header
2 | ======
3 |
4 | _Look,_ code blocks are formatted *too!*
5 |
6 | ```js
7 | // This should be handled by ESLint instead of Prettier
8 | function identity(x) {
9 | if (foo) {
10 | console.log('bar')
11 | }
12 | }
13 | ```
14 |
15 | ```css
16 | /* This should be handled by Prettier */
17 | .foo { color:red;}
18 | ```
19 |
20 | Pilot|Airport|Hours
21 | --|:--:|--:
22 | John Doe|SKG|1338
23 | Jane Roe|JFK|314
24 |
25 | - - - - - - - - - - - - - - -
26 |
27 | + List
28 | + with a [link] (/to/somewhere)
29 | + and [another one]
30 |
31 | [another one]: http://example.com 'Example title'
32 |
33 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
34 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
35 |
--------------------------------------------------------------------------------
/fixtures/output/js/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = { answer = 42 }
11 | indent = [
12 | 1,
13 | 2
14 | ]
15 |
16 | [a-table]
17 | apple.type = "fruit"
18 | apple.skin = "thin"
19 | apple.color = "red"
20 |
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/js/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return
3 | }
4 |
5 | export function jsx2() {
6 | const props = { a: 1, b: 2 }
7 | return (
8 |
9 |
14 | Inline Text
15 |
16 |
17 | Block Text
18 |
19 |
20 | Mixed
21 |
Foo
22 | Text
23 |
Bar
24 |
26 | foo
27 | bar
28 | baz
29 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/fixtures/output/no-markdown-with-formatters/javascript.js:
--------------------------------------------------------------------------------
1 | // This file is generated by ChatGPT
2 |
3 | // eslint-disable-next-line no-console
4 | const log = console.log
5 |
6 | // Define a class using ES6 class syntax
7 | class Person {
8 | constructor(name, age) {
9 | this.name = name
10 | this.age = age
11 | }
12 |
13 | // Define a method within the class
14 | sayHello() {
15 | log(`Hello, my name is ${this.name} and I am ${this.age} years old.`)
16 | }
17 | }
18 |
19 | // Create an array of objects
20 | const people = [
21 | new Person('Alice', 30),
22 | new Person('Bob', 25),
23 | new Person('Charlie', 35),
24 | ]
25 |
26 | // Use the forEach method to iterate over the array
27 | people.forEach((person) => {
28 | person.sayHello()
29 | })
30 |
31 | // Use a template literal to create a multiline string
32 | const multilineString = `
33 | This is a multiline string
34 | that spans multiple lines.
35 | `
36 |
37 | // Use destructuring assignment to extract values from an object
38 | const { name, age } = people[0]
39 | log(`First person in the array is ${name} and they are ${age} years old.`, multilineString)
40 |
41 | // Use the spread operator to create a new array
42 | const numbers = [1, 2, 3]
43 | const newNumbers = [...numbers, 4, 5]
44 | log(newNumbers)
45 |
46 | // Use a try-catch block for error handling
47 | try {
48 | // Attempt to parse an invalid JSON string
49 | JSON.parse('invalid JSON')
50 | }
51 | catch (error) {
52 | console.error('Error parsing JSON:', error.message)
53 | }
54 |
55 | // Use a ternary conditional operator
56 | const isEven = num => num % 2 === 0
57 | const number = 7
58 | log(`${number} is ${isEven(number) ? 'even' : 'odd'}.`)
59 |
60 | // Use a callback function with setTimeout for asynchronous code
61 | setTimeout(() => {
62 | log('This code runs after a delay of 2 seconds.')
63 | }, 2000)
64 |
65 | let a, b, c, d, foo
66 |
67 | if (a
68 | || b
69 | || c || d
70 | || (d && b)
71 | ) {
72 | foo()
73 | }
74 |
--------------------------------------------------------------------------------
/fixtures/output/no-markdown-with-formatters/markdown.md:
--------------------------------------------------------------------------------
1 | # Header
2 |
3 | _Look,_ code blocks are formatted _too!_
4 |
5 | ```js
6 | // This should be handled by ESLint instead of Prettier
7 | function identity(x) {
8 | if (foo) {
9 | console.log('bar');
10 | }
11 | }
12 | ```
13 |
14 | ```css
15 | /* This should be handled by Prettier */
16 | .foo { color:red;}
17 | ```
18 |
19 | | Pilot | Airport | Hours |
20 | | -------- | :-----: | ----: |
21 | | John Doe | SKG | 1338 |
22 | | Jane Roe | JFK | 314 |
23 |
24 | ---
25 |
26 | - List
27 | - with a [link] (/to/somewhere)
28 | - and [another one]
29 |
30 | [another one]: http://example.com 'Example title'
31 |
32 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
33 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
34 |
--------------------------------------------------------------------------------
/fixtures/output/no-markdown-with-formatters/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = { answer = 42 }
11 | indent = [
12 | 1,
13 | 2
14 | ]
15 |
16 | [a-table]
17 | apple.type = "fruit"
18 | apple.skin = "thin"
19 | apple.color = "red"
20 |
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/no-markdown-with-formatters/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return
3 | }
4 |
5 | export function jsx2() {
6 | const props = { a: 1, b: 2 }
7 | return < a foo= 'bar' bar={`foo` } >
8 | Inline Text
9 |
10 | Block Text
11 |
12 |
13 | Mixed
14 |
Foo
15 | Text
Bar
16 |
18 | foobarbaz
19 |
20 |
21 | }
22 |
--------------------------------------------------------------------------------
/fixtures/output/no-markdown-with-formatters/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | interface Person {
3 | name: string
4 | age: number
5 | }
6 |
7 | // Create an array of objects with the defined interface
8 | const people: Person[] = [
9 | { name: 'Alice', age: 30 },
10 | { name: 'Bob', age: 25 },
11 | { name: 'Charlie', age: 35 },
12 | ]
13 |
14 | // eslint-disable-next-line no-console
15 | const log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`)
20 | }
21 |
22 | // Define a generic function
23 | function identity(arg: T): T {
24 | return arg
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | 'TypeScript is awesome',
30 | )
31 | log(result)
32 |
33 | // Use optional properties in an interface
34 | interface Car {
35 | make: string
36 | model?: string
37 | }
38 |
39 | // Create objects using the interface
40 | const car1: Car = { make: 'Toyota' }
41 | const car2: Car = {
42 | make: 'Ford',
43 | model: 'Focus',
44 | }
45 |
46 | // Use union types
47 | type Fruit = 'apple' | 'banana' | 'orange'
48 | const favoriteFruit: Fruit = 'apple'
49 |
50 | // Use a type assertion to tell TypeScript about the type
51 | const inputValue: any = '42'
52 | const numericValue = inputValue as number
53 |
54 | // Define a class with access modifiers
55 | class Animal {
56 | private name: string
57 | constructor(name: string) {
58 | this.name = name
59 | }
60 |
61 | protected makeSound(sound: string) {
62 | log(`${this.name} says ${sound}`)
63 | }
64 | }
65 |
66 | // Extend a class
67 | class Dog extends Animal {
68 | constructor(private alias: string) {
69 | super(alias)
70 | }
71 |
72 | bark() {
73 | this.makeSound('Woof!')
74 | }
75 | }
76 |
77 | const dog = new Dog('Buddy')
78 | dog.bark()
79 |
80 | function fn(): string {
81 | return `hello${1}`
82 | }
83 |
84 | log(car1, car2, favoriteFruit, numericValue, fn())
85 |
86 | // Generator
87 | export function* generator1() {
88 | let id = 0
89 | while (id < 100) {
90 | yield id++
91 | }
92 | }
93 | export function* generator2() {
94 | yield* generator1()
95 | }
96 |
--------------------------------------------------------------------------------
/fixtures/output/no-style/javascript.js:
--------------------------------------------------------------------------------
1 | // This file is generated by ChatGPT
2 |
3 | // eslint-disable-next-line no-console
4 | const log = console.log
5 |
6 | // Define a class using ES6 class syntax
7 | class Person {
8 | constructor(name, age) {
9 | this.name = name;
10 | this.age = age;
11 | }
12 |
13 | // Define a method within the class
14 | sayHello() {
15 | log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
16 | }
17 | }
18 |
19 | // Create an array of objects
20 | const people = [
21 | new Person('Alice', 30),
22 | new Person('Bob', 25),
23 | new Person('Charlie', 35)
24 | ];
25 |
26 | // Use the forEach method to iterate over the array
27 | people.forEach(person => {
28 | person.sayHello();
29 | });
30 |
31 | // Use a template literal to create a multiline string
32 | const multilineString = `
33 | This is a multiline string
34 | that spans multiple lines.
35 | `;
36 |
37 | // Use destructuring assignment to extract values from an object
38 | const { name, age } = people[0];
39 | log(`First person in the array is ${name} and they are ${age} years old.`, multilineString);
40 |
41 | // Use the spread operator to create a new array
42 | const numbers = [1, 2, 3];
43 | const newNumbers = [...numbers, 4, 5];
44 | log(newNumbers);
45 |
46 | // Use a try-catch block for error handling
47 | try {
48 | // Attempt to parse an invalid JSON string
49 | JSON.parse('invalid JSON');
50 | } catch (error) {
51 | console.error('Error parsing JSON:', error.message);
52 | }
53 |
54 | // Use a ternary conditional operator
55 | const isEven = num => num % 2 === 0;
56 | const number = 7;
57 | log(`${number} is ${isEven(number) ? 'even' : 'odd'}.`);
58 |
59 | // Use a callback function with setTimeout for asynchronous code
60 | setTimeout(() => {
61 | log('This code runs after a delay of 2 seconds.');
62 | }, 2000);
63 |
64 | let a, b, c, d, foo
65 |
66 | if (a
67 | || b
68 | || c || d
69 | || (d && b)
70 | ) {
71 | foo()
72 | }
73 |
--------------------------------------------------------------------------------
/fixtures/output/no-style/jsx.jsx:
--------------------------------------------------------------------------------
1 | export function HelloWorld({
2 | greeting = "hello", greeted = '"World"', silent = false, onMouseOver,}) {
3 |
4 | if(!greeting){
5 | return null};
6 |
7 | // TODO: Don't use random in render
8 | const num = Math
9 | .floor (Math.random() * 1e+7).toString()
10 | .replace(/\.\d+/g, "")
11 |
12 | return
13 | { greeting.slice( 0, 1 ).toUpperCase() + greeting.slice(1).toLowerCase() }
14 | {greeting.endsWith(",")
15 | ? " " : ", " }
16 |
17 | { greeted }
18 |
19 | { (silent)? ".": "!"}
20 |
;
21 |
22 | }
23 |
--------------------------------------------------------------------------------
/fixtures/output/no-style/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = {answer = 42}
11 |
12 | "indent" = [
13 | 1,
14 | 2
15 | ]
16 |
17 | ['a-table']
18 | apple.type = "fruit"
19 | apple.skin = "thin"
20 | apple.color = "red"
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/no-style/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | interface Person {
3 | name: string; age: number;
4 | }
5 |
6 | // Create an array of objects with the defined interface
7 | const people: Person[] = [
8 | { name: 'Alice', age: 30 },
9 | { name: 'Bob', age: 25 },
10 | { name: 'Charlie',
11 | age: 35 }
12 | ];
13 |
14 | // eslint-disable-next-line no-console
15 | const log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`);
20 | }
21 |
22 | // Define a generic function
23 | function identity< T >(arg: T): T {
24 | return arg;
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | 'TypeScript is awesome');
30 | log(result);
31 |
32 | // Use optional properties in an interface
33 | interface Car {
34 | make: string;
35 | model?: string;
36 | }
37 |
38 | // Create objects using the interface
39 | const car1: Car = { make: 'Toyota' };
40 | const car2: Car = {
41 | make: 'Ford', model: 'Focus' };
42 |
43 | // Use union types
44 | type Fruit = 'apple' | 'banana' | 'orange';
45 | const favoriteFruit: Fruit = 'apple';
46 |
47 | // Use a type assertion to tell TypeScript about the type
48 | const inputValue: any = '42';
49 | const numericValue = inputValue as number;
50 |
51 | // Define a class with access modifiers
52 | class Animal {
53 | private name: string;
54 | constructor(name: string) {
55 | this.name = name;
56 | }
57 | protected makeSound(sound: string) {
58 | log(`${this.name} says ${sound}`);
59 | }
60 | }
61 |
62 | // Extend a class
63 | class Dog extends Animal {
64 | constructor(private alias: string) {
65 | super(alias);
66 | }
67 | bark() {
68 | this.makeSound('Woof!');
69 | }
70 | }
71 |
72 | const dog = new Dog('Buddy');
73 | dog.bark();
74 |
75 | const fn = (): string => {
76 | return `hello${ 1}`
77 | }
78 |
79 | log(car1, car2, favoriteFruit, numericValue, fn())
80 |
81 | // Generator
82 | export function* generator1() {
83 | let id = 0;
84 | while (id < 100) {
85 | yield id++;
86 | }
87 | }
88 | export function * generator2() {
89 | yield* generator1()
90 | }
91 |
--------------------------------------------------------------------------------
/fixtures/output/no-style/vue-ts.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
{{ greeting }}
17 |
20 |
Counter: {{ counter }}
21 |
19 |
20 | {{ greeting }}
21 |
22 |
25 |
Counter: {{ counter }}
26 |
19 | { greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase() }
20 | {greeting.endsWith(",")
21 | ? " "
22 | : ", " }
23 |
24 | { greeted }
25 |
26 | { (silent) ? "." : "!"}
27 |
28 | )
29 | }
30 |
--------------------------------------------------------------------------------
/fixtures/output/tab-double-quotes/markdown.md:
--------------------------------------------------------------------------------
1 | Header
2 | ======
3 |
4 | _Look,_ code blocks are formatted *too!*
5 |
6 | ```js
7 | // This should be handled by ESLint instead of Prettier
8 | function identity(x) {
9 | if (foo) {
10 | console.log("bar")
11 | }
12 | }
13 | ```
14 |
15 | ```css
16 | /* This should be handled by Prettier */
17 | .foo { color:red;}
18 | ```
19 |
20 | Pilot|Airport|Hours
21 | --|:--:|--:
22 | John Doe|SKG|1338
23 | Jane Roe|JFK|314
24 |
25 | - - - - - - - - - - - - - - -
26 |
27 | + List
28 | + with a [link] (/to/somewhere)
29 | + and [another one]
30 |
31 | [another one]: http://example.com 'Example title'
32 |
33 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
34 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
35 |
--------------------------------------------------------------------------------
/fixtures/output/tab-double-quotes/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = { answer = 42 }
11 | indent = [
12 | 1,
13 | 2
14 | ]
15 |
16 | [a-table]
17 | apple.type = "fruit"
18 | apple.skin = "thin"
19 | apple.color = "red"
20 |
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/tab-double-quotes/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ESNext",
4 | "module": "ESNext",
5 | "moduleResolution": "Bundler",
6 | "strict": true,
7 | "skipDefaultLibCheck": true,
8 | "skipLibCheck": true
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/fixtures/output/tab-double-quotes/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return
3 | }
4 |
5 | export function jsx2() {
6 | const props = { a: 1, b: 2 }
7 | return (
8 |
9 |
14 | Inline Text
15 |
16 |
17 | Block Text
18 |
19 |
20 | Mixed
21 |
Foo
22 | Text
23 |
Bar
24 |
26 | foo
27 | bar
28 | baz
29 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/fixtures/output/tab-double-quotes/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | interface Person {
3 | name: string
4 | age: number
5 | }
6 |
7 | // Create an array of objects with the defined interface
8 | const people: Person[] = [
9 | { name: "Alice", age: 30 },
10 | { name: "Bob", age: 25 },
11 | { name: "Charlie", age: 35 },
12 | ]
13 |
14 | // eslint-disable-next-line no-console
15 | const log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`)
20 | }
21 |
22 | // Define a generic function
23 | function identity(arg: T): T {
24 | return arg
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | "TypeScript is awesome",
30 | )
31 | log(result)
32 |
33 | // Use optional properties in an interface
34 | interface Car {
35 | make: string
36 | model?: string
37 | }
38 |
39 | // Create objects using the interface
40 | const car1: Car = { make: "Toyota" }
41 | const car2: Car = {
42 | make: "Ford",
43 | model: "Focus",
44 | }
45 |
46 | // Use union types
47 | type Fruit = "apple" | "banana" | "orange"
48 | const favoriteFruit: Fruit = "apple"
49 |
50 | // Use a type assertion to tell TypeScript about the type
51 | const inputValue: any = "42"
52 | const numericValue = inputValue as number
53 |
54 | // Define a class with access modifiers
55 | class Animal {
56 | private name: string
57 | constructor(name: string) {
58 | this.name = name
59 | }
60 |
61 | protected makeSound(sound: string) {
62 | log(`${this.name} says ${sound}`)
63 | }
64 | }
65 |
66 | // Extend a class
67 | class Dog extends Animal {
68 | constructor(private alias: string) {
69 | super(alias)
70 | }
71 |
72 | bark() {
73 | this.makeSound("Woof!")
74 | }
75 | }
76 |
77 | const dog = new Dog("Buddy")
78 | dog.bark()
79 |
80 | function fn(): string {
81 | return `hello${1}`
82 | }
83 |
84 | log(car1, car2, favoriteFruit, numericValue, fn())
85 |
86 | // Generator
87 | export function* generator1() {
88 | let id = 0
89 | while (id < 100) {
90 | yield id++
91 | }
92 | }
93 | export function* generator2() {
94 | yield* generator1()
95 | }
96 |
--------------------------------------------------------------------------------
/fixtures/output/tab-double-quotes/vue-ts.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
{{ greeting }}
17 |
20 |
Counter: {{ counter }}
21 |
19 |
20 | {{ greeting }}
21 |
22 |
25 |
Counter: {{ counter }}
26 |
19 | { greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase() }
20 | {greeting.endsWith(',')
21 | ? ' '
22 | : ", " }
23 |
24 | { greeted }
25 |
26 | { (silent) ? '.' : '!'}
27 |
28 | )
29 | }
30 |
--------------------------------------------------------------------------------
/fixtures/output/ts-override/markdown.md:
--------------------------------------------------------------------------------
1 | Header
2 | ======
3 |
4 | _Look,_ code blocks are formatted *too!*
5 |
6 | ```js
7 | // This should be handled by ESLint instead of Prettier
8 | function identity(x) {
9 | if (foo) {
10 | console.log('bar')
11 | }
12 | }
13 | ```
14 |
15 | ```css
16 | /* This should be handled by Prettier */
17 | .foo { color:red;}
18 | ```
19 |
20 | Pilot|Airport|Hours
21 | --|:--:|--:
22 | John Doe|SKG|1338
23 | Jane Roe|JFK|314
24 |
25 | - - - - - - - - - - - - - - -
26 |
27 | + List
28 | + with a [link] (/to/somewhere)
29 | + and [another one]
30 |
31 | [another one]: http://example.com 'Example title'
32 |
33 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
34 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
35 |
--------------------------------------------------------------------------------
/fixtures/output/ts-override/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = { answer = 42 }
11 | indent = [
12 | 1,
13 | 2
14 | ]
15 |
16 | [a-table]
17 | apple.type = "fruit"
18 | apple.skin = "thin"
19 | apple.color = "red"
20 |
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/ts-override/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return
3 | }
4 |
5 | export function jsx2() {
6 | const props = { a: 1, b: 2 }
7 | return (
8 |
9 |
14 | Inline Text
15 |
16 |
17 | Block Text
18 |
19 |
20 | Mixed
21 |
Foo
22 | Text
23 |
Bar
24 |
26 | foo
27 | bar
28 | baz
29 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/fixtures/output/ts-override/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | type Person = {
3 | name: string
4 | age: number
5 | }
6 |
7 | // Create an array of objects with the defined interface
8 | const people: Person[] = [
9 | { name: 'Alice', age: 30 },
10 | { name: 'Bob', age: 25 },
11 | { name: 'Charlie', age: 35 },
12 | ]
13 |
14 | // eslint-disable-next-line no-console
15 | const log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`)
20 | }
21 |
22 | // Define a generic function
23 | function identity(arg: T): T {
24 | return arg
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | 'TypeScript is awesome',
30 | )
31 | log(result)
32 |
33 | // Use optional properties in an interface
34 | type Car = {
35 | make: string
36 | model?: string
37 | }
38 |
39 | // Create objects using the interface
40 | const car1: Car = { make: 'Toyota' }
41 | const car2: Car = {
42 | make: 'Ford',
43 | model: 'Focus',
44 | }
45 |
46 | // Use union types
47 | type Fruit = 'apple' | 'banana' | 'orange'
48 | const favoriteFruit: Fruit = 'apple'
49 |
50 | // Use a type assertion to tell TypeScript about the type
51 | const inputValue: any = '42'
52 | const numericValue = inputValue as number
53 |
54 | // Define a class with access modifiers
55 | class Animal {
56 | private name: string
57 | constructor(name: string) {
58 | this.name = name
59 | }
60 |
61 | protected makeSound(sound: string) {
62 | log(`${this.name} says ${sound}`)
63 | }
64 | }
65 |
66 | // Extend a class
67 | class Dog extends Animal {
68 | constructor(private alias: string) {
69 | super(alias)
70 | }
71 |
72 | bark() {
73 | this.makeSound('Woof!')
74 | }
75 | }
76 |
77 | const dog = new Dog('Buddy')
78 | dog.bark()
79 |
80 | function fn(): string {
81 | return `hello${1}`
82 | }
83 |
84 | log(car1, car2, favoriteFruit, numericValue, fn())
85 |
86 | // Generator
87 | export function* generator1() {
88 | let id = 0
89 | while (id < 100) {
90 | yield id++
91 | }
92 | }
93 | export function* generator2() {
94 | yield* generator1()
95 | }
96 |
--------------------------------------------------------------------------------
/fixtures/output/ts-override/vue-ts.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
{{ greeting }}
17 |
20 |
Counter: {{ counter }}
21 |
19 |
20 | {{ greeting }}
21 |
22 |
25 |
Counter: {{ counter }}
26 |
19 | { greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase() }
20 | {greeting.endsWith(',')
21 | ? ' '
22 | : ", " }
23 |
24 | { greeted }
25 |
26 | { (silent) ? '.' : '!'}
27 |
28 | )
29 | }
30 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict-with-react/markdown.md:
--------------------------------------------------------------------------------
1 | Header
2 | ======
3 |
4 | _Look,_ code blocks are formatted *too!*
5 |
6 | ```js
7 | // This should be handled by ESLint instead of Prettier
8 | function identity(x) {
9 | if (foo) {
10 | console.log('bar')
11 | }
12 | }
13 | ```
14 |
15 | ```css
16 | /* This should be handled by Prettier */
17 | .foo { color:red;}
18 | ```
19 |
20 | Pilot|Airport|Hours
21 | --|:--:|--:
22 | John Doe|SKG|1338
23 | Jane Roe|JFK|314
24 |
25 | - - - - - - - - - - - - - - -
26 |
27 | + List
28 | + with a [link] (/to/somewhere)
29 | + and [another one]
30 |
31 | [another one]: http://example.com 'Example title'
32 |
33 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
34 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
35 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict-with-react/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = { answer = 42 }
11 | indent = [
12 | 1,
13 | 2
14 | ]
15 |
16 | [a-table]
17 | apple.type = "fruit"
18 | apple.skin = "thin"
19 | apple.color = "red"
20 |
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict-with-react/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return
3 | }
4 |
5 | export function jsx2() {
6 | const props = { a: 1, b: 2 }
7 | return (
8 |
9 |
14 | Inline Text
15 |
16 |
17 | Block Text
18 |
19 |
20 | Mixed
21 |
Foo
22 | Text
23 |
Bar
24 |
26 | foo
27 | bar
28 | baz
29 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict-with-react/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | interface Person {
3 | name: string
4 | age: number
5 | }
6 |
7 | // Create an array of objects with the defined interface
8 | const people: Person[] = [
9 | { name: 'Alice', age: 30 },
10 | { name: 'Bob', age: 25 },
11 | { name: 'Charlie', age: 35 },
12 | ]
13 |
14 | // eslint-disable-next-line no-console
15 | const log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`)
20 | }
21 |
22 | // Define a generic function
23 | function identity(arg: T): T {
24 | return arg
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | 'TypeScript is awesome',
30 | )
31 | log(result)
32 |
33 | // Use optional properties in an interface
34 | interface Car {
35 | make: string
36 | model?: string
37 | }
38 |
39 | // Create objects using the interface
40 | const car1: Car = { make: 'Toyota' }
41 | const car2: Car = {
42 | make: 'Ford',
43 | model: 'Focus',
44 | }
45 |
46 | // Use union types
47 | type Fruit = 'apple' | 'banana' | 'orange'
48 | const favoriteFruit: Fruit = 'apple'
49 |
50 | // Use a type assertion to tell TypeScript about the type
51 | const inputValue: any = '42'
52 | const numericValue = inputValue as number
53 |
54 | // Define a class with access modifiers
55 | class Animal {
56 | private name: string
57 | constructor(name: string) {
58 | this.name = name
59 | }
60 |
61 | protected makeSound(sound: string) {
62 | log(`${this.name} says ${sound}`)
63 | }
64 | }
65 |
66 | // Extend a class
67 | class Dog extends Animal {
68 | constructor(private alias: string) {
69 | super(alias)
70 | }
71 |
72 | bark() {
73 | this.makeSound('Woof!')
74 | }
75 | }
76 |
77 | const dog = new Dog('Buddy')
78 | dog.bark()
79 |
80 | function fn(): string {
81 | return `hello${1}`
82 | }
83 |
84 | log(car1, car2, favoriteFruit, numericValue, fn())
85 |
86 | // Generator
87 | export function* generator1() {
88 | let id = 0
89 | while (id < 100) {
90 | yield id++
91 | }
92 | }
93 | export function* generator2() {
94 | yield* generator1()
95 | }
96 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict-with-react/vue-ts.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
{{ greeting }}
17 |
20 |
Counter: {{ counter }}
21 |
19 |
20 | {{ greeting }}
21 |
22 |
25 |
Counter: {{ counter }}
26 |
19 | { greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase() }
20 | {greeting.endsWith(',')
21 | ? ' '
22 | : ", " }
23 |
24 | { greeted }
25 |
26 | { (silent) ? '.' : '!'}
27 |
28 | )
29 | }
30 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict/markdown.md:
--------------------------------------------------------------------------------
1 | Header
2 | ======
3 |
4 | _Look,_ code blocks are formatted *too!*
5 |
6 | ```js
7 | // This should be handled by ESLint instead of Prettier
8 | function identity(x) {
9 | if (foo) {
10 | console.log('bar')
11 | }
12 | }
13 | ```
14 |
15 | ```css
16 | /* This should be handled by Prettier */
17 | .foo { color:red;}
18 | ```
19 |
20 | Pilot|Airport|Hours
21 | --|:--:|--:
22 | John Doe|SKG|1338
23 | Jane Roe|JFK|314
24 |
25 | - - - - - - - - - - - - - - -
26 |
27 | + List
28 | + with a [link] (/to/somewhere)
29 | + and [another one]
30 |
31 | [another one]: http://example.com 'Example title'
32 |
33 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
34 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
35 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = { answer = 42 }
11 | indent = [
12 | 1,
13 | 2
14 | ]
15 |
16 | [a-table]
17 | apple.type = "fruit"
18 | apple.skin = "thin"
19 | apple.color = "red"
20 |
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return
3 | }
4 |
5 | export function jsx2() {
6 | const props = { a: 1, b: 2 }
7 | return (
8 |
9 |
14 | Inline Text
15 |
16 |
17 | Block Text
18 |
19 |
20 | Mixed
21 |
Foo
22 | Text
23 |
Bar
24 |
26 | foo
27 | bar
28 | baz
29 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | interface Person {
3 | name: string
4 | age: number
5 | }
6 |
7 | // Create an array of objects with the defined interface
8 | const people: Person[] = [
9 | { name: 'Alice', age: 30 },
10 | { name: 'Bob', age: 25 },
11 | { name: 'Charlie', age: 35 },
12 | ]
13 |
14 | // eslint-disable-next-line no-console
15 | const log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`)
20 | }
21 |
22 | // Define a generic function
23 | function identity(arg: T): T {
24 | return arg
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | 'TypeScript is awesome',
30 | )
31 | log(result)
32 |
33 | // Use optional properties in an interface
34 | interface Car {
35 | make: string
36 | model?: string
37 | }
38 |
39 | // Create objects using the interface
40 | const car1: Car = { make: 'Toyota' }
41 | const car2: Car = {
42 | make: 'Ford',
43 | model: 'Focus',
44 | }
45 |
46 | // Use union types
47 | type Fruit = 'apple' | 'banana' | 'orange'
48 | const favoriteFruit: Fruit = 'apple'
49 |
50 | // Use a type assertion to tell TypeScript about the type
51 | const inputValue: any = '42'
52 | const numericValue = inputValue as number
53 |
54 | // Define a class with access modifiers
55 | class Animal {
56 | private name: string
57 | constructor(name: string) {
58 | this.name = name
59 | }
60 |
61 | protected makeSound(sound: string) {
62 | log(`${this.name} says ${sound}`)
63 | }
64 | }
65 |
66 | // Extend a class
67 | class Dog extends Animal {
68 | constructor(private alias: string) {
69 | super(alias)
70 | }
71 |
72 | bark() {
73 | this.makeSound('Woof!')
74 | }
75 | }
76 |
77 | const dog = new Dog('Buddy')
78 | dog.bark()
79 |
80 | function fn(): string {
81 | return `hello${1}`
82 | }
83 |
84 | log(car1, car2, favoriteFruit, numericValue, fn())
85 |
86 | // Generator
87 | export function* generator1() {
88 | let id = 0
89 | while (id < 100) {
90 | yield id++
91 | }
92 | }
93 | export function* generator2() {
94 | yield* generator1()
95 | }
96 |
--------------------------------------------------------------------------------
/fixtures/output/ts-strict/vue-ts.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
{{ greeting }}
17 |
20 |
Counter: {{ counter }}
21 |
19 |
20 | {{ greeting }}
21 |
22 |
25 |
Counter: {{ counter }}
26 |
{content}
8 |
9 | {isJsx &&
{content}
}
10 |
11 |
12 |
13 |
19 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/css.css:
--------------------------------------------------------------------------------
1 | @media (max-width: 480px) {
2 | .bd-examples {
3 | margin-right: -0.75rem;
4 | margin-left: -0.75rem;
5 | }
6 |
7 | .bd-examples > [class^='col-'] {
8 | padding-right: 0.75rem;
9 | padding-left: 0.75rem;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/html.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | My tITlE
6 |
7 |
8 |
9 |
10 | Hello world!
11 | This is HTML5 Boilerplate.
12 |
13 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/javascript.js:
--------------------------------------------------------------------------------
1 | // This file is generated by ChatGPT
2 |
3 | // eslint-disable-next-line no-console
4 | const log = console.log
5 |
6 | // Define a class using ES6 class syntax
7 | class Person {
8 | constructor(name, age) {
9 | this.name = name
10 | this.age = age
11 | }
12 |
13 | // Define a method within the class
14 | sayHello() {
15 | log(`Hello, my name is ${this.name} and I am ${this.age} years old.`)
16 | }
17 | }
18 |
19 | // Create an array of objects
20 | const people = [
21 | new Person('Alice', 30),
22 | new Person('Bob', 25),
23 | new Person('Charlie', 35),
24 | ]
25 |
26 | // Use the forEach method to iterate over the array
27 | people.forEach((person) => {
28 | person.sayHello()
29 | })
30 |
31 | // Use a template literal to create a multiline string
32 | const multilineString = `
33 | This is a multiline string
34 | that spans multiple lines.
35 | `
36 |
37 | // Use destructuring assignment to extract values from an object
38 | const { name, age } = people[0]
39 | log(`First person in the array is ${name} and they are ${age} years old.`, multilineString)
40 |
41 | // Use the spread operator to create a new array
42 | const numbers = [1, 2, 3]
43 | const newNumbers = [...numbers, 4, 5]
44 | log(newNumbers)
45 |
46 | // Use a try-catch block for error handling
47 | try {
48 | // Attempt to parse an invalid JSON string
49 | JSON.parse('invalid JSON')
50 | }
51 | catch (error) {
52 | console.error('Error parsing JSON:', error.message)
53 | }
54 |
55 | // Use a ternary conditional operator
56 | const isEven = num => num % 2 === 0
57 | const number = 7
58 | log(`${number} is ${isEven(number) ? 'even' : 'odd'}.`)
59 |
60 | // Use a callback function with setTimeout for asynchronous code
61 | setTimeout(() => {
62 | log('This code runs after a delay of 2 seconds.')
63 | }, 2000)
64 |
65 | let a, b, c, d, foo
66 |
67 | if (a
68 | || b
69 | || c || d
70 | || (d && b)
71 | ) {
72 | foo()
73 | }
74 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/jsx.jsx:
--------------------------------------------------------------------------------
1 | export function HelloWorld({
2 | greeting = 'hello',
3 | greeted = '"World"',
4 | silent = false,
5 | onMouseOver,
6 | }) {
7 | if (!greeting) {
8 | return null
9 | };
10 |
11 | // TODO: Don't use random in render
12 | const num = Math
13 | .floor (Math.random() * 1e+7)
14 | .toString()
15 | .replace(/\.\d+/g, '')
16 |
17 | return (
18 |
19 | { greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase() }
20 | {greeting.endsWith(',')
21 | ? ' '
22 | : ", " }
23 |
24 | { greeted }
25 |
26 | { (silent) ? '.' : '!'}
27 |
28 | )
29 | }
30 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/markdown.md:
--------------------------------------------------------------------------------
1 | # Header
2 |
3 | _Look,_ code blocks are formatted _too!_
4 |
5 | ```js
6 | // This should be handled by ESLint instead of Prettier
7 | function identity(x) {
8 | if (foo) {
9 | console.log('bar')
10 | }
11 | }
12 | ```
13 |
14 | ```css
15 | /* This should be handled by Prettier */
16 | .foo {
17 | color: red;
18 | }
19 | ```
20 |
21 | | Pilot | Airport | Hours |
22 | | -------- | :-----: | ----: |
23 | | John Doe | SKG | 1338 |
24 | | Jane Roe | JFK | 314 |
25 |
26 | ---
27 |
28 | - List
29 | - with a [link] (/to/somewhere)
30 | - and [another one]
31 |
32 | [another one]: http://example.com 'Example title'
33 |
34 | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
35 | Curabitur consectetur maximus risus, sed maximus tellus tincidunt et.
36 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/svg.svg:
--------------------------------------------------------------------------------
1 |
18 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/toml.toml:
--------------------------------------------------------------------------------
1 | comma = [
2 | 1,
3 | 2,
4 | 3,
5 | ]
6 |
7 | [foo]
8 | b = 1
9 | c = "hello"
10 | a = { answer = 42 }
11 | indent = [
12 | 1,
13 | 2
14 | ]
15 |
16 | [a-table]
17 | apple.type = "fruit"
18 | apple.skin = "thin"
19 | apple.color = "red"
20 |
21 | orange.type = "fruit"
22 | orange.skin = "thick"
23 | orange.color = "orange"
24 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/tsx.tsx:
--------------------------------------------------------------------------------
1 | export function Component1() {
2 | return
3 | }
4 |
5 | export function jsx2() {
6 | const props = { a: 1, b: 2 }
7 | return (
8 |
9 |
14 | Inline Text
15 |
16 |
17 | Block Text
18 |
19 |
20 | Mixed
21 |
Foo
22 | Text
23 |
Bar
24 |
26 | foo
27 | bar
28 | baz
29 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/typescript.ts:
--------------------------------------------------------------------------------
1 | // Define a TypeScript interface
2 | interface Person {
3 | name: string
4 | age: number
5 | }
6 |
7 | // Create an array of objects with the defined interface
8 | const people: Person[] = [
9 | { name: 'Alice', age: 30 },
10 | { name: 'Bob', age: 25 },
11 | { name: 'Charlie', age: 35 },
12 | ]
13 |
14 | // eslint-disable-next-line no-console
15 | const log = console.log
16 |
17 | // Use a for...of loop to iterate over the array
18 | for (const person of people) {
19 | log(`Hello, my name is ${person.name} and I am ${person.age} years old.`)
20 | }
21 |
22 | // Define a generic function
23 | function identity(arg: T): T {
24 | return arg
25 | }
26 |
27 | // Use the generic function with type inference
28 | const result = identity(
29 | 'TypeScript is awesome',
30 | )
31 | log(result)
32 |
33 | // Use optional properties in an interface
34 | interface Car {
35 | make: string
36 | model?: string
37 | }
38 |
39 | // Create objects using the interface
40 | const car1: Car = { make: 'Toyota' }
41 | const car2: Car = {
42 | make: 'Ford',
43 | model: 'Focus',
44 | }
45 |
46 | // Use union types
47 | type Fruit = 'apple' | 'banana' | 'orange'
48 | const favoriteFruit: Fruit = 'apple'
49 |
50 | // Use a type assertion to tell TypeScript about the type
51 | const inputValue: any = '42'
52 | const numericValue = inputValue as number
53 |
54 | // Define a class with access modifiers
55 | class Animal {
56 | private name: string
57 | constructor(name: string) {
58 | this.name = name
59 | }
60 |
61 | protected makeSound(sound: string) {
62 | log(`${this.name} says ${sound}`)
63 | }
64 | }
65 |
66 | // Extend a class
67 | class Dog extends Animal {
68 | constructor(private alias: string) {
69 | super(alias)
70 | }
71 |
72 | bark() {
73 | this.makeSound('Woof!')
74 | }
75 | }
76 |
77 | const dog = new Dog('Buddy')
78 | dog.bark()
79 |
80 | function fn(): string {
81 | return `hello${1}`
82 | }
83 |
84 | log(car1, car2, favoriteFruit, numericValue, fn())
85 |
86 | // Generator
87 | export function* generator1() {
88 | let id = 0
89 | while (id < 100) {
90 | yield id++
91 | }
92 | }
93 | export function* generator2() {
94 | yield* generator1()
95 | }
96 |
--------------------------------------------------------------------------------
/fixtures/output/with-formatters/vue-ts.vue:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
16 |
{{ greeting }}
17 |
20 |
Counter: {{ counter }}
21 |
19 |
20 | {{ greeting }}
21 |
22 |
25 |
Counter: {{ counter }}
26 |