docs: improved analytics and tracking (#13671)

* docs: improved analytics and tracking

* remove detailed feedback component

* remove ignore build script for api reference

* improvements

* fix pathname

www/packages/docs-ui/src/components/Feedback/index.tsx

@@ -105,28 +105,31 @@ export const Feedback = ({
     if (showForm) {
       setLoading(true)
     }
-    track(
-      event,
-      {
-        url: pathName,
-        label: document.title,
-        feedback:
-          (feedback !== null && feedback) ||
-          (feedback === null && positiveFeedback)
-            ? "yes"
-            : "no",
-        message: message?.length ? message : null,
-        os: window.navigator.userAgent,
-        feedbackOption,
-        ...extraData,
+    track({
+      event: {
+        event,
+        options: {
+          url: pathName,
+          label: document.title,
+          feedback:
+            (feedback !== null && feedback) ||
+            (feedback === null && positiveFeedback)
+              ? "yes"
+              : "no",
+          message: message?.length ? message : null,
+          os: window.navigator.userAgent,
+          feedbackOption,
+          ...extraData,
+        },
+        callback: function () {
+          if (showForm) {
+            setLoading(false)
+            resetForm()
+          }
+        },
+        tracker: ["segment", "posthog"],
       },
-      function () {
-        if (showForm) {
-          setLoading(false)
-          resetForm()
-        }
-      }
-    )
+    })
   }
 
   function resetForm() {

www/packages/docs-ui/src/components/Rating/index.tsx

@@ -31,14 +31,16 @@ export const Rating: React.FC<RatingProps> = ({
 
   const submitTracking = useCallback(
     (selectedRating?: number, feedback?: string) => {
-      track(
-        event,
-        {
-          rating: selectedRating || rating,
-          additionalFeedback: feedback || additionalFeedback,
+      track({
+        event: {
+          event,
+          options: {
+            rating: selectedRating || rating,
+            additionalFeedback: feedback || additionalFeedback,
+          },
+          callback: () => onRating?.(selectedRating || rating),
         },
-        () => onRating?.(selectedRating || rating)
-      )
+      })
     },
     [rating, additionalFeedback]
   )

www/packages/docs-ui/src/components/Sidebar/Top/MedusaMenu/index.tsx

@@ -1,98 +0,0 @@
-"use client"
-
-import clsx from "clsx"
-import React, { useRef, useState } from "react"
-import {
-  BorderedIcon,
-  getOsShortcut,
-  useAnalytics,
-  useClickOutside,
-  useSidebar,
-} from "../../../.."
-import {
-  EllipsisHorizontal,
-  SidebarLeft,
-  TimelineVertical,
-} from "@medusajs/icons"
-import { HouseIcon } from "../../../Icons/House"
-import { Menu } from "../../../Menu"
-
-export const SidebarTopMedusaMenu = () => {
-  const [openMenu, setOpenMenu] = useState(false)
-  const { setDesktopSidebarOpen } = useSidebar()
-  const { track } = useAnalytics()
-  const ref = useRef<HTMLDivElement>(null)
-
-  const toggleOpen = () => {
-    setOpenMenu((prev) => !prev)
-    if (!openMenu) {
-      track("nav_sidebar_open", {
-        url: window.location.href,
-      })
-    }
-  }
-
-  useClickOutside({
-    elmRef: ref,
-    onClickOutside: () => {
-      setOpenMenu(false)
-    },
-  })
-
-  return (
-    <div className={clsx("p-docs_0.75", "relative")} ref={ref}>
-      <div
-        className={clsx(
-          "flex justify-between items-center gap-docs_0.5",
-          "rounded-docs_sm hover:bg-medusa-bg-subtle-hover cursor-pointer",
-          "py-docs_0.125 pl-docs_0.125 pr-docs_0.5"
-        )}
-        tabIndex={-1}
-        onClick={toggleOpen}
-      >
-        <BorderedIcon icon="/images/logo.png" />
-        <span className="text-compact-small-plus text-medusa-fg-base flex-1">
-          Medusa Docs
-        </span>
-        <EllipsisHorizontal className="text-medusa-fg-muted" />
-      </div>
-      <div
-        className={clsx(
-          "absolute w-[calc(100%-16px)] bottom-[calc(-100%-40px)]",
-          "left-docs_0.5 z-40",
-          !openMenu && "hidden"
-        )}
-      >
-        <Menu
-          items={[
-            {
-              type: "link",
-              icon: <HouseIcon />,
-              title: "Homepage",
-              link: "https://medusajs.com",
-            },
-            {
-              type: "link",
-              icon: <TimelineVertical />,
-              title: "Changelog",
-              link: "https://medusajs.com/changelog",
-            },
-            {
-              type: "divider",
-            },
-            {
-              type: "action",
-              title: "Hide Sidebar",
-              icon: <SidebarLeft />,
-              shortcut: `${getOsShortcut()}.`,
-              action: () => {
-                setDesktopSidebarOpen(false)
-                setOpenMenu(false)
-              },
-            },
-          ]}
-        />
-      </div>
-    </div>
-  )
-}