Skip to content

Commit 869074c

Browse files
authored
chore: Configure git hooks (#277)
1 parent c7ef5ed commit 869074c

File tree

381 files changed

+4542
-2917
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

381 files changed

+4542
-2917
lines changed

.cargo/config.toml

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ rustflags = ["-C", "target-feature=+sse2"]
2222
linker = "aarch64-linux-gnu-gcc"
2323

2424
[target.aarch64-unknown-linux-musl]
25-
linker = "aarch64-linux-gnu-gcc"
25+
linker = "aarch64-linux-gnu-gcc"
2626
rustflags = ["-C", "target-feature=-crt-static", "-C", "link-arg=-lgcc"]
2727

2828
[target.armv7-unknown-linux-gnueabihf]

.github/workflows/bump-swc_core.yml

+25-25
Original file line numberDiff line numberDiff line change
@@ -3,38 +3,38 @@ name: Bump up swc_core
33
on:
44
schedule:
55
# two times daily, at 12:00 and 06:00
6-
- cron: '0 0 * * *'
7-
- cron: '0 6 * * *'
6+
- cron: "0 0 * * *"
7+
- cron: "0 6 * * *"
88

99
jobs:
1010
upgrade-swc-core:
1111
runs-on: ubuntu-latest
1212

1313
steps:
14-
- uses: actions/checkout@v2
15-
with:
16-
submodules: true
14+
- uses: actions/checkout@v2
15+
with:
16+
submodules: true
1717

18-
- uses: actions/cache@v3
19-
with:
20-
path: |
21-
~/.cargo/bin/
22-
key: ${{ runner.os }}-cargo-${{ hashFiles('**/Cargo.lock') }}
18+
- uses: actions/cache@v3
19+
with:
20+
path: |
21+
~/.cargo/bin/
22+
key: ${{ runner.os }}-cargo-${{ hashFiles('**/Cargo.lock') }}
2323

24-
- name: Install Rust
25-
uses: actions-rs/toolchain@v1
26-
with:
27-
profile: minimal
28-
override: true
24+
- name: Install Rust
25+
uses: actions-rs/toolchain@v1
26+
with:
27+
profile: minimal
28+
override: true
2929

30-
- uses: Swatinem/rust-cache@v2
31-
with:
32-
shared-key: "gha-cargo-upgrade"
33-
cache-on-failure: true
30+
- uses: Swatinem/rust-cache@v2
31+
with:
32+
shared-key: "gha-cargo-upgrade"
33+
cache-on-failure: true
3434

35-
- name: Run cargo upgrade
36-
uses: kwonoj/gha-cargo-upgrade@latest
37-
with:
38-
token: ${{ secrets.GHA_UPGRADE_TOKEN }}
39-
packages: "swc_core,swc_common,testing"
40-
incompatible: true
35+
- name: Run cargo upgrade
36+
uses: kwonoj/gha-cargo-upgrade@latest
37+
with:
38+
token: ${{ secrets.GHA_UPGRADE_TOKEN }}
39+
packages: "swc_core,swc_common,testing"
40+
incompatible: true

.husky/pre-commit

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#!/bin/sh
2+
. "$(dirname "$0")/_/husky.sh"
3+
4+
pnpm lint-staged

.rustfmt.toml

+6-6
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
format_strings = true
2-
group_imports = "StdExternalCrate"
3-
hex_literal_case = "Lower"
4-
imports_granularity = "Crate"
5-
reorder_impl_items = true
1+
format_strings = true
2+
group_imports = "StdExternalCrate"
3+
hex_literal_case = "Lower"
4+
imports_granularity = "Crate"
5+
reorder_impl_items = true
66
use_field_init_shorthand = true
7-
wrap_comments = true
7+
wrap_comments = true

.taplo.toml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
# https://taplo.tamasfe.dev/configuration/formatter-options.html
22
[formatting]
33
align_entries = true
4-
reorder_keys = true
4+
reorder_keys = true

.vscode/settings.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
{
2-
"editor.formatOnSave": true,
3-
"rust-analyzer.check.command": "clippy"
4-
}
2+
"editor.formatOnSave": true,
3+
"rust-analyzer.check.command": "clippy"
4+
}

cspell.json

