swcs/cap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: add plausible events

Browse Source
This commit is contained in:
Tiago
2025-05-11 18:55:03 +01:00
parent 8b68452eaa
commit cd1a0cd64d
2 changed files with 19 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/.vitepress/theme/components/Benchmark.vue
+12 -19
View File
@@ -19,6 +19,12 @@ const doBenchmark = async (i, total) => {
const Cap = window.Cap;
try {
plausible("benchmark", {
props: { difficulty, challenges, challengeSize, workers, benchmarks },
});
} catch {}
try {
window.CAP_CUSTOM_FETCH = async (url, options) => {
if (url === "/api/challenge") {
@@ -27,18 +33,14 @@ const doBenchmark = async (i, total) => {
JSON.stringify({
challenge: Array.from({ length: challenges.value }, () => [
Array.from(
browserCrypto.getRandomValues(
new Uint8Array(Math.ceil(challengeSize.value / 2))
)
browserCrypto.getRandomValues(new Uint8Array(Math.ceil(challengeSize.value / 2)))
)
.map((byte) => byte.toString(16).padStart(2, "0"))
.join("")
.slice(0, challengeSize.value),
Array.from(
browserCrypto.getRandomValues(
new Uint8Array(Math.ceil(difficulty.value / 2))
)
browserCrypto.getRandomValues(new Uint8Array(Math.ceil(difficulty.value / 2)))
)
.map((byte) => byte.toString(16).padStart(2, "0"))
.join("")
@@ -95,9 +97,7 @@ const doBenchmark = async (i, total) => {
progressValue.value = (i / total) * 100;
resultMessage.value = `Benchmark ${i}/${total} completed in ${Math.round(
time
)} ms.`;
resultMessage.value = `Benchmark ${i}/${total} completed in ${Math.round(time)} ms.`;
return time;
} catch (error) {
console.error(`Benchmark ${i}/${total} failed:`, error);
@@ -138,10 +138,7 @@ async function runBenchmark() {
<template>
<ClientOnly>
<div
class="benchmark-form"
:style="{ '--progress-percent': progressValue }"
>
<div class="benchmark-form" :style="{ '--progress-percent': progressValue }">
<div class="benchmark-field">
<label for="difficulty">Challenge difficulty</label>
<input
@@ -221,12 +218,8 @@ async function runBenchmark() {
background-color: var(--vp-c-bg-soft);
border: 1px solid transparent;
background: linear-gradient(var(--vp-c-bg-soft), var(--vp-c-bg-soft))
padding-box,
conic-gradient(
var(--vp-c-brand-1) calc(var(--progress-percent, 0) * 1%),
var(--vp-c-divider) 0
)
background: linear-gradient(var(--vp-c-bg-soft), var(--vp-c-bg-soft)) padding-box,
conic-gradient(var(--vp-c-brand-1) calc(var(--progress-percent, 0) * 1%), var(--vp-c-divider) 0)
border-box;
transition: background 0.2s ease;
docs/.vitepress/theme/components/Demo.vue
+7 -6
View File
@@ -5,19 +5,20 @@ onMounted(() => {
window.CAP_CUSTOM_FETCH = async (url, options) => {
if (url === "/api/challenge") {
const browserCrypto = window.crypto;
try {
plausible("demo");
} catch {}
return new Response(
JSON.stringify({
challenge: Array.from({ length: 50 }, () => [
Array.from(
browserCrypto.getRandomValues(new Uint8Array(Math.ceil(32 / 2)))
)
Array.from(browserCrypto.getRandomValues(new Uint8Array(Math.ceil(32 / 2))))
.map((byte) => byte.toString(16).padStart(2, "0"))
.join("")
.slice(0, 32),
Array.from(
browserCrypto.getRandomValues(new Uint8Array(Math.ceil(4 / 2)))
)
Array.from(browserCrypto.getRandomValues(new Uint8Array(Math.ceil(4 / 2))))
.map((byte) => byte.toString(16).padStart(2, "0"))
.join("")
.slice(0, 4),