Reverted all changes back to version 8c68562830

src/app/actions.ts

@@ -32,10 +32,6 @@ export interface DetectedSystem {
   name: string;
 }
 
-export interface DetectedTracker {
-  name: string;
-}
-
 export async function extractMetaData(url: string, keyword?: string) {
   if (!url) {
     return { error: "URL is required." };
@@ -233,8 +229,8 @@ export async function extractMetaData(url: string, keyword?: string) {
       links.push({ href: absoluteUrl, text, type, rel });
     });
 
-    const htmlContent = $.html();
     const detectedSystems: DetectedSystem[] = [];
+    const htmlContent = $.html();
     const uniqueSystems = new Set<string>();
 
     // WordPress
@@ -287,70 +283,6 @@ export async function extractMetaData(url: string, keyword?: string) {
       detectedSystems.push({ name: system });
     });
 
-    const detectedTrackers: DetectedTracker[] = [];
-    const uniqueTrackers = new Set<string>();
-
-    // Google Analytics / Tag Manager
-    if (
-      htmlContent.includes("googletagmanager.com/gtag/js") ||
-      htmlContent.includes("google-analytics.com/analytics.js")
-    ) {
-      uniqueTrackers.add("Google Analytics");
-    }
-    if (htmlContent.includes("googletagmanager.com/gtm.js")) {
-      uniqueTrackers.add("Google Tag Manager");
-    }
-
-    // Facebook Pixel
-    if (
-      htmlContent.includes("connect.facebook.net") ||
-      htmlContent.includes("fbq('init'")
-    ) {
-      uniqueTrackers.add("Facebook Pixel");
-    }
-
-    // Hotjar
-    if (
-      htmlContent.includes("static.hotjar.com") ||
-      htmlContent.includes("window.hj=window.hj||function()")
-    ) {
-      uniqueTrackers.add("Hotjar");
-    }
-
-    // HubSpot
-    if (htmlContent.includes("js.hs-scripts.com")) {
-      uniqueTrackers.add("HubSpot");
-    }
-
-    // Segment
-    if (htmlContent.includes("cdn.segment.com")) {
-      uniqueTrackers.add("Segment");
-    }
-
-    // Mixpanel
-    if (htmlContent.includes("cdn.mxpnl.com")) {
-      uniqueTrackers.add("Mixpanel");
-    }
-
-    // Vercel Analytics
-    if (htmlContent.includes("/_vercel/insights/")) {
-      uniqueTrackers.add("Vercel Analytics");
-    }
-
-    // Plausible
-    if (htmlContent.includes("plausible.io/js/")) {
-      uniqueTrackers.add("Plausible");
-    }
-
-    // Microsoft Clarity
-    if (htmlContent.includes("clarity.ms/tag/")) {
-      uniqueTrackers.add("Microsoft Clarity");
-    }
-
-    uniqueTrackers.forEach((tracker) => {
-      detectedTrackers.push({ name: tracker });
-    });
-
     return {
       data: {
         title,
@@ -368,7 +300,6 @@ export async function extractMetaData(url: string, keyword?: string) {
         images: imageAltData.length > 0 ? imageAltData : null,
         links: links.length > 0 ? links : null,
         systems: detectedSystems.length > 0 ? detectedSystems : null,
-        trackers: detectedTrackers.length > 0 ? detectedTrackers : null,
       },
     };
   } catch (error) {

src/components/meta-form.tsx

@@ -16,7 +16,6 @@ import { AnalysisTab } from "./analysis-tab";
 import { SocialTab } from "./social-tab";
 import { LinksDisplay } from "./links-display";
 import { SystemDisplay } from "./system-display";
-import { TrackingDisplay } from "./tracking-display";
 import type { MetaData } from "@/lib/types";
 
 export function MetaForm() {
@@ -131,10 +130,6 @@ export function MetaForm() {
     const systemColor: IndicatorColor =
       metaData.systems && metaData.systems.length > 0 ? "green" : "gray";
 
-    // Tracking Tab
-    const trackingColor: IndicatorColor =
-      metaData.trackers && metaData.trackers.length > 0 ? "green" : "gray";
-
     return {
       analysis: analysisColor,
       headlines: headlinesColor,
@@ -144,7 +139,6 @@ export function MetaForm() {
       faq: faqColor,
       schema: schemaColor,
       system: systemColor,
-      tracking: trackingColor,
     };
   }, [metaData, editableTitle, editableDescription]);
 
@@ -242,12 +236,6 @@ export function MetaForm() {
                 System
               </TabsTrigger>
             )}
-            {metaData.trackers && metaData.trackers.length > 0 && (
-              <TabsTrigger value="tracking">
-                {tabColors && <TabIndicator color={tabColors.tracking} />}
-                Tracking
-              </TabsTrigger>
-            )}
             {metaData.faq && metaData.faq.length > 0 && (
               <TabsTrigger value="faq">
                 {tabColors && <TabIndicator color={tabColors.faq} />}
@@ -343,12 +331,6 @@ export function MetaForm() {
               <SystemDisplay systems={metaData.systems} />
             </TabsContent>
           )}
-
-          {metaData.trackers && metaData.trackers.length > 0 && (
-            <TabsContent value="tracking">
-              <TrackingDisplay trackers={metaData.trackers} />
-            </TabsContent>
-          )}
         </Tabs>
       )}
     </div>

