i/next-ai-draw-io
1
0
Fork 0
mirror of https://github.com/DayuanJiang/next-ai-draw-io.git synced 2026-01-02 22:32:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: remove unused WebSearchToolUI component and update onFetchChart to return a Promise

Browse Source
This commit is contained in:
dayuan.jiang
2025-03-19 09:46:30 +00:00
parent 2832e9e5e7
commit ec80a6c578
5 changed files with 128 additions and 937 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/page.tsx
View File

@@ -9,6 +9,8 @@ import ChatPanel from "@/components/chatPanel";
export default function Home() {
const drawioRef = useRef<DrawIoEmbedRef>(null);
const [chartXML, setChartXML] = useState<string>("");
// Add a ref to store the resolver function
const resolverRef = useRef<((value: string) => void) | null>(null);
const handleExport = () => {
if (drawioRef.current) {
@@ -16,7 +18,6 @@ export default function Home() {
format: "xmlsvg",
});
}
console.log("chartXML from page", chartXML);
};
const loadDiagram = (chart: string) => {
@@ -32,7 +33,15 @@ export default function Home() {
<div className="w-2/3 p-1">
<DrawIoEmbed
ref={drawioRef}
onExport={(data) => setChartXML(extractDiagramXML(data.data))}
onExport={(data) => {
const extractedXML = extractDiagramXML(data.data);
setChartXML(extractedXML);
// If there's a pending resolver, resolve it with the fresh XML
if (resolverRef.current) {
resolverRef.current(extractedXML);
resolverRef.current = null;
}
}}
urlParameters={{
spin: true,
libraries: false,
@@ -48,9 +57,12 @@ export default function Home() {
<ChatPanel
onDisplayChart={(xml) => loadDiagram(xml)}
onFetchChart={() => {
handleExport();
console.log("chartXML from page", chartXML);
return chartXML;
return new Promise<string>((resolve) => {
// Store the resolver so onExport can use it
resolverRef.current = resolve;
// Trigger the export
handleExport();
});
}}
/>
</div>