Analytics & Performance Tracking

// Supported platforms for analytics
const allowedIntegrations = [
  'facebook',
  'instagram', 
  'instagram-standalone',
  'linkedin-page',
  'tiktok',
  'youtube',
  'gmb',
  'pinterest',
  'threads',
  'x'
];

// Analytics API endpoint
GET /analytics/:integration?date=<days>

// Fetch analytics for a specific integration
const analytics = await fetch(
  `/analytics/${integration.id}?date=${days}`
).json();

interface XMetrics {
  impressions: number;
  engagements: number;
  likes: number;
  retweets: number;
  replies: number;
  urlClicks: number;
  profileClicks: number;
}

// Click on any published post in the calendar
const openStatistics = (postId: string) => {
  modal.openModal({
    title: 'Statistics',
    children: <StatisticsModal postId={postId} />
  });
};

// API endpoint
GET /analytics/post/:postId?date=<timestamp>

const postAnalytics = await fetch(
  `/analytics/post/${postId}?date=${timestamp}`
).json();

const PlatformAnalytics = () => {
  const [current, setCurrent] = useState(0);
  const [key, setKey] = useState(7); // Default to 7 days
  
  const { data } = useSWR('analytics-list', async () => {
    const integrations = await fetch('/integrations/list').json();
    return integrations.filter(f => 
      allowedIntegrations.includes(f.identifier)
    );
  });
  
  return (
    <>
      <Sidebar channels={data} current={current} onSelect={setCurrent} />
      <AnalyticsView 
        integration={data[current]} 
        dateRange={key} 
      />
    </>
  );
};

import { RenderAnalytics } from '@gitroom/frontend/components/platform-analytics/render.analytics';

const AnalyticsView = ({ integration, date }) => {
  return (
    <div className="flex-1">
      <RenderAnalytics 
        integration={integration} 
        date={date} 
      />
    </div>
  );
};

const { data, mutate } = useSWR(
  `analytics-${integration.id}-${dateRange}`,
  () => fetchAnalytics(integration.id, dateRange),
  {
    revalidateOnFocus: false,
    revalidateOnReconnect: false,
    refreshInterval: 300000 // Refresh every 5 minutes
  }
);

// Manual refresh
const refreshAnalytics = () => {
  mutate();
};

// Backend: analytics.controller.ts
@Get('/:integration')
async getIntegration(
  @GetOrgFromRequest() org: Organization,
  @Param('integration') integration: string,
  @Query('date') date: string
) {
  return this._integrationService.checkAnalytics(
    org, 
    integration, 
    date
  );
}

@Get('/post/:postId')
async getPostAnalytics(
  @GetOrgFromRequest() org: Organization,
  @Param('postId') postId: string,
  @Query('date') date: string
) {
  return this._postsService.checkPostAnalytics(
    org.id, 
    postId, 
    +date
  );
}

const fetchAnalytics = async () => {
  try {
    const response = await fetch(
      `/analytics/${integration.id}?date=${days}`
    );
    
    if (!response.ok) {
      throw new Error('Failed to fetch analytics');
    }
    
    return await response.json();
  } catch (error) {
    console.error('Analytics error:', error);
    toaster.show('Failed to load analytics', 'error');
    return null;
  }
};