Skip to content

Commit 24c3a0c

Browse files
authoredOct 2, 2024··
perf(es/transforms): Copy benchmarks from oxc (#9602)
1 parent a986882 commit 24c3a0c

File tree

8 files changed

+14679
-4
lines changed

8 files changed

+14679
-4
lines changed
 

‎crates/swc/Cargo.toml

+6
Original file line numberDiff line numberDiff line change
@@ -154,6 +154,12 @@ name = "bugs"
154154
harness = false
155155
name = "minify"
156156

157+
158+
[[bench]]
159+
harness = false
160+
name = "oxc"
161+
162+
157163
[[bench]]
158164
harness = false
159165
name = "typescript"
+124
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
import { zodResolver } from "@hookform/resolvers/zod";
2+
import { useEffect } from "react";
3+
import { useForm } from "react-hook-form";
4+
import { z } from "zod";
5+
6+
import dayjs from "@calcom/dayjs";
7+
import { useTimePreferences } from "@calcom/features/bookings/lib";
8+
import { FULL_NAME_LENGTH_MAX_LIMIT } from "@calcom/lib/constants";
9+
import { useLocale } from "@calcom/lib/hooks/useLocale";
10+
import { telemetryEventTypes, useTelemetry } from "@calcom/lib/telemetry";
11+
import { trpc } from "@calcom/trpc/react";
12+
import { Button, TimezoneSelect, Icon, Input } from "@calcom/ui";
13+
14+
import { UsernameAvailabilityField } from "@components/ui/UsernameAvailability";
15+
16+
interface IUserSettingsProps {
17+
nextStep: () => void;
18+
hideUsername?: boolean;
19+
}
20+
21+
const UserSettings = (props: IUserSettingsProps) => {
22+
const { nextStep } = props;
23+
const [user] = trpc.viewer.me.useSuspenseQuery();
24+
const { t } = useLocale();
25+
const { setTimezone: setSelectedTimeZone, timezone: selectedTimeZone } = useTimePreferences();
26+
const telemetry = useTelemetry();
27+
const userSettingsSchema = z.object({
28+
name: z
29+
.string()
30+
.min(1)
31+
.max(FULL_NAME_LENGTH_MAX_LIMIT, {
32+
message: t("max_limit_allowed_hint", { limit: FULL_NAME_LENGTH_MAX_LIMIT }),
33+
}),
34+
});
35+
const {
36+
register,
37+
handleSubmit,
38+
formState: { errors },
39+
} = useForm<z.infer<typeof userSettingsSchema>>({
40+
defaultValues: {
41+
name: user?.name || "",
42+
},
43+
reValidateMode: "onChange",
44+
resolver: zodResolver(userSettingsSchema),
45+
});
46+
47+
useEffect(() => {
48+
telemetry.event(telemetryEventTypes.onboardingStarted);
49+
}, [telemetry]);
50+
51+
const utils = trpc.useUtils();
52+
const onSuccess = async () => {
53+
await utils.viewer.me.invalidate();
54+
nextStep();
55+
};
56+
const mutation = trpc.viewer.updateProfile.useMutation({
57+
onSuccess: onSuccess,
58+
});
59+
60+
const onSubmit = handleSubmit((data) => {
61+
mutation.mutate({
62+
name: data.name,
63+
timeZone: selectedTimeZone,
64+
});
65+
});
66+
67+
return (
68+
<form onSubmit={onSubmit}>
69+
<div className="space-y-6">
70+
{/* Username textfield: when not coming from signup */}
71+
{!props.hideUsername && <UsernameAvailabilityField />}
72+
73+
{/* Full name textfield */}
74+
<div className="w-full">
75+
<label htmlFor="name" className="text-default mb-2 block text-sm font-medium">
76+
{t("full_name")}
77+
</label>
78+
<Input
79+
{...register("name", {
80+
required: true,
81+
})}
82+
id="name"
83+
name="name"
84+
type="text"
85+
autoComplete="off"
86+
autoCorrect="off"
87+
/>
88+
{errors.name && (
89+
<p data-testid="required" className="py-2 text-xs text-red-500">
90+
{errors.name.message}
91+
</p>
92+
)}
93+
</div>
94+
{/* Timezone select field */}
95+
<div className="w-full">
96+
<label htmlFor="timeZone" className="text-default block text-sm font-medium">
97+
{t("timezone")}
98+
</label>
99+
100+
<TimezoneSelect
101+
id="timeZone"
102+
value={selectedTimeZone}
103+
onChange={({ value }) => setSelectedTimeZone(value)}
104+
className="mt-2 w-full rounded-md text-sm"
105+
/>
106+
107+
<p className="text-subtle mt-3 flex flex-row font-sans text-xs leading-tight">
108+
{t("current_time")} {dayjs().tz(selectedTimeZone).format("LT").toString().toLowerCase()}
109+
</p>
110+
</div>
111+
</div>
112+
<Button
113+
type="submit"
114+
className="mt-8 flex w-full flex-row justify-center"
115+
loading={mutation.isPending}
116+
disabled={mutation.isPending}>
117+
{t("next_step_text")}
118+
<Icon name="arrow-right" className="ml-2 h-4 w-4 self-center" aria-hidden="true" />
119+
</Button>
120+
</form>
121+
);
122+
};
123+
124+
export { UserSettings };

‎crates/swc/benches/assets/parser.ts

+10,777
Large diffs are not rendered by default.

‎crates/swc/benches/assets/renderer.ts

+2,550
Large diffs are not rendered by default.

‎crates/swc/benches/assets/table.tsx

+1,117
Large diffs are not rendered by default.

‎crates/swc/benches/oxc.rs

+96
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
extern crate swc_malloc;
2+
3+
use std::{fs, io::stderr, sync::Arc};
4+
5+
use codspeed_criterion_compat::{black_box, criterion_group, criterion_main, Bencher, Criterion};
6+
use swc::config::{Config, JscConfig, Options, TransformConfig};
7+
use swc_common::{errors::Handler, FileName, FilePathMapping, SourceMap, GLOBALS};
8+
use swc_compiler_base::SourceMapsConfig;
9+
use swc_ecma_ast::EsVersion;
10+
use swc_ecma_parser::{Syntax, TsSyntax};
11+
use swc_ecma_transforms::react::Runtime;
12+
13+
const FILES: &[&str] = &[
14+
"benches/assets/parser.ts",
15+
"benches/assets/renderer.ts",
16+
"benches/assets/table.tsx",
17+
"benches/assets/UserSettings.tsx",
18+
];
19+
20+
fn mk() -> swc::Compiler {
21+
let cm = Arc::new(SourceMap::new(FilePathMapping::empty()));
22+
23+
swc::Compiler::new(cm)
24+
}
25+
26+
fn bench_full(b: &mut Bencher, filename: &str, opts: &Options) {
27+
let c = mk();
28+
29+
let source = Arc::new(fs::read_to_string(filename).unwrap());
30+
31+
b.iter(|| {
32+
GLOBALS.set(&Default::default(), || {
33+
let handler = Handler::with_emitter_writer(Box::new(stderr()), Some(c.cm.clone()));
34+
35+
let fm = c.cm.new_source_file_from(
36+
FileName::Real(filename.to_string().into()).into(),
37+
black_box(source.clone()),
38+
);
39+
let _ = c.process_js_file(fm, &handler, opts).unwrap();
40+
})
41+
});
42+
}
43+
44+
fn full_group(c: &mut Criterion) {
45+
for filename in FILES {
46+
for source_map in [true, false] {
47+
for react_dev in [true, false] {
48+
c.bench_function(
49+
&format!(
50+
"es/oxc/{}/sourceMap={}/reactDev={}",
51+
filename, source_map, react_dev
52+
),
53+
|b| {
54+
bench_full(
55+
b,
56+
filename,
57+
&Options {
58+
config: Config {
59+
jsc: JscConfig {
60+
target: Some(EsVersion::EsNext),
61+
syntax: Some(Syntax::Typescript(TsSyntax {
62+
tsx: filename.ends_with(".tsx"),
63+
..Default::default()
64+
})),
65+
transform: Some(TransformConfig {
66+
react: swc_ecma_transforms::react::Options {
67+
runtime: Some(Runtime::Automatic),
68+
development: Some(react_dev),
69+
..Default::default()
70+
},
71+
..Default::default()
72+
})
73+
.into(),
74+
..Default::default()
75+
},
76+
module: None,
77+
source_maps: if source_map {
78+
Some(SourceMapsConfig::Bool(true))
79+
} else {
80+
None
81+
},
82+
..Default::default()
83+
},
84+
swcrc: false,
85+
..Default::default()
86+
},
87+
);
88+
},
89+
);
90+
}
91+
}
92+
}
93+
}
94+
95+
criterion_group!(benches, full_group);
96+
criterion_main!(benches);

‎packages/types/index.ts

+8-3
Original file line numberDiff line numberDiff line change
@@ -349,7 +349,7 @@ export interface TerserMangleOptions {
349349
reserved?: string[];
350350
}
351351

352-
export interface TerserManglePropertiesOptions {}
352+
export interface TerserManglePropertiesOptions { }
353353

354354
/**
355355
* Programmatic options.
@@ -671,6 +671,11 @@ export interface JscConfig {
671671
* Emit isolated dts files for each module.
672672
*/
673673
emitIsolatedDts?: boolean;
674+
675+
/**
676+
* Disable all lint rules.
677+
*/
678+
disableAllLints?: boolean;
674679
};
675680

676681
baseUrl?: string;
@@ -1154,7 +1159,7 @@ export interface Output {
11541159
map?: string;
11551160
}
11561161

1157-
export interface MatchPattern {}
1162+
export interface MatchPattern { }
11581163

11591164
// -------------------------------
11601165
// ---------- Ast nodes ----------
@@ -1386,7 +1391,7 @@ export type Expression =
13861391
| OptionalChainingExpression
13871392
| Invalid;
13881393

1389-
interface ExpressionBase extends Node, HasSpan {}
1394+
interface ExpressionBase extends Node, HasSpan { }
13901395

13911396
export interface Identifier extends ExpressionBase {
13921397
type: "Identifier";

‎packages/types/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@swc/types",
33
"packageManager": "yarn@4.0.2",
4-
"version": "0.1.12",
4+
"version": "0.1.13",
55
"description": "Typings for the swc project.",
66
"sideEffects": false,
77
"scripts": {

0 commit comments

Comments
 (0)
Please sign in to comment.