head

css-inliner.raku - flatten css rulesets to inline style attributes


css-inliner.raku [options] infile.xml [outfile.xml]


Options:
   --type=[xhtml|pdf|pango] # specifiy document type
   --tags                   # include tags styling, e.g. <i style='font-weight:italic'>...</i>
   --inherit                # include style inherited from parent properties
   --prune                  # prune to displayed elements
   --style=file             # load external stylesheet


This script evaluates CSS selectors, which are removed and flattened to per-element `style` attributes.


This script was written to help with visual verification of the Raku CSS
module. The output XHTML should be visually identical to the input.



use LibXML::Document;
use LibXML::Element;
use CSS;
use CSS::Stylesheet;
use CSS::TagSet;
use CSS::TagSet::XHTML;
use CSS::TagSet::Pango;
use CSS::TagSet::TaggedPDF;

sub style($css, $_) {
    my $inline-style =  $css.style($_).Str;
    .attributes<style> = $inline-style
        if $inline-style;
    style($css, $_) for .elements;
}

sub parse-stylesheet(Str $file, |c) {
    my IO::Handle $io = $file eq '-' ?? $*IN !! $file.IO.open(:r);
    CSS::Stylesheet.parse($io.slurp, |c);
}

sub MAIN($file,                #= input XML/HTML file
         $output?,             #= Processed stylesheet path (stdout)
         Str  :$style,         #= external stylesheet to apply
         Bool :$prune,         #= prune to a rendering tree
         Bool :$tags,          #= include tag styling (e.g. <i> => 'font-weight:italic')
         Str  :$type is copy,  #= tag-set type: html, pango, or pdf
         Bool :$inherit,       #= inherit parent properties
        ) {
    $type //= 'html' if $file ~~ /:i '.'x?html$/;
    my CSS::TagSet $tag-set = do with $type {
        when /:i 'pango'/ { CSS::TagSet::Pango.new }
        when /:i 'pdf'/   { CSS::TagSet::TaggedPDF.new }
        when /:i 'x'?'html'/   { CSS::TagSet::XHTML.new }
        default {
            warn "ignoring --type='$_' (expected 'pango', 'pdf' or 'xhtml'";
            CSS::TagSet.new;
        }
    }
    else {
        CSS::TagSet.new;
    }

    my Bool $html = $tag-set.isa(CSS::TagSet::XHTML);
    my LibXML::Document $doc .= parse: :$file, :$html;
    my CSS::Stylesheet $stylesheet = parse-stylesheet($_)
        with $style;
    my CSS $css .= new: :$doc, :$tag-set, :$tags, :$inherit, :$stylesheet;
    $css.prune if $prune;

    style($css, $_)
        with $doc.root;

    with $output -> $file {
        $doc.write: :$file
    }
    else {
        say $doc.Str;
    }
    note 'done';
}


root

index

README

React

=begin React :component<HeaderCol> :id<menu> 
=para L<Documentation|/doc/introduction>
=para L<Modules| /mods>
=para L<Examples| file:../examples/index.podlite>
=para L<Download |file:../download/index.podlite>
=para L<About|file:../about/index.podlite>
=para 🔍 K<⌘K>/K<ctrl-K>
=end React


=begin React :component<HeaderCol> :id<footer>  
=begin nested :!nested
=item1 B<Language>
    =item2 L<Get started|file:../getting-started/getting-started.podlite>
    =item2 L<Why Raku?|/doc/language/faq#Why-should-I-learn-Raku-What's-so-great-about-it>
    =item2 L<Try Raku|https://glot.io/new/raku>
    =item2 L<Raku cheat sheet|https://github.com/Raku/mu/blob/master/docs/Perl6/Cheatsheet/cheatsheet.txt>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<Raku on Exercism|https://exercism.org/tracks/raku>
    =item2 L<Wikipedia|https://en.wikipedia.org/wiki/Raku_(programming_language)>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>

=end nested
=begin nested :!nested

=item1 B<L<Documentation|/doc>>
    =item2 L<Getting started, Migration guides from other languages, & Tutorials | file:../doc/introduction.podlite>
    =item2 L<Language References|file:../doc/reference.podlite>
    =item2 L<Type Reference| file:../doc/types.podlite>
    =item2 L<Miscellaneous| file:../doc/miscellaneous.podlite>
    =item2 L<FAQs (Frequently Asked Questions)|/doc/language/faq>
    =item2 L<Community|/doc/language/community>
    =item2 L<The list of all documents|file:../doc/index.podlite>

=item1 B<Resources>
    =item2 L<The Raku Guide|https://raku.guide/>
    =item2 L<Books |https://perl6book.com/>
    =item2 L<Rosetta Code | https://www.raku.org/community/rosettacode>

=end nested
=begin nested :!nested

=item1 B<Resoures>
    =item2 L<Download | file:../download/index.podlite>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>

=item1 B<Learning>
    =item2 L<The Raku Guide|https://raku.guide/>
    =item2 L<Wikibook |https://en.wikibooks.org/wiki/Raku_Programming>
    =item2 L<Books |https://perl6book.com/>
    =item2 L<Rosetta Code | https://www.raku.org/community/rosettacode>
    =item2 L<Learn Raku in Y minutes|https://learnxinyminutes.com/docs/raku/>
    =item2 L<Golfing |https://github.com/AlexDaniel/raku-golf-cheatsheet>
=end nested
=begin nested :!nested

=item1 B<Explore>
    =item2 L<Raku Blog Aggregator|https://planet.raku.org/>
    =item2 L<Rakudo Weekly|https://rakudoweekly.blog/>
    =item2 L<The Weekly Challenge |https://perlweeklychallenge.org/>
    =item2 L<Raku Advent Calendar|https://raku-advent.blog/>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>
    =item2 L<empty|#>

=end nested
=end React


=begin React :component<CookieConsent> :id<CookieConsent> :buttonCaption("Got it!")
=para
This website uses cookies for analytics.
=end React


css-inliner

NAME

SYNOPSIS

DESCRIPTION

CSS v0.1.0

Authors

License

Dependencies

Test Dependencies

Provides

Documentation