TITLE

The plugin is for the render milestone. Renders digraph description into an svg image.


head

root

para

L<Examples| file:../examples/index.podlite>


L<Download |file:../download/index.podlite>


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


HEADER

FOOTER

graphviz is plugin for Collection


This is a render milestone plugin that moves images in the assets directory (as given in the B<Collection> level configuration)
to the C<assets/images/> directory. More detail can be found in the Collection README regarding assets.


A report milestone plugin is also provided which looks at all registered plugins to see whether there is an C<images>
key in the plugin configuration. If so, the images listed in the key are marked as used, so that the assets manager
will move them.


The block name is C<Image>, though <image> is also possible.


Image

item

The default template renders the image as


The plugin provides three classes by default: C<justify-right>, C<justify-center> and C<justify-left>, moving the image accordingly.


Image plugin for Collection


Looks for C<script>/C<script-link> & C<jquery>/<jquery-link> key in other plugins.
Creates template entries that are referenced in the generic source-wrap template.


Documentation on gather-js-jq plugin for Collection


DESCRIPTION

Other C<render> plugins will provide custom javascript (aka ECMA) or C<JQuery> files to be served with an html page.
This plugin takes those files/links and deals with them so that they can be served with the HTML in the
content files. This requires modification of the templates, and js files in the plugin directory
will need to be copied to the correct
output directory.


In addition, the order in which JS / ECMA libraries are loaded may be important, eg., leaflet-providers.js must
load after the leaflet library. This is enabled by supplying an ordering parameter.
The default ordering is 0. So
any ordering a number greater than 0 will go after all 0-order files.


For example, within the C<config.raku> of the C<LeafletMap> plugin, we have


code

=begin code

    :js-link(q:to/JS/),
        src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js"
        integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ=="
        crossorigin=""
        JS
    :js-script(['leaflet-providers.js',1]),
=end code


The Array has the name of a local (see below) js file that has an ordering parameter of 1.


The C<js-script> key in the other plugin's config file is assumed to be a filename containing text that is to be
copied into the C<destination> folder.


This plugin copies all script files to the appropriate
sub-directory of the destination directory, and configures the templates to serve them.


The C< <script> ... </script> > tags will be added by the plugin.


The C<js-link> key in the other plugin's config file is taken to be the URL of the remote source. The plugin
configures the templates to access the source.


When a C<js-link> (or C<jquery-link>) is given in the config, the whole of the string is included inside
C< <script ... > >, so it is necessary to provide the C<src="..."> as well. This is to allow for a link
string to have other attributes, such as cross-origin and integrity.


The C<jquery> key in the other plugin's config file is assumed to be the filename of the local source.
See local javascript files.


The C<jquery-link> key in the other plugin's config file is assumed to be the URL to a JQuery source.


If any C<jquery> or C<jquery-link> key is found, then this plugin will load the
jquery lib specified in the config file for this plugin. (If another plugin requires a different, eg. later,
version of JQuery, then the config for this plugin must be updated manually).


If there is any reason to put a script at the bottom of the page, then use the key C<js-bottom>. This
is assumed only to apply to local JS scripts because


The Raku Knowledge Base


=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


graphviz is plugin for Collection

Custom blocks

Templates

Collection-Plugin-Development v0.3.0

Authors

License

Dependencies

Test Dependencies

Provides

Documentation