function RyumonWeatherInfo({ title, subtitle, weather }) { const weatherInfo = weather ? weather : "ここに天気情報が表示されます。"; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-blue-100 p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-crimson-text mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-6 w-full max-w-[600px]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-crimson-text mb-2", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, subtitle), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-crimson-text", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, weatherInfo))); } function RyumonWeatherInfoStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(RyumonWeatherInfo, { title: "留萌市の天気予報", subtitle: "現在の天気", weather: "晴れ - 25°C", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(RyumonWeatherInfo, { title: "留萌市の天気予報", subtitle: "現在の天気", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function MainComponent() { const [todayWeather, setTodayWeather] = React.useState(""); const [rainProbability, setRainProbability] = React.useState(""); React.useEffect(()=>{ fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: 'https://www.example.com/rumoi-weather', getText: true }) }).then((response)=>response.text()).then((data)=>{ const parser = new DOMParser(); const doc = parser.parseFromString(data, 'text/html'); const weatherInfo = doc.querySelector('.weather-info').textContent; const rainChanceToday = doc.querySelector('.rain-chance-today').textContent; const rainChanceTomorrow = doc.querySelector('.rain-chance-tomorrow').textContent; setTodayWeather(weatherInfo); setRainProbability(`今日の降水確率: ${rainChanceToday}, 明日の降水確率: ${rainChanceTomorrow}`); }); }, []); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(RyumonWeatherInfo, { title: "留萌市の天気予報", subtitle: "現在の天気", weather: todayWeather, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(RyumonWeatherInfo, { title: "今日と明日の降水確率", subtitle: "", weather: rainProbability, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this })); }