electron app start counter

Author: jsajal

package.json

@@ -61,6 +61,7 @@
     "mousetrap": "^1.6.5",
     "notistack": "^3.0.1",
     "postcss": "^8.4.35",
+    "posthog-node": "^4.0.1",
     "react": "^18.2.0",
     "react-copy-to-clipboard": "^5.1.0",
     "react-custom-scrollbars": "^4.2.1",

pnpm-lock.yaml

@@ -22,7 +22,6 @@ const SettingsModal = ({ closeFn = () => null, open = false, initialTab = 0 }) =
   const [enabled, setEnabled] = useState(false);
   const [accessId, setAccessId] = useState('');
   const [accessKey, setAccessKey] = useState('');
-  console.log(config);
 
   // const {
   //   register,

src/components/molecules/modals/SettingsModal.js

@@ -11,14 +11,16 @@ import HorizontalDivider from 'components/atoms/common/HorizontalDivider';
 import WithoutSplitPane from 'components/layouts/WithoutSplitPane';
 import useCollectionStore from 'stores/CollectionStore';
 import registerSettingsEventHandlers from 'ipc/settings';
+import useTelemetry from 'utils/useTelemetry';
 
 const Home = () => {
   const collections = useCollectionStore((state) => state.collections);
   const showLoader = useCommonStore((state) => state.showLoader);
   registerMainEventHandlers();
   registerSettingsEventHandlers();
+  useTelemetry();
   return (
-    <div className='relative flex h-full flex-col font-openSans text-cyan-900'>
+    <div className='relative flex flex-col h-full font-openSans text-cyan-900'>
       <MainHeader />
       <HorizontalDivider />
       {/* For some reason with this condition in SplitPane component, drag feature was not getting enabled thus putting this here 

src/components/pages/Home.js

@@ -18,7 +18,6 @@ const registerMainEventHandlers = () => {
     const { ipcRenderer } = window;
 
     ipcRenderer.on('main:collection-created', (id, name, pathname, nodes) => {
-      console.log(`\n \n main:collection-created :: _createCollection \n \n `);
       _createCollection(id, name, pathname, nodes);
     });
 

src/ipc/collection.js

@@ -0,0 +1,58 @@
+/**
+ * Telemetry in FlowTestAI is just an anonymous visit counter (triggered once per day).
+ * The only details shared are:
+ *      - OS (ex: mac, windows, linux)
+ *      - Version (ex: 1.3.0)
+ * We don't track usage analytics / micro-interactions / crash logs / anything else.
+ */
+
+import { useEffect } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+// import getConfig from 'next/config';
+import { PostHog } from 'posthog-node';
+
+const posthogApiKey = 'phc_NWEriNXcUcZ1QB3GDBHrM3NDzZj69P1npzZ9PY2A5tW';
+let posthogClient = null;
+
+const getPosthogClient = () => {
+  if (posthogClient) {
+    return posthogClient;
+  }
+
+  posthogClient = new PostHog(posthogApiKey);
+  return posthogClient;
+};
+
+const getAnonymousId = () => {
+  let id = localStorage.getItem('flowtestai.anonymousId');
+
+  if (!id || !id.length || id.length !== 21) {
+    id = uuidv4();
+    localStorage.setItem('flowtestai.anonymousId', id);
+  }
+
+  return id;
+};
+
+const trackStart = () => {
+  const { ipcRenderer } = window;
+  const id = getAnonymousId();
+  const client = getPosthogClient();
+  client.capture({
+    distinctId: id,
+    event: 'start',
+    properties: {
+      os: ipcRenderer.isMacOs() ? 'darwin' : 'win32',
+      version: '1.2.0',
+    },
+  });
+};
+
+const useTelemetry = () => {
+  useEffect(() => {
+    trackStart();
+    setInterval(trackStart, 24 * 60 * 60 * 1000);
+  }, []);
+};
+
+export default useTelemetry;