2d:null 2e:["$","title",null,{"children":"GPT Function Loop | Lee Mason | Observable"}] 33:T661,34:T5a7,//import { chatDisplay } from "@siliconjazz/basic-chat-display" function chatDisplay(messages, state=null) { const chatBox = htl.html`

` const chatBoxMessages = chatBox.appendChild(htl.html`

`) for (const message of messages) { const displayRole = message.function_call ? "call" : message.role let displayContent = message.content if (message.function_call) { //message.function_call.arguments = JSON.parse(message.function_call.arguments) displayContent = htl.html`

${JSON.stringify(message.function_call, null, 2)}

` } else if (message.role == "function") { displayContent = htl.html`

${JSON.stringify(message.content, null, 2)}

` } const messageDiv = htl.html`

` const messageRole = messageDiv.appendChild(htl.html`

${displayRole}

`) if (isEnclosedInTemplateLiteral(displayContent)) { const message = htl.html`

` message.appendChild(handlePlaceholder(displayContent, state)) messageDiv.appendChild(message) console.log(message) } else { messageDiv.appendChild(htl.html`

${displayContent}

`) } chatBoxMessages.appendChild(messageDiv) } return chatBox }35:[] 31:{"id":"4327773a43b6d41e","slug":"gpt-function-loop","title":"GPT Function Loop","thumbnail":"9cd1783cc9f0144f7a8b328f385af7ac5be368599cb48a4552db29acff50e685","access_level":"unlisted","create_time":"$D2023-08-21T20:56:36.203Z","update_time":"$D2023-10-06T15:45:53.606Z","view_time":null,"first_public_time":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"aeba13ccd439d1a5","login":"siliconjazz","name":"Lee Mason","avatar_url":"https://avatars-next.observableusercontent.com/c4c5a3e295d0725774878e8d8bc1675789d3ba7c1755c3f8ac1ba1b06c7c2b88","tier":"starter_2024"},"version":145,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fbdd2b94d96f3c3c","login":"siliconjazz","name":"Lee Mason","avatar_url":"https://avatars-next.observableusercontent.com/6f7da31c0ab5d37355f81ae230a04aa4e504d6516803dba0ce51e12285aad934","tier":null}],"members":[{"type":"individual","id":"fbdd2b94d96f3c3c","login":"siliconjazz","name":"Lee Mason","avatar_url":"https://avatars-next.observableusercontent.com/6f7da31c0ab5d37355f81ae230a04aa4e504d6516803dba0ce51e12285aad934","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"GPT Function Loop","cells":[{"id":0,"value":"# GPT Function Loop","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":129,"value":"chatDisplay(result.messages)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"result =completionLoop([{role: \"user\", content: \"Add the square roots of the sum of 2 and 3 and the square root of 5 and 9\"}], functions, handleFunction)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"functions = [\n {\n name: \"sum\",\n description: \"Sum numbers\",\n parameters: {\n type: \"object\",\n properties: {\n numbers: {type: \"array\", items: {type: \"number\"}}\n }\n }\n },\n {\n name: \"square_root\",\n description: \"Square root of number\",\n parameters: {\n type: \"object\",\n properties: {\n number: {type: \"number\"}\n }\n }\n },\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":131,"value":"$33","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":121,"value":"function isEnclosedInTemplateLiteral(str) {\n // Using a regular expression to match the `${}` structure\n const regex = /^\\$\\{.*\\}$/;\n return regex.test(str);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"function handlePlaceholder(str, state) {\n const value = state.get(str) \n\n if (value != null && Array.isArray(value)) {\n return Inputs.table(value)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"async function* completionLoop(messages, functions, handleCall, model=undefined, temperature=undefined) {\n const MAX_QUERIES = 10\n \n let queryBody = constructCompletionBody(messages, functions, model, temperature)\n for (let i = 0; i < MAX_QUERIES; i++) {\n const queryResult = await completions(queryBody)\n if (queryResult.error) {\n throw `Error with query ${i}: ${queryResult.error.message}`\n }\n \n const choice = queryResult.choices[0]\n messages.push(choice.message)\n\n if (choice.finish_reason == \"function_call\") {\n const call = choice.message.function_call\n const functionResult = await handleCall(call)\n messages.push({role: \"function\", name: call.name, content: JSON.stringify(functionResult)})\n queryBody = constructCompletionBody(messages, functions, model, temperature)\n yield {messages, done: false}\n } else if (choice.finish_reason == \"stop\") {\n yield {messages, done: true}\n break \n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"function handleFunction(call) {\n const name = call.name \n const args = JSON.parse(call.arguments)\n if (call.name == \"sum\") {\n return d3.sum(args.numbers)\n } else if (call.name == \"square_root\") {\n return Math.sqrt(args.number)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"import {completions, constructCompletionBody} from \"@siliconjazz/gpt-function-calling-tutorial\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"