${line}

`).join(""); const processedHtmlOutput = htmlOutput.replace(/(【.*?】)/g, "$1").replace(/- (.*?)(?=<\/p>)/g, "

"); setOutputText({ html: processedHtmlOutput, text: output }); setCharacterCount(output.length); setShowOutput(true); } catch (error) { console.error("Error:", error); setError("エラーが発生しました。もう一度お試しください。"); } finally{ setIsGenerating(false); } }; const handleCopy = ()=>{ const textToCopy = outputText.text.trim(); navigator.clipboard.writeText(textToCopy).then(()=>{ setCopied(true); setTimeout(()=>setCopied(false), 1000); }); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white min-h-screen p-4 flex flex-col items-center font-roboto", __source: { fileName: "", lineNumber: 118, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-2 text-gray-800", __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, "AIマニュアル作成アプリ"), /*#__PURE__*/ React.createElement("h2", { className: "text-lg mb-4 text-gray-600", __source: { fileName: "", lineNumber: 122, columnNumber: 7 }, __self: this }, "1分でマニュアルを作成"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 123, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "inputText", value: inputText, onChange: (e)=>setInputText(e.target.value), placeholder: "作業説明の文字起こしを入れて下さい", className: "w-full p-2 border border-gray-300 rounded mb-4 text-gray-700", rows: "10", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleCreateMinutes, className: `text-white px-4 py-2 rounded mb-4 w-full ${isGenerating ? "bg-red-500 hover:bg-red-600" : "bg-blue-500 hover:bg-blue-600"}`, disabled: isGenerating, __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }, isGenerating ? "AIで生成中..." : "マニュアルを作る"), error && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 mb-4", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, error), showOutput && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 border border-gray-300 rounded mb-4 min-h-[150px] bg-gray-50", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { dangerouslySetInnerHTML: { __html: outputText.html }, className: "text-gray-700", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, "文字数: ", characterCount), /*#__PURE__*/ React.createElement("button", { onClick: handleCopy, className: "bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, copied ? "Copied!" : "コピー"))))); }