[2.x] Refactor HydeFront styles to TailwindCSS

[emmadesilva]

Abstract

• Targets HydePHP v2.x Development #1565 via [2.x] New asset system #2006

We are updating how HydeFront is handled for v2. Instead of declaring styles directly in HydeFront alongside Tailwind, we will refactor those styles into Tailwind.

HydeFront will serve two main purposes:

1. It will continue to include the precompiled app.css file bundled with new apps, available through the HydeFront CDN.
2. It will act as a component library, allowing users to include granular styles from app.css, which we will preconfigure.

For example, users can include our Tailwind styles granularly using just the app.css file from the HydeFront package. This file will be compiled alongside Tailwind. If users prefer customization, they can remove the import and add the specific styles they want.

Todo: Test that checks if config files are matching should test the Tailwind config

Related Changes

• [2.x] Recreate the HydeSearch plugin with Alpine.js #2029
• [2.x] Extract vendor file for the HydeSearch script #2031
• [2.x] Normalize codeblock styles and remove Torchlight enabled class #2036
• [2.x] Remove the hyde.css file from HydeFront #2037
• [2.x] Extract HydeFront partials for Tailwind component templates #2038

I think changelog in many parts can be summarized as:

• Refactored several Blade components to use Tailwind instead of custom HydeFront CSS code

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (9598933) to head (7e65fd6).
Report is 111 commits behind head on new-asset-system.

Additional details and impacted files

@@                 Coverage Diff                  @@
##             new-asset-system     #2024   +/-   ##
====================================================
  Coverage              100.00%   100.00%           
  Complexity               1906      1906           
====================================================
  Files                     195       195           
  Lines                    5078      5080    +2     
====================================================
+ Hits                     5078      5080    +2     

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

[emmadesilva]

Can tweak this a bit more https://percy.io/9d5269d1/web/hydephp/builds/37404896/changed/2037703340?browser=chrome&browser_ids=59&group_snapshots_by=similar_diff&subcategories=unreviewed%2Cchanges_requested&utm_source=github_status_public&viewLayout=overlay&viewMode=new&width=375&widths=375%2C1280
Old https://images.percy.io/f212d2f4b690bb850b3f8c529644b8c0e61dedc7d2f55ef01ae000421e507419
New https://images.percy.io/b403a7fff64a77c15b7614442e07e69782040d29ea4c79a5bbae9f7166af5fb3

[emmadesilva]

There are going to be some tiny visual regressions/changes, so I'm going to tackle all of those later. Want to get the main refactor done first.