src/components/tracking-display.tsx

@@ -1,122 +0,0 @@
-"use client";
-
-import type { DetectedTracker } from "@/app/actions";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import {
-  BarChart3,
-  MousePointerClick,
-  Target,
-  Users,
-  Database,
-  Code,
-  Eye,
-} from "lucide-react";
-
-interface TrackingDisplayProps {
-  trackers: DetectedTracker[];
-}
-
-const trackerInfo: {
-  [key: string]: { icon: React.ElementType; description: string };
-} = {
-  "Google Analytics": {
-    icon: BarChart3,
-    description: "Web analytics service that tracks and reports website traffic.",
-  },
-  "Google Tag Manager": {
-    icon: Code,
-    description:
-      "Tag management system to easily deploy and manage marketing tags.",
-  },
-  "Facebook Pixel": {
-    icon: Target,
-    description:
-      "Analytics tool to measure the effectiveness of advertising by understanding actions people take on a website.",
-  },
-  Hotjar: {
-    icon: MousePointerClick,
-    description:
-      "Behavior analytics tool that reveals the online behavior and voice of users.",
-  },
-  HubSpot: {
-    icon: Users,
-    description: "Inbound marketing, sales, and service software.",
-  },
-  Segment: {
-    icon: Database,
-    description:
-      "Customer data platform that collects, cleans, and controls customer data.",
-  },
-  Mixpanel: {
-    icon: BarChart3,
-    description:
-      "Product analytics tool for tracking user interactions with web and mobile applications.",
-  },
-  "Vercel Analytics": {
-    icon: BarChart3,
-    description: "Privacy-friendly analytics for websites deployed on Vercel.",
-  },
-  Plausible: {
-    icon: BarChart3,
-    description:
-      "A simple, lightweight and privacy-friendly web analytics tool.",
-  },
-  "Microsoft Clarity": {
-    icon: Eye,
-    description:
-      "A free user behavior analytics tool that helps you understand how users are interacting with your website.",
-  },
-  Default: {
-    icon: Code,
-    description: "A detected tracking or analytics tool.",
-  },
-};
-
-export function TrackingDisplay({ trackers }: TrackingDisplayProps) {
-  return (
-    <Card className="w-full shadow-lg rounded-lg">
-      <CardHeader>
-        <CardTitle>Tracking Analysis</CardTitle>
-        <CardDescription>
-          Tracking and analytics tools detected on the page.
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        {trackers && trackers.length > 0 ? (
-          <div className="space-y-4">
-            {trackers.map((tracker, index) => {
-              const info = trackerInfo[tracker.name] || trackerInfo["Default"];
-              const Icon = info.icon;
-              return (
-                <div
-                  key={index}
-                  className="flex items-start gap-4 p-4 border rounded-lg bg-muted/50"
-                >
-                  <div className="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground">
-                    <Icon className="h-6 w-6" />
-                  </div>
-                  <div>
-                    <h4 className="font-semibold text-lg">{tracker.name}</h4>
-                    <p className="text-sm text-muted-foreground">
-                      {info.description}
-                    </p>
-                  </div>
-                </div>
-              );
-            })}
-          </div>
-        ) : (
-          <div className="text-center py-8 text-muted-foreground">
-            <p>No specific tracking tools detected.</p>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

src/lib/types.ts

@@ -3,7 +3,6 @@ import type {
   ImageAltData,
   LinkData,
   DetectedSystem,
-  DetectedTracker,
 } from "@/app/actions";
 
 export interface OpenGraphData {
@@ -40,5 +39,4 @@ export interface MetaData {
   twitter?: TwitterData;
   links?: LinkData[] | null;
   systems?: DetectedSystem[] | null;
-  trackers?: DetectedTracker[] | null;
 }