chore: test deploy snapshot

2026-05-27 10:43:01 +09:00
parent c1d0f4c1db
commit 4c4b3c8d2c
78 changed files with 10392 additions and 2301 deletions
--- a/index.html
+++ b/index.html
@@ -15,6 +15,116 @@
  </head>
  <body>
    <div id="root"></div>
+    <script>
+      (() => {
+        const { pathname, search, hash, origin } = window.location;
+        const searchParams = new URLSearchParams(search);
+        const playAppInstallMetadata = {
+          'baseball-ticket-bay': { title: 'Baseball Ticket Bay', themeColor: '#1b3f91' },
+          photoprism: { title: 'PhotoPrism', themeColor: '#0f766e' },
+          'photo-puzzle': { title: 'Photo Puzzle', themeColor: '#d97706' },
+          'the-quest': { title: 'The Quest', themeColor: '#7c3aed' },
+          tetris: { title: 'Tetris', themeColor: '#0f172a' },
+          'e-reader': { title: 'E-Reader', themeColor: '#165dff' },
+        };
+
+        let installMetadata = null;
+
+        if (pathname === '/play/apps') {
+          const appId = searchParams.get('app')?.trim() ?? '';
+          const appMetadata = playAppInstallMetadata[appId];
+
+          if (appMetadata) {
+            installMetadata = {
+              title: appMetadata.title,
+              shortName: appMetadata.title,
+              description: `${appMetadata.title} 앱을 홈 화면에서 바로 엽니다.`,
+              themeColor: appMetadata.themeColor,
+              scope: pathname,
+            };
+          }
+        } else if (pathname === '/plans/shared-resource') {
+          installMetadata = {
+            title: '공유 리소스 관리',
+            shortName: '공유 리소스',
+            description: '공유 리소스 관리 화면을 홈 화면 앱으로 바로 엽니다.',
+            themeColor: '#0f766e',
+            scope: pathname,
+          };
+        } else if (pathname.startsWith('/shares/')) {
+          installMetadata = {
+            title: '리소스 공유 채팅방',
+            shortName: '공유채팅',
+            description: '리소스 공유 채팅방을 홈 화면 앱으로 바로 엽니다.',
+            themeColor: '#165dff',
+            scope: pathname,
+          };
+        }
+
+        if (!installMetadata) {
+          return;
+        }
+
+        const startUrl = new URL(`${pathname}${search}${hash}`, origin).toString();
+        const scopeUrl = new URL(installMetadata.scope, origin).toString();
+        const manifest = {
+          id: startUrl,
+          name: installMetadata.title,
+          short_name: installMetadata.shortName,
+          description: installMetadata.description,
+          theme_color: installMetadata.themeColor,
+          background_color: '#eff5ff',
+          display: 'standalone',
+          lang: 'ko',
+          scope: scopeUrl,
+          start_url: startUrl,
+          icons: [
+            {
+              src: new URL('/pwa-192x192.svg', origin).toString(),
+              sizes: '192x192',
+              type: 'image/svg+xml',
+            },
+            {
+              src: new URL('/pwa-512x512.svg', origin).toString(),
+              sizes: '512x512',
+              type: 'image/svg+xml',
+              purpose: 'any maskable',
+            },
+          ],
+        };
+
+        const manifestBlob = new Blob([JSON.stringify(manifest, null, 2)], {
+          type: 'application/manifest+json',
+        });
+        const manifestHref = URL.createObjectURL(manifestBlob);
+        let manifestLink = document.querySelector('link[rel="manifest"]');
+
+        if (!manifestLink) {
+          manifestLink = document.createElement('link');
+          manifestLink.rel = 'manifest';
+          document.head.appendChild(manifestLink);
+        }
+
+        manifestLink.href = manifestHref;
+        document.title = installMetadata.title;
+
+        let appleTitleMeta = document.querySelector('meta[name="apple-mobile-web-app-title"]');
+        if (!appleTitleMeta) {
+          appleTitleMeta = document.createElement('meta');
+          appleTitleMeta.name = 'apple-mobile-web-app-title';
+          document.head.appendChild(appleTitleMeta);
+        }
+        appleTitleMeta.content = installMetadata.title;
+
+        let themeColorMeta = document.querySelector('meta[name="theme-color"]');
+        if (!themeColorMeta) {
+          themeColorMeta = document.createElement('meta');
+          themeColorMeta.name = 'theme-color';
+          document.head.appendChild(themeColorMeta);
+        }
+        themeColorMeta.content = installMetadata.themeColor;
+      })();
+    </script>
    <script type="module" src="/src/main.tsx"></script>
  </body>
-  </html>
+</html>