Feature/ pywry posthog (#4860)

* posthog

* Update index.html

* remove console logs

* fix feature flag getting sent

* adding to frontend-components

* updates

* Update main.js

* alias

* Update backend.py

* Update backend.py

* tables handle null

* Update helper_funcs.py

* Update volatility_view.py

---------

Co-authored-by: andrewkenreich <andrew.kenreich@gmail.com>

frontend-components/tables/index.html

@@ -5,6 +5,62 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>OpenBB Interactive Tables</title>
     <script>
+      if (window.json_data?.posthog?.collect_logs) {
+        !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
+        posthog.init("phc_vhssDAMod5qIplznQ75Kdgz4aB1qPFmeVmfEOZ4hkRw", {
+          api_host: "https://app.posthog.com",
+          autocapture: {
+            css_selector_allowlist: [".ph-capture"],
+          },
+          capture_pageview: false,
+          loaded: function (posthog) {
+            if (window.json_data) {
+              const data = JSON.parse(window.json_data);
+
+              const log_id = data?.log_id || "";
+              const posthog_obj = data?.posthog || {};
+
+              if (log_id != "" && log_id != "REPLACE_ME") {
+                if (posthog_obj?.user_id) {
+                  posthog.identify(posthog_obj.user_id, {
+                    email: posthog_obj.email,
+                  });
+                  posthog.alias(posthog_obj.user_id, log_id);
+                } else {
+                  posthog.identify(log_id);
+                }
+              }
+
+              posthog.capture("table", {
+                INFO: {
+                  command: data.command_location,
+                  title: data.title,
+                  python_version: data.python_version,
+                  pywry_version: data.pywry_version,
+                  terminal_version: data.terminal_version,
+                },
+              });
+            }
+            posthog.onFeatureFlags(function () {
+              if (
+                !posthog.isFeatureEnabled("record-pywry", { send_event: false })
+              ) {
+                posthog.stopSessionRecording();
+              }
+              if (
+                !posthog.isFeatureEnabled("collect-logs-pywry", {
+                  send_event: false,
+                })
+              ) {
+                posthog.opt_out_capturing();
+              } else if (posthog.has_opted_out_capturing()) {
+                posthog.opt_in_capturing();
+              }
+            });
+          },
+        });
+      }
+
       if (
         // check if user had saved dark as their
         // theme when accessing page before

frontend-components/tables/package-lock.json

@@ -31,6 +31,7 @@
         "xss": "^1.0.14"
       },
       "devDependencies": {
+        "@types/dom-to-image": "^2.6.4",
         "@types/react": "^18.0.27",
         "@types/react-dom": "^18.0.10",
         "@types/react-table": "^7.7.14",
@@ -1641,6 +1642,12 @@
         "url": "https://opencollective.com/turf"
       }
     },
+    "node_modules/@types/dom-to-image": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/@types/dom-to-image/-/dom-to-image-2.6.4.tgz",
+      "integrity": "sha512-UddUdGF1qulrSDulkz3K2Ypq527MR6ixlgAzqLbxSiQ0icx0XDlIV+h4+edmjq/1dqn0KgN0xGSe1kI9t+vGuw==",
+      "dev": true
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -6534,6 +6541,12 @@
         "@turf/helpers": "^6.5.0"
       }
     },
+    "@types/dom-to-image": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/@types/dom-to-image/-/dom-to-image-2.6.4.tgz",
+      "integrity": "sha512-UddUdGF1qulrSDulkz3K2Ypq527MR6ixlgAzqLbxSiQ0icx0XDlIV+h4+edmjq/1dqn0KgN0xGSe1kI9t+vGuw==",
+      "dev": true
+    },
     "@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",

frontend-components/tables/package.json

@@ -34,6 +34,7 @@
     "xss": "^1.0.14"
   },
   "devDependencies": {
+    "@types/dom-to-image": "^2.6.4",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
     "@types/react-table": "^7.7.14",

frontend-components/tables/src/App.tsx

@@ -59,7 +59,7 @@ function App() {
       const transformedRow = {};
       row.forEach((value: any, index: number) => {
         //@ts-ignore
-        transformedRow[columns[index]] = value;
+        transformedRow[columns[index]] = value || "";
       });
       return transformedRow;
     });

frontend-components/tables/src/index.css

@@ -115,3 +115,7 @@ tr {
 ::-webkit-scrollbar-thumb:hover {
   background-color: #a8bbbf;
 }
+
+::-webkit-scrollbar-corner {
+  background: rgba(0,0,0,0);
+}