+9-9
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
{
2-
"words": [
3-
"Constify",
4-
"ctxt",
5-
"hasher",
6-
"lightningcss",
7-
"quasis",
8-
"rustc",
9-
"swcrc"
10-
]
2+
"words": [
3+
"Constify",
4+
"ctxt",
5+
"hasher",
6+
"lightningcss",
7+
"quasis",
8+
"rustc",
9+
"swcrc"
10+
]
1111
}

package.json

+27-1
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,34 @@
22
"name": "swc-plugins",
33
"packageManager": "[email protected]",
44
"private": true,
5+
"scripts": {
6+
"prepare": "husky install"
7+
},
58
"devDependencies": {
69
"@changesets/cli": "^2.27.1",
7-
"@taplo/cli": "^0.7.0"
10+
"@taplo/cli": "^0.7.0",
11+
"husky": "^9.0.11",
12+
"lint-staged": "^15.2.2",
13+
"prettier": "^3.2.5"
14+
},
15+
"lint-staged": {
16+
"*.toml": [
17+
"taplo format"
18+
],
19+
"*.rs": [
20+
"cargo fmt --"
21+
],
22+
"!(**/tests/**/*)*.js": [
23+
"prettier --write"
24+
],
25+
"!(**/tests/**/*)*.ts": [
26+
"prettier --write"
27+
],
28+
"!(**/tests/**/*)*.jsx": [
29+
"prettier --write"
30+
],
31+
"!(**/tests/**/*)*.tsx": [
32+
"prettier --write"
33+
]
834
}
935
}

packages/emotion/transform/tests/fixture.rs

+1
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,7 @@ fn emotion_label_option_fixture(output: PathBuf) {
137137
}
138138

139139
#[fixture("tests/labels/emotion-js/**/*.ts")]
140+
#[fixture("tests/labels/emotion-js/**/*.tsx")]
140141
fn emotion_label_original(input: PathBuf) {
141142
emotion_label(input, "[local]".to_string())
142143
}

packages/emotion/transform/tests/fixture/comments/output.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,5 @@ export default /*#__PURE__*/ styled("div", {
44
label: "",
55
})(
66
"color:red;.foo{color:blue;}width:10px;",
7-
"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgZGVmYXVsdCBzdHlsZWQuZGl2YFxuICBjb2xvcjogcmVkO1xuICAuZm9vIHtcbiAgICBjb2xvcjogYmx1ZTtcbiAgICAvKipcbiAgICAgIG11bHRpIGxpbmUgY29tbWVudHNcbiAgICAqL1xuICB9XG4gIC8qIC8qICovXG4gIHdpZHRoOiAxMHB4O1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFZSJ9 */"
7+
"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgZGVmYXVsdCBzdHlsZWQuZGl2YFxuICBjb2xvcjogcmVkO1xuICAuZm9vIHtcbiAgICBjb2xvcjogYmx1ZTtcbiAgICAvKipcbiAgICAgIG11bHRpIGxpbmUgY29tbWVudHNcbiAgICAqL1xuICB9XG4gIC8qIC8qICovXG4gIHdpZHRoOiAxMHB4O1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFZSJ9 */",
88
);
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,24 @@
1-
import { css } from '@emotion/react'
2-
import styled from '@emotion/styled'
1+
import { css } from "@emotion/react";
2+
import styled from "@emotion/styled";
33

4-
const unitNormal = '1rem'
5-
const unitLarge = '2rem'
4+
const unitNormal = "1rem";
5+
const unitLarge = "2rem";
66

77
const Example = styled.div`
88
margin: ${unitNormal} ${unitLarge};
9-
`
9+
`;
1010

1111
export const Animated = styled.div`
1212
& code {
1313
background-color: linen;
1414
}
1515
animation: ${({ animation }) => animation} 0.2s infinite ease-in-out alternate;
16-
`
16+
`;
1717

18-
const shadowBorder = ({ width = '1px', color }) =>
19-
css`
20-
box-shadow: inset 0px 0px 0px ${width} ${color};
21-
`
18+
const shadowBorder = ({ width = "1px", color }) => css`
19+
box-shadow: inset 0px 0px 0px ${width} ${color};
20+
`;
2221

