mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-29 22:02:46 +00:00
* Include two versions of Marked.js
* Include two versions of Marked.js
* Working two different render pipelines
Adds stylesheet "styleLegacy.less"
Adds markdownHandler "markdownLegacy.js"
The BrewRenderer will switch between these and the new pipeline dependent on the "version" prop passed in.
* Mustache-style div blocks
* Legacy snippets & columnbreak
* Codemirror styling for Div Blocks
* Lint
* Codemirror highlights for inline Divs as well
These will turn red `{{class Content}}`
Multi-line divs will turn purple
```
{{class,class2
content
}}
```
No real need for these to be different colors. Just for testing.
* More lint
* Update dependencies.
* Adding Button to switch render pipelines
* Update Marked.js
* Popup alert to refresh page when renderer changed
* Don't compress files in Development (very slow)
* Block DIV or inline Span depending on {{ placement
* \column emits a Div instead of Span
* Allow share page to use new renderer
* {{ divs no longer need empty lines. Spans work in lists.
* Typo
* Typo
* Enforce \page must be at start of line. Code cleanup.
* Inject newlines after/before {{/}} to avoid needing blank lines
* Fixes issues with tables.
* Remove console.log
* Fix spacing issue for Spans
* Move things from Brewrenderer to Markdown
Try to keep all custom text fiddling in one spot.
* Rename variables
* Update Font-Awesome to v5.15. Fix style issues on popups.
* Update {{ Divs/Spans, Fix nested hilighting
* Fixed Spans/divs with no tags or just commas
* Use blacklist for {{ to allow more characters
* Update package-lock.json
* Update all icons to Font-awesome 5
* V3 hidden behind config variable
Add "globalThis.enable_v3 = true" in the console to enable.
* lint
269 lines
5.7 KiB
JavaScript
269 lines
5.7 KiB
JavaScript
/* eslint-disable max-lines */
|
|
|
|
const MagicGen = require('./magic.gen.js');
|
|
const ClassTableGen = require('./classtable.gen.js');
|
|
const MonsterBlockGen = require('./monsterblock.gen.js');
|
|
const ClassFeatureGen = require('./classfeature.gen.js');
|
|
const CoverPageGen = require('./coverpage.gen.js');
|
|
const TableOfContentsGen = require('./tableOfContents.gen.js');
|
|
|
|
|
|
module.exports = [
|
|
|
|
{
|
|
groupName : 'Editor',
|
|
icon : 'fas fa-pencil-alt',
|
|
snippets : [
|
|
{
|
|
name : 'Column Break',
|
|
icon : 'fas fa-columns',
|
|
gen : '```\n```\n\n'
|
|
},
|
|
{
|
|
name : 'New Page',
|
|
icon : 'fas fa-file-alt',
|
|
gen : '\\page\n\n'
|
|
},
|
|
{
|
|
name : 'Vertical Spacing',
|
|
icon : 'fas fa-arrows-alt-v',
|
|
gen : '<div style=\'margin-top:140px\'></div>\n\n'
|
|
},
|
|
{
|
|
name : 'Wide Block',
|
|
icon : 'fas fa-arrows-alt-h',
|
|
gen : '<div class=\'wide\'>\nEverything in here will be extra wide. Tables, text, everything! Beware though, CSS columns can behave a bit weird sometimes.\n</div>\n'
|
|
},
|
|
{
|
|
name : 'Image',
|
|
icon : 'fas fa-image',
|
|
gen : [
|
|
'<img ',
|
|
' src=\'https://s-media-cache-ak0.pinimg.com/736x/4a/81/79/4a8179462cfdf39054a418efd4cb743e.jpg\' ',
|
|
' style=\'width:325px\' />',
|
|
'Credit: Kyounghwan Kim'
|
|
].join('\n')
|
|
},
|
|
{
|
|
name : 'Background Image',
|
|
icon : 'fas fa-tree',
|
|
gen : [
|
|
'<img ',
|
|
' src=\'http://i.imgur.com/hMna6G0.png\' ',
|
|
' style=\'position:absolute; top:50px; right:30px; width:280px\' />'
|
|
].join('\n')
|
|
},
|
|
|
|
{
|
|
name : 'Page Number',
|
|
icon : 'fas fa-bookmark',
|
|
gen : '<div class=\'pageNumber\'>1</div>\n<div class=\'footnote\'>PART 1 | FANCINESS</div>\n\n'
|
|
},
|
|
|
|
{
|
|
name : 'Auto-incrementing Page Number',
|
|
icon : 'fas fa-sort-numeric-down',
|
|
gen : '<div class=\'pageNumber auto\'></div>\n'
|
|
},
|
|
|
|
{
|
|
name : 'Link to page',
|
|
icon : 'fas fa-link',
|
|
gen : '[Click here](#p3) to go to page 3\n'
|
|
},
|
|
|
|
{
|
|
name : 'Table of Contents',
|
|
icon : 'fas fa-book',
|
|
gen : TableOfContentsGen
|
|
},
|
|
|
|
|
|
]
|
|
},
|
|
|
|
|
|
/************************* PHB ********************/
|
|
|
|
{
|
|
groupName : 'PHB',
|
|
icon : 'fas fa-book',
|
|
snippets : [
|
|
{
|
|
name : 'Spell',
|
|
icon : 'fas fa-magic',
|
|
gen : MagicGen.spell,
|
|
},
|
|
{
|
|
name : 'Spell List',
|
|
icon : 'fas fa-list',
|
|
gen : MagicGen.spellList,
|
|
},
|
|
{
|
|
name : 'Class Feature',
|
|
icon : 'fas fa-trophy',
|
|
gen : ClassFeatureGen,
|
|
},
|
|
{
|
|
name : 'Note',
|
|
icon : 'fas fa-sticky-note',
|
|
gen : function(){
|
|
return [
|
|
'> ##### Time to Drop Knowledge',
|
|
'> Use notes to point out some interesting information. ',
|
|
'> ',
|
|
'> **Tables and lists** both work within a note.'
|
|
].join('\n');
|
|
},
|
|
},
|
|
{
|
|
name : 'Descriptive Text Box',
|
|
icon : 'far fa-sticky-note',
|
|
gen : function(){
|
|
return [
|
|
'<div class=\'descriptive\'>',
|
|
'##### Time to Drop Knowledge',
|
|
'Use notes to point out some interesting information. ',
|
|
'',
|
|
'**Tables and lists** both work within a note.',
|
|
'</div>'
|
|
].join('\n');
|
|
},
|
|
},
|
|
{
|
|
name : 'Monster Stat Block',
|
|
icon : 'fas fa-bug',
|
|
gen : MonsterBlockGen.half,
|
|
},
|
|
{
|
|
name : 'Wide Monster Stat Block',
|
|
icon : 'fas fa-paw',
|
|
gen : MonsterBlockGen.full,
|
|
},
|
|
{
|
|
name : 'Cover Page',
|
|
icon : 'far fa-file-word',
|
|
gen : CoverPageGen,
|
|
},
|
|
]
|
|
},
|
|
|
|
|
|
|
|
/********************* TABLES *********************/
|
|
|
|
{
|
|
groupName : 'Tables',
|
|
icon : 'fas fa-table',
|
|
snippets : [
|
|
{
|
|
name : 'Class Table',
|
|
icon : 'fas fa-table',
|
|
gen : ClassTableGen.full,
|
|
},
|
|
{
|
|
name : 'Half Class Table',
|
|
icon : 'fas fa-list-alt',
|
|
gen : ClassTableGen.half,
|
|
},
|
|
{
|
|
name : 'Table',
|
|
icon : 'fas fa-th-list',
|
|
gen : function(){
|
|
return [
|
|
'##### Cookie Tastiness',
|
|
'| Tastiness | Cookie Type |',
|
|
'|:----:|:-------------|',
|
|
'| -5 | Raisin |',
|
|
'| 8th | Chocolate Chip |',
|
|
'| 11th | 2 or lower |',
|
|
'| 14th | 3 or lower |',
|
|
'| 17th | 4 or lower |\n\n',
|
|
].join('\n');
|
|
},
|
|
},
|
|
{
|
|
name : 'Wide Table',
|
|
icon : 'fas fa-list',
|
|
gen : function(){
|
|
return [
|
|
'<div class=\'wide\'>',
|
|
'##### Cookie Tastiness',
|
|
'| Tastiness | Cookie Type |',
|
|
'|:----:|:-------------|',
|
|
'| -5 | Raisin |',
|
|
'| 8th | Chocolate Chip |',
|
|
'| 11th | 2 or lower |',
|
|
'| 14th | 3 or lower |',
|
|
'| 17th | 4 or lower |',
|
|
'</div>\n\n'
|
|
].join('\n');
|
|
},
|
|
},
|
|
{
|
|
name : 'Split Table',
|
|
icon : 'fas fa-th-large',
|
|
gen : function(){
|
|
return [
|
|
'<div style=\'column-count:2\'>',
|
|
'| d10 | Damage Type |',
|
|
'|:---:|:------------|',
|
|
'| 1 | Acid |',
|
|
'| 2 | Cold |',
|
|
'| 3 | Fire |',
|
|
'| 4 | Force |',
|
|
'| 5 | Lightning |',
|
|
'',
|
|
'```',
|
|
'```',
|
|
'',
|
|
'| d10 | Damage Type |',
|
|
'|:---:|:------------|',
|
|
'| 6 | Necrotic |',
|
|
'| 7 | Poison |',
|
|
'| 8 | Psychic |',
|
|
'| 9 | Radiant |',
|
|
'| 10 | Thunder |',
|
|
'</div>\n\n',
|
|
].join('\n');
|
|
},
|
|
}
|
|
]
|
|
},
|
|
|
|
|
|
|
|
|
|
/**************** PRINT *************/
|
|
|
|
{
|
|
groupName : 'Print',
|
|
icon : 'fas fa-print',
|
|
snippets : [
|
|
{
|
|
name : 'A4 PageSize',
|
|
icon : 'far fa-file',
|
|
gen : ['<style>',
|
|
' .phb{',
|
|
' width : 210mm;',
|
|
' height : 296.8mm;',
|
|
' }',
|
|
'</style>'
|
|
].join('\n')
|
|
},
|
|
{
|
|
name : 'Ink Friendly',
|
|
icon : 'fas fa-tint',
|
|
gen : ['<style>',
|
|
' .phb{ background : white;}',
|
|
' .phb img{ display : none;}',
|
|
' .phb hr+blockquote{background : white;}',
|
|
'</style>',
|
|
''
|
|
].join('\n')
|
|
},
|
|
]
|
|
},
|
|
|
|
];
|