ChatGPT integration

The code editor of a function calls the ChatGPT APIs. The integration explains, generates, and refactors JavaScript inside the editor, so you do not open a separate tab. It runs on the credentials of your own OpenAI account, which you declare in the source code of the function.

Credentials

The ChatGPT integration authenticates with an OpenAI API key and an OpenAI organization ID. Generate both on the OpenAI platform:

Declare the two values as a comment in the source code of the function:

JavaScript

01/*

02ChatGPTKey=[TOKEN VALUE]

03ChatGPTOrg=<your-organization-id>

04*/

Code explanation

Code explanation returns a description of the code in the editor. Use it when you debug a function, when you review one before a change, or when you read code you did not write.

Code generation

Code generation turns a comment into JavaScript. The ChatGPT: Generate command, in the context menu of the editor, reads the selected comment as the prompt and returns the generated code.

This prompt asks for an HTML table with three columns:

// generate an html table with name, phone number and address

The integration returns the markup:

HTML

01<body>

02 <table>

03 <thead>

04 <tr>

05 <th>Name</th>

06 <th>Phone Number</th>

07 <th>Address</th>

08 </tr>

09 </thead>

10 <tbody>

11 <tr>

12 <td>John Smith</td>

13 <td>(123) 456-7890</td>

14 <td>123 Main St, Anytown, USA</td>

15 </tr>

16 <tr>

17 <td>Jane Doe</td>

18 <td>(987) 654-3210</td>

19 <td>456 Oak St, Anytown, USA</td>

20 </tr>

21 <tr>

22 <td>Bob Johnson</td>

23 <td>(555) 555-1212</td>

24 <td>789 Maple St, Anytown, USA</td>

25 </tr>

26 </tbody>

27 </table>

28</body>

Code refactor

Code refactor rewrites a block of JavaScript. The ChatGPT: Refactor command, in the context menu of the editor, refactors the code you select.

Test the code the integration returns before the function serves traffic. Preview deployment returns the response of the generated or rewritten code without a deployment.