- Replace React 19 with Preact via @preact/preset-vite (zero component changes needed — Vite aliases react → preact/compat at build time) - Add custom iOS easing curves (ease-ios, ease-spring) via Tailwind @theme - Update all transitions to use iOS-standard 200ms durations and spring/decel easing - Add active:scale press feedback on tiles, buttons, and toggles - Toggle knob now uses spring easing for a satisfying snap Reviewed-on: #1 Co-authored-by: Jose Henrique <jose.henrique.ivan@gmail.com> Co-committed-by: Jose Henrique <jose.henrique.ivan@gmail.com>
27 lines
655 B
TypeScript
27 lines
655 B
TypeScript
|
|
import { defineConfig } from 'vite'
|
|
import preact from '@preact/preset-vite'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import { resolve } from 'path'
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [preact(), tailwindcss()],
|
|
build: {
|
|
rollupOptions: {
|
|
input: {
|
|
index: resolve(__dirname, 'index.html'),
|
|
},
|
|
output: {
|
|
entryFileNames: 'assets/[name].js',
|
|
chunkFileNames: 'assets/[name].js',
|
|
assetFileNames: 'assets/[name].[ext]'
|
|
}
|
|
},
|
|
// Ensure CSS is extracted to a separate file
|
|
cssCodeSplit: false,
|
|
},
|
|
// Base path for Chrome extension
|
|
base: './',
|
|
|
|
}) |