2322
const StyledInput = styled.input`
24-
${shadowBorder({ color: 'red', width: '4px' })}
25-
`
23+
${shadowBorder({ color: "red", width: "4px" })}
24+
`;
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,44 @@
1-
import { css } from '@emotion/react';
2-
import styled from '@emotion/styled';
3-
const unitNormal = '1rem';
4-
const unitLarge = '2rem';
1+
import { css } from "@emotion/react";
2+
import styled from "@emotion/styled";
3+
const unitNormal = "1rem";
4+
const unitLarge = "2rem";
55
const Example = /*#__PURE__*/ styled("div", {
6-
target: "e1d2vee00",
7-
label: "Example"
8-
})("margin:", unitNormal, " ", unitLarge, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IHVuaXROb3JtYWwgPSAnMXJlbSdcbmNvbnN0IHVuaXRMYXJnZSA9ICcycmVtJ1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmBcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkID0gc3R5bGVkLmRpdmBcbiAgJiBjb2RlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaW5lbjtcbiAgfVxuICBhbmltYXRpb246ICR7KHsgYW5pbWF0aW9uIH0pID0+IGFuaW1hdGlvbn0gMC4ycyBpbmZpbml0ZSBlYXNlLWluLW91dCBhbHRlcm5hdGU7XG5gXG5cbmNvbnN0IHNoYWRvd0JvcmRlciA9ICh7IHdpZHRoID0gJzFweCcsIGNvbG9yIH0pID0+XG4gIGNzc2BcbiAgICBib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDBweCAke3dpZHRofSAke2NvbG9yfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJHtzaGFkb3dCb3JkZXIoeyBjb2xvcjogJ3JlZCcsIHdpZHRoOiAnNHB4JyB9KX1cbmBcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNZ0IifQ== */");
6+
target: "e1xgaop20",
7+
label: "Example",
8+
})(
9+
"margin:",
10+
unitNormal,
11+
" ",
12+
unitLarge,
13+
";",
14+
"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IHVuaXROb3JtYWwgPSBcIjFyZW1cIjtcbmNvbnN0IHVuaXRMYXJnZSA9IFwiMnJlbVwiO1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZCA9IHN0eWxlZC5kaXZgXG4gICYgY29kZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogbGluZW47XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyh7IGFuaW1hdGlvbiB9KSA9PiBhbmltYXRpb259IDAuMnMgaW5maW5pdGUgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlO1xuYDtcblxuY29uc3Qgc2hhZG93Qm9yZGVyID0gKHsgd2lkdGggPSBcIjFweFwiLCBjb2xvciB9KSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6IGluc2V0IDBweCAwcHggMHB4ICR7d2lkdGh9ICR7Y29sb3J9O1xuYDtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICR7c2hhZG93Qm9yZGVyKHsgY29sb3I6IFwicmVkXCIsIHdpZHRoOiBcIjRweFwiIH0pfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNZ0IifQ== */",
15+
);
916
export const Animated = /*#__PURE__*/ styled("div", {
10-
target: "e1d2vee01",
11-
label: "Animated"
12-
})("& code{background-color:linen;}animation:", ({ animation })=>animation
13-
, " 0.2s infinite ease-in-out alternate;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IHVuaXROb3JtYWwgPSAnMXJlbSdcbmNvbnN0IHVuaXRMYXJnZSA9ICcycmVtJ1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmBcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkID0gc3R5bGVkLmRpdmBcbiAgJiBjb2RlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaW5lbjtcbiAgfVxuICBhbmltYXRpb246ICR7KHsgYW5pbWF0aW9uIH0pID0+IGFuaW1hdGlvbn0gMC4ycyBpbmZpbml0ZSBlYXNlLWluLW91dCBhbHRlcm5hdGU7XG5gXG5cbmNvbnN0IHNoYWRvd0JvcmRlciA9ICh7IHdpZHRoID0gJzFweCcsIGNvbG9yIH0pID0+XG4gIGNzc2BcbiAgICBib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDBweCAke3dpZHRofSAke2NvbG9yfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJHtzaGFkb3dCb3JkZXIoeyBjb2xvcjogJ3JlZCcsIHdpZHRoOiAnNHB4JyB9KX1cbmBcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVd0IifQ== */");
14-
const shadowBorder = ({ width ='1px' , color })=>/*#__PURE__*/ css("box-shadow:inset 0px 0px 0px ", width, " ", color, ";", "shadowBorder", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IHVuaXROb3JtYWwgPSAnMXJlbSdcbmNvbnN0IHVuaXRMYXJnZSA9ICcycmVtJ1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmBcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkID0gc3R5bGVkLmRpdmBcbiAgJiBjb2RlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaW5lbjtcbiAgfVxuICBhbmltYXRpb246ICR7KHsgYW5pbWF0aW9uIH0pID0+IGFuaW1hdGlvbn0gMC4ycyBpbmZpbml0ZSBlYXNlLWluLW91dCBhbHRlcm5hdGU7XG5gXG5cbmNvbnN0IHNoYWRvd0JvcmRlciA9ICh7IHdpZHRoID0gJzFweCcsIGNvbG9yIH0pID0+XG4gIGNzc2BcbiAgICBib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDBweCAke3dpZHRofSAke2NvbG9yfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJHtzaGFkb3dCb3JkZXIoeyBjb2xvcjogJ3JlZCcsIHdpZHRoOiAnNHB4JyB9KX1cbmBcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQkUifQ== */")
15-
;
17+
target: "e1xgaop21",
18+
label: "Animated",
19+
})(
20+
"& code{background-color:linen;}animation:",
21+
({ animation }) => animation,
22+
" 0.2s infinite ease-in-out alternate;",
23+
"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IHVuaXROb3JtYWwgPSBcIjFyZW1cIjtcbmNvbnN0IHVuaXRMYXJnZSA9IFwiMnJlbVwiO1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZCA9IHN0eWxlZC5kaXZgXG4gICYgY29kZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogbGluZW47XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyh7IGFuaW1hdGlvbiB9KSA9PiBhbmltYXRpb259IDAuMnMgaW5maW5pdGUgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlO1xuYDtcblxuY29uc3Qgc2hhZG93Qm9yZGVyID0gKHsgd2lkdGggPSBcIjFweFwiLCBjb2xvciB9KSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6IGluc2V0IDBweCAwcHggMHB4ICR7d2lkdGh9ICR7Y29sb3J9O1xuYDtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICR7c2hhZG93Qm9yZGVyKHsgY29sb3I6IFwicmVkXCIsIHdpZHRoOiBcIjRweFwiIH0pfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVd0IifQ== */",
24+
);
25+
const shadowBorder = ({ width = "1px", color }) =>
26+
/*#__PURE__*/ css(
27+
"box-shadow:inset 0px 0px 0px ",
28+
width,
29+
" ",
30+
color,
31+
";",
32+
"shadowBorder",
33+
"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IHVuaXROb3JtYWwgPSBcIjFyZW1cIjtcbmNvbnN0IHVuaXRMYXJnZSA9IFwiMnJlbVwiO1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZCA9IHN0eWxlZC5kaXZgXG4gICYgY29kZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogbGluZW47XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyh7IGFuaW1hdGlvbiB9KSA9PiBhbmltYXRpb259IDAuMnMgaW5maW5pdGUgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlO1xuYDtcblxuY29uc3Qgc2hhZG93Qm9yZGVyID0gKHsgd2lkdGggPSBcIjFweFwiLCBjb2xvciB9KSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6IGluc2V0IDBweCAwcHggMHB4ICR7d2lkdGh9ICR7Y29sb3J9O1xuYDtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICR7c2hhZG93Qm9yZGVyKHsgY29sb3I6IFwicmVkXCIsIHdpZHRoOiBcIjRweFwiIH0pfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm1EIn0= */",
34+
);
1635
const StyledInput = /*#__PURE__*/ styled("input", {
17-
target: "e1d2vee02",
18-
label: "StyledInput"
19-
})(shadowBorder({
20-
color: 'red',
21-
width: '4px'
22-
}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IHVuaXROb3JtYWwgPSAnMXJlbSdcbmNvbnN0IHVuaXRMYXJnZSA9ICcycmVtJ1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmBcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGVkID0gc3R5bGVkLmRpdmBcbiAgJiBjb2RlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaW5lbjtcbiAgfVxuICBhbmltYXRpb246ICR7KHsgYW5pbWF0aW9uIH0pID0+IGFuaW1hdGlvbn0gMC4ycyBpbmZpbml0ZSBlYXNlLWluLW91dCBhbHRlcm5hdGU7XG5gXG5cbmNvbnN0IHNoYWRvd0JvcmRlciA9ICh7IHdpZHRoID0gJzFweCcsIGNvbG9yIH0pID0+XG4gIGNzc2BcbiAgICBib3gtc2hhZG93OiBpbnNldCAwcHggMHB4IDBweCAke3dpZHRofSAke2NvbG9yfTtcbiAgYFxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJHtzaGFkb3dCb3JkZXIoeyBjb2xvcjogJ3JlZCcsIHdpZHRoOiAnNHB4JyB9KX1cbmBcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm9CIn0= */");
36+
target: "e1xgaop22",
37+
label: "StyledInput",
38+
})(
39+
shadowBorder({
40+
color: "red",
41+
width: "4px",
42+
}),
43+
"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudHMiLCJzb3VyY2VzIjpbImlucHV0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IHVuaXROb3JtYWwgPSBcIjFyZW1cIjtcbmNvbnN0IHVuaXRMYXJnZSA9IFwiMnJlbVwiO1xuXG5jb25zdCBFeGFtcGxlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3VuaXROb3JtYWx9ICR7dW5pdExhcmdlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZCA9IHN0eWxlZC5kaXZgXG4gICYgY29kZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogbGluZW47XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyh7IGFuaW1hdGlvbiB9KSA9PiBhbmltYXRpb259IDAuMnMgaW5maW5pdGUgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlO1xuYDtcblxuY29uc3Qgc2hhZG93Qm9yZGVyID0gKHsgd2lkdGggPSBcIjFweFwiLCBjb2xvciB9KSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6IGluc2V0IDBweCAwcHggMHB4ICR7d2lkdGh9ICR7Y29sb3J9O1xuYDtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICR7c2hhZG93Qm9yZGVyKHsgY29sb3I6IFwicmVkXCIsIHdpZHRoOiBcIjRweFwiIH0pfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9CIn0= */",
44+
);
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,60 @@
1-
import { css, Global } from '@emotion/react'
2-
import styled from '@emotion/styled'
3-
import { PureComponent } from 'react'
4-
import ReactDOM from 'react-dom'
1+
import { css, Global } from "@emotion/react";
2+
import styled from "@emotion/styled";
3+
import { PureComponent } from "react";
4+
import ReactDOM from "react-dom";
55

66
const stylesInCallback = (props: any) =>
77
css({
8-
color: 'red',
9-
background: 'yellow',
8+
color: "red",
9+
background: "yellow",
1010
width: `${props.scale * 100}px`,
11-
})
11+
});
1212

1313
const styles = css({
14-
color: 'red',
15-
width: '20px',
16-
})
14+
color: "red",
15+
width: "20px",
16+
});
1717

1818
const styles2 = css`
1919
color: red;
2020
width: 20px;
21-
`
21+
`;
2222

