function Header({ user, loading }) { const [isMenuOpen, setIsMenuOpen] = useState(false); const toggleMenu = ()=>{ setIsMenuOpen(!isMenuOpen); }; return /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-sm", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-bold text-indigo-600", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Sense Fork"), /*#__PURE__*/ React.createElement("p", { className: "ml-4 text-sm text-gray-500 hidden sm:block", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "人生の分岐点を共有するプラットフォーム")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "/search", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "検索"), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "読み込み中...") : user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/my-forks", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 34, columnNumber: 19 }, __self: this }, "投稿履歴"), /*#__PURE__*/ React.createElement("a", { href: "/bookmarks", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 37, columnNumber: 19 }, __self: this }, "ブックマーク"), /*#__PURE__*/ React.createElement("a", { href: "/user-settings", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, "設定"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, "ログアウト"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center ml-2", __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center overflow-hidden", __source: { fileName: "", lineNumber: 47, columnNumber: 21 }, __self: this }, user.avatar ? /*#__PURE__*/ React.createElement("img", { src: user.avatar, alt: `${user.name || 'ユーザー'}のアバター`, className: "h-full w-full object-cover", onError: (e)=>{ e.target.src = `/api/default-avatar?name=${encodeURIComponent(user.name || 'User')}`; }, __source: { fileName: "", lineNumber: 49, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("img", { src: `/api/default-avatar?name=${encodeURIComponent(user.name || 'User')}`, alt: `${user.name || 'ユーザー'}のアバター`, className: "h-full w-full object-cover", __source: { fileName: "", lineNumber: 58, columnNumber: 25 }, __self: this })))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-indigo-600 hover:text-indigo-800 font-medium", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }, "新規登録")))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleMenu, className: "text-gray-600 hover:text-indigo-600 focus:outline-none", "aria-label": "メニューを開く", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? 'fa-times' : 'fa-bars'} text-xl`, __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this })))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden mt-4 pt-4 border-t border-gray-200", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col space-y-3", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "/search", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "検索"), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, "読み込み中...") : user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/my-forks", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, "投稿履歴"), /*#__PURE__*/ React.createElement("a", { href: "/bookmarks", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, "ブックマーク"), /*#__PURE__*/ React.createElement("a", { href: "/user-settings", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }, "設定"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, "ログアウト"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center py-2", __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center overflow-hidden mr-2", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, user.avatar ? /*#__PURE__*/ React.createElement("img", { src: user.avatar, alt: `${user.name || 'ユーザー'}のアバター`, className: "h-full w-full object-cover", onError: (e)=>{ e.target.src = `/api/default-avatar?name=${encodeURIComponent(user.name || 'User')}`; }, __source: { fileName: "", lineNumber: 120, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("img", { src: `/api/default-avatar?name=${encodeURIComponent(user.name || 'User')}`, alt: `${user.name || 'ユーザー'}のアバター`, className: "h-full w-full object-cover", __source: { fileName: "", lineNumber: 129, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-gray-700", __source: { fileName: "", lineNumber: 136, columnNumber: 21 }, __self: this }, user.name || 'ユーザー'))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-indigo-600 hover:text-indigo-800 font-medium", __source: { fileName: "", lineNumber: 144, columnNumber: 19 }, __self: this }, "新規登録")))))); } function HeaderStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 159, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 160, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this }, "未ログイン状態"), /*#__PURE__*/ React.createElement(Header, { user: null, loading: false, __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 165, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 166, columnNumber: 9 }, __self: this }, "ログイン状態"), /*#__PURE__*/ React.createElement(Header, { user: { name: "山田太郎", email: "yamada@example.com", avatar: null }, loading: false, __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 178, columnNumber: 9 }, __self: this }, "ローディング状態"), /*#__PURE__*/ React.createElement(Header, { user: null, loading: true, __source: { fileName: "", lineNumber: 179, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 182, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this }, "アバター付きユーザー"), /*#__PURE__*/ React.createElement(Header, { user: { name: "鈴木花子", email: "suzuki@example.com", avatar: "https://randomuser.me/api/portraits/women/42.jpg" }, loading: false, __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }))); } function Footer({ className = "" }) { const currentYear = new Date().getFullYear(); return /*#__PURE__*/ React.createElement("footer", { className: `bg-white border-t border-gray-200 ${className}`, __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Sense Fork"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "人生の分岐点を共有するプラットフォーム"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com/mizunooto_llc", target: "_blank", rel: "noopener noreferrer", className: "text-gray-500 hover:text-indigo-600", "aria-label": "Twitter", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/mizunooto.llc/", target: "_blank", rel: "noopener noreferrer", className: "text-gray-500 hover:text-indigo-600", "aria-label": "Instagram", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.facebook.com/mizunooto.llc", target: "_blank", rel: "noopener noreferrer", className: "text-gray-500 hover:text-indigo-600", "aria-label": "Facebook", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-xl", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "リンク"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/search", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/create-fork", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "投稿する")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, "このアプリについて")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/my-forks", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, "マイページ")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "運営情報"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.kiyac.app/termsOfService/t85j9N7y9bqfCcPrEIDw", target: "_blank", rel: "noopener noreferrer", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, "利用規約")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.kiyac.app/privacypolicy/fSYOhM1oTruNjrRdQgjS", target: "_blank", rel: "noopener noreferrer", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, "プライバシーポリシー")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://mizunooto.site/", target: "_blank", rel: "noopener noreferrer", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }, "運営会社: 合同会社水之音")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/feedback", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, "フィードバック")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/support", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, "お問い合わせ"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 pt-6 border-t border-gray-200", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, "© ", currentYear, " Sense Fork - 人生の分岐点を共有するプラットフォーム")))); } function FooterStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4", __source: { fileName: "", lineNumber: 158, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 159, columnNumber: 7 }, __self: this }, "標準フッター"), /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 160, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mt-8 mb-4", __source: { fileName: "", lineNumber: 162, columnNumber: 7 }, __self: this }, "カスタムクラス付きフッター"), /*#__PURE__*/ React.createElement(Footer, { className: "bg-gray-100", __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mt-8 mb-4", __source: { fileName: "", lineNumber: 165, columnNumber: 7 }, __self: this }, "モバイル表示のシミュレーション"), /*#__PURE__*/ React.createElement("div", { className: "max-w-sm mx-auto border border-gray-300", __source: { fileName: "", lineNumber: 166, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this }))); } function MainComponent() { const { data: user, loading: authLoading } = useUser(); const [forks, setForks] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [page, setPage] = useState(1); const [totalPages, setTotalPages] = useState(1); const [filters, setFilters] = useState({ tag: "", category: "", result: "", type: "", search: "", ageRange: { min: "", max: "" }, yearRange: { min: "", max: "" } }); const [sortBy, setSortBy] = useState("latest"); const [categories, setCategories] = useState([]); const [popularTags, setPopularTags] = useState([]); const [tagsByCategory, setTagsByCategory] = useState({}); const [showFilters, setShowFilters] = useState(false); const [shareModalOpen, setShareModalOpen] = useState(false); const [currentShareFork, setCurrentShareFork] = useState(null); const [showTagModal, setShowTagModal] = useState(false); const [allTags, setAllTags] = useState([]); const [tagSearchQuery, setTagSearchQuery] = useState(""); const [tagModalCategory, setTagModalCategory] = useState(""); const [tagsByCategoryInModal, setTagsByCategoryInModal] = useState({}); const [selectedCategoryInModal, setSelectedCategoryInModal] = useState(""); const [isInitialLoad, setIsInitialLoad] = useState(true); const MAX_TEXT_LENGTH = 150; const CACHE_DURATION = 60 * 1000; // 1分のキャッシュ // キャッシュされたデータを取得する関数 const getCachedData = (key)=>{ const cached = localStorage.getItem(key); if (cached) { const { data, timestamp } = JSON.parse(cached); if (Date.now() - timestamp < CACHE_DURATION) { return data; } localStorage.removeItem(key); } return null; }; // データをキャッシュする関数 const setCachedData = (key, data)=>{ localStorage.setItem(key, JSON.stringify({ data, timestamp: Date.now() })); }; // 初期データの読み込みを最適化 useEffect(()=>{ const loadInitialData = async ()=>{ try { // キャッシュされたカテゴリーを確認 const cachedCategories = getCachedData("categories"); if (cachedCategories) { setCategories(cachedCategories); } else { const response = await fetch("/api/categories/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ includeTags: true }) }); if (response.ok) { const data = await response.json(); if (data && data.success) { setCategories(data.categories || []); setCachedData("categories", data.categories); } } } // キャッシュされた人気タグを確認 const cachedTags = getCachedData("popularTags"); if (cachedTags) { setPopularTags(cachedTags); } else { const response = await fetch("/api/tags/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ limit: 10 }) }); if (response.ok) { const data = await response.json(); if (data && data.success) { setPopularTags(data.tags || []); setCachedData("popularTags", data.tags); } } } } catch (err) { console.error("初期データ読み込みエラー:", err); } finally{ setIsInitialLoad(false); } }; loadInitialData(); }, []); // フォークデータの取得を最適化 useEffect(()=>{ const fetchForks = async ()=>{ if (isInitialLoad) return; setLoading(true); setError(null); const cacheKey = `forks_${page}_${sortBy}_${JSON.stringify(filters)}`; const cachedForks = getCachedData(cacheKey); if (cachedForks) { setForks(cachedForks.forks); setTotalPages(cachedForks.totalPages); setLoading(false); return; } try { const requestBody = { page, limit: 10, sortBy, tags: filters.tag ? [ filters.tag ] : undefined, category: filters.category || undefined, result: filters.result || undefined, forkType: filters.type || undefined, search: filters.search || undefined, minAge: filters.ageRange.min ? parseInt(filters.ageRange.min, 10) : undefined, maxAge: filters.ageRange.max ? parseInt(filters.ageRange.max, 10) : undefined, minYear: filters.yearRange.min ? parseInt(filters.yearRange.min, 10) : undefined, maxYear: filters.yearRange.max ? parseInt(filters.yearRange.max, 10) : undefined }; // 空の値を削除 Object.keys(requestBody).forEach((key)=>{ if (requestBody[key] === undefined || requestBody[key] === "" || Array.isArray(requestBody[key]) && requestBody[key].length === 0 || typeof requestBody[key] === "number" && isNaN(requestBody[key])) { delete requestBody[key]; } }); const response = await fetch("/api/forks/list-simple", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(requestBody) }); if (!response.ok) { throw new Error(`データの取得に失敗しました: ${response.status}`); } const data = await response.json(); if (data && data.success) { const forksData = { forks: data.forks.filter((fork)=>fork && typeof fork === "object" && fork.id), totalPages: data.pagination?.totalPages || 1 }; setForks(forksData.forks); setTotalPages(forksData.totalPages); setCachedData(cacheKey, forksData); } } catch (err) { setError(err.message); console.error("フォーク取得エラー:", err); } finally{ setLoading(false); } }; const timeoutId = setTimeout(fetchForks, 300); // デバウンス処理 return ()=>clearTimeout(timeoutId); }, [ page, filters, sortBy, isInitialLoad ]); const handleFilterChange = (filterType, value)=>{ setFilters((prev)=>{ // 現在の値と同じ値が選択された場合はフィルターをクリア const newValue = prev[filterType] === value ? "" : value; const newFilters = { ...prev, [filterType]: newValue }; // フィルターが変更されたらコンソールに出力 console.log(`フィルター変更 - ${filterType}:`, newValue); console.log("現在のフィルター:", newFilters); return newFilters; }); setPage(1); // ページを1に戻す }; const handleSearch = (searchTerm)=>{ setFilters((prev)=>({ ...prev, search: searchTerm })); setPage(1); }; const handleSortChange = (newSortBy)=>{ setSortBy(newSortBy); setPage(1); }; const handleShareClick = (fork)=>{ setCurrentShareFork(fork); setShareModalOpen(true); }; const closeShareModal = ()=>{ setShareModalOpen(false); setCurrentShareFork(null); }; const truncateText = (text, maxLength)=>{ if (!text) return ""; if (text.length <= maxLength) return text; return text.substring(0, maxLength) + "..."; }; const getResultBadgeColor = (result)=>{ switch(result){ case "◎ 成功だった": return "bg-green-100 text-green-800"; case "△ 微妙/わからない": return "bg-yellow-100 text-yellow-800"; case "× 失敗だった": return "bg-red-100 text-red-800"; default: return "bg-gray-100 text-gray-800"; } }; const getForkTypeBadge = (forkType)=>{ switch(forkType){ case "organization": return { text: "組織", className: "bg-purple-100 text-purple-800" }; case "personal": default: return { text: "個人", className: "bg-blue-100 text-blue-800" }; } }; const fetchAllTags = async (categoryId = "")=>{ try { const response = await fetch("/api/tags/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ limit: 500, categoryId: categoryId || undefined, includeCategories: true }) }); if (response.ok) { const data = await response.json(); if (data && data.success) { setAllTags(data.tags || []); if (data.categories && data.categories.length > 0) { const allCategoriesOption = { id: "all", name: "すべてのタグ", tagCount: data.tags.length }; setCategories([ allCategoriesOption, ...data.categories ]); } const tagsByCat = {}; if (data.tags && Array.isArray(data.tags)) { tagsByCat["all"] = { name: "すべてのタグ", tags: [ ...data.tags ] }; data.tags.forEach((tag)=>{ const categoryId = tag.categoryId || "uncategorized"; const categoryName = tag.categoryName || "未分類"; if (!tagsByCat[categoryId]) { tagsByCat[categoryId] = { name: categoryName, tags: [] }; } tagsByCat[categoryId].tags.push(tag); }); } setTagsByCategoryInModal(tagsByCat); if (categoryId) { setSelectedCategoryInModal(categoryId); } else { setSelectedCategoryInModal("all"); } } } } catch (err) { console.error("タグ取得エラー:", err); } }; const openTagModal = (categoryId = "")=>{ setTagModalCategory(categoryId); fetchAllTags(categoryId); setTagSearchQuery(""); setShowTagModal(true); }; const filteredTags = useMemo(()=>{ if (!tagSearchQuery) { if (selectedCategoryInModal && tagsByCategoryInModal[selectedCategoryInModal]) { return tagsByCategoryInModal[selectedCategoryInModal].tags; } return allTags; } return allTags.filter((tag)=>tag.name.toLowerCase().includes(tagSearchQuery.toLowerCase())); }, [ tagSearchQuery, allTags, selectedCategoryInModal, tagsByCategoryInModal ]); const renderTagModalContent = ()=>{ if (tagSearchQuery) { const searchResults = allTags.filter((tag)=>tag.name.toLowerCase().includes(tagSearchQuery.toLowerCase())); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 364, columnNumber: 9 }, __self: this }, searchResults.length > 0 ? searchResults.map((tag)=>/*#__PURE__*/ React.createElement("button", { key: tag.id, onClick: ()=>{ handleFilterChange("tag", tag.name); setShowTagModal(false); }, className: `px-3 py-1 rounded-full text-xs md:text-sm ${filters.tag === tag.name ? "bg-indigo-100 text-indigo-800 border border-indigo-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 367, columnNumber: 15 }, __self: this }, "#", tag.name, " ", tag.count ? `(${tag.count})` : "")) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center w-full py-4", __source: { fileName: "", lineNumber: 383, columnNumber: 13 }, __self: this }, "検索条件に一致するタグがありません")); } const selectedCategoryTags = tagsByCategoryInModal[selectedCategoryInModal]?.tags || []; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 395, columnNumber: 7 }, __self: this }, selectedCategoryTags.length > 0 ? selectedCategoryTags.map((tag)=>/*#__PURE__*/ React.createElement("button", { key: tag.id, onClick: ()=>{ handleFilterChange("tag", tag.name); setShowTagModal(false); }, className: `px-3 py-1 rounded-full text-xs md:text-sm ${filters.tag === tag.name ? "bg-indigo-100 text-indigo-800 border border-indigo-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 398, columnNumber: 13 }, __self: this }, "#", tag.name, " ", tag.count ? `(${tag.count})` : "")) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center w-full py-4", __source: { fileName: "", lineNumber: 414, columnNumber: 11 }, __self: this }, "このカテゴリにはタグがありません")); }; const handleAgeRangeChange = (type, value)=>{ const numValue = value === "" ? "" : parseInt(value, 10); if (value !== "" && isNaN(numValue)) return; // 無効な数値は無視 setFilters((prev)=>{ const newFilters = { ...prev, ageRange: { ...prev.ageRange, [type]: value } }; console.log(`年齢範囲変更 - ${type}:`, value); console.log("現在のフィルター:", newFilters); return newFilters; }); setPage(1); }; const handleYearRangeChange = (type, value)=>{ const numValue = value === "" ? "" : parseInt(value, 10); if (value !== "" && isNaN(numValue)) return; // 無効な数値は無視 setFilters((prev)=>{ const newFilters = { ...prev, yearRange: { ...prev.yearRange, [type]: value } }; console.log(`西暦範囲変更 - ${type}:`, value); console.log("現在のフィルター:", newFilters); return newFilters; }); setPage(1); }; // デフォルトアバター画像のURL const DEFAULT_AVATAR = "https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mp&f=y"; // アバター画像のエラーハンドリング const handleImageError = (e)=>{ e.target.src = DEFAULT_AVATAR; }; // ページネーション用の関数 const renderPagination = ()=>{ if (loading || !forks.length || totalPages <= 1) return null; const pageNumbers = []; const maxVisiblePages = 5; let startPage = Math.max(1, page - Math.floor(maxVisiblePages / 2)); let endPage = Math.min(totalPages, startPage + maxVisiblePages - 1); if (endPage - startPage + 1 < maxVisiblePages) { startPage = Math.max(1, endPage - maxVisiblePages + 1); } for(let i = startPage; i <= endPage; i++){ pageNumbers.push(i); } return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 491, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex items-center space-x-2", "aria-label": "ページネーション", __source: { fileName: "", lineNumber: 492, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(Math.max(1, page - 1)), disabled: page === 1 || loading, className: "px-3 py-1 rounded border border-gray-300 text-sm disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50", "aria-label": "前のページ", __source: { fileName: "", lineNumber: 496, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left", __source: { fileName: "", lineNumber: 502, columnNumber: 13 }, __self: this })), startPage > 1 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(1), className: `w-8 h-8 flex items-center justify-center rounded text-sm border border-gray-300 hover:bg-gray-50`, __source: { fileName: "", lineNumber: 507, columnNumber: 15 }, __self: this }, "1"), startPage > 2 && /*#__PURE__*/ React.createElement("span", { className: "px-2 text-gray-500", __source: { fileName: "", lineNumber: 513, columnNumber: 33 }, __self: this }, "...")), pageNumbers.map((num)=>/*#__PURE__*/ React.createElement("button", { key: num, onClick: ()=>setPage(num), className: `w-8 h-8 flex items-center justify-center rounded text-sm ${page === num ? "bg-indigo-600 text-white" : "border border-gray-300 text-gray-700 hover:bg-gray-50"}`, "aria-current": page === num ? "page" : undefined, __source: { fileName: "", lineNumber: 518, columnNumber: 13 }, __self: this }, num)), endPage < totalPages && /*#__PURE__*/ React.createElement(React.Fragment, null, endPage < totalPages - 1 && /*#__PURE__*/ React.createElement("span", { className: "px-2 text-gray-500", __source: { fileName: "", lineNumber: 535, columnNumber: 17 }, __self: this }, "..."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(totalPages), className: `w-8 h-8 flex items-center justify-center rounded text-sm border border-gray-300 hover:bg-gray-50`, __source: { fileName: "", lineNumber: 537, columnNumber: 15 }, __self: this }, totalPages)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage(Math.min(totalPages, page + 1)), disabled: page === totalPages || loading, className: "px-3 py-1 rounded border border-gray-300 text-sm disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50", "aria-label": "次のページ", __source: { fileName: "", lineNumber: 546, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right", __source: { fileName: "", lineNumber: 552, columnNumber: 13 }, __self: this })))); }; // フォークリストのレンダリング部分を更新 const renderForkList = ()=>{ if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center py-12", __source: { fileName: "", lineNumber: 563, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-indigo-500", __source: { fileName: "", lineNumber: 564, columnNumber: 11 }, __self: this })); } if (error) { return /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded relative", role: "alert", __source: { fileName: "", lineNumber: 571, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "block sm:inline", __source: { fileName: "", lineNumber: 575, columnNumber: 11 }, __self: this }, error)); } if (!forks.length) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 text-center", __source: { fileName: "", lineNumber: 582, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 583, columnNumber: 11 }, __self: this }, Object.values(filters).some((v)=>v) ? "検索条件に一致する分岐点が見つかりませんでした。" : "分岐点がまだ投稿されていません。"), /*#__PURE__*/ React.createElement("a", { href: "/create-fork", className: "inline-block mt-4 px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors", __source: { fileName: "", lineNumber: 588, columnNumber: 11 }, __self: this }, "分岐点を投稿する")); } return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-6", __source: { fileName: "", lineNumber: 600, columnNumber: 9 }, __self: this }, forks.map((fork)=>/*#__PURE__*/ React.createElement("div", { key: fork.id, className: "bg-white rounded-lg shadow-md p-4 md:p-6 hover:shadow-lg transition-shadow", __source: { fileName: "", lineNumber: 602, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-3", __source: { fileName: "", lineNumber: 606, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 607, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/view-fork?id=${fork.id}`, className: "hover:text-indigo-600", __source: { fileName: "", lineNumber: 608, columnNumber: 19 }, __self: this }, fork.title)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-end", __source: { fileName: "", lineNumber: 615, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 616, columnNumber: 19 }, __self: this }, (()=>{ let dateStr = fork.createdAt || fork.created_at || fork.created_at; if (dateStr) { try { return new Date(dateStr).toLocaleDateString("ja-JP"); } catch (e) { return "-"; } } return "-"; })()), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-1", __source: { fileName: "", lineNumber: 631, columnNumber: 19 }, __self: this }, fork.age && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-50 text-blue-700", __source: { fileName: "", lineNumber: 633, columnNumber: 23 }, __self: this }, fork.age, "歳"), fork.year && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-50 text-green-700", __source: { fileName: "", lineNumber: 638, columnNumber: 23 }, __self: this }, fork.year, "年"), fork.forkType && /*#__PURE__*/ React.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getForkTypeBadge(fork.forkType).className}`, __source: { fileName: "", lineNumber: 643, columnNumber: 23 }, __self: this }, getForkTypeBadge(fork.forkType).text)))), (fork.userName || fork.user_name) && /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2", __source: { fileName: "", lineNumber: 655, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center overflow-hidden", __source: { fileName: "", lineNumber: 656, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: fork.userAvatar || fork.user_avatar || DEFAULT_AVATAR, alt: `${fork.userName || fork.user_name}のアバター`, className: "h-full w-full object-cover", onError: handleImageError, loading: "lazy", __source: { fileName: "", lineNumber: 657, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: fork.profileUrl || (fork.user_id ? `/profile/${fork.user_id}` : fork.tempUserId ? `/profile?id=${fork.tempUserId}` : "#"), className: "ml-2 text-sm font-medium text-gray-700 hover:text-indigo-600", __source: { fileName: "", lineNumber: 667, columnNumber: 19 }, __self: this }, fork.userName || fork.user_name || "ユーザー")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-3 rounded-md mb-3", __source: { fileName: "", lineNumber: 683, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 684, columnNumber: 17 }, __self: this }, "選択肢:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1 text-sm text-gray-600", __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }, Array.isArray(fork.options) && fork.options.map((option, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: option === fork.chosenOption ? "font-medium text-indigo-600" : "", __source: { fileName: "", lineNumber: 690, columnNumber: 23 }, __self: this }, option, " ", option === fork.chosenOption && "✓")))), /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 704, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 705, columnNumber: 17 }, __self: this }, "選択した理由:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 708, columnNumber: 17 }, __self: this }, fork.reason && fork.reason.length > MAX_TEXT_LENGTH ? /*#__PURE__*/ React.createElement(React.Fragment, null, truncateText(fork.reason, MAX_TEXT_LENGTH), /*#__PURE__*/ React.createElement("a", { href: `/view-fork?id=${fork.id}`, className: "ml-1 text-indigo-600 hover:text-indigo-800", __source: { fileName: "", lineNumber: 712, columnNumber: 23 }, __self: this }, "続きを読む")) : fork.reason || "理由は記載されていません")), /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 725, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 726, columnNumber: 17 }, __self: this }, "結果:"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 729, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getResultBadgeColor(fork.result)}`, __source: { fileName: "", lineNumber: 730, columnNumber: 19 }, __self: this }, fork.result), fork.reflection && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 738, columnNumber: 21 }, __self: this }, fork.reflection.length > MAX_TEXT_LENGTH ? /*#__PURE__*/ React.createElement(React.Fragment, null, truncateText(fork.reflection, MAX_TEXT_LENGTH), /*#__PURE__*/ React.createElement("a", { href: `/view-fork?id=${fork.id}`, className: "ml-1 text-indigo-600 hover:text-indigo-800", __source: { fileName: "", lineNumber: 742, columnNumber: 27 }, __self: this }, "続きを読む")) : fork.reflection))), Array.isArray(fork.tags) && fork.tags.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 758, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-1", __source: { fileName: "", lineNumber: 759, columnNumber: 19 }, __self: this }, fork.tags.map((tag, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleFilterChange("tag", tag), className: "inline-flex items-center px-2 py-1 rounded text-xs font-medium bg-gray-100 text-gray-800 hover:bg-indigo-100 hover:text-indigo-800", __source: { fileName: "", lineNumber: 761, columnNumber: 23 }, __self: this }, "#", tag)))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center pt-2 border-t border-gray-100", __source: { fileName: "", lineNumber: 773, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 774, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-500 text-sm", __source: { fileName: "", lineNumber: 775, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-heart mr-1", __source: { fileName: "", lineNumber: 776, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 777, columnNumber: 21 }, __self: this }, fork.likeCount || 0)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-500 text-sm", __source: { fileName: "", lineNumber: 779, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-comment mr-1", __source: { fileName: "", lineNumber: 780, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 781, columnNumber: 21 }, __self: this }, fork.commentCount || 0))), /*#__PURE__*/ React.createElement("a", { href: `/view-fork?id=${fork.id}`, className: "text-sm text-indigo-600 hover:text-indigo-800", __source: { fileName: "", lineNumber: 784, columnNumber: 17 }, __self: this }, "詳細を見る →"))))), renderPagination()); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex flex-col", __source: { fileName: "", lineNumber: 800, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-sm", __source: { fileName: "", lineNumber: 801, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", __source: { fileName: "", lineNumber: 802, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 803, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-bold text-indigo-600", __source: { fileName: "", lineNumber: 804, columnNumber: 13 }, __self: this }, "Sense Fork"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-4", __source: { fileName: "", lineNumber: 807, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 808, columnNumber: 15 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "/search", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 811, columnNumber: 15 }, __self: this }, "検索"), /*#__PURE__*/ React.createElement("a", { href: "/create-fork", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 814, columnNumber: 15 }, __self: this }, "投稿する"), !authLoading && user && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/my-forks", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 822, columnNumber: 19 }, __self: this }, "投稿履歴"), /*#__PURE__*/ React.createElement("a", { href: "/bookmarks", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 828, columnNumber: 19 }, __self: this }, "ブックマーク"), /*#__PURE__*/ React.createElement("a", { href: "/user-settings", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 834, columnNumber: 19 }, __self: this }, "設定"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 840, columnNumber: 19 }, __self: this }, "ログアウト")), !authLoading && !user && /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 849, columnNumber: 17 }, __self: this }, "ログイン")), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-gray-600 focus:outline-none", onClick: ()=>setShowFilters(!showFilters), __source: { fileName: "", lineNumber: 857, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 861, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16", __source: { fileName: "", lineNumber: 867, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 flex-grow", __source: { fileName: "", lineNumber: 879, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 mb-6", __source: { fileName: "", lineNumber: 880, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between mb-4", __source: { fileName: "", lineNumber: 881, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-gray-800 mb-2 md:mb-0", __source: { fileName: "", lineNumber: 882, columnNumber: 13 }, __self: this }, "分岐点を探す"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 885, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowFilters(!showFilters), className: "mr-2 px-3 py-1 text-sm border border-gray-300 rounded-md hover:bg-gray-50", __source: { fileName: "", lineNumber: 886, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-filter mr-1 ${Object.values(filters).some((v)=>v) ? "text-indigo-600" : ""}`, __source: { fileName: "", lineNumber: 890, columnNumber: 17 }, __self: this }), "フィルター"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 899, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: sortBy, onChange: (e)=>handleSortChange(e.target.value), className: "appearance-none px-3 py-1 pr-8 text-sm border border-gray-300 rounded-md bg-white", __source: { fileName: "", lineNumber: 900, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "latest", __source: { fileName: "", lineNumber: 905, columnNumber: 19 }, __self: this }, "最新順"), /*#__PURE__*/ React.createElement("option", { value: "popular", __source: { fileName: "", lineNumber: 906, columnNumber: 19 }, __self: this }, "人気順"), /*#__PURE__*/ React.createElement("option", { value: "comments", __source: { fileName: "", lineNumber: 907, columnNumber: 19 }, __self: this }, "コメント数順")), /*#__PURE__*/ React.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700", __source: { fileName: "", lineNumber: 909, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-xs", __source: { fileName: "", lineNumber: 910, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 916, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 917, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: filters.search, onChange: (e)=>handleSearch(e.target.value), placeholder: "キーワードで検索...", className: "flex-grow px-3 py-2 border border-gray-300 rounded-l-md focus:outline-none focus:ring-1 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 918, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSearch(filters.search), className: "px-4 py-2 bg-indigo-600 text-white rounded-r-md hover:bg-indigo-700", __source: { fileName: "", lineNumber: 925, columnNumber: 15 }, __self: this }, "検索"))), showFilters && /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-200 pt-4 mt-4", __source: { fileName: "", lineNumber: 935, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 936, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 937, columnNumber: 17 }, __self: this }, "カテゴリ:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 940, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFilterChange("category", ""), className: `px-3 py-1 rounded-full text-xs ${filters.category === "" ? "bg-indigo-100 text-indigo-800 border border-indigo-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 941, columnNumber: 19 }, __self: this }, "すべて"), categories.map((category)=>/*#__PURE__*/ React.createElement("button", { key: category.id, onClick: ()=>handleFilterChange("category", category.id), className: `px-3 py-1 rounded-full text-xs ${filters.category === category.id ? "bg-indigo-100 text-indigo-800 border border-indigo-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 952, columnNumber: 21 }, __self: this }, category.name)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 969, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 970, columnNumber: 17 }, __self: this }, filters.category && categories.find((c)=>c.id === filters.category) ? `${categories.find((c)=>c.id === filters.category).name}のタグ:` : "人気のタグ:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 978, columnNumber: 17 }, __self: this }, (filters.category ? tagsByCategory[filters.category]?.tags || [] : popularTags).map((tag)=>/*#__PURE__*/ React.createElement("button", { key: tag.id, onClick: ()=>handleFilterChange("tag", tag.name), className: `px-3 py-1 rounded-full text-xs ${filters.tag === tag.name ? "bg-indigo-100 text-indigo-800 border border-indigo-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 983, columnNumber: 21 }, __self: this }, "#", tag.name)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>openTagModal(filters.category), className: "px-3 py-1 rounded-full text-xs bg-gray-100 text-gray-800 hover:bg-gray-200 flex items-center", __source: { fileName: "", lineNumber: 995, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ellipsis-h mr-1", __source: { fileName: "", lineNumber: 999, columnNumber: 21 }, __self: this }), "すべて表示"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1005, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1006, columnNumber: 17 }, __self: this }, "結果:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 1009, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFilterChange("result", "◎ 成功だった"), className: `px-3 py-1 rounded-full text-xs ${filters.result === "◎ 成功だった" ? "bg-green-100 text-green-800 border border-green-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 1010, columnNumber: 19 }, __self: this }, "◎ 成功だった"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFilterChange("result", "△ 微妙/わからない"), className: `px-3 py-1 rounded-full text-xs ${filters.result === "△ 微妙/わからない" ? "bg-yellow-100 text-yellow-800 border border-yellow-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 1020, columnNumber: 19 }, __self: this }, "△ 微妙/わからない"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFilterChange("result", "× 失敗だった"), className: `px-3 py-1 rounded-full text-xs ${filters.result === "× 失敗だった" ? "bg-red-100 text-red-800 border border-red-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 1032, columnNumber: 19 }, __self: this }, "× 失敗だった"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1045, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1046, columnNumber: 17 }, __self: this }, "タイプ:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 1049, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFilterChange("type", "personal"), className: `px-3 py-1 rounded-full text-xs ${filters.type === "personal" ? "bg-blue-100 text-blue-800 border border-blue-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 1050, columnNumber: 19 }, __self: this }, "個人"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleFilterChange("type", "organization"), className: `px-3 py-1 rounded-full text-xs ${filters.type === "organization" ? "bg-purple-100 text-purple-800 border border-purple-300" : "bg-gray-100 text-gray-800 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 1060, columnNumber: 19 }, __self: this }, "組織"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1074, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1075, columnNumber: 17 }, __self: this }, "年齢で絞り込み:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1078, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", max: "120", value: filters.ageRange.min, onChange: (e)=>handleAgeRangeChange("min", e.target.value), placeholder: "最小年齢", className: "w-24 px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-1 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 1079, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 1090, columnNumber: 19 }, __self: this }, "〜"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", max: "120", value: filters.ageRange.max, onChange: (e)=>handleAgeRangeChange("max", e.target.value), placeholder: "最大年齢", className: "w-24 px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-1 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 1091, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1102, columnNumber: 19 }, __self: this }, "歳"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1108, columnNumber: 17 }, __self: this }, "西暦で絞り込み:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1111, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", min: "", max: new Date().getFullYear(), value: filters.yearRange.min, onChange: (e)=>handleYearRangeChange("min", e.target.value), placeholder: "開始年", className: "w-24 px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-1 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 1112, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 1123, columnNumber: 19 }, __self: this }, "〜"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "", max: new Date().getFullYear(), value: filters.yearRange.max, onChange: (e)=>handleYearRangeChange("max", e.target.value), placeholder: "終了年", className: "w-24 px-3 py-1 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-1 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 1124, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1135, columnNumber: 19 }, __self: this }, "年"))))), renderForkList()), /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 1145, columnNumber: 7 }, __self: this })); } function Footer() { const currentYear = new Date().getFullYear(); return /*#__PURE__*/ React.createElement("footer", { className: "bg-white border-t border-gray-200", __source: { fileName: "", lineNumber: 1154, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", __source: { fileName: "", lineNumber: 1155, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 1156, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1157, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 1158, columnNumber: 13 }, __self: this }, "Sense Fork"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 1161, columnNumber: 13 }, __self: this }, "人生の分岐点を共有するプラットフォーム"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 1164, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com/mizunooto_llc", target: "_blank", rel: "noopener noreferrer", className: "text-gray-500 hover:text-indigo-600", "aria-label": "Twitter", __source: { fileName: "", lineNumber: 1165, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl", __source: { fileName: "", lineNumber: 1172, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/mizunooto.llc/", target: "_blank", rel: "noopener noreferrer", className: "text-gray-500 hover:text-indigo-600", "aria-label": "Instagram", __source: { fileName: "", lineNumber: 1174, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 1181, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.facebook.com/mizunooto.llc", target: "_blank", rel: "noopener noreferrer", className: "text-gray-500 hover:text-indigo-600", "aria-label": "Facebook", __source: { fileName: "", lineNumber: 1183, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-xl", __source: { fileName: "", lineNumber: 1190, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1195, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 1196, columnNumber: 13 }, __self: this }, "リンク"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 1197, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1198, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1199, columnNumber: 17 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1203, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/search", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1204, columnNumber: 17 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1211, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/create-fork", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1212, columnNumber: 17 }, __self: this }, "投稿する")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1219, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1220, columnNumber: 17 }, __self: this }, "このアプリについて")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1227, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/my-forks", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1228, columnNumber: 17 }, __self: this }, "マイページ")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1238, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 1239, columnNumber: 13 }, __self: this }, "運営情報"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 1242, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1243, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.kiyac.app/termsOfService/t85j9N7y9bqfCcPrEIDw", target: "_blank", rel: "noopener noreferrer", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1244, columnNumber: 17 }, __self: this }, "利用規約")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1253, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.kiyac.app/privacypolicy/fSYOhM1oTruNjrRdQgjS", target: "_blank", rel: "noopener noreferrer", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1254, columnNumber: 17 }, __self: this }, "プライバシーポリシー")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1263, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://mizunooto.site/", target: "_blank", rel: "noopener noreferrer", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1264, columnNumber: 17 }, __self: this }, "運営会社: 合同会社水之音")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1273, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://bustling-empress-0d3.notion.site/1ed67ee0cf5e8001a43fcf6fcc47e4d7?v=1ed67ee0cf5e808ab462000c438f12df", target: "_blank", rel: "noopener noreferrer", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1274, columnNumber: 17 }, __self: this }, "よくある質問（Notion）")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1283, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/feedback", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1284, columnNumber: 17 }, __self: this }, "フィードバック")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 1291, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/support", className: "text-gray-600 hover:text-indigo-600", __source: { fileName: "", lineNumber: 1292, columnNumber: 17 }, __self: this }, "サポート"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 pt-6 border-t border-gray-200", __source: { fileName: "", lineNumber: 1303, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 1304, columnNumber: 11 }, __self: this }, "© ", currentYear, " Sense Fork - 人生の分岐点を共有するプラットフォーム")))); }