(server: ViteDevServer)
| 566 | } |
| 567 | |
| 568 | async function generateFallbackHtml(server: ViteDevServer) { |
| 569 | const hmrRuntime = await getHmrImplementation(server.config) |
| 570 | return /* html */ ` |
| 571 | <!DOCTYPE html> |
| 572 | <html lang="en"> |
| 573 | <head> |
| 574 | <script type="module"> |
| 575 | ${hmrRuntime.replaceAll('</script>', '<\\/script>')} |
| 576 | </script> |
| 577 | <style> |
| 578 | :root { |
| 579 | --page-bg: #ffffff; |
| 580 | --text-color: #1d1d1f; |
| 581 | --spinner-track: #f5f5f7; |
| 582 | --spinner-accent: #0071e3; |
| 583 | } |
| 584 | @media (prefers-color-scheme: dark) { |
| 585 | :root { |
| 586 | --page-bg: #1e1e1e; |
| 587 | --text-color: #f5f5f5; |
| 588 | --spinner-track: #424242; |
| 589 | } |
| 590 | } |
| 591 | |
| 592 | body { |
| 593 | margin: 0; |
| 594 | min-height: 100vh; |
| 595 | display: flex; |
| 596 | background-color: var(--page-bg); |
| 597 | color: var(--text-color); |
| 598 | } |
| 599 | |
| 600 | .container { |
| 601 | margin: auto; |
| 602 | padding: 2rem; |
| 603 | text-align: center; |
| 604 | border-radius: 1rem; |
| 605 | } |
| 606 | |
| 607 | .spinner { |
| 608 | width: 3rem; |
| 609 | height: 3rem; |
| 610 | margin: 2rem auto; |
| 611 | border: 3px solid var(--spinner-track); |
| 612 | border-top-color: var(--spinner-accent); |
| 613 | border-radius: 50%; |
| 614 | animation: spin 1s linear infinite; |
| 615 | } |
| 616 | |
| 617 | @keyframes spin { to { transform: rotate(360deg) } } |
| 618 | </style> |
| 619 | </head> |
| 620 | <body> |
| 621 | <div class="container"> |
| 622 | <h1>Bundling in progress</h1> |
| 623 | <p>The page will automatically reload when ready.</p> |
| 624 | <div class="spinner"></div> |
| 625 | </div> |
no test coverage detected