feat: implement dependent projects + members breakdown/filter (#6395)

* feat: implement dependent project breakdown

* implement dependent project type filter

* feat: show dependent on column if there are multiple projects selected

* feat: different tooltip for when both project version and dependent breakdowns are on

* feat: implement dependents query filter

* feat: add project icon to query filter

* fix: dont show dependent on column when project breakdown is selected

* feat: add org icon

* remove: dependent on project column and project version project column

* refactor: pnpm prepr

* fix: all project selection gets unselected when reload page

* pnpm prepr

* fix: still using old search formatter

* feat: implement projects in table click to link to project page

* feat: handle analytics values that dont have a dependent project as a "No dependent" row

* pnpm prepr

* feat: remove org icon for dependents projects and change unknown label

* feat: do not include unknown rows for showing top 8

* feat: separate out no dependents based on download reason

* fix: use compatible dependencies for query filter options

* feat: implement members breakdown/filter frontend (#6470)

* feat: add link to user in table

* fix: do not allow breakdowns to occur without shared stats

* pnpm prepr

* fix: i18n and passing params for formatter

apps/frontend/src/components/analytics-dashboard/analytics-messages.ts

@@ -13,6 +13,7 @@ export type AnalyticsBreakdownItemType =
 	| 'downloadSource'
 	| 'gameVersion'
 	| 'loader'
+	| 'member'
 	| 'monetization'
 	| 'project'
 	| 'projectVersion'
@@ -83,6 +84,14 @@ export const analyticsMessages = defineMessages({
 		id: 'analytics.value.unknown',
 		defaultMessage: 'Unknown',
 	},
+	noDependent: {
+		id: 'analytics.value.no-dependent',
+		defaultMessage: 'No dependents',
+	},
+	noDependentTooltip: {
+		id: 'analytics.value.no-dependent-tooltip',
+		defaultMessage: 'Downloaded for reasons other than being a dependency',
+	},
 	other: {
 		id: 'analytics.value.other',
 		defaultMessage: 'Other',
@@ -175,6 +184,14 @@ export const analyticsMessages = defineMessages({
 		id: 'analytics.filter.search.project-versions',
 		defaultMessage: 'Search project versions...',
 	},
+	searchDependentProjectsPlaceholder: {
+		id: 'analytics.filter.search.dependent-projects',
+		defaultMessage: 'Search projects...',
+	},
+	searchMembersPlaceholder: {
+		id: 'analytics.filter.search.members',
+		defaultMessage: 'Search members...',
+	},
 	searchVersionsPlaceholder: {
 		id: 'analytics.filter.search.versions',
 		defaultMessage: 'Search versions...',
@@ -351,6 +368,22 @@ export const analyticsBreakdownMessages = defineMessages({
 		id: 'analytics.breakdown.download-reason',
 		defaultMessage: 'Download reason',
 	},
+	members: {
+		id: 'analytics.breakdown.members',
+		defaultMessage: 'Members',
+	},
+	dependentProjectDownload: {
+		id: 'analytics.breakdown.dependent-project-download',
+		defaultMessage: 'Dependent project',
+	},
+	dependentProjectType: {
+		id: 'analytics.breakdown.dependent-project-type',
+		defaultMessage: 'Dependent project type',
+	},
+	dependentOn: {
+		id: 'analytics.breakdown.dependent-on',
+		defaultMessage: 'Dependent on',
+	},
 	versionId: {
 		id: 'analytics.breakdown.project-version',
 		defaultMessage: 'Project version',
@@ -517,25 +550,33 @@ export const analyticsChartMessages = defineMessages({
 		id: 'analytics.chart.action.show-top-eight',
 		defaultMessage: 'Show top 8',
 	},
+	dependentOnProjectTooltip: {
+		id: 'analytics.chart.tooltip.dependent-on-project',
+		defaultMessage: 'Dependent on {project}',
+	},
+	dependentProjectVersionTooltip: {
+		id: 'analytics.chart.tooltip.dependent-project-version',
+		defaultMessage: '{dependentProject} dependent on {dependencyProject}, {version}',
+	},
 	tableSelectionLimited: {
 		id: 'analytics.chart.table-selection.limited',
 		defaultMessage:
-			'Showing {limit} {itemType, select, project {{limit, plural, one {project} other {projects}}} country {{limit, plural, one {country} other {countries}}} monetization {{limit, plural, one {monetization value} other {monetization values}}} downloadSource {{limit, plural, one {download source} other {download sources}}} downloadReason {{limit, plural, one {download reason} other {download reasons}}} projectVersion {{limit, plural, one {project version} other {project versions}}} loader {{limit, plural, one {loader} other {loaders}}} gameVersion {{limit, plural, one {game version} other {game versions}}} other {{limit, plural, one {item} other {items}}}} from table',
+			'Showing {limit} {itemType, select, project {{limit, plural, one {project} other {projects}}} country {{limit, plural, one {country} other {countries}}} monetization {{limit, plural, one {monetization value} other {monetization values}}} downloadSource {{limit, plural, one {download source} other {download sources}}} downloadReason {{limit, plural, one {download reason} other {download reasons}}} member {{limit, plural, one {member} other {members}}} projectVersion {{limit, plural, one {project version} other {project versions}}} loader {{limit, plural, one {loader} other {loaders}}} gameVersion {{limit, plural, one {game version} other {game versions}}} other {{limit, plural, one {item} other {items}}}} from table',
 	},
 	tableSelectionAll: {
 		id: 'analytics.chart.table-selection.all',
 		defaultMessage:
-			'Showing all {itemType, select, project {{count, plural, one {project} other {projects}}} country {{count, plural, one {country} other {countries}}} monetization {{count, plural, one {monetization value} other {monetization values}}} downloadSource {{count, plural, one {download source} other {download sources}}} downloadReason {{count, plural, one {download reason} other {download reasons}}} projectVersion {{count, plural, one {project version} other {project versions}}} loader {{count, plural, one {loader} other {loaders}}} gameVersion {{count, plural, one {game version} other {game versions}}} other {{count, plural, one {item} other {items}}}} from table',
+			'Showing all {itemType, select, project {{count, plural, one {project} other {projects}}} country {{count, plural, one {country} other {countries}}} monetization {{count, plural, one {monetization value} other {monetization values}}} downloadSource {{count, plural, one {download source} other {download sources}}} downloadReason {{count, plural, one {download reason} other {download reasons}}} member {{count, plural, one {member} other {members}}} projectVersion {{count, plural, one {project version} other {project versions}}} loader {{count, plural, one {loader} other {loaders}}} gameVersion {{count, plural, one {game version} other {game versions}}} other {{count, plural, one {item} other {items}}}} from table',
 	},
 	tableSelectionTop: {
 		id: 'analytics.chart.table-selection.top',
 		defaultMessage:
-			'Showing top {count} {itemType, select, project {{count, plural, one {project} other {projects}}} country {{count, plural, one {country} other {countries}}} monetization {{count, plural, one {monetization value} other {monetization values}}} downloadSource {{count, plural, one {download source} other {download sources}}} downloadReason {{count, plural, one {download reason} other {download reasons}}} projectVersion {{count, plural, one {project version} other {project versions}}} loader {{count, plural, one {loader} other {loaders}}} gameVersion {{count, plural, one {game version} other {game versions}}} other {{count, plural, one {item} other {items}}}} from table',
+			'Showing top {count} {itemType, select, project {{count, plural, one {project} other {projects}}} country {{count, plural, one {country} other {countries}}} monetization {{count, plural, one {monetization value} other {monetization values}}} downloadSource {{count, plural, one {download source} other {download sources}}} downloadReason {{count, plural, one {download reason} other {download reasons}}} member {{count, plural, one {member} other {members}}} projectVersion {{count, plural, one {project version} other {project versions}}} loader {{count, plural, one {loader} other {loaders}}} gameVersion {{count, plural, one {game version} other {game versions}}} other {{count, plural, one {item} other {items}}}} from table',
 	},
 	tableSelectionCount: {
 		id: 'analytics.chart.table-selection.count',
 		defaultMessage:
-			'Showing {count} {itemType, select, project {{count, plural, one {project} other {projects}}} country {{count, plural, one {country} other {countries}}} monetization {{count, plural, one {monetization value} other {monetization values}}} downloadSource {{count, plural, one {download source} other {download sources}}} downloadReason {{count, plural, one {download reason} other {download reasons}}} projectVersion {{count, plural, one {project version} other {project versions}}} loader {{count, plural, one {loader} other {loaders}}} gameVersion {{count, plural, one {game version} other {game versions}}} other {{count, plural, one {item} other {items}}}} from table',
+			'Showing {count} {itemType, select, project {{count, plural, one {project} other {projects}}} country {{count, plural, one {country} other {countries}}} monetization {{count, plural, one {monetization value} other {monetization values}}} downloadSource {{count, plural, one {download source} other {download sources}}} downloadReason {{count, plural, one {download reason} other {download reasons}}} member {{count, plural, one {member} other {members}}} projectVersion {{count, plural, one {project version} other {project versions}}} loader {{count, plural, one {loader} other {loaders}}} gameVersion {{count, plural, one {game version} other {game versions}}} other {{count, plural, one {item} other {items}}}} from table',
 	},
 	lineView: {
 		id: 'analytics.chart.view.line',
@@ -781,6 +822,10 @@ export function formatAnalyticsBreakdownLabel(
 			return formatMessage(analyticsBreakdownMessages.userAgent)
 		case 'download_reason':
 			return formatMessage(analyticsBreakdownMessages.downloadReason)
+		case 'user_id':
+			return formatMessage(analyticsBreakdownMessages.members)
+		case 'dependent_project_download':
+			return formatMessage(analyticsBreakdownMessages.dependentProjectDownload)
 		case 'version_id':
 			return formatMessage(analyticsBreakdownMessages.versionId)
 		case 'loader':
@@ -810,6 +855,10 @@ export function getAnalyticsBreakdownItemType(
 			return 'downloadSource'
 		case 'download_reason':
 			return 'downloadReason'
+		case 'user_id':
+			return 'member'
+		case 'dependent_project_download':
+			return 'project'
 		case 'version_id':
 			return 'projectVersion'
 		case 'loader':
@@ -853,6 +902,18 @@ export function formatAnalyticsDownloadReasonLabel(
 	}
 }
 
+export function formatAnalyticsDependentProjectFallbackLabel(
+	downloadReason: string | undefined,
+	formatMessage: FormatMessage,
+): string {
+	const normalizedReason = downloadReason?.trim().toLowerCase()
+	if (normalizedReason === 'standalone' || normalizedReason === 'update') {
+		return formatMessage(analyticsMessages.noDependent)
+	}
+
+	return formatMessage(analyticsMessages.unknown)
+}
+
 export function formatAnalyticsDownloadSourceLabel(
 	source: string,
 	formatMessage: FormatMessage,