From 49f13373f2924019669ff118369462ad9c3d50f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Thu, 1 Feb 2024 23:07:22 +0800
Subject: [PATCH] feat: cost time of parse

---
 components/NavBar.vue | 3 ++-
 composables/state.ts  | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/NavBar.vue b/components/NavBar.vue
index 89eea2f..f6146c1 100644
--- a/components/NavBar.vue
+++ b/components/NavBar.vue
@@ -16,7 +16,8 @@ import { version } from '../package.json'
     </div>
 
     <div flex="~ gap-3">
-      <span text-gray font-mono>{{ parserVersion }}</span>
+      <span op-80>{{ +parseCost.toFixed(1) }} ms</span>
+      <span font-mono op-80>{{ parserVersion }}</span>
       <button title="Toggle Left Layout" @click="toggleLeftLayout">
         <div v-if="showLeftLayout" i-ri:layout-column-fill />
         <div v-else i-ri:layout-left-line />
diff --git a/composables/state.ts b/composables/state.ts
index eabfea0..fcb5db3 100644
--- a/composables/state.ts
+++ b/composables/state.ts
@@ -8,6 +8,7 @@ export const code = ref('')
 export const ast = shallowRef<unknown>({})
 export const error = shallowRef<unknown>()
 export const rawOptions = ref('')
+export const parseCost = ref(0)
 
 export const showLeftLayout = useLocalStorage('show-left-layout', true)
 export const showRightLayout = useLocalStorage('show-right-layout', true)
@@ -108,11 +109,13 @@ watch(
       loading.value = 'load'
       const ctx = await parserContext.value
       loading.value = 'parse'
+      const t = window.performance.now()
       ast.value = await currentParser.value.parse.call(
         await ctx,
         code.value,
         options.value,
       )
+      parseCost.value = window.performance.now() - t
       error.value = null
       // eslint-disable-next-line unicorn/catch-error-name
     } catch (err) {