The example below (and variations of it) isn't possible in Hugo:
{{ $r := resources.FromString "foo.css" "body { color: blue; }" }}
{{/* How do I get $r to resolve as an import in main.css? */}}
{{ $css := resources.Get "css/main.css" | css.Build }}And in assets/css/main.js:
@import "foo.css" screen;
@import "bar.css" print;
The example above uses css.Build, but this is also relevant for (at least) css.Sass, js.Build and js.Batch. There are more or less ugly workardounds for the above (e.g. resources.Concat or passing in css vars in a map), but it would be nice to have a direct way that worked for all (I have a new proposal in mind that would need this).
I suggest we add importContext to resources.Copy and make the logic that's currently implemented in js.Batch also work for the other relevant funcs, e.g:
{{ $foo := resources.FromString "foo.css" "body { color: blue; }" }}
{{ $bar := resources.FromString "bar.css" "body { color: green; }" }}
{{ $main := resources.Get "css/main.css" | resources.Copy (dict "importContext" (slice $foo $bar)) }}
{{ $css := $main | css.Build }}The current signature of resources.Copy is:
resources.Copy TARGETPATH RESOURCE
I suggest we
resources.Copy [STRING or MAP] RESOURCE
And make it optional (we can determine a path from RESOURCE). So for the MAP options it would look like:
{{ $opts := dict
"targetPath" "foo.css"
"importContext" (slice $foo $bar)
}}In the above importContext is the same as described in inputContext -- which also allows constructs ala:
{{ $common := resources.Match "/js/headlessui/*.*" }}
{{ $importContext := (slice $.Page ($common.Mount "/js/headlessui" ".")) }}
{{ $opts := dict
"importContext" $importContext
}}Some implementation hints:
- We would store this new importContext in some unexported field. I suggest we follow the pattern in the funcs
resources.Internal* to access this internal state.
js.Batch takes importContext as an option. That import handling is more advanced than we need here, but we look at that for inspiriation/reuse.- I suggest that we start with
css.Build and, once that looks good, implement it in js.Build/Batch, css.Sass and css.TailwindCSS.
The example below (and variations of it) isn't possible in Hugo:
And in
assets/css/main.js:The example above uses
css.Build, but this is also relevant for (at least)css.Sass,js.Buildandjs.Batch. There are more or less ugly workardounds for the above (e.g.resources.Concator passing in css vars in a map), but it would be nice to have a direct way that worked for all (I have a new proposal in mind that would need this).I suggest we add importContext to resources.Copy and make the logic that's currently implemented in js.Batch also work for the other relevant funcs, e.g:
The current signature of
resources.Copyis:I suggest we
And make it optional (we can determine a path from RESOURCE). So for the MAP options it would look like:
In the above
importContextis the same as described in inputContext -- which also allows constructs ala:Some implementation hints:
resources.Internal*to access this internal state.js.BatchtakesimportContextas an option. That import handling is more advanced than we need here, but we look at that for inspiriation/reuse.css.Buildand, once that looks good, implement it injs.Build/Batch,css.Sassandcss.TailwindCSS.