{"version":3,"file":"15.BSG65l07.js","sources":["../../../../../../src/lib/charrecorder/core/plugins/wpm.ts","../../../../../../src/lib/charrecorder/core/plugins/rolling-wpm.ts","../../../../../../src/lib/charrecorder/TrackRollingWpm.svelte","../../../../../../src/routes/(app)/editor/+page.svelte"],"sourcesContent":["import type { ReplayPlayer } from \"../player\";\nimport type { ReplayPlugin, StoreContract } from \"../types\";\n\nexport const avgWordLength = 5;\n\nexport class WpmReplayPlugin implements StoreContract<number>, ReplayPlugin {\n  private subscribers = new Set<(value: number) => void>();\n\n  register(replay: ReplayPlayer) {\n    replay.subscribe(() => {\n      if (this.subscribers.size === 0) return;\n      const msPerChar =\n        ((replay.stepper.text.at(-1)?.stamp ?? 0) - replay.startTime) /\n        replay.stepper.text.length;\n\n      const value = 60_000 / (msPerChar * avgWordLength);\n      for (const subscription of this.subscribers) {\n        subscription(value);\n      }\n    });\n  }\n  subscribe(subscription: (value: number) => void) {\n    this.subscribers.add(subscription);\n    return () => this.subscribers.delete(subscription);\n  }\n}\n","import type { ReplayPlayer } from \"../player\";\nimport type { ReplayPlugin, StoreContract } from \"../types\";\nimport { avgWordLength } from \"./wpm\";\n\nexport class RollingWpmReplayPlugin\n  implements StoreContract<number>, ReplayPlugin\n{\n  subscribers = new Set<(value: number) => void>();\n\n  register(replay: ReplayPlayer) {\n    replay.subscribe(() => {\n      if (this.subscribers.size === 0) return;\n      let i = 0;\n      const index = Math.max(\n        0,\n        replay.stepper.text.findLastIndex((char) => {\n          if (char.source === \"ghost\") return false;\n          if (char.text === \" \" && i < 10) {\n            i++;\n          } else if (char.text === \" \") {\n            return true;\n          }\n          return false;\n        }),\n      );\n      const length =\n        replay.stepper.text.length - replay.stepper.ghostCount - index;\n      const msPerChar =\n        ((replay.stepper.text[\n          replay.stepper.text.length - replay.stepper.ghostCount - 1\n        ]?.stamp ?? 0) -\n          (replay.stepper.text[index]?.stamp ?? 0)) /\n        length;\n\n      const value = 60_000 / (msPerChar * avgWordLength);\n      if (Number.isFinite(value)) {\n        for (const subscription of this.subscribers) {\n          subscription(value);\n        }\n      }\n    });\n  }\n\n  subscribe(subscription: (value: number) => void) {\n    this.subscribers.add(subscription);\n    return () => this.subscribers.delete(subscription);\n  }\n}\n","<script lang=\"ts\">\n  import { getContext } from \"svelte\";\n  import { RollingWpmReplayPlugin } from \"./core/plugins/rolling-wpm\";\n  import type { ReplayPlayer } from \"./core/player\";\n\n  const player: { player: ReplayPlayer | undefined } = getContext(\"replay\");\n\n  let { wpm = $bindable(0) } = $props();\n\n  $effect(() => {\n    if (!player.player) return;\n    const tracker = new RollingWpmReplayPlugin();\n    tracker.register(player.player);\n    const unsubscribe = tracker.subscribe((value) => {\n      wpm = value;\n    });\n\n    return unsubscribe;\n  });\n</script>\n","<script lang=\"ts\">\n  import { ReplayRecorder } from \"$lib/charrecorder/core/recorder\";\n  import type { InferredChord, Replay } from \"$lib/charrecorder/core/types\";\n  import CharRecorder from \"$lib/charrecorder/CharRecorder.svelte\";\n  import TrackChords from \"$lib/charrecorder/TrackChords.svelte\";\n  import TrackRollingWpm from \"$lib/charrecorder/TrackRollingWpm.svelte\";\n  import { fade } from \"svelte/transition\";\n\n  let recorder: ReplayRecorder = $state(new ReplayRecorder());\n  let replay: Replay | undefined = $state();\n\n  let wpm = $state(0);\n  let chords: InferredChord[] = $state([]);\n\n  function handleRawKey(event: KeyboardEvent) {\n    event.preventDefault();\n    keyEvent(event);\n  }\n\n  function keyEvent(event: KeyboardEvent) {\n    if (event.key === \"Tab\") {\n      clear();\n    } else {\n      if (replay) {\n        replay = undefined;\n      }\n      recorder.next(event);\n    }\n  }\n\n  function clear() {\n    recorder = new ReplayRecorder();\n  }\n\n  function runReplay() {\n    replay = recorder.finish();\n  }\n\n  function save() {\n    const replay = recorder.finish();\n    const blob = new Blob([JSON.stringify(replay)], {\n      type: \"application/json\",\n    });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.download = \"replay.json\";\n    a.click();\n  }\n</script>\n\n<svelte:head>\n  <title>Editor</title>\n</svelte:head>\n<svelte:window onkeydown={handleRawKey} onkeyup={handleRawKey} />\n\n<section>\n  <h2>Editor</h2>\n\n  {#if replay}\n    <div class=\"replay\" transition:fade={{ duration: 100 }}>\n      <CharRecorder {replay} cursor={true} keys={true} />\n    </div>\n  {/if}\n\n  {#key recorder}\n    <div\n      class=\"editor\"\n      out:fade={{ duration: 100 }}\n      style:opacity={replay ? 0 : undefined}\n    >\n      <CharRecorder replay={recorder.player} cursor={true} keys={true}>\n        <TrackRollingWpm bind:wpm />\n        <TrackChords bind:chords />\n      </CharRecorder>\n    </div>\n  {/key}\n\n  <div class=\"toolbar\">\n    <div>\n      <button onclick={clear}>Clear <kbd>TAB</kbd></button>\n      <button onclick={runReplay}>Replay</button>\n      <button onclick={save}>Export</button>\n    </div>\n\n    <div>\n      <div><b>{Math.round(wpm)}</b><sub>WPM</sub></div>\n    </div>\n  </div>\n</section>\n\n<style lang=\"scss\">\n  section {\n    position: relative;\n    width: 100%;\n  }\n\n  .replay,\n  .editor {\n    position: absolute;\n    top: 3em;\n    left: 0;\n    transition: opacity 0.1s;\n    padding: 16px;\n    padding-left: 0;\n    padding-bottom: 5em;\n  }\n\n  .toolbar {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding-right: 16px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    backdrop-filter: blur(10px);\n\n    > div {\n      display: flex;\n    }\n  }\n</style>\n"],"names":["avgWordLength","RollingWpmReplayPlugin","replay","i","index","char","length","value","subscription","player","getContext","wpm","$.user_effect","tracker","runReplay","_","recorder","$.proxy","$.get","ReplayRecorder","$.state","chords","handleRawKey","event","keyEvent","clear","$.set","save","blob","url","a","$$anchor","$.transition","div","fade","div_1"],"mappings":"krBAGO,MAAMA,GAAgB,ECCtB,MAAMC,EAEb,CACE,gBAAkB,IAElB,SAASC,EAAsB,CAC7BA,EAAO,UAAU,IAAM,CACjB,GAAA,KAAK,YAAY,OAAS,EAAG,OACjC,IAAIC,EAAI,EACR,MAAMC,EAAQ,KAAK,IACjB,EACAF,EAAO,QAAQ,KAAK,cAAeG,GAAS,CACtC,GAAAA,EAAK,SAAW,QAAgB,MAAA,GACpC,GAAIA,EAAK,OAAS,KAAOF,EAAI,GAC3BA,YACSE,EAAK,OAAS,IAChB,MAAA,GAEF,MAAA,EACR,CAAA,CACH,EACMC,EACJJ,EAAO,QAAQ,KAAK,OAASA,EAAO,QAAQ,WAAaE,EAQrDG,EAAQ,OANVL,EAAO,QAAQ,KACfA,EAAO,QAAQ,KAAK,OAASA,EAAO,QAAQ,WAAa,CAC3D,GAAG,OAAS,IACTA,EAAO,QAAQ,KAAKE,CAAK,GAAG,OAAS,IACxCE,EAEkCN,IAChC,GAAA,OAAO,SAASO,CAAK,EACZ,UAAAC,KAAgB,KAAK,YAC9BA,EAAaD,CAAK,CAEtB,CACD,CAAA,CAGH,UAAUC,EAAuC,CAC1C,YAAA,YAAY,IAAIA,CAAY,EAC1B,IAAM,KAAK,YAAY,OAAOA,CAAY,CAAA,CAErD,gCC1CQC,EAA+CC,EAAW,QAAQ,EAElE,IAAAC,gBAAgB,CAAC,EAEvBC,EAAO,IAAA,CACA,GAAA,CAAAH,EAAO,OAAM,OACZ,MAAAI,MAAcZ,GACpB,OAAAY,EAAQ,SAASJ,EAAO,MAAM,EACVI,EAAQ,UAAWN,GAAK,CAC1CI,EAAMJ,CAAK,mBCoBNO,GAASC,EAAAb,EAAAc,EAAA,GAChBd,EAAMe,EAAAC,EAAGF,CAAQ,EAAC,OAAM,CAAA,CAAA,qcA3BtB,IAAAA,UAAsCG,CAAc,CAAA,EACpDjB,EAA0BkB,EAAA,MAAA,EAE1BT,IAAa,CAAC,EACdU,EAAuBD,EAAAH,EAAA,CAAA,CAAA,CAAA,EAElB,SAAAK,EAAaC,EAAoB,CACxCA,EAAM,eAAc,EACpBC,EAASD,CAAK,EAGP,SAAAC,EAASD,EAAoB,CAChCA,EAAM,MAAQ,MAChBE,EAAK,KAEDvB,CAAM,GACRwB,EAAAxB,EAAS,MAAS,IAEpBc,CAAQ,EAAC,KAAKO,CAAK,YAIdE,GAAK,CACZC,EAAAV,QAAeG,CAAc,CAAA,WAOtBQ,GAAI,OACLzB,EAAMgB,EAAGF,CAAQ,EAAC,OAAM,EACxBY,EAAI,IAAO,KAAI,CAAE,KAAK,UAAU1B,CAAM,CAAA,EAAA,CAC1C,KAAM,mBAAkB,EAEpB2B,EAAM,IAAI,gBAAgBD,CAAI,EAC9BE,EAAI,SAAS,cAAc,GAAG,EACpCA,EAAE,KAAOD,EACTC,EAAE,SAAW,cACbA,EAAE,MAAK,oDAOeR,CAAY,cAAWA,CAAY,6BAKtDpB,CAAM,EAAA6B,GAAA,yDAEwB,QAAY,UADNC,EAAA,EAAAC,EAAA,IAAAC,EAAA,KAAA,CAAA,SAAU,GAAG,EAAA,mCAKhDlB,CAAQ,EAAAe,GAAA,qCAMY,OAAAb,EAAAF,CAAQ,EAAC,eAAgB,QAAY,+NAF5Cd,CAAM,EAAG,EAAI,MAAS,CAAA,EADzB8B,EAAA,EAAAG,EAAA,IAAAD,EAAA,KAAA,CAAA,SAAU,GAAG,EAAA,gDAYRT,0BACAX,GAASZ,EAAAc,CAAA,yBACTW,uDAIR,KAAK,MAAKT,EAACP,CAAG,CAAA,CAAA,CAAA"}