docs(examples): hello world, prompt

examples/1-hello-world/index.js

@@ -0,0 +1,21 @@
+import { createServer } from "http";
+
+import {
+  createTextEvent,
+  createDoneEvent,
+} from "@copilot-extensions/preview-sdk";
+
+const server = createServer((request, ressponse) => {
+  console.log(`Received [${request.method}]`);
+  if (request.method === "GET") {
+    return ressponse.end("ok");
+  }
+
+  ressponse.write(createTextEvent("Hello, world!"));
+  ressponse.end(createDoneEvent());
+});
+
+const PORT = process.env.PORT || 3000;
+server.listen(PORT, () => {
+  console.log(`Server is running on port ${PORT}`);
+});

examples/1-hello-world/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "hello-world",
+  "version": "0.0.1",
+  "description": "Hello world example",
+  "main": "index.js",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/copilot-extensions"
+  },
+  "scripts": {
+    "start": "node index.js",
+    "watch": "node --watch index.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@copilot-extensions/preview-sdk": "^4.0.3"
+  }
+}

examples/2-handle-prompt/index.js

@@ -0,0 +1,99 @@
+import http from 'http';
+import { 
+    createAckEvent, 
+    createDoneEvent, 
+    createTextEvent, 
+    parseRequestBody, 
+    prompt, 
+    createConfirmationEvent
+ } from "@copilot-extensions/preview-sdk";
+
+
+// Define the handler function
+const handler = async (request, response) => {
+    if (request.method === 'POST') {
+        console.log('Received POST request');
+
+        // get a token to use
+        const tokenForUser = request.headers['x-github-token'];
+        if (tokenForUser) {
+            console.log('Token length:', tokenForUser.length);
+        } else {
+            console.log('X-GitHub-Token header not found');
+        }
+
+        // Collect incoming data chunks to use in the `on("end")` event
+        let body = '';
+        request.on('data', chunk => {
+            body += chunk.toString();
+        });
+
+        // Parse the collected data once the request ends
+        request.on('end', async () => {
+            try {                
+                // start sending the response back to Copilot
+                console.log('Handling response');
+                // header to indicate the state
+                response.writeHead(200, { 'Content-Type': 'application/json' });
+                // write the acknowledge event to let Copilot know we are handling the request
+                // this will also show the message "" in the chat
+                response.write(createAckEvent());
+
+                // parse the incoming body as that has the information we need to handle the request / user prompt
+                const payload = parseRequestBody(body);
+
+                // start writing text in the response
+                const textEvent = createTextEvent(`Hello GitHubber, \n\n`);
+                // add new lines to mark the difference between the fixed text and the dynamic text
+                response.write("\n\n");
+
+                // add a first system prompt for the payload.messages to add instructions
+                payload.messages.unshift({ role: "system", content: "You are a helpful assistant that talks like a pirate." });	
+
+                // get an authentication token to use
+                const tokenForUser = request.headers['x-github-token'];
+
+                console.log('Calling the GitHub Copilot API with the user prompt');
+                // the prompt to forward to the Copilot API is the last message in the payload
+                const payload_message = payload.messages[payload.messages.length - 1];
+                const result = await prompt(payload_message.content, {
+                    messages: payload.messages, // we are giving the prompt the existing messages in this chat conversation
+                    model: "gpt-4",
+                    token: tokenForUser         
+                });
+
+                // write the prompt response back to Copilot
+                // note that this is only send when the entire response from the Copilot API is ready
+                response.write(createTextEvent(result.message.content));
+
+                // write the done event to let Copilot know we are done handling the request
+                response.end(createDoneEvent());
+                console.log('Response sent');
+            }
+            catch (error) {
+                console.error('Error:', error);
+                response.writeHead(500, { 'Content-Type': 'text/plain' });
+                response.end('Internal Server Error');
+            }
+        });
+    } else {
+        // Handle other request methods if necessary
+        response.writeHead(405, { 'Content-Type': 'text/plain' });
+        console.log(`Method ${request.method} not allowed`);
+
+        response.end('Method Not Allowed');
+    }
+};
+
+// Create an HTTP server
+const server = http.createServer((req, res) => {
+    handler(req, res);
+});
+
+// Define the port to listen on
+const PORT = 3000;
+
+// Start the server
+server.listen(PORT, () => {
+    console.log(`Server is listening on port ${PORT}`);
+});

examples/2-handle-prompt/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "handle-prompt",
+  "version": "0.0.1",
+  "description": "Handle prompt example",
+  "main": "index.js",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/copilot-extensions"
+  },
+  "scripts": {
+    "start": "node index.js",
+    "watch": "node --watch index.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@copilot-extensions/preview-sdk": "^4.0.3"
+  }
+}

examples/README.md

@@ -0,0 +1,28 @@
+This folder contains examples to show how you can use the Copilot Agent SDK in your own projects.
+Keep in mind that the SDK is in preview, so things might be changed already!
+
+If you find any issues or have any questions, please let us know by opening an issue, pull requests welcome (please read the (contribution guidelines)[../CONTRIBUTING.md] first).
+
+# Examples
+Here's an overview of the examples in this folder:
+- 1-hello-world: A simple example that responds to all prompts with a message: "Hello, world!"
+- 2-handle-prompt: An example that responds to prompts with a message: "Hello, world!" and then forwards the prompt to the Copilot API. The response from the Copilot API is then sent back to the user.
+
+## Running the examples
+These examples are setup so that you can run them inside a GitHub Codespace. To do so, follow these steps:
+1. Open the GitHub Codespace by clicking the "Code" button in the top right of the repository and selecting "Open with Codespaces".
+2. Once the Codespace is open, you can run the examples by running the following command in the terminal:
+```sh
+# go to the correct folder
+cd examples/<example-name>
+# install dependencies
+npm install
+# run the example
+npm run start
+```
+
+> [!IMPORTANT: Make your port public]  
+> By default, the examples will run on port 3000 and ports in Codespaces are private by default. If you want to access the examples from your browser, you'll need to make the port public. To do so, click on the "Ports" tab in the Codespace and right click, Go to "Port Visibility" next to port 3000 and set it to `public`. Do be aware that this will make the port accessible to anyone with the link to your Codespace. The port visibility setting is not saved when the Codespace is stopped, so you'll need to set it again if you restart the Codespace. The url does stay the same as long as the Codespace is not deleted.
+
+> [!TIP: Make your port public]  
+> Don't forget to set the Codespace url (with the port) in your GitHub App that you are using. The Copilot backend needs to be able to reach your Codespace to send messages to your extension. If your app is not running, the port is not public, or the codespace is stopped, the extension will not work.