remove Posthog

Author: CedricProfessionnel

cypress/integration/utils/interface-test/named-entity-recognition.js

@@ -15,7 +15,7 @@ const namedEntityRecognition = () => {
     cy.contains("Elon Musk Tweets").siblings("td").eq(2).click()
 
     cy.log("should be able to setup Named Entity Recognition")
-    cy.get("#tab-setup").click()
+    cy.get("#tab-setup", { timeout: 5000 }).click()
     cy.contains("Named Entity Recognition").click()
     cy.get("input[value=food]").focus().clear().type("mars")
     cy.get("input[value=Food]").focus().clear().type("About Mars")

src/components/AdvancedOptionsView/index.js

@@ -1,9 +1,7 @@
 import React, { useState } from "react"
 import Box from "@material-ui/core/Box"
 import MuiButton from "@material-ui/core/Button"
-import { useUpdate } from "react-use"
 import { styled } from "@material-ui/core/styles"
-import usePosthog from "../../hooks/use-posthog"
 import { useAppConfig } from "../AppConfig"
 import { useHotkeyStorage } from "../HotkeyStorage"
 import KeyboardShortcutManagerDialog from "../KeyboardShortcutManagerDialog"
@@ -15,8 +13,6 @@ const Button = styled(MuiButton)({
 })
 
 export const AdvancedOptionsView = ({ onClickEditJSON, onClearLabelData }) => {
-  const forceUpdate = useUpdate()
-  const posthog = usePosthog()
   const { fromConfig, setInConfig } = useAppConfig()
   const { hotkeys, changeHotkey, clearHotkeys } = useHotkeyStorage()
   const [hotkeyDialogOpen, setHotkeyDialogOpen] = useState(false)
@@ -40,20 +36,6 @@ export const AdvancedOptionsView = ({ onClickEditJSON, onClearLabelData }) => {
       >
         {t("clear-labels")}
       </Button>
-      <Button
-        variant="outlined"
-        onClick={() => {
-          if (posthog.has_opted_out_capturing()) {
-            posthog.opt_in_capturing()
-          } else {
-            posthog.opt_out_capturing()
-          }
-          forceUpdate()
-        }}
-      >
-        {posthog.has_opted_out_capturing() ? "Enable" : "Disable"}{" "}
-        {t("telemetry")}
-      </Button>
       <Button
         variant="outlined"
         onClick={() => {

src/components/App/index.js

@@ -11,7 +11,6 @@ import AppErrorBoundary from "../AppErrorBoundary"
 import useEventCallback from "use-event-callback"
 import usePreventNavigation from "../../hooks/use-prevent-navigation"
 import { FileContext } from "../FileContext"
-import usePosthog from "../../hooks/use-posthog"
 import ManagePluginsDialog from "../ManagePluginsDialog"
 import usePluginProvider from "../PluginProvider"
 import download from "in-browser-download"
@@ -28,7 +27,6 @@ export default () => {
   const [datasetManager, setDatasetManager] = useActiveDatasetManager()
   usePreventNavigation(Boolean(datasetManager))
 
-  const posthog = usePosthog()
   const [errors] = useErrors()
 
   const [managePluginsDialogOpen, setManagePluginsDialogOpen] = useState(false)
@@ -60,7 +58,6 @@ export default () => {
     setManagePluginsDialogOpen(true)
   )
   const onDownload = useEventCallback(async (format) => {
-    posthog.capture("download_file", { file_type: format })
     const ds = await datasetManager.getDataset()
     const userProvidedFileName = (
       datasetManager.sessionId ||

src/components/CollaborateButton/index.js

@@ -13,7 +13,6 @@ import InputAdornment from "@material-ui/core/InputAdornment"
 import AddBoxTwoTone from "@material-ui/icons/AddBoxTwoTone"
 import ExitToAppIcon from "@material-ui/icons/ExitToApp"
 import CircularProgress from "@material-ui/core/CircularProgress"
-import usePosthog from "../../hooks/use-posthog"
 import HeaderPopupBox from "../HeaderPopupBox"
 import useActiveDatasetManager from "../../hooks/use-active-dataset-manager"
 
@@ -59,7 +58,6 @@ export default ({
   const [loadingSession, changeLoadingSession] = useState(false)
   const [sessionUrl, changeSessionUrl] = useState("")
   const [userName, changeUserName] = useLocalStorage("userName", "anonymous")
-  const posthog = usePosthog()
 
   // internalization hook
   const { t } = useTranslation()
@@ -106,7 +104,6 @@ export default ({
                     <IconButton
                       color="primary"
                       onClick={() => {
-                        posthog.capture("join_collaborative_session")
                         onJoinSession(sessionUrl)
                       }}
                       disabled={!sessionUrl}
@@ -122,7 +119,6 @@ export default ({
               fullWidth
               disabled={!fileOpen || loadingSession || error}
               onClick={() => {
-                posthog.capture("create_collaborative_session")
                 onCreateSession()
                 changeLoadingSession(true)
               }}

src/components/DatasetEditor/index.js

@@ -10,7 +10,6 @@ import useElectron from "../../hooks/use-electron"
 import useTimeToCompleteSample from "../../hooks/use-time-to-complete-sample.js"
 import { useToasts } from "../Toasts"
 import useEventCallback from "use-event-callback"
-import usePosthog from "../../hooks/use-posthog"
 import classnames from "classnames"
 import LabelView from "../LabelView"
 import useIsLabelOnlyMode from "../../hooks/use-is-label-only-mode"
@@ -59,7 +58,6 @@ export default ({
   const { addToast } = useToasts()
   const [mode, changeMode] = useState(labelOnlyMode ? "label" : initialMode)
   const { ipcRenderer } = useElectron() || {}
-  const posthog = usePosthog()
   const { iface } = useInterface()
   const { summary } = useSummary()
   const removeSamples = useRemoveSamples()
@@ -88,16 +86,9 @@ export default ({
     }
   }, [ipcRenderer])
 
-  useEffect(() => {
-    posthog.people.set({
-      average_time_to_complete_sample: sampleTimeToComplete,
-    })
-  }, [sampleTimeToComplete, posthog.people])
-
   useEffect(() => {
     if (mode !== "label") setSampleIndex(null)
-    posthog.capture("open_editor_tab", { tab: mode })
-  }, [mode, posthog])
+  }, [mode])
 
   const onChangeTab = useEventCallback((tab) => changeMode(tab.toLowerCase()))
 
@@ -147,9 +138,6 @@ export default ({
               <SamplesView
                 openSampleLabelEditor={(sampleIndex) => {
                   setSampleIndex(sampleIndex)
-                  posthog.capture("open_sample", {
-                    interface_type: iface?.type,
-                  })
                   changeMode("label")
                 }}
                 user={user}

src/components/ImportPage/index.js

@@ -26,7 +26,6 @@ import ImportToyDataset from "../ImportToyDatasetDialog"
 import ImportFromYoutubeUrls from "../ImportFromYoutubeUrls"
 import ImportFromCOCODialog from "../ImportFromCOCODialog"
 import { FaGoogleDrive, FaYoutube } from "react-icons/fa"
-import usePosthog from "../../hooks/use-posthog"
 import promptAndGetSamplesFromLocalDirectory from "./prompt-and-get-samples-from-local-directory.js"
 import { useTranslation } from "react-i18next"
 import useAuth from "../../utils/auth-handlers/use-auth.js"
@@ -79,8 +78,6 @@ const Button = ({
   onlySupportType,
   type,
 }) => {
-  const posthog = usePosthog()
-
   const { isLoggedIn, authConfig } = useAuth()
 
   const isDisabled = () => {
@@ -112,9 +109,6 @@ const Button = ({
         return (
           <ButtonBase
             onClick={() => {
-              posthog.capture("import_button_clicked", {
-                import_button: dialog,
-              })
               onChangeDialog(dialog)
             }}
             className={classnames({ disabled })}

src/components/LabelHelpView/api-key-entry.js

@@ -7,7 +7,6 @@ import { styled } from "@material-ui/core/styles"
 import { useAppConfig } from "../AppConfig"
 import SaveIcon from "@material-ui/icons/Save"
 import CircularProgress from "@material-ui/core/CircularProgress"
-import usePosthog from "../../hooks/use-posthog"
 
 const Title = styled("div")({
   fontSize: 18,
@@ -35,7 +34,6 @@ export default () => {
   const [verifying, setVerifying] = useState(false)
   const [textFieldValue, setTextFieldValue] = useState("")
   const [error, setError] = useState("")
-  const posthog = usePosthog()
 
   return (
     <Box paddingTop={8} textAlign="center">
@@ -49,7 +47,6 @@ export default () => {
           href="https://labelhelp.universaldatatool.com"
           // eslint-disable-next-line
           target="_blank"
-          onClick={() => posthog.capture("get_api_key_link_clicked")}
         >
           get an API key here
         </a>
@@ -94,7 +91,6 @@ export default () => {
 
             setVerifying(false)
             setInConfig("labelhelp.apikey", textFieldValue)
-            posthog.capture("save_api_key_button_clicked")
           }}
         >
           {verifying ? (

src/components/LabelHelpView/label-help-setup.js

@@ -7,7 +7,6 @@ import TableCell from "@material-ui/core/TableCell"
 import TableHead from "@material-ui/core/TableHead"
 import TableRow from "@material-ui/core/TableRow"
 import useLabelHelp from "./use-label-help"
-import usePosthog from "../../hooks/use-posthog"
 import CircularProgress from "@material-ui/core/CircularProgress"
 import { useAppConfig } from "../AppConfig"
 import useDataset from "../../hooks/use-dataset"
@@ -38,8 +37,6 @@ export const LabelHelpSetup = ({ onChangeActiveStep, onError }) => {
     myCredits = () => 0,
   } = useLabelHelp()
 
-  const posthog = usePosthog()
-
   const [isCreating, setIsCreating] = useState(false)
 
   const onStartLabelHelp = useEventCallback(async () => {
@@ -81,8 +78,6 @@ export const LabelHelpSetup = ({ onChangeActiveStep, onError }) => {
     )
 
     onChangeActiveStep("running")
-
-    posthog.capture("start_label_help_button_clicked")
   })
 
   return (
@@ -151,7 +146,6 @@ export const LabelHelpSetup = ({ onChangeActiveStep, onError }) => {
         <Button
           onClick={() => {
             setInConfig("labelhelp.apikey", null)
-            posthog.capture("api_key_button_clicked")
           }}
           variant="outlined"
         >
@@ -162,9 +156,6 @@ export const LabelHelpSetup = ({ onChangeActiveStep, onError }) => {
           style={{ marginLeft: 12 }}
           variant="outlined"
           href="https://labelhelp.universaldatatool.com#addcredits"
-          onClick={() => {
-            posthog.capture("add_credits_button_clicked")
-          }}
         >
           Add Credits
         </Button>

src/components/LabelView/index.js

@@ -1,11 +1,10 @@
-import React, { useEffect, useState } from "react"
+import React, { useState } from "react"
 import LabelErrorBoundary from "../LabelErrorBoundary"
 // import UniversalDataViewer from "../UniversalDataViewer"
 import UniversalSampleEditor from "../UniversalSampleEditor"
 import Stats from "../Stats"
 import SampleGrid from "../SampleGrid"
 import Box from "@material-ui/core/Box"
-import usePosthog from "../../hooks/use-posthog"
 import duration from "duration"
 import { styled } from "@material-ui/core/styles"
 import Tabs from "@material-ui/core/Tabs"
@@ -20,7 +19,6 @@ import useSummary from "../../hooks/use-summary"
 import useSample from "../../hooks/use-sample"
 import useRemoveSamples from "../../hooks/use-remove-samples"
 import useInterface from "../../hooks/use-interface"
-import useAppConfig from "../../hooks/use-app-config"
 
 const OverviewContainer = styled("div")({
   padding: 8,
@@ -40,16 +38,12 @@ export default ({
   sampleTimeToComplete,
 }) => {
   const [currentTab, setTab] = useState("label")
-  const posthog = usePosthog()
   const labelOnlyMode = useIsLabelOnlyMode()
-  const { fromConfig } = useAppConfig()
   const [annotationStartTime, setAnnotationStartTime] = useState(null)
   const { summary } = useSummary()
   const removeSamples = useRemoveSamples()
   const { sample, updateSample, sampleLoading } = useSample(sampleIndex)
   const { iface } = useInterface()
-
-  const labelHelpEnabled = !fromConfig("labelhelp.disabled")
   const isInOverview = sampleIndex === null
 
   let percentComplete = 0
@@ -59,18 +53,6 @@ export default ({
       summary.samples.length
   }
 
-  useEffect(() => {
-    if (labelHelpEnabled) {
-      posthog.capture("label_help_showed")
-    }
-  }, [labelHelpEnabled, posthog])
-
-  useEffect(() => {
-    if (currentTab === "labelhelp") {
-      posthog.capture("label_help_clicked")
-    }
-  }, [currentTab, posthog])
-
   return !isInOverview ? (
     <LabelErrorBoundary>
       <UniversalSampleEditor
@@ -94,9 +76,6 @@ export default ({
           switch (nextAction) {
             case "go-to-next":
               if (sampleIndex !== summary.samples.length - 1) {
-                posthog.capture("next_sample", {
-                  interface_type: iface?.type,
-                })
                 // TODO reset start time
                 onChangeSampleIndex(sampleIndex + 1)
                 setAnnotationStartTime(Date.now())
@@ -175,9 +154,6 @@ export default ({
             tablePaginationPadding={6}
             samples={summary?.samples || []}
             onClick={(selectedSampleIndex) => {
-              posthog.capture("open_sample", {
-                interface_type: iface?.type,
-              })
               onChangeSampleIndex(selectedSampleIndex)
             }}
           />

src/components/StartingPage/index.js

@@ -10,7 +10,6 @@ import { useDropzone } from "react-dropzone"
 import CreateFromTemplateDialog from "../CreateFromTemplateDialog"
 import AddAuthFromTemplateDialog from "../AddAuthFromTemplateDialog"
 import { styled } from "@material-ui/core/styles"
-import usePosthog from "../../hooks/use-posthog"
 import packageInfo from "../../../package.json"
 import useEventCallback from "use-event-callback"
 import Box from "@material-ui/core/Box"
@@ -156,7 +155,6 @@ export default ({
   onClickOpenSession,
 }) => {
   const c = useStyles()
-  const posthog = usePosthog()
 
   // internalization hook
   const { t, i18n } = useTranslation()
@@ -250,9 +248,6 @@ export default ({
                   <ActionTitle>{t("start")}</ActionTitle>
                   <Action
                     onClick={() => {
-                      posthog.capture("template_clicked", {
-                        clicked_template: "empty",
-                      })
                       onOpenTemplate(templates.find((t) => t.name === "Empty"))
                     }}
                   >
@@ -385,9 +380,6 @@ export default ({
       <CreateFromTemplateDialog
         open={createFromTemplateDialogOpen}
         onSelect={(template) => {
-          posthog.capture("template_clicked", {
-            clicked_template: template.name,
-          })
           onOpenTemplate(template)
         }}
         onClose={() => changeCreateFromTemplateDialogOpen(false)}