Add anonymous telemetry about playground actions (#925)

BoundaryML · Sep 5, 2024 · 6f58c9e · 6f58c9e
1 parent 1dfddb5
commit 6f58c9e
Show file tree

Hide file tree

Showing 8 changed files with 7,213 additions and 8,854 deletions.
diff --git a/typescript/playground-common/src/baml_wasm_web/test_uis/testHooks.ts b/typescript/playground-common/src/baml_wasm_web/test_uis/testHooks.ts
@@ -69,6 +69,16 @@ export const useRunHooks = () => {
         set(isRunningAtom, true)
         set(showTestsAtom, true)
 
+        vscode.postMessage({
+          command: 'telemetry',
+          meta: {
+            action: 'run_tests',
+            data: {
+              num_tests: testNames.length,
+            },
+          },
+        })
+
         // First clear any previous test results
         testStatusAtom.setShouldRemove(() => true)
         // Remove the shouldRemove function so we don't remove future test results

diff --git a/typescript/playground-common/src/shared/AppStateContext.tsx b/typescript/playground-common/src/shared/AppStateContext.tsx
@@ -4,7 +4,7 @@ interface AppStateContextProps {
   showTokens: boolean
   setShowTokens: React.Dispatch<React.SetStateAction<boolean>>
   showWhitespace: boolean
-  setShowWhitespace: React.Dispatch<React.SetStateAction<boolean>>
+  // setShowWhitespace: React.Dispatch<React.SetStateAction<boolean>>
   showCurlRequest: boolean
   setShowCurl: React.Dispatch<React.SetStateAction<boolean>>
   showTestResults: boolean
@@ -15,7 +15,8 @@ const AppStateContext = createContext<AppStateContextProps | undefined>(undefine
 
 export const AppStateProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const [showTokens, setShowTokens] = useState(false)
-  const [showWhitespace, setShowWhitespace] = useState(false)
+  const showWhitespace = false
+  // const [showWhitespace, setShowWhitespace] = useState(false)
   const [showCurlRequest, setShowCurl] = useState(false)
   const [showTestResults, setShowTestResults] = useState(true)
 
@@ -25,7 +26,6 @@ export const AppStateProvider: React.FC<{ children: React.ReactNode }> = ({ chil
         showTokens,
         setShowTokens,
         showWhitespace,
-        setShowWhitespace,
         showCurlRequest,
         setShowCurl,
         showTestResults,

diff --git a/typescript/playground-common/src/shared/CheckboxHeader.tsx b/typescript/playground-common/src/shared/CheckboxHeader.tsx
@@ -1,3 +1,4 @@
+import React from 'react'
 import { useAppState } from './AppStateContext'
 import { Checkbox } from '../components/ui/checkbox'
 import { useAtomValue } from 'jotai'
@@ -23,25 +24,16 @@ const PromptCheckbox = ({
 }
 
 export const CheckboxHeader = () => {
-  const {
-    showTokens,
-    setShowTokens,
-    showWhitespace,
-    setShowWhitespace,
-    showCurlRequest,
-    setShowCurl,
-    showTestResults,
-    setShowTestResults,
-  } = useAppState()
+  const { showTokens, setShowTokens, showCurlRequest, setShowCurl, showTestResults, setShowTestResults } = useAppState()
 
   return (
     <div className='flex flex-wrap justify-start gap-4 px-2 py-2 text-xs whitespace-nowrap'>
       <PromptCheckbox checked={showTokens} onChange={setShowTokens}>
         Show Tokens
       </PromptCheckbox>
-      <PromptCheckbox checked={showWhitespace} onChange={setShowWhitespace}>
+      {/* <PromptCheckbox checked={showWhitespace} onChange={setShowWhitespace}>
         Whitespace
-      </PromptCheckbox>
+      </PromptCheckbox> */}
       <PromptCheckbox checked={showCurlRequest} onChange={setShowCurl}>
         Raw cURL
       </PromptCheckbox>

diff --git a/typescript/playground-common/src/shared/Link.tsx b/typescript/playground-common/src/shared/Link.tsx
@@ -8,7 +8,7 @@ const Link: React.FC<{ item: StringSpan; display?: string; className?: string }>
   <VSCodeLink
     className={cn(className, 'font-medium underline underline-offset-2 hover:text-vscode-textLink-activeForeground')}
     onClick={() => {
-      vscode.postMessage({ command: 'jumpToFile', data: item })
+      vscode.postMessage({ command: 'jumpToFile', span: item })
     }}
   >
     <div className='flex flex-row items-center gap-0.5'>