Skip to content

Commit 079a7b8

Browse files
dominikgdominikg
authored
feat: log compile stats (#503)
* wip: cleaned up version of perf logging with added logging for ssr * feat: compile stats * fix: node14 add import for performance * perf: use readFileSync in esbuild onLoad * fix: format comment * fix: sequential find package name in aggregate * fix: fix fix, first occurence needs package too * feat: add config option to disable stats logging * chore: remove nested .npmrc * fix: move disableCompileStats option to experimental section * fix: remove disableCompileStats from list of allowed top level options
1 parent d920ea5 commit 079a7b8

37 files changed

+888
-79
lines changed

‎.changeset/thick-papayas-stare.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@sveltejs/vite-plugin-svelte': minor
3+
---
4+
5+
add compile time stats logging

‎docs/config.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -413,3 +413,10 @@ export default {
413413
rawWarnings: Warning[]; // raw compiler output
414414
};
415415
```
416+
417+
### disableCompileStats
418+
419+
- **Type** `boolean | 'dev' | 'build'`
420+
- **Default:** `false`
421+
422+
disable svelte compile statistics.

‎packages/playground/big-component-library-kit/jsconfig.json

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"extends": "./.svelte-kit/tsconfig.json",
3+
"compilerOptions": {
4+
"allowJs": true,
5+
"checkJs": true,
6+
"esModuleInterop": true,
7+
"forceConsistentCasingInFileNames": true,
8+
"resolveJsonModule": true,
9+
"skipLibCheck": true,
10+
"sourceMap": true,
11+
"strict": true
12+
}
13+
// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
14+
//
15+
// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
16+
// from the referenced tsconfig.json - TypeScript does not merge them in
17+
}

‎packages/playground/big-component-library-kit/package.json

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
{
2+
"name": "playground-big-component-library-kit",
3+
"version": "0.0.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "vite dev",
7+
"build": "vite build",
8+
"preview": "vite preview",
9+
"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
10+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch"
11+
},
12+
"devDependencies": {
13+
"@sveltejs/adapter-auto": "1.0.0-next.88",
14+
"@sveltejs/kit": "^1.0.0-next.551",
15+
"carbon-components-svelte": "^0.70.12",
16+
"carbon-icons-svelte": "^11.4.0",
17+
"carbon-preprocess-svelte": "^0.9.1",
18+
"lodash-es": "^4.17.21",
19+
"svelte": "^3.44.0",
20+
"svelte-check": "^2.7.1",
21+
"svelte-preprocess": "^4.10.7",
22+
"typescript": "^4.7.4",
23+
"vite": "^3.1.0"
24+
},
25+
"type": "module"
26+
}

‎packages/playground/big-component-library-kit/src/app.d.ts

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
// See https://kit.svelte.dev/docs/types#app
2+
// for information about these interfaces
3+
// and what to do when importing types
4+
declare namespace App {
5+
// interface Locals {}
6+
// interface PageData {}
7+
// interface Error {}
8+
// interface Platform {}
9+
}

‎packages/playground/big-component-library-kit/src/app.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
6+
<meta name="viewport" content="width=device-width" />
7+
%sveltekit.head%
8+
</head>
9+
<body>
10+
<div style="display: contents">%sveltekit.body%</div>
11+
</body>
12+
</html>

‎packages/playground/big-component-library-kit/src/routes/+layout.svelte

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<script>
2+
import 'carbon-components-svelte/css/white.css';
3+
</script>
4+
5+
<slot />

‎packages/playground/big-component-library-kit/src/routes/+page.svelte

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<script>
2+
import {
3+
Accordion,
4+
AccordionItem,
5+
Button,
6+
DatePickerInput,
7+
Link,
8+
DatePicker
9+
} from 'carbon-components-svelte';
10+
import { Save } from 'carbon-icons-svelte';
11+
/*
12+
// deep imports
13+
import Accordion from 'carbon-components-svelte/src/Accordion/Accordion.svelte';
14+
import AccordionItem from 'carbon-components-svelte/src/Accordion/AccordionItem.svelte';
15+
import Button from 'carbon-components-svelte/src/Button/Button.svelte';
16+
import DatePickerInput from 'carbon-components-svelte/src/DatePicker/DatePickerInput.svelte';
17+
import Link from 'carbon-components-svelte/src/Link/Link.svelte';
18+
import DatePicker from 'carbon-components-svelte/src/DatePicker/DatePicker.svelte';
19+
import Save from 'carbon-icons-svelte/lib/Save.svelte';
20+
21+
import { assign } from 'lodash-es';
22+
import toNumber from 'lodash-es/toNumber.js';
23+
import toPath from 'lodash-es/toPath.js';
24+
*/
25+
</script>
26+
27+
<Link href="/sub">go to sub page</Link>
28+
29+
<Button>Hello</Button>
30+
<DatePicker datePickerType="single" flatpickrProps={{ static: true }}>
31+
<DatePickerInput labelText="Meeting date" placeholder="mm/dd/yyyy" />
32+
</DatePicker>
33+
34+
<Accordion>
35+
<AccordionItem title="Section 1" open>Content 1</AccordionItem>
36+
<AccordionItem title="Section 2">Content 2</AccordionItem>
37+
<AccordionItem title="Section 3">Content 3</AccordionItem>
38+
</Accordion>
39+
<Save />

‎packages/playground/big-component-library-kit/src/routes/sub/+page.svelte

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<script>
2+
import { NumberInput, Link } from 'carbon-components-svelte';
3+
import { Close } from 'carbon-icons-svelte';
4+
5+
/*
6+
// deep
7+
import NumberInput from 'carbon-components-svelte/src/NumberInput/NumberInput.svelte';
8+
import Link from 'carbon-components-svelte/src/Link/Link.svelte';
9+
import Close from 'carbon-icons-svelte/lib/Close.svelte';
10+
11+
*/
12+
</script>
13+
14+
<h1>sub page</h1>
15+
<Link href="/">back home</Link>
16+
<NumberInput />
17+
<Close />

‎packages/playground/big-component-library-kit/static/favicon.png

1.53 KB
Loading

0 commit comments

Comments
 (0)