Skip to content

Tailwind 4 and related fixes#294

Merged
hakalb merged 3 commits intomainfrom
fix-tailwind
Mar 28, 2025
Merged

Tailwind 4 and related fixes#294
hakalb merged 3 commits intomainfrom
fix-tailwind

Conversation

@hakalb
Copy link
Copy Markdown
Member

@hakalb hakalb commented Mar 28, 2025

Closed COD-193, COD-283, COD-296

Copilot AI review requested due to automatic review settings March 28, 2025 16:13
@bolt-new-by-stackblitz
Copy link
Copy Markdown

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR upgrades the project to Tailwind 4 while making related fixes and consolidations across both the web and CMS apps. Key changes include updating PostCSS configurations, refactoring component class names and layout structures, and adding a new migration (COD-296) to adjust form block width handling.

Reviewed Changes

Copilot reviewed 53 out of 59 changed files in this pull request and generated no comments.

Show a summary per file
File Description
apps/web/postcss.config.mjs Added a new ESM configuration using '@tailwindcss/postcss' for Tailwind 4.
apps/web/postcss.config.cjs Removed the legacy CommonJS configuration.
apps/web/app/routes/_index.tsx & $slug.tsx Reordered Tailwind class names for improved consistency.
apps/web/app/root.tsx Adjusted element ordering and updated the icon component usage.
apps/web/app/components/desktop-navigation.tsx & container.tsx Updated import paths and class ordering.
apps/cms/tailwind.config.mjs Removed CMS-specific Tailwind config.
apps/cms/src/migrations/* Added migration COD-296 to convert enum width columns and update defaults.
apps/cms/src/components/Logo.client.tsx Revised the Logo component by removing explicit width and height.
apps/cms/src/app/(frontend)/layout.tsx Refactored layout structure with updated Tailwind classes.
apps/cms/postcss.config.mjs Switched CMS PostCSS config to use '@tailwindcss/postcss' instead of autoprefixer.
Files not reviewed (6)
  • .prettierrc: Language not supported
  • apps/cms/src/app/(frontend)/globals.css: Language not supported
  • apps/cms/src/app/(payload)/custom.scss: Language not supported
  • apps/cms/src/migrations/20241218_093558_cod_213.json: Language not supported
  • apps/web/app/tailwind.css: Language not supported
  • apps/web/package.json: Language not supported
Comments suppressed due to low confidence (3)

apps/cms/src/components/Logo.client.tsx:4

  • [nitpick] The explicit width and height properties for CdwrCloud have been removed. If fixed sizing is required for layout consistency, consider reintroducing explicit dimensions via props or Tailwind classes.
<CdwrCloud width="100" height="100" className="text-black dark:text-white opacity-80" />

apps/cms/postcss.config.mjs:4

  • The autoprefixer plugin configuration has been removed. If autoprefixing is still needed for browser compatibility, consider adding autoprefixer back into the plugins configuration.
'@tailwindcss/postcss': {}

apps/web/app/components/desktop-navigation.tsx:1

  • [nitpick] The import path for the 'cn' function has been updated. Please confirm that the new path is correct and consistent across the codebase.
import { cn } from '@codeware/shared/util/ui';

@nx-cloud
Copy link
Copy Markdown

nx-cloud Bot commented Mar 28, 2025

View your CI Pipeline Execution ↗ for commit 8bc16a7.

Command Status Duration Result
nx e2e nx-payload-e2e -c quick ✅ Succeeded 11m 4s View ↗
nx e2e nx-payload-e2e -c skip-docker ✅ Succeeded 12m 11s View ↗

☁️ Nx Cloud last updated this comment at 2025-03-28 16:51:11 UTC

@codeware-actions
Copy link
Copy Markdown

✨ Your pull request projects are ready for preview

Project App name Preview
cms cdwr-cms-pr-294 https://cdwr-cms-pr-294.fly.dev
web cdwr-web-pr-294 https://cdwr-web-pr-294.fly.dev

@codecov
Copy link
Copy Markdown

codecov Bot commented Mar 28, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 81.09%. Comparing base (5ba260e) to head (8bc16a7).
Report is 3 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main     #294   +/-   ##
=======================================
  Coverage   81.09%   81.09%           
=======================================
  Files          63       63           
  Lines        1074     1074           
  Branches      216      216           
=======================================
  Hits          871      871           
  Misses        203      203           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@codeware-actions
Copy link
Copy Markdown

✨ Your pull request projects are ready for preview

Project App name Preview
cms cdwr-cms-pr-294 https://cdwr-cms-pr-294.fly.dev
web cdwr-web-pr-294 https://cdwr-web-pr-294.fly.dev

@hakalb hakalb enabled auto-merge March 28, 2025 16:43
@hakalb hakalb added this pull request to the merge queue Mar 28, 2025
Merged via the queue into main with commit b61c236 Mar 28, 2025
17 checks passed
@hakalb hakalb deleted the fix-tailwind branch March 28, 2025 16:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants