fix: documentation ssg params and version fixes [skip ci]

Signed-off-by: sarthakjdev <jsarthak448@gmail.com>

Author: sarthakjdev

apps/wapijs.co/src/app/docs/[version]/[item]/page.tsx

@@ -5,52 +5,21 @@ import {
 	type ApiItem,
 	type ApiTypeAlias,
 	type ApiFunction,
-	ApiItemKind
+	ApiItemKind,
+	ApiModel
 } from '@microsoft/api-extractor-model'
 import { notFound } from 'next/navigation'
 import { Class } from '~/components/documentation-item/class'
 import { Interface } from '~/components/documentation-item/interface'
 import { TypeAlias } from '~/components/documentation-item/type-alias'
 import { Enum } from '~/components/documentation-item/enum'
 import { Function } from '~/components/documentation-item/function'
-import { getMember } from '~/utils/api-extractor'
-
-// function resolveMemberSearchParams(packageName: string, member?: ApiItem) {
-// 	const params = new URLSearchParams({
-// 		pkg: packageName,
-// 		kind: member?.kind ?? '',
-// 		name: member?.displayName ?? ''
-// 	})
-
-// 	switch (member?.kind) {
-// 		case ApiItemKind.Interface:
-// 		case ApiItemKind.Class: {
-// 			const typedMember = member as ApiItemContainerMixin
-
-// 			const properties = typedMember.members.filter(member =>
-// 				[ApiItemKind.Property, ApiItemKind.PropertySignature].includes(member.kind)
-// 			) as (ApiProperty | ApiPropertySignature)[]
-// 			const methods = typedMember.members.filter(member =>
-// 				[ApiItemKind.Method, ApiItemKind.Method].includes(member.kind)
-// 			) as (ApiMethod | ApiMethodSignature)[]
-
-// 			params.append('methods', methods.length.toString())
-// 			params.append('props', properties.length.toString())
-// 			break
-// 		}
-
-// 		case ApiItemKind.Enum: {
-// 			const typedMember = member as ApiEnum
-// 			params.append('members', typedMember.members.length.toString())
-// 			break
-// 		}
-
-// 		default:
-// 			break
-// 	}
-
-// 	return params
-// }
+import {
+	addPackageToModel,
+	fetchDocumentationJsonDataFromSlug,
+	getMember
+} from '~/utils/api-extractor'
+import { fetchVersions, resolveItemUri } from '~/reusable-function'
 
 function Member({ member }: { readonly member?: ApiItem }) {
 	if (!member?.kind) {
@@ -75,6 +44,23 @@ function Member({ member }: { readonly member?: ApiItem }) {
 	}
 }
 
+export async function generateStaticParams() {
+	const allVersionOfPackage = await fetchVersions()
+	const allStaticParams = await Promise.all(
+		allVersionOfPackage.flatMap(async version => {
+			const documentationData = await fetchDocumentationJsonDataFromSlug(version.version)
+			const model = new ApiModel()
+			addPackageToModel(model, documentationData)
+			const pkg = model.tryGetPackageByName(`@wapijs/wapi.js`)
+			return pkg?.members[0].members.map(item => ({
+				item: resolveItemUri(item),
+				version: version.version
+			}))
+		})
+	)
+	return allStaticParams
+}
+
 export default async function Page({ params }: { params: { version: string; item: string } }) {
 	const member = await getMember({
 		branchOrVersion: params.version,

apps/wapijs.co/src/app/docs/[version]/function.ts

@@ -13,7 +13,6 @@ export default async function VersionHomeLayout({
 }>) {
 	console.log({ params })
 	const documentationData = await fetchDocumentationJsonDataFromSlug(params.version)
-	console.log({ documentationData })
 	const model = new ApiModel()
 	addPackageToModel(model, documentationData)
 

apps/wapijs.co/src/app/docs/[version]/layout.tsx

@@ -6,14 +6,15 @@ import { IS_DEVELOPMENT } from '~/constant'
 import { join } from 'node:path'
 import { readFile } from 'node:fs/promises'
 import getWasm from 'shiki/wasm'
+import { fetchVersions } from '~/reusable-function'
 
 async function fetchReadMeFileFromGithub() {
 	if (IS_DEVELOPMENT) {
 		const fileContent = await readFile(join(process.cwd(), '..', '..', 'README.md'), 'utf8')
 		return fileContent
 	} else {
 		const response = await fetch(
-			'https://raw.githubusercontent.com/sarthakjdev/wapi.js/feat/documentation/README.md',
+			'https://raw.githubusercontent.com/sarthakjdev/wapi.js/master/README.md',
 			{
 				method: 'GET'
 			}
@@ -22,6 +23,11 @@ async function fetchReadMeFileFromGithub() {
 	}
 }
 
+export async function generateStaticParams() {
+	const allVersionOfPackage = await fetchVersions()
+	return allVersionOfPackage.flatMap(async version => ({ version: version.version }))
+}
+
 const VersionHome = async ({ params }: { params: { version: string } }) => {
 	console.log({ params })
 	const highlighter = await getHighlighterCore({

apps/wapijs.co/src/app/docs/[version]/page.tsx

@@ -7,7 +7,7 @@ export default function Home() {
 		<main className="my-auto flex min-h-screen flex-row items-center justify-center gap-5 pl-10">
 			<div className="flex flex-1 flex-col gap-6">
 				<div className="mx-auto">
-					<ClipboardCopy textToBeCopied="pnpm i wapi.js" />
+					<ClipboardCopy textToBeCopied="pnpm i @wapijs/wapi.js" />
 				</div>
 				<div className="flex flex-col items-center justify-center gap-5">
 					<h1 className="mx-auto flex max-w-5xl flex-col gap-2 text-center text-4xl font-bold leading-relaxed sm:text-5xl md:text-7xl">

apps/wapijs.co/src/app/page.tsx

@@ -10,6 +10,7 @@ import { ItemLink } from '~/components/item-link'
 import { DisclosureSection } from '@wapijs/ui'
 import { METHOD_SEPARATOR, OVERLOAD_SEPARATOR } from '~/constant'
 import VersionSelector from '../version-selector'
+import { fetchVersions } from '~/reusable-function'
 
 export function resolveItemURI(item: ApiItem): string {
 	return !item.parent || item.parent.kind === ApiItemKind.EntryPoint
@@ -128,10 +129,11 @@ export function Sidebar({ members }: { readonly members: SidebarSectionItemData[
 	// const segment = useSelectedLayoutSegment()
 	// const [isOpen, setIsOpen] = useState(true)
 	const groupItems = groupMembers(members)
+	const versions = fetchVersions()
 
 	return (
 		<div className="flex min-w-[26rem] flex-col gap-3 p-3">
-			<VersionSelector />
+			<VersionSelector versions={versions} />
 			{(Object.keys(groupItems) as (keyof GroupedMembers)[])
 				.filter(group => groupItems[group].length)
 				.map((group, idx) => (

apps/wapijs.co/src/components/nav/sidebar.tsx

@@ -2,8 +2,11 @@
 
 import { CustomSelect } from '@wapijs/ui'
 import { useRouter } from 'next/navigation'
+import { type fetchVersions } from '~/reusable-function'
 
-const VersionSelector = () => {
+const VersionSelector: React.FC<{
+	versions: ReturnType<typeof fetchVersions>
+}> = ({ versions }) => {
 	const router = useRouter()
 
 	return (
@@ -13,13 +16,11 @@ const VersionSelector = () => {
 				onChangeHandler={e => {
 					router.push(`/docs/${e.target.value}`)
 				}}
-				options={[
-					{
-						label: 'master',
-						value: 'master'
-					}
-				]}
-				defaultValue="main"
+				options={versions.map(v => ({
+					label: v.version,
+					value: v.version
+				}))}
+				defaultValue="master"
 			/>
 		</div>
 	)

apps/wapijs.co/src/components/version-selector.tsx

@@ -4,8 +4,6 @@ import { type NextRequest } from 'next/server'
 export async function middleware(request: NextRequest) {
 	const url = new URL(request.url)
 
-	console.log('url.pathname', url.host)
-
 	switch (url.pathname) {
 		case '/docs': {
 			const latestVersion = await fetch('https://api.npms.io/v2/package/wapi.js')

apps/wapijs.co/src/middleware.ts

@@ -1,5 +1,5 @@
 import { type ApiItem, ApiItemKind } from '@microsoft/api-extractor-model'
-import { METHOD_SEPARATOR, OVERLOAD_SEPARATOR } from './constant'
+import { IS_DEVELOPMENT, METHOD_SEPARATOR, OVERLOAD_SEPARATOR } from './constant'
 import { VscSymbolClass } from '@react-icons/all-files/vsc/VscSymbolClass'
 import { VscSymbolEnum } from '@react-icons/all-files/vsc/VscSymbolEnum'
 import { VscSymbolInterface } from '@react-icons/all-files/vsc/VscSymbolInterface'
@@ -30,3 +30,11 @@ export function getItemIconByKind(kind: ApiItemKind) {
 			return <VscSymbolMethod />
 	}
 }
+
+export function fetchVersions() {
+	if (IS_DEVELOPMENT) {
+		return [{ version: 'master' }]
+	}
+
+	return ['master'].map(v => ({ version: v }))
+}