Vite

Added

• Added a craft.vite.integrity() method that will extract the integrity hash (for building a Content Security Policy)
• Added an includeScriptOnloadHandler config setting that allows you to disable the adding of an onload handler on the <script> tags (useful when implementing a Content Security Policy)

Changed

• Filter out empty attributes so they don't render on the <script> tags

Fixed

• Use strrpos instead of strpos when attempting to extract a file name without the hash (#28)

Fixed

• Fixed an issue where the wrong CSS hash would be returned if you were using Vite 3 or earlier (#80)
• Fixed an issue where craft.vite.entry() would fail if you were using Vite 5 or later, due to the ManifestHelper::fileNameWithoutHash() function not working correctly (#24)

Added

• If the devServer is running, the ViteService::fetch() method will try to use the devServerInternal URL first, falling back on the devServerPublic so that craft.vite.inline() can pull from the devServer if it is running (#22)
• Add phpstan and ecs code linting
• Add code-analysis.yaml GitHub action

Changed

• Updated docs to use node 20 & a new sitemap plugin
• PHPstan code cleanup
• ECS code cleanup

Fixed

• Fixed a type error if you passed an array of entries into the errorEntry config (#76)
• Fixed an issue where the craft.vite.getCssHash() function didn't work with Vite 5, because it now uses a - to separate the version hash (#21)

Added

• Add the getCssInlineTags() function to the ViteVariable so it's accessible via Twig templates
• Added the create-release GitHub workflow to automate release tagging

Changed

• Updated the craft.vite.asset() function to work with Vite 3.x or later, where assets are stored as top-level entries in the manifest.json (#56) (#31)
• You can now include CSS manually if it's a top-level entry in your vite.config.js (rather than being imported into your JavaScript) via craft.vite.asset("src/css/app.css") (#31)

Changed

• Move to using ServicesTrait and add getter methods for services
• Update the docs to use Vitepress ^1.0.0-alpha.29

Fixed

• Fixed an issue where craft.vite.includeCriticalCssTags() would fail if you had template in the file path (#45)

Added

• Added support for detecting dev-mode in Craft CMS v4 by changing App::env('ENVIRONMENT') === 'dev'
• to App::env('ENVIRONMENT') === 'dev' || App::env('CRAFT_ENVIRONMENT') === 'dev' (#41)

Fixed

• Set the ViteService config in the constructor, so that settings from the config/vite.php are pre-populated before the ViteService::init() method is called (#44)

Changed

• Fixed an issue where checkDevServer didn't work with Vite 3, because they removed the intercepting of __vite_ping (#37)

Changed

• Adds a boolean as a second param to the craft.vite.asset(url, true) so that assets in the vite public folder can be referenced correctly from Twig (#10)

Fixed

• Fixed an issue where the plugin couldn't detect the Vite dev server by testing __vite_ping instead of @vite/client to determine whether the dev server is running or not (#33) (#8)

Changed

• Only clear caches in init() if we're using the dev server
• Cache the status of the devServer for the duration of the request

Fixed

• Removed errant debugging code

Added

• Added support for subresource integrity via plugins like vite-plugin-manifest-sri

Added

• Added a vite-script-loaded event dispatched to document so listeners can be notified after a script loads (#310)

Fixed

• Fixed a regression caused by #5 to ensure assets load on production (#6)

Added

• Added the .entry() function to retrieve and entry from the manifest.json to a JavaScript file, CSS file, or asset

Fixed

• Fixed an issue where the needle/haystack logic was reversed in strpos() which could cause it to not match properly in some setups (#5)

Fixed

• Fixed an issue with potentially duplicated modulepreload links by adding tags via an associative array (#16)

Added

• Added craft.vite.asset() to retrive assets such as images that are imported in JavaScript or CSS

Changed

• Changed the DEVMODE_CACHE_DURATION to 1 second (#3)

Added

• Added Preload Directives Generation that will automatically generate <link rel="modulepreload"> directives for entry chunks and their direct imports (PR#2)

Added

• Added a craft.vite.devServerRunning() method to allow you to determine if the Vite dev server is running or not from your Twig templates (#10)

Changed

• Switched the checkDevServer test file to @vite/client to accommodate with the change in Vite ^2.4.0 to use the .mjs extension (#11)

Changed

• Roll back the automatic inclusion of @vite/client.js (#9)

Changed

• Always include the @vite/client.js script if the dev server is running (#9)

Added

• Added craft.vite.getCssHash() that returns the content hash for the build CSS assets

Added

• Added craft.vite.includeCriticalCssTags() to make it easy to include inline Critical CSS generated via rollup-plugin-critical

Added

• Added a includeReactRefreshShim setting that will automatically include the required shim for react-refresh when the Vite dev server is running (#5)

Changed

• Removed custom user/agent header that was a holdover from curl
• Re-worked how the various JavaScript shims are stored and injected

Changed

• Change the default useDevServer setting to App::env('ENVIRONMENT') === 'dev' (#6)
• Refactored the code from a monolithic ViteService to helpers, as appropriate

Fixed

• Fixed an issue where it was outputting type="nomodule" for legacy scripts, when it should have just been nomodule

Added

• Moved the live reload through Twig errors to the ViteService so that plugins can get it too
• Added .inline() to allow for inlining of local or remote files in your templates, with a caching layer

Changed

• Use registerJsFile() instead of registerScript()
• Make the cache last for 30 seconds with devMode on
• Refactored to ViteVariableInterface & ViteVariableTrait

Added

• Added the devServerInternal setting back in, along with checkDevServer for people who want the fallback behavior (#2)

Changed

• Use PRIMARY_SITE_URL in the default config instead of SITE_URL
• Switch over to VitePress for the docs

Changed

• Crawl the manifest.json dependency graph recursively to look for CSS files

Fixed

• Don't call any AssetManager methods in the component init() method during console requests

Changed

• Removed entirely the devServerInternal setting, which isn't necessary (we just depend on you setting the useDevServer flag correctly instead), and added setup complexity

Changed

• Added initial documentation
• Updated default config.php

Added

• Initial release