feat: upgrade to vite 8 and rolldown (#332)

Co-authored-by: Claude <noreply@anthropic.com>

Author: ElMassimo

.claude/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.0.1",
+  "configurations": [
+    {
+      "name": "blog",
+      "runtimeExecutable": "pnpm",
+      "runtimeArgs": ["blog"],
+      "port": 5173
+    }
+  ]
+}

.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "mcp__Claude_Preview__preview_start"
+    ]
+  }
+}

.github/workflows/build.yml

@@ -54,7 +54,7 @@ jobs:
       CI: true
 
     runs-on: ubuntu-latest
-    container: cypress/included:9.2.0
+    container: cypress/included:15.13.0
     steps:
       - uses: actions/checkout@v2
 

docs/cypress/e2e/docsearch.cypress.cy.js

@@ -39,4 +39,37 @@ describe('DocSearch', () => {
     openSearchModalWithKeyboard()
     closeSearchModal()
   })
+
+  it('can search and navigate to a result', () => {
+    visitHome()
+    openSearchModal()
+
+    // Type a search query.
+    cy.get('.DocSearch-Input').type('hydration')
+    cy.get('.DocSearch-Hit', { timeout: 10000 }).should('exist')
+
+    // Click the first result.
+    cy.get('.DocSearch-Hit').first().click()
+
+    // Verify navigation happened — should be on a page about hydration.
+    cy.url().should('include', 'hydration')
+    cy.get('h1').invoke('text').then((text) => {
+      expect(text.toLowerCase()).to.include('hydration')
+    })
+  })
+
+  it('search works after turbo navigation', () => {
+    visitHome()
+
+    // Navigate to another page via sidebar link.
+    navigateTo('FAQs')
+    assertPage({ title: 'FAQs' })
+
+    // Search should still work after turbo navigation.
+    openSearchModalWithKeyboard()
+    closeSearchModal()
+
+    openSearchModal()
+    closeSearchModal()
+  })
 })

docs/cypress/e2e/home.cypress.cy.js

@@ -15,4 +15,14 @@ describe('The Home Page', () => {
 
     goBackHome()
   })
+
+  it('serves a valid pwa-manifest.json', () => {
+    cy.request('/pwa-manifest.json').then((response) => {
+      expect(response.status).to.eq(200)
+      expect(response.headers['content-type']).to.include('application/json')
+      expect(response.body.name).to.eq('îles')
+      expect(response.body.theme_color).to.eq('#5C7E8F')
+      expect(response.body.icons).to.have.length(3)
+    })
+  })
 })

docs/cypress/e2e/sidebar.cypress.cy.js

@@ -1,4 +1,4 @@
-import { visit, navigateTo, goBackHome, assertPage, waitForHydration } from './helpers'
+import { assertPage, visit, visitHome, waitForHydration } from './helpers'
 
 describe('Sidebar Toggle', () => {
   const sidebar = () =>
@@ -24,7 +24,8 @@ describe('Sidebar Toggle', () => {
     sidebarToggle().should('not.be.visible')
   })
 
-  test.skipIf(process.env.CI)('can open in mobile', () => {
+  // test.skipIf(process.env.CI)('can open in mobile', () => {
+  it('can open in mobile', () => {
     visitHome()
     cy.viewport(500, 720)
     visit('/guide/frameworks')

docs/package.json

@@ -34,7 +34,7 @@
     "preact": "^10.24.3",
     "preact-render-to-string": "^6.5.11",
     "rehype-external-links": "^3.0.0",
-    "unocss": "^0.61.8",
+    "unocss": "^66.6.6",
     "vite-plugin-inspect": "^0.8.7",
     "vue-tsc": "^2.1.10"
   },

docs/scripts/test-cypress

@@ -5,11 +5,11 @@ set -e
 cd "$(dirname "$0")/.."
 
 echo '== Starting server =='
-pnpm run preview &
+pnpm exec iles preview --host 0.0.0.0 --port 3050 &
 
 echo '== Waiting for server to respond... =='
-pnpx wait-on http-get://localhost:3050 --delay 1000 --timeout 15000
+pnpx wait-on http-get://localhost:3050 --delay 1000 --timeout 60000
 
 echo '== Server ready! =='
 
-pnpx cypress@10.6.0 run && echo '== Finished! =='
+pnpx cypress@15.13.0 run && echo '== Finished! =='

docs/src/components/TheSidebar.vue

@@ -11,7 +11,7 @@ export function onLoad () {
 
     const [panel, bg] = [doc.getElementById('sidebar-panel')!, doc.getElementById('sidebar-background')!]
 
-    panel.classList.toggle('!-translate-x-0', open)
+    panel.style.setProperty('--un-translate-x', open ? '0' : null)
 
     if (open) {
       bg.classList.remove('hidden')

iles.config.ts

@@ -3,10 +3,12 @@ import { join } from 'pathe'
 
 const testConfig = {
   test: {
-    deps: {
-      inline: [
-        '@vue/devtools-api',
-      ],
+    server: {
+      deps: {
+        inline: [
+          '@vue/devtools-api',
+        ],
+      },
     },
   },
 }