fix(clarity): proxying broken once clarity loads

Fixes #442

Author: harlan-zw

playground/pages/third-parties/clarity/nuxt-scripts.vue

@@ -1,14 +1,28 @@
 <script lang="ts" setup>
-import { useHead, useScriptClarity } from '#imports'
+import { onMounted, useHead, useScriptClarity } from '#imports'
 
 useHead({
   title: 'Clarity',
 })
 
 // composables return the underlying api as a proxy object and the script state
-const { status } = useScriptClarity({
+const { status, proxy } = useScriptClarity({
   id: 'mqk2m9dr2v',
 })
+
+onMounted(() => {
+  setTimeout(() => {
+    proxy.clarity('consent')
+  }, 3000)
+})
+
+function accept() {
+  window.clarity('consent', true)
+}
+
+function decline() {
+  window.clarity('consent', false)
+}
 </script>
 
 <template>
@@ -17,6 +31,12 @@ const { status } = useScriptClarity({
       <div>
         status: {{ status }}
       </div>
+      <button @click="accept">
+        Force Accept
+      </button>
+      <button @click="decline">
+        Force Decline
+      </button>
     </ClientOnly>
   </div>
 </template>

src/runtime/registry/clarity.ts

@@ -9,7 +9,7 @@ type ClarityFunctions = ((fn: 'start', options: { content: boolean, cookies: str
     page: string
     userHint: string
   }>)
-  & ((fn: 'consent') => void)
+  & ((fn: 'consent', enabled?: boolean) => void)
   & ((fn: 'set', key: any, value: any) => void)
   & ((fn: 'event', value: any) => void)
   & ((fn: 'upgrade', upgradeReason: any) => void)
@@ -46,7 +46,14 @@ export function useScriptClarity<T extends ClarityApi>(
       schema: import.meta.dev ? ClarityOptions : undefined,
       scriptOptions: {
         use() {
-          return { clarity: window.clarity }
+          return {
+            // @ts-expect-error untyped
+            clarity: Object.assign(function (...params) {
+              const clarity = window.clarity
+              // @ts-expect-error untyped
+              return clarity.apply(this, params)
+            }, window.clarity),
+          }
         },
       },
       clientInit: import.meta.server