import openAI from "./openai-connector.tsx"; import { getPackageInfo } from "./utils.tsx"; /** * Handle npm package information and display it in a structured format. * * This function uses the OpenAI API to generate a short description of the npm package * specified by the 'name' parameter. It then fetches additional package information using * the 'getPackageInfo' function and displays it in a structured format along with the * description. * * @param name The name of the npm package. * @param version The version of the npm package. * * @returns A JSX element containing package information. */ export async function handler({ name }: { name: string }) { /** Generate a short description of the npm package using the OpenAI API */ const completion = await openAI.chat.completions.create({ model: "gpt-3.5-turbo", messages: [ { role: "system", content: "You will give a short description about what this npm package can do", }, { role: "user", content: `Tell me about ${name} package, in one line and straight to the point. If there are more commonly used alternatives, note them.`, }, ], }); /** Fetch additional package information using the 'getPackageInfo' function */ const data = await getPackageInfo(name); console.log(data); const npmLink = `https://www.npmjs.com/package/${name}`; /** Return JSX element with structured package information */ return ( <> {`## ${name} `} {/* Display the short description generated by the OpenAI API */} {completion.choices[0].message.content} {/* Display additional package information */} npm {npmLink} Weekly Downloads

{(data.weeklyDownloads as number).toLocaleString()}

Size

{data.size.toFixed(2)} kb

Docs {data.docs} Repository {data.repository} ); }

Help & Docs