Generating a JSDoc comment for your function using OpenAI.

Ramu NarasingaRamu Narasinga
2 min read

This article is inspired by Remotion’s internal package, ai-improvements. This internal package is used to improve/generate JSDoc comment and log in the console for a function in the Remotion’s source code.

This use case is quite different because you would normally use the source code and let OpenAI generate API documentation but instead in Remotion, this internal package uses the OpenAI API to generate JSDoc comment for a function using API documentation and the source code.

We will look at a high level how this package is configured:

  1. improve-docs.ts

  2. generate-jsdoc

Improve docs

import path from "path";
import { OpenAI } from "openai";
import { getApis } from "./map-over-api";
import { findMistakes } from "./tasks/find-mistakes";
import { generateJSDocTask } from "./tasks/generate-jsdoc";

improve-docs.ts has the above imports. generateJSDocTask is imported from ‘tasks’ folder.

depending on the task, you could either generate a JSDoc or find mistakes.

Generate JSDoc

generate-jsdoc.ts uses the openai API and has prompts as shown in the above image.

Please note that this will only write the generated JSDoc to the console. Would it be possible to write these JSDoc comments programatically in the file? Not sure, but it is worth reading the AST documentation to see if there’s any API available to add JSDoc comments just above the function or class name. ts-morph is known to be used in shadcn-ui/ui to manipulate the source code at AST level.

About me:

Hey, my name is Ramu Narasinga. I study large open-source projects and create content about their codebase architecture and best practices, sharing it through articles, videos.

I am open to work on an interesting project. Send me an email at ramu.narasinga@gmail.com

My Github - https://github.com/ramu-narasinga My website - https://ramunarasinga.com My Youtube channel - https://www.youtube.com/@ramu-narasinga Learning platform - https://thinkthroo.com Codebase Architecture - https://app.thinkthroo.com/architecture Best practices - https://app.thinkthroo.com/best-practices Production-grade projects - https://app.thinkthroo.com/production-grade-projects

Need help with a project? Contact us at thinkthroo@gmail.com

References:

  1. https://github.com/remotion-dev/remotion/tree/main/packages/ai-improvements

  2. https://github.com/remotion-dev/remotion/blob/main/packages/ai-improvements/improve-docs.ts

  3. https://github.com/remotion-dev/remotion/blob/main/packages/ai-improvements/tasks/generate-jsdoc.ts

  4. https://github.com/remotion-dev/remotion/blob/main/packages/ai-improvements/tasks/find-mistakes.ts

  5. https://github.com/remotion-dev/remotion/blob/main/packages/ai-improvements/map-over-api.ts

  6. https://github.com/remotion-dev/remotion/blob/main/packages/docs/src/data/articles.ts

0
Subscribe to my newsletter

Read articles from Ramu Narasinga directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Ramu Narasinga
Ramu Narasinga

I study large open-source projects and create content about their codebase architecture and best practices, sharing it through articles, videos.