handlebars-helpers
Collection of useful Handlebars Helpers.
Installation
npm i @pro-vision/handlebars-helpers -D
Usage
const pvHandlebarsHelpers = require('@pro-vision/handlebars-helpers');
module.exports = pvHandlebarsHelpers;
Helpers
pv-choose
Helper to Fallback to a Default value, if the given property is undefined.
pv-colors
Helper to render color-overview form given scss-file.
Example scss file
// LSG-Color-Group
// Group-Name: Basic Colors
$my-color__black: #000;
$my-color__white: #fff;
// LSG-Color-Group
// Group-Name: Red
// Group-Description: My Red Color Palette
$my-color__red-300: #E57373;
$my-color__red-400: #EF5350;
$my-color__red-500: #F44336;
$my-color__red-600: #E53935;
$my-color__red-700: #D32F2F;
// LSG-Color-Group
// Group-Name: Blue
// Group-Description: My Blue Color Palette
$my-color__blue-300: #64B5F6;
$my-color__blue-400: #42A5F5;
$my-color__blue-500: #2196F3;
$my-color__blue-600: #1E88E5;
$my-color__blue-700: #1976D2;
Example hbs file
pv-concat
Helper to concat strings
pv-icons
Helper to render icon-overview form given filenames
Example folder-structure
.
├── icons
│ ├── my-icon-arrow.svg
│ ├── my-icon-plus.svg
│ ├── my-icon-check.svg
│ └── my-icon-info.svg
Example hbs-file
pv-path
Helper to render optional nested paths.
To signal a nested page just add nestedPath to pages frontmatter yml.