info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-12 04:04:08 +02:00
Code Issues Releases Wiki Activity

feat: add all page views (#5154)

Browse Source
This commit is contained in:
Arik Chakma
2024-02-09 22:14:03 +06:00
committed by GitHub
parent 63c3850f0e
commit 714ca8c49f
6 changed files with 42 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/CustomRoadmap/CustomRoadmap.tsx
View File

@@ -101,22 +101,10 @@ export function CustomRoadmap(props: CustomRoadmapProps) {
setIsLoading(false); setIsLoading(false);
} }
async function trackVisit() {
if (!isLoggedIn() || isEmbed) {
return;
}
await httpPost(`${import.meta.env.PUBLIC_API_URL}/v1-visit`, {
resourceId: id,
resourceType: 'roadmap',
});
}
useEffect(() => { useEffect(() => {
getRoadmap().finally(() => { getRoadmap().finally(() => {
hideRoadmapLoader(); hideRoadmapLoader();
}); });
trackVisit().then();
}, []); }, []);
if (isLoading) { if (isLoading) {

15
src/components/FrameRenderer/renderer.ts
View File

@@ -117,19 +117,6 @@ export class Renderer {
}); });
} }
trackVisit() {
if (!isLoggedIn()) {
return;
}
window.setTimeout(() => {
httpPost(`${import.meta.env.PUBLIC_API_URL}/v1-visit`, {
resourceId: this.resourceId,
resourceType: this.resourceType,
}).then(() => null);
}, 0);
}
onDOMLoaded() { onDOMLoaded() {
if (!this.prepareConfig()) { if (!this.prepareConfig()) {
return; return;
@@ -138,8 +125,6 @@ export class Renderer {
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
const roadmapType = urlParams.get('r'); const roadmapType = urlParams.get('r');
this.trackVisit();
if (roadmapType) { if (roadmapType) {
this.switchRoadmap(`/${roadmapType}.json`); this.switchRoadmap(`/${roadmapType}.json`);
} else { } else {

25
src/components/PageVisit/PageVisit.tsx Normal file
View File

@@ -0,0 +1,25 @@
import { useEffect } from 'react';
import { isLoggedIn } from '../../lib/jwt';
import { httpPost } from '../../lib/http';
import type { ResourceType } from '../../lib/resource-progress';
type PageVisitProps = {
resourceId?: string;
resourceType?: ResourceType;
};
export function PageVisit(props: PageVisitProps) {
const { resourceId, resourceType } = props;
useEffect(() => {
if (!isLoggedIn()) {
return;
}
httpPost(`${import.meta.env.PUBLIC_API_URL}/v1-visit`, {
...(resourceType && { resourceType, resourceId }),
}).finally(() => {});
}, []);
return null;
}

13
src/layouts/BaseLayout.astro
View File

@@ -11,6 +11,8 @@ import { Toaster } from '../components/Toast';
import { PageSponsor } from '../components/PageSponsor'; import { PageSponsor } from '../components/PageSponsor';
import { siteConfig } from '../lib/config'; import { siteConfig } from '../lib/config';
import '../styles/global.css'; import '../styles/global.css';
import { PageVisit } from '../components/PageVisit/PageVisit';
import type { ResourceType } from '../lib/resource-progress';
export interface Props { export interface Props {
title: string; title: string;
@@ -25,6 +27,8 @@ export interface Props {
initialLoadingMessage?: string; initialLoadingMessage?: string;
permalink?: string; permalink?: string;
jsonLd?: Record<string, unknown>[]; jsonLd?: Record<string, unknown>[];
resourceId?: string;
resourceType?: ResourceType;
} }
const { const {
@@ -39,6 +43,8 @@ const {
jsonLd = [], jsonLd = [],
redirectUrl = '', redirectUrl = '',
initialLoadingMessage = '', initialLoadingMessage = '',
resourceId,
resourceType,
} = Astro.props; } = Astro.props;
// Remove trailing slashes to consider the page as canonical // Remove trailing slashes to consider the page as canonical
@@ -55,7 +61,7 @@ const gaPageIdentifier = Astro.url.pathname
.replace(/\//g, ':'); .replace(/\//g, ':');
--- ---
<!DOCTYPE html> <!doctype html>
<html lang='en'> <html lang='en'>
<head> <head>
<meta charset='UTF-8' /> <meta charset='UTF-8' />
@@ -171,5 +177,10 @@ const gaPageIdentifier = Astro.url.pathname
<slot name='after-footer' /> <slot name='after-footer' />
<Analytics /> <Analytics />
<PageVisit
resourceId={resourceId}
resourceType={resourceType}
client:load
/>
</body> </body>
</html> </html>

2
src/pages/[roadmapId]/index.astro
View File

@@ -67,6 +67,8 @@ if (roadmapFAQs.length) {
keywords={roadmapData.seo.keywords} keywords={roadmapData.seo.keywords}
noIndex={roadmapData.isUpcoming} noIndex={roadmapData.isUpcoming}
jsonLd={jsonLdSchema} jsonLd={jsonLdSchema}
resourceId={roadmapId}
resourceType='roadmap'
> >
<!-- Preload the font being used in the renderer --> <!-- Preload the font being used in the renderer -->
<link <link

4
src/pages/best-practices/[bestPracticeId]/index.astro
View File

@@ -49,7 +49,7 @@ if (bestPracticeData.schema) {
datePublished: bestPracticeSchema.datePublished, datePublished: bestPracticeSchema.datePublished,
dateModified: bestPracticeSchema.dateModified, dateModified: bestPracticeSchema.dateModified,
imageUrl: bestPracticeSchema.imageUrl, imageUrl: bestPracticeSchema.imageUrl,
}) }),
); );
} }
--- ---
@@ -62,6 +62,8 @@ if (bestPracticeData.schema) {
keywords={bestPracticeData.seo.keywords} keywords={bestPracticeData.seo.keywords}
noIndex={bestPracticeData.isUpcoming} noIndex={bestPracticeData.isUpcoming}
jsonLd={jsonLdSchema} jsonLd={jsonLdSchema}
resourceId={bestPracticeId}
resourceType='best-practice'
> >
<!-- Preload the font being used in the renderer --> <!-- Preload the font being used in the renderer -->
<link <link