function MainComponent() { const [title, setTitle] = React.useState('Untitled-Page'); const [description, setDescription] = useState(''); const [similarPages, setSimilarPages] = React.useState([]); const [showSimilarPages, setShowSimilarPages] = React.useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); const path = document.querySelector('input[name="path"]').value; const pathSegments = path.split('/'); const titleFromPath = pathSegments[pathSegments.length - 1]; setTitle(titleFromPath); const body = { 'operationName': null, 'variables': { 'title': titleFromPath, 'description': description }, 'extensions': {}, 'query': `mutation($title: String!,$description:String) { pages { querySimilarPage(title:$title,description:$description) { responseResult { succeeded errorCode slug message } } } }` }; const url = 'http://localhost:3000/graphql'; try { const response = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) }); if (response.ok) { const data = await response.json(); const result = data.data.pages.querySimilarPage.responseResult; if (result.succeeded) { const items = JSON.parse(result.message); setSimilarPages(items.msg.results); setShowSimilarPages(true); } else { console.error(`Request args invalid : status ${response.status} response ${result.message}`); } } else { let text = await response.text(); console.error(`Request Error: status ${response.status} response ${text}`); } } catch (error) { console.error('Error:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[260px] bg-white border-r border-gray-200 p-4", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments text-2xl text-gray-600", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-lg font-semibold text-gray-700 font-sans", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "ChatGPT")), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-gray-600", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "探索 GPT")))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xs font-semibold text-gray-600 mb-2 font-sans", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "前 7 天"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-1", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "Pandas DF 排除排名"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Fixing async for enumerate"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Python类型优代建议"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Database Connection Pool Optimize"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Krita软件问题解决"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xs font-semibold text-gray-600 mb-2 font-sans", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "前 30 天"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-1", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "AI报告总结"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Python URL编码示例"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "Optimize Elasticsearch Query"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Elasticsearch 连接问题"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "Node.js Elasticsearch Indexing"), /*#__PURE__*/ React.createElement("li", { className: "text-gray-700 font-sans", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "Extract CSS from HTML")))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 flex flex-col items-center justify-between", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl p-4", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", value: title, onChange: (e)=>setTitle(e.target.value), placeholder: "Untitled-Page", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "description", value: description, onChange: (e)=>setDescription(e.target.value), placeholder: "简短说明", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "language", className: "p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "zh", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, "zh")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "path", placeholder: "路径", className: "flex-1 p-2 ml-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "tags", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, "标签"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2", __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-4 py-2 bg-gray-200 rounded", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "取消"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, "确定"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleSubmit, className: "px-4 py-2 bg-green-500 text-white rounded", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, "相似查询")))), showSimilarPages && /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl p-4 bg-white shadow-lg rounded-lg mt-4", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, "相似页面"), similarPages.map((page, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4 p-2 border-b", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, page.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, page.path), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }, "相关得分: ", page.score)))))); }