From 18965de46abe6fd1f0e1e0d95e1b81a35aebf124 Mon Sep 17 00:00:00 2001 From: Tyler <26290074+tylersayshi@users.noreply.github.com> Date: Sun, 26 Jan 2025 18:28:25 -0800 Subject: [PATCH] refactor(tailwind): bump all projects to v4 with vite tailwind plugin (#1189) docs: https://tailwindcss.com/blog/tailwindcss-v4 swapped to vite plugin to improve dev perf as well per the rec from the blog post. --------- Co-authored-by: Tyler <26290074+thegitduck@users.noreply.github.com> --- .../waku-project/src/pages/_layout.tsx | 4 +- .../packages/waku-project/src/styles.css | 1 - examples/01_template/package.json | 4 +- examples/01_template/postcss.config.js | 7 - .../01_template/src/components/counter.tsx | 4 +- examples/01_template/src/styles.css | 7 +- examples/01_template/tailwind.config.js | 4 - examples/01_template/vite.config.ts | 5 + examples/02_template_js/package.json | 4 +- examples/02_template_js/postcss.config.js | 7 - .../02_template_js/src/components/counter.jsx | 4 +- examples/02_template_js/src/styles.css | 7 +- examples/02_template_js/tailwind.config.js | 4 - examples/02_template_js/vite.config.ts | 5 + examples/03_demo/package.json | 3 +- examples/03_demo/postcss.config.js | 7 - examples/03_demo/src/pages/[slug].tsx | 6 +- examples/03_demo/src/pages/index.tsx | 4 +- examples/03_demo/src/styles.css | 16 +- examples/03_demo/tailwind.config.js | 10 - examples/03_demo/vite.config.ts | 5 + examples/05_compiler/package.json | 4 +- examples/05_compiler/postcss.config.js | 7 - .../05_compiler/src/components/counter.tsx | 4 +- examples/05_compiler/src/styles.css | 7 +- examples/05_compiler/tailwind.config.js | 4 - examples/05_compiler/vite.config.ts | 5 + examples/06_form-demo/package.json | 4 +- examples/06_form-demo/postcss.config.js | 7 - examples/06_form-demo/src/components/Form.tsx | 4 +- examples/06_form-demo/src/styles.css | 16 +- examples/06_form-demo/tailwind.config.js | 10 - examples/06_form-demo/vite.config.ts | 5 + examples/12_nossr/package.json | 4 +- examples/12_nossr/postcss.config.js | 7 - examples/12_nossr/src/components/counter.tsx | 4 +- examples/12_nossr/src/styles.css | 7 +- examples/12_nossr/tailwind.config.js | 4 - examples/12_nossr/vite.config.ts | 5 + examples/12_nossr/waku.config.ts | 10 - examples/42_react-tweet/package.json | 3 +- examples/42_react-tweet/postcss.config.js | 7 - examples/42_react-tweet/src/styles.css | 7 +- examples/42_react-tweet/tailwind.config.js | 4 - examples/42_react-tweet/vite.config.ts | 5 + .../src/lib/middleware/dev-server-impl.ts | 4 + packages/website/package.json | 4 +- packages/website/postcss.config.js | 8 - packages/website/src/components/fade.tsx | 6 +- packages/website/src/components/logo.tsx | 2 +- packages/website/src/components/mdx.tsx | 8 +- .../website/src/components/navigation.tsx | 16 +- packages/website/src/pages/blog/[slug].tsx | 2 +- packages/website/src/pages/blog/index.tsx | 4 +- packages/website/src/pages/index.tsx | 2 +- packages/website/src/styles.css | 110 ++-- packages/website/vite.config.ts | 7 +- pnpm-lock.yaml | 611 ++++++++++-------- 58 files changed, 526 insertions(+), 520 deletions(-) delete mode 100644 e2e/fixtures/monorepo/packages/waku-project/src/styles.css delete mode 100644 examples/01_template/postcss.config.js delete mode 100644 examples/01_template/tailwind.config.js create mode 100644 examples/01_template/vite.config.ts delete mode 100644 examples/02_template_js/postcss.config.js delete mode 100644 examples/02_template_js/tailwind.config.js create mode 100644 examples/02_template_js/vite.config.ts delete mode 100644 examples/03_demo/postcss.config.js delete mode 100644 examples/03_demo/tailwind.config.js create mode 100644 examples/03_demo/vite.config.ts delete mode 100644 examples/05_compiler/postcss.config.js delete mode 100644 examples/05_compiler/tailwind.config.js create mode 100644 examples/05_compiler/vite.config.ts delete mode 100644 examples/06_form-demo/postcss.config.js delete mode 100644 examples/06_form-demo/tailwind.config.js create mode 100644 examples/06_form-demo/vite.config.ts delete mode 100644 examples/12_nossr/postcss.config.js delete mode 100644 examples/12_nossr/tailwind.config.js create mode 100644 examples/12_nossr/vite.config.ts delete mode 100644 examples/12_nossr/waku.config.ts delete mode 100644 examples/42_react-tweet/postcss.config.js delete mode 100644 examples/42_react-tweet/tailwind.config.js create mode 100644 examples/42_react-tweet/vite.config.ts delete mode 100644 packages/website/postcss.config.js diff --git a/e2e/fixtures/monorepo/packages/waku-project/src/pages/_layout.tsx b/e2e/fixtures/monorepo/packages/waku-project/src/pages/_layout.tsx index f93c96c74..259c76d8d 100644 --- a/e2e/fixtures/monorepo/packages/waku-project/src/pages/_layout.tsx +++ b/e2e/fixtures/monorepo/packages/waku-project/src/pages/_layout.tsx @@ -1,5 +1,3 @@ -import '../styles.css'; - import type { ReactNode } from 'react'; import { Header } from '../components/header'; @@ -11,7 +9,7 @@ export default async function RootLayout({ children }: RootLayoutProps) { const data = await getData(); return ( -