Merge pull request #484 from CedricProfessionnel/AsyncMouffette

Remove moufette & posthog

Author: CedricProfessionnel

cypress/integration/utils/interface-test/create-and-visit-collaborative-session.js

@@ -2,7 +2,7 @@ const createAndVisitCollaborativeSession = () => {
   let collaborationUrl
   it("Should be able to create and visit collaborative session", () => {
     cy.log("should be able to import Elon Musk Tweets dataset")
-    cy.get("#tab-samples", { timeout: 5000 }).click()
+    cy.get("#tab-samples", { timeout: 10000 }).click()
     cy.contains("Import").click()
     cy.contains("Import Toy Dataset").click()
     cy.contains("Elon Musk Tweets").siblings("td").eq(2).click()

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")

public/index.html

@@ -29,58 +29,6 @@
         text-transform: none;
       }
     </style>
-    <script>
-      !(function (a, t) {
-        window.moufette = t
-        var e = a.getElementsByTagName("script"),
-          n = []
-        for (var i in e) {
-          var o = e[i].src
-          o && 0 < o.indexOf("moufette.js") && n.push(e[i])
-        }
-        n[n.length - 1],
-          (window.moufette.init = function (t, o) {
-            !(function (t, e, n) {
-              var i = new Date()
-              i.setTime(i.getTime() + 24 * n * 60 * 60 * 1e3)
-              var o = "expires=" + i.toUTCString()
-              a.cookie = t + "=" + e + ";" + o + ";path=/"
-            })("moufette_token", t, 30, o.api_host),
-              window.addEventListener("DOMContentLoaded", function () {
-                var t, e, n, i
-                ;(t = a.createElement("div")).setAttribute(
-                  "id",
-                  "moufette-widget"
-                ),
-                  a.body.appendChild(t),
-                  (e = o.api_host + "/widget/main.js"),
-                  (i = a.createElement("script")).setAttribute(
-                    "type",
-                    "text/javascript"
-                  ),
-                  i.setAttribute("src", e),
-                  i.readyState
-                    ? (i.onreadystatechange = function () {
-                        ;("complete" != this.readyState &&
-                          "loaded" != this.readyState) ||
-                          n()
-                      })
-                    : (i.onload = n),
-                  (
-                    a.getElementsByTagName("head")[0] || a.documentElement
-                  ).appendChild(i)
-              })
-            var e = window.moufetteConfig || {}
-            ;(e.api_host = o.api_host),
-              (e.token = t),
-              (window.moufetteConfig = e)
-          })
-      })(document, window.moufette || {})
-      moufette.init(
-        "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpYXQiOjE1OTc3NTc4NjF9.y_rSQWY5cINMSBTHSPUhuIkrx6GMTI7fbL3J7wPUqAM",
-        { api_host: "https://moufette.universaldatatool.com" }
-      )
-    </script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script
       async

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>