[2.x] New asset system

[emmadesilva]

Abstract

This pull request for HydePHP v2 brings several improvements on how we handle assets in HydePHP. It brings a complete rewrite of the HydeFront asset handling system, replacing Laravel Mix with Vite, and favouring Blade-based components with Tailwind classes over CSS partials and custom stylesheets.

Introduces Vite

In these pull requests we replaced Laravel Mix with Vite:

• [2.x] Replace Laravel Mix with Vite #2010
• [2.x] No longer copy files to site output from the asset bundler command #2011
• [2.x] Update the realtime compiler to only serve source media files #2012
• [2.x] Replace --run-dev and --run-prod build command flags with --run-vite flag #2013
• [2.x] Add Vite Realtime Compiler integration for HMR #2016
• [2.x] Massive Windows performance improvement of the Vite integration #2021
• [2.x] Improve the Vite integration #2060

HydeFront v4

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.

• [2.x] Refactor HydeFront styles to TailwindCSS #2024
  • [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
  • [2.x] Bundle styles to support more torchlight features #2039

Related Changes

• [2.x] Blade-based colored Markdown blockquotes #2056
• [2.x] Blade-based table of contents generator #2045
• [2.x] Custom Markdown heading renderer #2047

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (54012db) to head (b38248c).
Report is 513 commits behind head on 2.x-dev.

Additional details and impacted files

@@             Coverage Diff              @@
##             2.x-dev     #2006    +/-   ##
============================================
  Coverage     100.00%   100.00%            
- Complexity      1891      1939    +48     
============================================
  Files            194       196     +2     
  Lines           5044      5160   +116     
============================================
+ Hits            5044      5160   +116     

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