Skip to content

[Experimental] Log profiling output to the console #230

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from
+36 −1
Draft

[Experimental] Log profiling output to the console #230

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5c9a3b5
Log profiling output to the console.
rkistner Jul 16, 2024
65a814d
Use groupCollapsed for query profiling output.
rkistner Jul 16, 2024
51cc4af
Merge branch 'query-timeline' into auto-profiling
rkistner Jul 16, 2024
ad31b39
Merge branch 'main' into auto-profiling
rkistner Aug 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 36 additions & 1 deletion packages/web/src/db/adapters/wa-sqlite/WASQLiteDBAdapter.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,32 @@ export class WASQLiteDBAdapter extends BaseObserver<DBAdapterListener> implement
const start = performance.now();
try {
const r = await originalExecute(sql, bindings);
performance.measure(`[SQL] ${sql}`, { start });
const end = performance.now();
performance.measure(`[SQL] ${sql}`, { start, end });
const duration = end - start;
if (duration >= 10) {
const rw = await originalExecute(`EXPLAIN QUERY PLAN ${sql}`, bindings);
const explain = rw.rows?._array ?? [];
const sqlMessage = sql.trim();
const newline = sqlMessage.indexOf('\n');
const firstLine = newline >= 0 ? sqlMessage.substring(0, newline) + '...' : sqlMessage;
console.groupCollapsed(
'%c[SQL] %c%s %c%s',
'color: grey; font-weight: normal',
durationStyle(duration),
`[${duration.toFixed(1)}ms]`,
'color: grey; font-weight: normal',
firstLine
);
if (newline >= 0) {
console.log('%c%s', 'color: grey', sqlMessage);
}
if (explain.length > 0) {
const emessage = explain.map((r) => ` ${r.detail}`).join('\n');
console.log('%c%s\n%c%s', 'color: blue', '[EXPLAIN QUERY PLAN]', 'color: grey', emessage);
}
console.groupEnd();
}
return r;
} catch (e: any) {
performance.measure(`[SQL] [ERROR: ${e.message}] ${sql}`, { start });
Expand Down Expand Up @@ -263,3 +288,13 @@ export class WASQLiteDBAdapter extends BaseObserver<DBAdapterListener> implement
};
}
}

function durationStyle(duration: number) {
if (duration < 30) {
return 'color: grey; font-weight: normal';
} else if (duration < 300) {
return 'color: blue; font-weight: normal';
} else {
return 'color: red; font-weight: normal';
}
}
Loading