mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-04 06:02:46 +00:00
e2cd7d9f07
* 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
91 lines
2.3 KiB
JavaScript
91 lines
2.3 KiB
JavaScript
require('./homePage.less');
|
|
const React = require('react');
|
|
const createClass = require('create-react-class');
|
|
const cx = require('classnames');
|
|
const request = require('superagent');
|
|
const { Meta } = require('vitreum/headtags');
|
|
|
|
const Nav = require('naturalcrit/nav/nav.jsx');
|
|
const Navbar = require('../../navbar/navbar.jsx');
|
|
const IssueNavItem = require('../../navbar/issue.navitem.jsx');
|
|
const RecentNavItem = require('../../navbar/recent.navitem.jsx').both;
|
|
const AccountNavItem = require('../../navbar/account.navitem.jsx');
|
|
|
|
|
|
const SplitPane = require('naturalcrit/splitPane/splitPane.jsx');
|
|
const Editor = require('../../editor/editor.jsx');
|
|
const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
|
|
|
|
|
|
|
|
const HomePage = createClass({
|
|
getDefaultProps : function() {
|
|
return {
|
|
welcomeText : '',
|
|
ver : '0.0.0'
|
|
};
|
|
|
|
|
|
},
|
|
getInitialState : function() {
|
|
return {
|
|
text : this.props.welcomeText
|
|
};
|
|
},
|
|
handleSave : function(){
|
|
request.post('/api')
|
|
.send({
|
|
text : this.state.text
|
|
})
|
|
.end((err, res)=>{
|
|
if(err) return;
|
|
const brew = res.body;
|
|
window.location = `/edit/${brew.editId}`;
|
|
});
|
|
},
|
|
handleSplitMove : function(){
|
|
this.refs.editor.update();
|
|
},
|
|
handleTextChange : function(text){
|
|
this.setState({
|
|
text : text
|
|
});
|
|
},
|
|
renderNavbar : function(){
|
|
return <Navbar ver={this.props.ver}>
|
|
<Nav.section>
|
|
<IssueNavItem />
|
|
<Nav.item newTab={true} href='/changelog' color='purple' icon='far fa-file-alt'>
|
|
Changelog
|
|
</Nav.item>
|
|
<RecentNavItem />
|
|
<AccountNavItem />
|
|
</Nav.section>
|
|
</Navbar>;
|
|
},
|
|
|
|
render : function(){
|
|
return <div className='homePage page'>
|
|
<Meta name='google-site-verification' content='NwnAQSSJZzAT7N-p5MY6ydQ7Njm67dtbu73ZSyE5Fy4' />
|
|
{this.renderNavbar()}
|
|
|
|
<div className='content'>
|
|
<SplitPane onDragFinish={this.handleSplitMove} ref='pane'>
|
|
<Editor value={this.state.text} onChange={this.handleTextChange} showMetaButton={false} ref='editor'/>
|
|
<BrewRenderer text={this.state.text} />
|
|
</SplitPane>
|
|
</div>
|
|
|
|
<div className={cx('floatingSaveButton', { show: this.props.welcomeText != this.state.text })} onClick={this.handleSave}>
|
|
Save current <i className='fas fa-save' />
|
|
</div>
|
|
|
|
<a href='/new' className='floatingNewButton'>
|
|
Create your own <i className='fas fa-magic' />
|
|
</a>
|
|
</div>;
|
|
}
|
|
});
|
|
|
|
module.exports = HomePage;
|