2323
const DivContainer = styled.div({
24-
background: 'red',
25-
})
24+
background: "red",
25+
});
2626

2727
const DivContainer2 = styled.div`
2828
background: red;
29-
`
29+
`;
3030

31-
const ContainerWithOptions = styled('div', {
32-
shouldForwardProp: (propertyName: string) => !propertyName.startsWith('$'),
31+
const ContainerWithOptions = styled("div", {
32+
shouldForwardProp: (propertyName: string) => !propertyName.startsWith("$"),
3333
})`
3434
color: hotpink;
35-
`
35+
`;
3636

37-
const SpanContainer = styled('span')({
38-
background: 'yellow',
39-
})
37+
const SpanContainer = styled("span")({
38+
background: "yellow",
39+
});
4040

41-
export const DivContainerExtended = styled(DivContainer)``
42-
export const DivContainerExtended2 = styled(DivContainer)({})
41+
export const DivContainerExtended = styled(DivContainer)``;
42+
export const DivContainerExtended2 = styled(DivContainer)({});
4343

44-
const Container = styled('button')`
44+
const Container = styled("button")`
4545
background: red;
4646
${stylesInCallback}
4747
${() =>
4848
css({
49-
background: 'red',
49+
background: "red",
5050
})}
5151
color: yellow;
5252
font-size: 12px;
53-
`
53+
`;
5454

5555
const Container2 = styled.div`
5656
background: red;
57-
`
57+
`;
5858

5959
export class SimpleComponent extends PureComponent {
6060
render() {
@@ -79,8 +79,8 @@ export class SimpleComponent extends PureComponent {
7979
/>
8080
<span>hello</span>
8181
</Container>
82-
)
82+
);
8383
}
8484
}
8585

86-
ReactDOM.render(<SimpleComponent />, document.querySelector('#app'))
86+
ReactDOM.render(<SimpleComponent />, document.querySelector("#app"));

0 commit comments

Comments
 (0)