bam

hwisu · hwisu · commit eb70c1ac178b · 2025-10-30T23:09:00.000+09:00
diff --git a/src/components/pages/RandomRedirect.astro b/src/components/pages/RandomRedirect.astro
@@ -1,5 +1,4 @@
 ---
-import { ViewTransitions } from 'astro:transitions';
 import { getCollection } from 'astro:content';
 import { getLocalePrefix, type Locale } from '../../i18n/config';
 
@@ -12,15 +11,12 @@ const { locale } = Astro.props as Props;
 const entries = await getCollection('entries', ({ data }) => !data.draft && data.lang === locale);
 
 const localePrefix = getLocalePrefix(locale);
+const postUrls = entries.map((entry) =>
+  `${localePrefix}/posts/${entry.data.translationKey ?? entry.slug}`.replace(/\/\//g, '/')
+);
 
-const candidates = entries.map((entry) => ({
-  url: `${localePrefix}/posts/${entry.data.translationKey ?? entry.slug}`.replace(/\/\//g, '/'),
-}));
-
-const loadingText = locale === 'ko' ? '랜덤 기록을 불러오는 중...' : 'Loading a random entry...';
-const emptyText = locale === 'ko' ? '표시할 기록이 없습니다.' : 'No entries available.';
-const pageTitle = locale === 'ko' ? '랜덤 기록 - Code Brewer' : 'Random Entry - Code Brewer';
 const fallbackUrl = localePrefix || '/';
+const pageTitle = locale === 'ko' ? 'Random Post - Code Brewer' : 'Random Entry - Code Brewer';
 ---
 
 <!DOCTYPE html>
@@ -29,65 +25,21 @@ const fallbackUrl = localePrefix || '/';
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{pageTitle}</title>
-    <ViewTransitions />
-    <script is:inline define:vars={{ candidates, fallbackUrl }}>
-      // Pick random entry on EVERY page load (client-side)
-      const pickRandomAndNavigate = () => {
-        if (candidates && candidates.length > 0) {
-          const randomIndex = Math.floor(Math.random() * candidates.length);
-          const randomUrl = candidates[randomIndex].url;
-
-          console.log('Redirecting to:', randomUrl);
-
-          // Create a link and click it to trigger View Transitions
-          const link = document.createElement('a');
-          link.href = randomUrl;
-          link.style.display = 'none';
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
+    <script is:inline define:vars={{ postUrls, fallbackUrl }}>
+      // 한 번만 실행되도록 보장
+      (function() {
+        if (window.__randomRedirected) return;
+        window.__randomRedirected = true;
+
+        // 랜덤 포스트로 즉시 리다이렉트
+        if (postUrls && postUrls.length > 0) {
+          const randomIndex = Math.floor(Math.random() * postUrls.length);
+          window.location.replace(postUrls[randomIndex]);
         } else {
-          // No entries available, redirect to home
-          window.location.href = fallbackUrl;
+          window.location.replace(fallbackUrl);
         }
-      };
-
-      // Small delay to show loading animation
-      setTimeout(pickRandomAndNavigate, 300);
+      })();
     </script>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        background: #0D0D15;
-        color: #E8E4D0;
-        font-family: system-ui, -apple-system, sans-serif;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 100vh;
-      }
-      .loader {
-        text-align: center;
-      }
-      .spinner {
-        border: 3px solid rgba(136, 170, 255, 0.1);
-        border-top-color: #88AAFF;
-        border-radius: 50%;
-        width: 40px;
-        height: 40px;
-        animation: spin 0.8s linear infinite;
-        margin: 0 auto 1rem;
-      }
-      @keyframes spin {
-        to { transform: rotate(360deg); }
-      }
-    </style>
   </head>
-  <body>
-    <div class="loader">
-      <div class="spinner"></div>
-      <p>{candidates.length > 0 ? loadingText : emptyText}</p>
-    </div>
-  </body>
+  <body></body>
 </html>
