fix(web): prevent event propagation on deploy modal click and resolve Windows line ending test failures

Author: Maou3434

apps/web/src/components/FileViewer.tsx

@@ -9020,7 +9020,14 @@ function HtmlViewer({
             if (event.target === event.currentTarget) closeDeployModal();
           }}
         >
-          <div className="modal deploy-modal deploy-flow-modal" role="dialog" aria-modal="true">
+          <div
+            className="modal deploy-modal deploy-flow-modal"
+            role="dialog"
+            aria-modal="true"
+            onClick={(event) => {
+              event.stopPropagation();
+            }}
+          >
             <div className="deploy-flow-modal__scroll">
               <div className="modal-head">
                 <div className="kicker">{deployProviderLabel}</div>

apps/web/src/i18n/locales/fa.ts

@@ -2372,12 +2372,6 @@ export const fa: Dict = {
   'questions.skipAll': 'رد کردن همه',
   'questions.autoSkipHint': 'با پایان تایمر به‌طور خودکار ادامه می‌یابد',
 
-  'fileViewer.deployToVercel': 'استقرار روی Vercel',
-  'fileViewer.redeployToVercel': 'استقرار دوباره',
-  'fileViewer.deployingToVercel': 'در حال استقرار روی Vercel…',
-  'fileViewer.deployProviderLabel': 'ارائه‌دهنده استقرار',
-  'fileViewer.vercelProvider': 'Vercel',
-  'fileViewer.cloudflarePagesProvider': 'Cloudflare Pages',
   'fileViewer.netlifyProvider': 'Netlify',
   'fileViewer.netlifyToken': 'Netlify token',
   'fileViewer.netlifyTokenGetLink': 'Get Netlify token',
@@ -2403,61 +2397,6 @@ export const fa: Dict = {
   'fileViewer.githubPatTokenReuseHint': 'Saved token will be used. Enter a new token to replace it.',
   'fileViewer.githubPatTokenRequired': 'Enter and save a GitHub PAT first.',
 
-  'fileViewer.deployToProvider': 'استقرار روی {provider}',
-  'fileViewer.redeployToProvider': 'استقرار دوباره روی {provider}',
-  'fileViewer.deployingToProvider': 'در حال استقرار روی {provider}…',
-  'fileViewer.preparingPublicLink': 'در حال آماده‌سازی لینک عمومی…',
-  'fileViewer.copyDeployLink': 'کپی لینک',
-  'fileViewer.deployModalTitle': 'استقرار',
-  'fileViewer.deployModalSubtitle': 'از حساب ارائه‌دهنده انتخاب‌شده برای استقرار این پیش‌نمایش HTML استفاده کنید.',
-  'fileViewer.vercelToken': 'توکن Vercel',
-  'fileViewer.vercelTokenGetLink': 'دریافت توکن Vercel',
-  'fileViewer.vercelTokenPlaceholder': 'توکن Vercel خود را وارد کنید',
-  'fileViewer.vercelTokenReuseHint': 'از توکن ذخیره‌شده استفاده می‌شود. برای جایگزینی، توکن جدید وارد کنید.',
-  'fileViewer.vercelTokenRequired': 'ابتدا یک توکن Vercel وارد و ذخیره کنید.',
-  'fileViewer.cloudflareApiToken': 'توکن API کلادفلر',
-  'fileViewer.cloudflareApiTokenGetLink': 'دریافت توکن API',
-  'fileViewer.cloudflareApiTokenPlaceholder': 'توکن API کلادفلر خود را وارد کنید',
-  'fileViewer.cloudflareApiTokenReuseHint': 'از توکن API کلادفلر ذخیره‌شده استفاده می‌شود. برای جایگزینی، توکن جدید وارد کنید.',
-  'fileViewer.cloudflareApiTokenRequired': 'ابتدا یک توکن API کلادفلر وارد و ذخیره کنید.',
-  'fileViewer.cloudflareApiTokenScopeHint': 'هنگام ساخت توکن API گزینه Pages Edit را انتخاب کنید؛ دامنه‌های سفارشی به Zone Read / DNS Edit نیاز دارند.',
-  'fileViewer.vercelTeamId': 'شناسه تیم',
-  'fileViewer.vercelTeamSlug': 'اسلاگ تیم',
-  'fileViewer.cloudflareAccountId': 'شناسه حساب',
-  'fileViewer.cloudflareAccountIdHint': 'شناسه حساب را در داشبورد Cloudflare پیدا کنید.',
-  'fileViewer.cloudflareAccountIdRequired': 'ابتدا Cloudflare Account ID را وارد و ذخیره کنید.',
-  'fileViewer.cloudflareZoneLabel': 'Domain',
-  'fileViewer.cloudflareZonePlaceholder': 'Save Cloudflare settings to load domains',
-  'fileViewer.cloudflareZoneRequired': 'Select a Cloudflare domain first.',
-  'fileViewer.cloudflareZonesLoading': 'Loading Cloudflare domains…',
-  'fileViewer.cloudflareZonesRefresh': 'Refresh domains',
-  'fileViewer.cloudflareZonesLoadFailed': 'Could not load Cloudflare domains.',
-  'fileViewer.cloudflareZonesEmpty': 'No active full Cloudflare domains were found for this account.',
-  'fileViewer.cloudflareDomainPrefixLabel': 'Subdomain prefix',
-  'fileViewer.cloudflareDomainPrefixPlaceholder': 'demo',
-  'fileViewer.cloudflareDomainPrefixInvalid': 'Use one DNS label only: lowercase letters, numbers, and hyphens.',
-  'fileViewer.cloudflareHostnamePreview': 'Custom domain preview: {hostname}',
-  'fileViewer.cloudflareCustomDomainHint': 'اختیاری: یک دامنه سفارشی متصل کنید. خالی گذاشتن این فیلد همچنان یک لینک pages.dev می‌سازد.',
-  'fileViewer.cloudflarePagesDevLinkLabel': 'pages.dev URL',
-  'fileViewer.cloudflareCustomDomainLinkLabel': 'Custom domain',
-  'fileViewer.optional': 'اختیاری',
-  'fileViewer.vercelPreviewOnly': 'استقرارها فعلاً فقط Preview هستند.',
-  'fileViewer.cloudflarePagesPreviewHint': 'Cloudflare Pages از Direct Upload استفاده می‌کند.',
-  'fileViewer.savingConfig': 'در حال ذخیره…',
-  'fileViewer.deployConfigSaveFailed': 'ذخیره تنظیمات Vercel ممکن نبود.',
-  'fileViewer.deployFailed': 'استقرار ناموفق بود. تنظیمات Vercel را بررسی و دوباره تلاش کنید.',
-  'fileViewer.deployProviderConfigSaveFailed': 'ذخیره تنظیمات {provider} ممکن نبود.',
-  'fileViewer.deployProviderFailed': 'استقرار روی {provider} ناموفق بود. تنظیمات را بررسی و دوباره تلاش کنید.',
-  'fileViewer.deployResultLabel': 'URL مستقرشده',
-  'fileViewer.deployLinkReady': 'آماده',
-  'fileViewer.deploySuccessToast': 'استقرار با موفقیت آپلود شد',
-  'fileViewer.deploySuccessToastDetails': '{provider} · {url}',
-  'fileViewer.deployLinkPreparingLabel': 'لینک عمومی در انتظار است',
-  'fileViewer.deployLinkDelayed': 'سایت مستقر شده است. ارائه‌دهنده هنوز لینک عمومی را آماده می‌کند.',
-  'fileViewer.deployLinkFailed': 'دامنه سفارشی ناموفق بود',
-  'fileViewer.deployLinkProtectedLabel': 'محافظت استقرار فعال است',
-  'fileViewer.deployLinkProtected': 'سایت مستقر شده، اما این لینک پیش‌نمایش نیاز به احراز هویت دارد. Deployment Protection را غیرفعال کنید یا از دامنه سفارشی استفاده کنید.',
-  'fileViewer.retryLink': 'همین حالا دوباره تلاش کنید',
   'sketch.toolSelect': 'انتخاب (غیرفعال)',
   'sketch.toolPen': 'قلم',
   'sketch.toolText': 'متن',

apps/web/tests/components/FileViewer.test.tsx

@@ -2533,6 +2533,16 @@ describe('FileViewer SVG artifacts', () => {
           updatedAt: 2,
         }), { status: 200 });
       }
+      if (url === '/api/deploy/config' && method === 'PUT') {
+        return new Response(JSON.stringify({
+          providerId: 'vercel-self',
+          configured: true,
+          tokenMask: 'saved-token',
+          teamId: '',
+          teamSlug: '',
+          target: 'preview',
+        }), { status: 200 });
+      }
       return new Response(JSON.stringify({}), { status: 404 });
     }));
 

apps/web/tests/helpers/read-expanded-css.ts

@@ -12,7 +12,7 @@ function expandCssFile(filePath: string, seen = new Set<string>()): string {
   }
   seen.add(key);
 
-  const css = readFileSync(filePath, 'utf8');
+  const css = readFileSync(filePath, 'utf8').replace(/\r\n/g, '\n');
   return css.replace(/@import\s+(?:url\(([^)]+)\)|(['"])([^'"]+)\2);/g, (_match, urlImport, _quote, quotedImport) => {
     const specifier = (quotedImport ?? urlImport ?? '').trim().replace(/^['"]|['"]$/g, '');
     if (!specifier.startsWith('./') && !specifier.startsWith('../')) {