fix: module not found in docs (#24)

Author: sarthakjdev

api-extractor.json

@@ -41,19 +41,18 @@
       }
     }
   },
-
   "apiReport": {
     "enabled": false
   },
+
   "docModel": {
     "enabled": true,
     "apiJsonFilePath": "<projectFolder>/docs/docs.api.json"
   },
   "dtsRollup": {
-    "enabled": false,
+    "enabled": true,
     "untrimmedFilePath": "<projectFolder>/dist/esm/index.d.ts"
   },
-  "tsdocMetadata": {},
   "newlineKind": "lf",
   "messages": {
     "compilerMessageReporting": {

apps/wapijs.co/next.config.mjs

@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    
-};
+	reactStrictMode: true,
+	compiler: {
+		removeConsole: process.env.NODE_ENV === 'production'
+	}
+}
 
-export default nextConfig;
+export default nextConfig

apps/wapijs.co/package.json

@@ -4,7 +4,7 @@
 	"scripts": {
 		"dev": "NODE_ENV=development next dev",
 		"build": "NODE_ENV=production  next build",
-		"start": "NODE_ENV=production  next start",
+		"start": "NODE_ENV=production next start ",
 		"lint": "next lint",
 		"pretty": "pnpm prettier --write \"src/**/*.{ts,tsx,css}\""
 	},

apps/wapijs.co/public/assets/library-usage-flow.mp4

@@ -4,6 +4,9 @@ import { resolveItemUri } from '~/reusable-function'
 import { notFound } from 'next/navigation'
 import { addPackageToModel, fetchDocumentationJsonDataFromSlug } from '~/utils/api-extractor'
 
+export const revalidate = 60 * 60 * 24 * 30
+export const dynamicParams = true
+
 export default async function VersionHomeLayout({
 	children,
 	params

apps/wapijs.co/public/assets/usage-flow.gif

@@ -8,6 +8,9 @@ import { readFile } from 'node:fs/promises'
 import getWasm from 'shiki/wasm'
 import { fetchVersions } from '~/reusable-function'
 
+export const revalidate = 60 * 60 * 24 * 30
+export const dynamicParams = true
+
 async function fetchReadMeFileFromGithub() {
 	if (IS_DEVELOPMENT) {
 		const fileContent = await readFile(join(process.cwd(), '..', '..', 'README.md'), 'utf8')

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

@@ -0,0 +1,33 @@
+'use client'
+
+import Link from 'next/link'
+import { Button } from '@wapijs/ui'
+import { ArrowPathIcon, ChatBubbleBottomCenterIcon } from '@heroicons/react/24/solid'
+
+export default function GlobalError({
+	reset,
+	error
+}: {
+	error: Error & { digest?: string }
+	reset: () => void
+}) {
+	console.log({ error: error, stack: error.stack })
+	return (
+		<div className="flex h-[70vh] min-h-screen flex-col items-center justify-center gap-4">
+			<h2 className="mx-auto text-center text-xl text-gray-900">
+				Oops! Something went wrong{' '}
+			</h2>
+			<div className="flex gap-4">
+				<Button onClick={() => reset()} size={'medium'}>
+					<ArrowPathIcon className="h-6 w-6 text-white" /> Try again
+				</Button>
+				<Link title="contact-support" href={'/'} rel="">
+					<Button size={'medium'} variant={'outline'}>
+						<ChatBubbleBottomCenterIcon className="h-6 w-6 text-white" /> Contact
+						Support
+					</Button>
+				</Link>
+			</div>
+		</div>
+	)
+}

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

@@ -18,7 +18,8 @@ import { type ResolvedParameter } from '~/types'
 import { TSDocConfiguration } from '@microsoft/tsdoc'
 import { TSDocConfigFile } from '@microsoft/tsdoc-config'
 import { readFile } from 'node:fs/promises'
-import { join } from 'node:path'
+import path, { join } from 'node:path'
+import { readdirSync } from 'node:fs'
 
 export async function fetchDocumentationJsonDataFromSlug(version: string) {
 	try {
@@ -43,7 +44,7 @@ export async function fetchDocumentationJsonDataFromSlug(version: string) {
 			return response
 		}
 	} catch (error) {
-		console.log(error)
+		console.error(error)
 		return null
 	}
 }
@@ -188,6 +189,9 @@ export function parametersString(item: ApiDocumentedItem & ApiParameterListMixin
 }
 
 export function addPackageToModel(model: ApiModel, data: any) {
+	const nodeModulesPath = path.join(process.cwd(), 'node_modules')
+	const files = readdirSync(nodeModulesPath)
+	console.log('node_modules:', files)
 	const tsdocConfiguration = new TSDocConfiguration()
 	const tsdocConfigFile = TSDocConfigFile.loadFromObject(data.metadata.tsdocConfig)
 	tsdocConfigFile.configureParser(tsdocConfiguration)

apps/wapijs.co/src/app/global-error.tsx

@@ -13,6 +13,7 @@
 		"**/*.tsx",
 		".next/types/**/*.ts",
 		"tailwind.config.js",
+		"prettier.config.js",
 		".eslintrc.js"
 	],
 	"exclude": ["node_modules"]