ChatGpt

export class ChatGpt extends OBC.Component {
  enabled: boolean = true;
  static uuid = OBC.UUID.create();
  fileData: string | null = null;

  constructor(components: OBC.Components) {
    super(components);
    components.add(ChatGpt.uuid, this);
  }
}

type QuerryData = {
  message: string
}

type GptData = {
  message: string,
  fileData: string,
}

getQuerry = async (data: GptData) => Promise<any>

const chatGpt = components.get(ChatGpt);
const response = await chatGpt.getQuerry({
  message: "How many walls are in this building?",
  fileData: chatGpt.fileData
});
console.log(response.choices[0].message.content);

sendQuerryToGPT = async (data: GptData) => Promise<any>

const response = await fetch("https://api.openai.com/v1/chat/completions", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    "Authorization": `Bearer ${apiKey}`
  },
  body: JSON.stringify({
    model: "gpt-3.5-turbo",
    messages: [
      { 
        role: "system",  
        content: `Based on the given data answear question about ifc file.
                You should only create the response based on the information given.
                Information that is not found on given file should not be presented on the
                result. PLease answear the questions using as few words as possible`
      },
      { 
        role: "user", 
        content: `Here is the file content:\n${this.fileData}\n\nNow answer this question: ${message} using only given content` 
      }
    ]
  })
});

modifyDataDile = () => string | undefined

const validENtities = new Set([
  "IFCMATERIAL",
  "IfcRelAssociatesMaterial".toUpperCase(),
  "IfcBuildingStorey".toUpperCase(),
  "IfcRelContainedInSpatialStructure".toUpperCase(),
  "IFCWALL",
  "IFCSLAB",
  "IFCBEAM",
]);

getModelData = () => void

import * as OBC from "@thatopen/components";
import * as BUI from "@thatopen/ui";
import { ChatGpt } from "./bim-components/ChatGpt";

// Initialize components
const components = new OBC.Components();
const chatGpt = components.get(ChatGpt);

// Load IFC file data (typically done by LoadIfcFile component)
const reader = new FileReader();
reader.onload = function(event) {
  const fileContent = event.target?.result;
  if (typeof fileContent === "string") {
    chatGpt.fileData = fileContent;
  }
};
reader.readAsText(ifcFile);

// Query the data
if (chatGpt.fileData) {
  const response = await chatGpt.getQuerry({
    message: "What materials are used in this building?",
    fileData: chatGpt.fileData
  });
  
  const answer = response.choices[0].message.content;
  console.log("GPT Answer:", answer);
}

const onAddClick = async (e: Event) => {
  const btn = e.target as BUI.Button;
  const panelSection = btn.closest("bim-panel-section");
  const querry = panelSection?.value.name;
  
  if (!modelData.fileData) {
    alert("No file data, cant answear");
    return;
  }
  
  const querryResponse = await modelData.getQuerry({
    message: querry,
    fileData: modelData.fileData
  });
  
  textArea.innerText = querryResponse.choices[0].message.content;
}

# .env file
VITE_OPENAI_API_KEY=sk-your-api-key-here