-
Notifications
You must be signed in to change notification settings - Fork 263
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add tailwindcss-extra for bundled DaisyUI to avoid Node dependency.
- Loading branch information
1 parent
4fd01b4
commit 90d8c79
Showing
3 changed files
with
246 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,210 @@ | ||
| //! Tailwind CSS asset pipeline. | ||
| use super::{ | ||
| data_target_path, AssetFile, AttrWriter, Attrs, TrunkAssetPipelineOutput, ATTR_CONFIG, | ||
| ATTR_HREF, ATTR_INLINE, ATTR_NO_MINIFY, | ||
| }; | ||
| use crate::{ | ||
| common::{self, dist_relative, html_rewrite::Document, nonce, target_path}, | ||
| config::rt::RtcBuild, | ||
| processing::integrity::{IntegrityType, OutputDigest}, | ||
| tools::{self, Application}, | ||
| }; | ||
| use anyhow::{Context, Result}; | ||
| use std::{path::PathBuf, sync::Arc}; | ||
| use tokio::{fs, task::JoinHandle}; | ||
|
|
||
| /// A tailwind css asset pipeline. | ||
| pub struct TailwindCssExtra { | ||
| /// The ID of this pipeline's source HTML element. | ||
| id: usize, | ||
| /// Runtime build config. | ||
| cfg: Arc<RtcBuild>, | ||
| /// The asset file being processed. | ||
| asset: AssetFile, | ||
| /// If the specified tailwind css file should be inlined. | ||
| use_inline: bool, | ||
| /// E.g. `disabled`, `id="..."` | ||
| attrs: Attrs, | ||
| /// The required integrity setting | ||
| integrity: IntegrityType, | ||
| /// Whether to minify or not | ||
| no_minify: bool, | ||
| /// Optional target path inside the dist dir. | ||
| target_path: Option<PathBuf>, | ||
| /// Optional tailwind config to use. | ||
| tailwind_config: Option<String>, | ||
| } | ||
|
|
||
| impl TailwindCssExtra { | ||
| pub const TYPE_TAILWIND_CSS_EXTRA: &'static str = "tailwind-css-extra"; | ||
|
|
||
| pub async fn new( | ||
| cfg: Arc<RtcBuild>, | ||
| html_dir: Arc<PathBuf>, | ||
| attrs: Attrs, | ||
| id: usize, | ||
| ) -> Result<Self> { | ||
| // Build the path to the target asset. | ||
| let href_attr = attrs.get(ATTR_HREF).context( | ||
| r#"required attr `href` missing for <link data-trunk rel="tailwind-css-extra" .../> element"#, | ||
| )?; | ||
| let tailwind_config = attrs.get(ATTR_CONFIG).cloned(); | ||
| let mut path = PathBuf::new(); | ||
| path.extend(href_attr.split('/')); | ||
| let asset = AssetFile::new(&html_dir, path).await?; | ||
| let use_inline = attrs.contains_key(ATTR_INLINE); | ||
|
|
||
| let integrity = IntegrityType::from_attrs(&attrs, &cfg)?; | ||
| let no_minify = attrs.contains_key(ATTR_NO_MINIFY); | ||
| let target_path = data_target_path(&attrs)?; | ||
|
|
||
| Ok(Self { | ||
| id, | ||
| cfg, | ||
| asset, | ||
| use_inline, | ||
| integrity, | ||
| attrs, | ||
| no_minify, | ||
| target_path, | ||
| tailwind_config, | ||
| }) | ||
| } | ||
|
|
||
| /// Spawn the pipeline for this asset type. | ||
| #[tracing::instrument(level = "trace", skip(self))] | ||
| pub fn spawn(self) -> JoinHandle<Result<TrunkAssetPipelineOutput>> { | ||
| tokio::spawn(self.run()) | ||
| } | ||
|
|
||
| /// Run this pipeline. | ||
| #[tracing::instrument(level = "trace", skip(self))] | ||
| async fn run(self) -> Result<TrunkAssetPipelineOutput> { | ||
| let version = self.cfg.tools.tailwindcss.as_deref(); | ||
| let tailwind = tools::get( | ||
| Application::TailwindCssExtra, | ||
| version, | ||
| self.cfg.offline, | ||
| &self.cfg.client_options(), | ||
| ) | ||
| .await?; | ||
|
|
||
| // Compile the target tailwind css file. | ||
| let path_str = dunce::simplified(&self.asset.path).display().to_string(); | ||
| let file_name = format!("{}.css", &self.asset.file_stem.to_string_lossy()); | ||
| let file_path = dunce::simplified(&self.cfg.staging_dist.join(&file_name)) | ||
| .display() | ||
| .to_string(); | ||
|
|
||
| let mut args = vec!["--input", &path_str, "--output", &file_path]; | ||
|
|
||
| if let Some(tailwind_config) = self.tailwind_config.as_ref() { | ||
| args.push("--config"); | ||
| args.push(tailwind_config); | ||
| } | ||
|
|
||
| if self.cfg.minify_asset(self.no_minify) { | ||
| args.push("--minify"); | ||
| } | ||
|
|
||
| let rel_path = common::strip_prefix(&self.asset.path); | ||
| tracing::debug!(path = ?rel_path, "compiling tailwind css"); | ||
|
|
||
| common::run_command( | ||
| Application::TailwindCssExtra.name(), | ||
| &tailwind, | ||
| &args, | ||
| &self.cfg.core.working_directory, | ||
| ) | ||
| .await?; | ||
|
|
||
| let css = fs::read_to_string(&file_path).await?; | ||
| fs::remove_file(&file_path).await?; | ||
|
|
||
| // Check if the specified tailwind css file should be inlined. | ||
| let css_ref = if self.use_inline { | ||
| // Avoid writing any files, return the CSS as a String. | ||
| CssExtraRef::Inline(css) | ||
| } else { | ||
| // Hash the contents to generate a file name, and then write the contents to the dist | ||
| // dir. | ||
| let hash = seahash::hash(css.as_bytes()); | ||
| let file_name = self | ||
| .cfg | ||
| .filehash | ||
| .then(|| format!("{}-{:x}.css", &self.asset.file_stem.to_string_lossy(), hash)) | ||
| .unwrap_or(file_name); | ||
|
|
||
| let result_dir = | ||
| target_path(&self.cfg.staging_dist, self.target_path.as_deref(), None).await?; | ||
| let file_path = result_dir.join(&file_name); | ||
| let file_href = dist_relative(&self.cfg.staging_dist, &file_path)?; | ||
|
|
||
| let integrity = OutputDigest::generate_from(self.integrity, css.as_bytes()); | ||
|
|
||
| // Write the generated CSS to the filesystem. | ||
| fs::write(&file_path, css) | ||
| .await | ||
| .context("error writing tailwind css pipeline output")?; | ||
|
|
||
| // Generate a hashed reference to the new CSS file. | ||
| CssExtraRef::File(file_href, integrity) | ||
| }; | ||
|
|
||
| tracing::debug!(path = ?rel_path, "finished compiling tailwind css"); | ||
| Ok(TrunkAssetPipelineOutput::TailwindCssExtra( | ||
| TailwindCssExtraOutput { | ||
| cfg: self.cfg.clone(), | ||
| id: self.id, | ||
| css_ref, | ||
| attrs: self.attrs, | ||
| }, | ||
| )) | ||
| } | ||
| } | ||
|
|
||
| /// The output of a Tailwind CSS build pipeline. | ||
| pub struct TailwindCssExtraOutput { | ||
| /// The runtime build config. | ||
| pub cfg: Arc<RtcBuild>, | ||
| /// The ID of this pipeline. | ||
| pub id: usize, | ||
| /// Data on the finalized output file. | ||
| pub css_ref: CssExtraRef, | ||
| /// The other attributes copied over from the original. | ||
| pub attrs: Attrs, | ||
| } | ||
|
|
||
| /// The resulting CSS of the Tailwind CSS compilation. | ||
| pub enum CssExtraRef { | ||
| /// CSS to be inlined (for `data-inline`). | ||
| Inline(String), | ||
| /// A hashed file reference to a CSS file (default). | ||
| File(String, OutputDigest), | ||
| } | ||
|
|
||
| impl TailwindCssExtraOutput { | ||
| pub async fn finalize(self, dom: &mut Document) -> Result<()> { | ||
| let html = match self.css_ref { | ||
| // Insert the inlined CSS into a `<style>` tag. | ||
| CssExtraRef::Inline(css) => format!( | ||
| r#"<style {attrs} nonce="{}">{css}</style>"#, | ||
| nonce(), | ||
| attrs = AttrWriter::new(&self.attrs, AttrWriter::EXCLUDE_CSS_INLINE) | ||
| ), | ||
| // Link to the CSS file. | ||
| CssExtraRef::File(file, integrity) => { | ||
| let mut attrs = self.attrs.clone(); | ||
| integrity.insert_into(&mut attrs); | ||
|
|
||
| format!( | ||
| r#"<link rel="stylesheet" href="{base}{file}"{attrs}/>"#, | ||
| base = &self.cfg.public_url, | ||
| attrs = AttrWriter::new(&attrs, AttrWriter::EXCLUDE_CSS_LINK) | ||
| ) | ||
| } | ||
| }; | ||
| dom.replace_with_html(&super::trunk_id_selector(self.id), &html) | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters