3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-10 07:37:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

Run Prettier

Browse source
This commit is contained in:
Frank Li 2017-07-10 16:38:35 -07:00
parent a7b5148e06
commit fbae29b0ff
29 changed files with 1311 additions and 987 deletions
Download patch file Download diff file Expand all files Collapse all files

9
examples/siteConfig.js
View file

@ -64,17 +64,18 @@ const siteConfig = {
"rgba(46, 133, 85, 0.03)" /* primaryColor in rgba form, with 0.03 alpha */
},
tagline: "My Tagline",
recruitingLink: "https://crowdin.com/project/test-site" /* translation site "help translate" link */,
recruitingLink:
"https://crowdin.com/project/test-site" /* translation site "help translate" link */,
/* remove this section to disable search bar */
algolia: {
apiKey: "0f9f28b9ab9efae89810921a351753b5", /* use your search-only api key */
apiKey:
"0f9f28b9ab9efae89810921a351753b5" /* use your search-only api key */,
indexName: "github"
},
}
/* remove this to disable google analytics tracking */
/* gaTrackingId: "" */
};
/* DO NOT EDIT BELOW THIS LINE */
const fs = require("fs");

4
lib/copy-examples.js
View file

@ -10,6 +10,6 @@
*/
const CWD = process.cwd();
const fs = require('fs-extra');
const fs = require("fs-extra");
fs.copySync(__dirname + '/../examples/', CWD, {overwrite: false});
fs.copySync(__dirname + "/../examples/", CWD, { overwrite: false });

39
lib/core/BlogPageLayout.js
View file

@ -7,34 +7,43 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const BlogPost = require('./BlogPost.js');
const BlogSidebar = require('./BlogSidebar.js');
const Container = require('./Container.js');
const MetadataBlog = require('./MetadataBlog.js');
const React = require('react');
const Site = require('./Site.js');
const BlogPost = require("./BlogPost.js");
const BlogSidebar = require("./BlogSidebar.js");
const Container = require("./Container.js");
const MetadataBlog = require("./MetadataBlog.js");
const React = require("react");
const Site = require("./Site.js");
const BlogPageLayout = React.createClass({
getPageURL(page) {
let url = this.props.config.baseUrl + 'blog/';
let url = this.props.config.baseUrl + "blog/";
if (page > 0) {
url += 'page' + (page + 1) + '/';
url += "page" + (page + 1) + "/";
}
return url + '#content';
return url + "#content";
},
render() {
const perPage = this.props.metadata.perPage;
const page = this.props.metadata.page;
return (
<Site section="blog" title="Blog" language="en" config={this.props.config} >
<Site
section="blog"
title="Blog"
language="en"
config={this.props.config}
>
<div className="docMainWrapper wrapper">
<BlogSidebar language={this.props.language} config={this.props.config} />
<BlogSidebar
language={this.props.language}
config={this.props.config}
/>
<Container className="mainContainer documentContainer postContainer blogContainer">
<div className="posts">
{MetadataBlog
.slice(page * perPage, (page + 1) * perPage)
.map(post => {
{MetadataBlog.slice(
page * perPage,
(page + 1) * perPage
).map(post => {
return (
<BlogPost
post={post}
@ -60,7 +69,7 @@ const BlogPageLayout = React.createClass({
</div>
</Site>
);
},
}
});
module.exports = BlogPageLayout;

57
lib/core/BlogPost.js
View file

@ -7,26 +7,35 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const Marked = require('./Marked.js');
const React = require('react');
const Marked = require("./Marked.js");
const React = require("react");
class BlogPost extends React.Component {
renderContent() {
let content = this.props.content;
if (this.props.truncate) {
content = content.split('<!--truncate-->')[0];
content = content.split("<!--truncate-->")[0];
return (
<article className="post-content">
<Marked>{content}</Marked>
<Marked>
{content}
</Marked>
<div className="read-more">
<a className="button" href={this.props.config.baseUrl + 'blog/' + this.props.post.path}>
<a
className="button"
href={this.props.config.baseUrl + "blog/" + this.props.post.path}
>
Read More
</a>
</div>
</article>
);
}
return <Marked>{content}</Marked>;
return (
<Marked>
{content}
</Marked>
);
}
renderAuthorPhoto() {
@ -37,9 +46,9 @@ class BlogPost extends React.Component {
<a href={post.authorURL} target="_blank">
<img
src={
'https://graph.facebook.com/' +
"https://graph.facebook.com/" +
post.authorFBID +
'/picture/?height=200&width=200'
"/picture/?height=200&width=200"
}
/>
</a>
@ -54,7 +63,9 @@ class BlogPost extends React.Component {
const post = this.props.post;
return (
<h1>
<a href={this.props.config.baseUrl + 'blog/' + post.path}>{post.title}</a>
<a href={this.props.config.baseUrl + "blog/" + post.path}>
{post.title}
</a>
</h1>
);
}
@ -65,18 +76,18 @@ class BlogPost extends React.Component {
// Because JavaScript sucks at date handling :(
const year = match[1];
const month = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December',
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
][parseInt(match[2], 10) - 1];
const day = parseInt(match[3], 10);
@ -84,7 +95,9 @@ class BlogPost extends React.Component {
<header className="postHeader">
{this.renderAuthorPhoto()}
<p className="post-authorName">
<a href={post.authorURL} target="_blank">{post.author}</a>
<a href={post.authorURL} target="_blank">
{post.author}
</a>
</p>
{this.renderTitle()}
<p className="post-meta">

24
lib/core/BlogPostLayout.js
View file

@ -7,11 +7,11 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const BlogPost = require('./BlogPost.js');
const BlogSidebar = require('./BlogSidebar.js');
const Container = require('./Container.js');
const Site = require('./Site.js');
const React = require("react");
const BlogPost = require("./BlogPost.js");
const BlogSidebar = require("./BlogSidebar.js");
const Container = require("./Container.js");
const Site = require("./Site.js");
class BlogPostLayout extends React.Component {
render() {
@ -19,20 +19,24 @@ class BlogPostLayout extends React.Component {
<Site
className="sideNavVisible"
section="blog"
url={'blog/' + this.props.metadata.path}
url={"blog/" + this.props.metadata.path}
title={this.props.metadata.title}
language={'en'}
description={this.props.children.trim().split('\n')[0]}
language={"en"}
description={this.props.children.trim().split("\n")[0]}
config={this.props.config}
>
<div className="docMainWrapper wrapper">
<BlogSidebar language={'en'} current={this.props.metadata} config={this.props.config}/>
<BlogSidebar
language={"en"}
current={this.props.metadata}
config={this.props.config}
/>
<Container className="mainContainer documentContainer postContainer blogContainer">
<div className="lonePost">
<BlogPost
post={this.props.metadata}
content={this.props.children}
language={'en'}
language={"en"}
config={this.props.config}
/>
</div>

22
lib/core/BlogSidebar.js
View file

@ -7,22 +7,24 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const Container = require('./Container.js');
const SideNav = require('./nav/SideNav.js');
const React = require("react");
const Container = require("./Container.js");
const SideNav = require("./nav/SideNav.js");
const MetadataBlog = require('./MetadataBlog.js');
const MetadataBlog = require("./MetadataBlog.js");
class BlogSidebar extends React.Component {
render() {
const contents = [{
name: 'Recent Posts',
links: MetadataBlog,
}];
const contents = [
{
name: "Recent Posts",
links: MetadataBlog
}
];
const title = this.props.current && this.props.current.title;
const current = {
id: title || '',
category: 'Recent Posts',
id: title || "",
category: "Recent Posts"
};
return (
<Container className="docsNavContainer" id="docsNav" wrapper={false}>

8
lib/core/CompLibrary.js
View file

@ -7,12 +7,12 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const Marked = require('./Marked.js');
const Container = require('./Container.js');
const GridBlock = require('./GridBlock.js');
const Marked = require("./Marked.js");
const Container = require("./Container.js");
const GridBlock = require("./GridBlock.js");
module.exports = {
Marked: Marked,
Container: Container,
GridBlock: GridBlock
}
};

33
lib/core/Container.js
View file

@ -7,26 +7,29 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const classNames = require('classnames');
const React = require("react");
const classNames = require("classnames");
class Container extends React.Component {
render() {
const containerClasses = classNames('container', this.props.className, {
'darkBackground': this.props.background === 'dark',
'highlightBackground': this.props.background === 'highlight',
'lightBackground': this.props.background === 'light',
'paddingAll': this.props.padding.indexOf('all') >= 0,
'paddingBottom': this.props.padding.indexOf('bottom') >= 0,
'paddingLeft': this.props.padding.indexOf('left') >= 0,
'paddingRight': this.props.padding.indexOf('right') >= 0,
'paddingTop': this.props.padding.indexOf('top') >= 0,
const containerClasses = classNames("container", this.props.className, {
darkBackground: this.props.background === "dark",
highlightBackground: this.props.background === "highlight",
lightBackground: this.props.background === "light",
paddingAll: this.props.padding.indexOf("all") >= 0,
paddingBottom: this.props.padding.indexOf("bottom") >= 0,
paddingLeft: this.props.padding.indexOf("left") >= 0,
paddingRight: this.props.padding.indexOf("right") >= 0,
paddingTop: this.props.padding.indexOf("top") >= 0
});
let wrappedChildren;
if (this.props.wrapper) {
wrappedChildren =
<div className="wrapper">{this.props.children}</div>;
wrappedChildren = (
<div className="wrapper">
{this.props.children}
</div>
);
} else {
wrappedChildren = this.props.children;
}
@ -39,9 +42,9 @@ class Container extends React.Component {
}
Container.defaultProps = {
background: 'transparent',
background: "transparent",
padding: [],
wrapper: true,
wrapper: true
};
module.exports = Container;

14
lib/core/Doc.js
View file

@ -7,8 +7,8 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const Marked = require('./Marked.js');
const React = require("react");
const Marked = require("./Marked.js");
class Doc extends React.Component {
render() {
@ -18,7 +18,7 @@ class Doc extends React.Component {
href={
this.props.config.editUrl +
this.props.language +
'/' +
"/" +
this.props.source
}
target="_blank"
@ -30,10 +30,14 @@ class Doc extends React.Component {
<div className="post">
<header className="postHeader">
{editLink}
<h1>{this.props.title}</h1>
<h1>
{this.props.title}
</h1>
</header>
<article>
<Marked>{this.props.content}</Marked>
<Marked>
{this.props.content}
</Marked>
</article>
</div>
);

57
lib/core/DocsLayout.js
View file

@ -7,11 +7,11 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const Container = require('./Container.js');
const Doc = require('./Doc.js');
const DocsSidebar = require('./DocsSidebar.js');
const Site = require('./Site.js');
const React = require("react");
const Container = require("./Container.js");
const Doc = require("./Doc.js");
const DocsSidebar = require("./DocsSidebar.js");
const Site = require("./Site.js");
class DocsLayout extends React.Component {
render() {
@ -24,11 +24,13 @@ class DocsLayout extends React.Component {
className="sideNavVisible"
section="docs"
title={
i18n ? this.props.config[this.props.metadata.language]['localized-strings'][
this.props.metadata.localized_id
] || this.props.metadata.title : this.props.metadata.title
i18n
? this.props.config[this.props.metadata.language][
"localized-strings"
][this.props.metadata.localized_id] || this.props.metadata.title
: this.props.metadata.title
}
description={content.trim().split('\n')[0]}
description={content.trim().split("\n")[0]}
language={metadata.language}
>
<div className="docMainWrapper wrapper">
@ -39,9 +41,12 @@ class DocsLayout extends React.Component {
config={this.props.config}
source={metadata.source}
title={
i18n ? this.props.config[this.props.metadata.language]['localized-strings'][
this.props.metadata.localized_id
] || this.props.metadata.title : this.props.metadata.title
i18n
? this.props.config[this.props.metadata.language][
"localized-strings"
][this.props.metadata.localized_id] ||
this.props.metadata.title
: this.props.metadata.title
}
language={metadata.language}
/>
@ -49,27 +54,25 @@ class DocsLayout extends React.Component {
{metadata.previous_id &&
<a
className="docs-prev button"
href={metadata.previous_id + '.html#content'}
href={metadata.previous_id + ".html#content"}
>
←
{' '}
{
i18n ? this.props.config[this.props.metadata.language][
'localized-strings'
]['previous'] || 'Previous' : 'Previous'
}
←{" "}
{i18n
? this.props.config[this.props.metadata.language][
"localized-strings"
]["previous"] || "Previous"
: "Previous"}
</a>}
{metadata.next_id &&
<a
className="docs-next button"
href={metadata.next_id + '.html#content'}
href={metadata.next_id + ".html#content"}
>
{
i18n ? this.props.config[this.props.metadata.language][
'localized-strings'
]['next'] || 'Next' : 'Next'
}
{' '}
{i18n
? this.props.config[this.props.metadata.language][
"localized-strings"
]["next"] || "Next"
: "Next"}{" "}
→
</a>}
</div>

14
lib/core/DocsSidebar.js
View file

@ -7,16 +7,16 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const Metadata = require('./metadata.js');
const React = require('react');
const Container = require('./Container.js');
const SideNav = require('./nav/SideNav.js');
const siteConfig = require(process.cwd() + '/siteConfig.js');
const Metadata = require("./metadata.js");
const React = require("react");
const Container = require("./Container.js");
const SideNav = require("./nav/SideNav.js");
const siteConfig = require(process.cwd() + "/siteConfig.js");
class DocsSidebar extends React.Component {
render() {
let layout = this.props.metadata.layout;
let docsCategories = require('./' + layout + 'Categories.js');
let docsCategories = require("./" + layout + "Categories.js");
return (
<Container className="docsNavContainer" id="docsNav" wrapper={false}>
<SideNav
@ -34,7 +34,7 @@ class DocsSidebar extends React.Component {
DocsSidebar.propTypes = {
layout: React.PropTypes.string,
root: React.PropTypes.string,
title: React.PropTypes.string,
title: React.PropTypes.string
};
DocsSidebar.defaultProps = siteConfig.docsSidebarDefaults;

36
lib/core/Footer.js
View file

@ -7,7 +7,7 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const React = require("react");
const githubButton = (
<a
@ -17,7 +17,8 @@ const githubButton = (
data-count-href="/deltice/test-site/stargazers"
data-count-api="/repos/deltice/test-site#stargazers_count"
data-count-aria-label="# stargazers on GitHub"
aria-label="Star this project on GitHub">
aria-label="Star this project on GitHub"
>
Star
</a>
);
@ -40,21 +41,30 @@ class Footer extends React.Component {
<h5>Docs</h5>
<a
href={
this.props.config.baseUrl + 'docs/' + this.props.language + '/doc1.html'
this.props.config.baseUrl +
"docs/" +
this.props.language +
"/doc1.html"
}
>
Getting Started (or other categories)
</a>
<a
href={
this.props.config.baseUrl + 'docs/' + this.props.language + '/doc2.html'
this.props.config.baseUrl +
"docs/" +
this.props.language +
"/doc2.html"
}
>
Guides (or other categories)
</a>
<a
href={
this.props.config.baseUrl + 'docs/' + this.props.language + '/doc3.html'
this.props.config.baseUrl +
"docs/" +
this.props.language +
"/doc3.html"
}
>
API Reference (or other categories)
@ -62,7 +72,11 @@ class Footer extends React.Component {
</div>
<div>
<h5>Community</h5>
<a href={this.props.config.baseUrl + this.props.language + '/users.html'}>
<a
href={
this.props.config.baseUrl + this.props.language + "/users.html"
}
>
User Showcase
</a>
<a
@ -71,12 +85,10 @@ class Footer extends React.Component {
>
Stack Overflow
</a>
<a
href="https://discordapp.com/"
>
Project Chat
<a href="https://discordapp.com/">Project Chat</a>
<a href="https://twitter.com/" target="_blank">
Twitter
</a>
<a href="https://twitter.com/" target="_blank">Twitter</a>
</div>
<div>
<h5>More</h5>
@ -106,6 +118,4 @@ class Footer extends React.Component {
}
}
module.exports = Footer;

55
lib/core/GridBlock.js
View file

@ -7,31 +7,32 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const classNames = require('classnames');
const React = require("react");
const classNames = require("classnames");
const Marked = require('./Marked.js');
const Marked = require("./Marked.js");
class GridBlock extends React.Component {
renderBlock(block) {
const blockClasses = classNames('blockElement', this.props.className, {
'alignCenter': this.props.align === 'center',
'alignRight': this.props.align === 'right',
'fourByGridBlock': this.props.layout === 'fourColumn',
'imageAlignBottom': (block.image && block.imageAlign === 'bottom'),
'imageAlignSide': (block.image && (block.imageAlign === 'left' ||
block.imageAlign === 'right')),
'imageAlignTop': (block.image && block.imageAlign === 'top'),
'threeByGridBlock': this.props.layout === 'threeColumn',
'twoByGridBlock': this.props.layout === 'twoColumn',
const blockClasses = classNames("blockElement", this.props.className, {
alignCenter: this.props.align === "center",
alignRight: this.props.align === "right",
fourByGridBlock: this.props.layout === "fourColumn",
imageAlignBottom: block.image && block.imageAlign === "bottom",
imageAlignSide:
block.image &&
(block.imageAlign === "left" || block.imageAlign === "right"),
imageAlignTop: block.image && block.imageAlign === "top",
threeByGridBlock: this.props.layout === "threeColumn",
twoByGridBlock: this.props.layout === "twoColumn"
});
const topLeftImage = (block.imageAlign === 'top' ||
block.imageAlign === 'left') &&
const topLeftImage =
(block.imageAlign === "top" || block.imageAlign === "left") &&
this.renderBlockImage(block.image);
const bottomRightImage = (block.imageAlign === 'bottom' ||
block.imageAlign === 'right') &&
const bottomRightImage =
(block.imageAlign === "bottom" || block.imageAlign === "right") &&
this.renderBlockImage(block.image);
return (
@ -39,7 +40,9 @@ class GridBlock extends React.Component {
{topLeftImage}
<div className="blockContent">
{this.renderBlockTitle(block.title)}
<Marked>{block.content}</Marked>
<Marked>
{block.content}
</Marked>
</div>
{bottomRightImage}
</div>
@ -49,7 +52,9 @@ class GridBlock extends React.Component {
renderBlockImage(image) {
if (image) {
return (
<div className="blockImage"><img src={image} /></div>
<div className="blockImage">
<img src={image} />
</div>
);
} else {
return null;
@ -58,7 +63,11 @@ class GridBlock extends React.Component {
renderBlockTitle(title) {
if (title) {
return <h2>{title}</h2>;
return (
<h2>
{title}
</h2>
);
} else {
return null;
}
@ -74,10 +83,10 @@ class GridBlock extends React.Component {
}
GridBlock.defaultProps = {
align: 'left',
align: "left",
contents: [],
imagealign: 'top',
layout: 'twoColumn',
imagealign: "top",
layout: "twoColumn"
};
module.exports = GridBlock;

24
lib/core/Head.js
View file

@ -7,7 +7,7 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const React = require("react");
class Head extends React.Component {
render() {
@ -29,19 +29,29 @@ class Head extends React.Component {
<head>
<meta charSet="utf-8" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<title>{this.props.title}</title>
<title>
{this.props.title}
</title>
<meta name="viewport" content="width=device-width" />
<meta property="og:title" content={this.props.title} />
<meta property="og:type" content="website" />
<meta property="og:url" content={this.props.url} />
<meta property="og:description" content={this.props.description} />
<link rel="shortcut icon" href={this.props.config.baseUrl + this.props.config.favicon} />
<link
rel="shortcut icon"
href={this.props.config.baseUrl + this.props.config.favicon}
/>
{this.props.config.algolia &&
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
}
<link rel="stylesheet" href={this.props.config.baseUrl + "css/main.css"} />
<script async defer src="https://buttons.github.io/buttons.js"></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"
/>}
<link
rel="stylesheet"
href={this.props.config.baseUrl + "css/main.css"}
/>
<script async defer src="https://buttons.github.io/buttons.js" />
</head>
);
}

16
lib/core/Header.js
View file

@ -7,22 +7,24 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const toSlug = require('./toSlug.js');
const React = require("react");
const toSlug = require("./toSlug.js");
const Header = React.createClass({
render() {
const slug = toSlug(this.props.toSlug || this.props.children);
const Heading = 'h' + this.props.level;
const Heading = "h" + this.props.level;
return (
<Heading {...this.props}>
<a className="anchor" name={slug}></a>
{this.props.children}
{' '}<a className="hash-link" href={'#' + slug}>#</a>
<a className="anchor" name={slug} />
{this.props.children}{" "}
<a className="hash-link" href={"#" + slug}>
#
</a>
</Heading>
);
},
}
});
module.exports = Header;

428
lib/core/Marked.js
View file

@ -7,9 +7,9 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const Prism = require('./Prism.js');
const Header = require('./Header.js');
const React = require("react");
const Prism = require("./Prism.js");
const Header = require("./Header.js");
/**
* Block-Level Grammar
@ -29,23 +29,36 @@ const block = {
def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,
table: noop,
paragraph: /^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,
text: /^[^\n]+/,
text: /^[^\n]+/
};
block.bullet = /(?:[*+-]|\d+\.)/;
block.item = /^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/;
block.item = replace(block.item, 'gm')(/bull/g, block.bullet)();
block.item = replace(block.item, "gm")(/bull/g, block.bullet)();
block.list = replace(block.list)(/bull/g, block.bullet)('hr', /\n+(?=(?: *[-*_]){3,} *(?:\n+|$))/)();
block.list = replace(block.list)(/bull/g, block.bullet)(
"hr",
/\n+(?=(?: *[-*_]){3,} *(?:\n+|$))/
)();
block._tag = '(?!(?:'
+ 'a|em|strong|small|s|cite|q|dfn|abbr|data|time|code'
+ '|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo'
+ '|span|br|wbr|ins|del|img)\\b)\\w+(?!:/|@)\\b';
block._tag =
"(?!(?:" +
"a|em|strong|small|s|cite|q|dfn|abbr|data|time|code" +
"|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo" +
"|span|br|wbr|ins|del|img)\\b)\\w+(?!:/|@)\\b";
block.html = replace(block.html)('comment', /<!--[\s\S]*?-->/)('closed', /<(tag)[\s\S]+?<\/\1>/)('closing', /<tag(?:"[^"]*"|'[^']*'|[^'">])*?>/)(/tag/g, block._tag)();
block.html = replace(block.html)("comment", /<!--[\s\S]*?-->/)(
"closed",
/<(tag)[\s\S]+?<\/\1>/
)("closing", /<tag(?:"[^"]*"|'[^']*'|[^'">])*?>/)(/tag/g, block._tag)();
block.paragraph = replace(block.paragraph)('hr', block.hr)('heading', block.heading)('lheading', block.lheading)('blockquote', block.blockquote)('tag', '<' + block._tag)('def', block.def)();
block.paragraph = replace(block.paragraph)("hr", block.hr)(
"heading",
block.heading
)("lheading", block.lheading)("blockquote", block.blockquote)(
"tag",
"<" + block._tag
)("def", block.def)();
/**
* Normal Block Grammar
@ -59,10 +72,13 @@ block.normal = merge({}, block);
block.gfm = merge({}, block.normal, {
fences: /^ *(`{3,}|~{3,}) *(\S+)? *\n([\s\S]+?)\s*\1 *(?:\n+|$)/,
paragraph: /^/,
paragraph: /^/
});
block.gfm.paragraph = replace(block.paragraph)('(?!', '(?!' + block.gfm.fences.source.replace('\\1', '\\2') + '|')();
block.gfm.paragraph = replace(block.paragraph)(
"(?!",
"(?!" + block.gfm.fences.source.replace("\\1", "\\2") + "|"
)();
/**
* GFM + Tables Block Grammar
@ -70,7 +86,7 @@ block.gfm.paragraph = replace(block.paragraph)('(?!', '(?!' + block.gfm.fences.s
block.tables = merge({}, block.gfm, {
nptable: /^ *(\S.*\|.*)\n *([-:]+ *\|[-| :]*)\n((?:.*\|.*(?:\n|$))*)\n*/,
table: /^ *\|(.+)\n *\|( *[-:]+[-| :]*)\n((?: *\|.*(?:\n|$))*)\n*/,
table: /^ *\|(.+)\n *\|( *[-:]+[-| :]*)\n((?: *\|.*(?:\n|$))*)\n*/
});
/**
@ -113,10 +129,10 @@ Lexer.lex = function(src, options) {
Lexer.prototype.lex = function(src) {
src = src
.replace(/\r\n|\r/g, '\n')
.replace(/\t/g, ' ')
.replace(/\u00a0/g, ' ')
.replace(/\u2424/g, '\n');
.replace(/\r\n|\r/g, "\n")
.replace(/\t/g, " ")
.replace(/\u00a0/g, " ")
.replace(/\u2424/g, "\n");
return this.token(src, true);
};
@ -126,7 +142,7 @@ Lexer.prototype.lex = function(src) {
*/
Lexer.prototype.token = function(_src, top) {
let src = _src.replace(/^ +$/gm, '');
let src = _src.replace(/^ +$/gm, "");
let next;
let loose;
let cap;
@ -139,46 +155,44 @@ Lexer.prototype.token = function(_src, top) {
while (src) {
// newline
if (cap = this.rules.newline.exec(src)) {
if ((cap = this.rules.newline.exec(src))) {
src = src.substring(cap[0].length);
if (cap[0].length > 1) {
this.tokens.push({
type: 'space',
type: "space"
});
}
}
// code
if (cap = this.rules.code.exec(src)) {
if ((cap = this.rules.code.exec(src))) {
src = src.substring(cap[0].length);
cap = cap[0].replace(/^ {4}/gm, '');
cap = cap[0].replace(/^ {4}/gm, "");
this.tokens.push({
type: 'code',
text: !this.options.pedantic
? cap.replace(/\n+$/, '')
: cap,
type: "code",
text: !this.options.pedantic ? cap.replace(/\n+$/, "") : cap
});
continue;
}
// fences (gfm)
if (cap = this.rules.fences.exec(src)) {
if ((cap = this.rules.fences.exec(src))) {
src = src.substring(cap[0].length);
this.tokens.push({
type: 'code',
type: "code",
lang: cap[2],
text: cap[3],
text: cap[3]
});
continue;
}
// heading
if (cap = this.rules.heading.exec(src)) {
if ((cap = this.rules.heading.exec(src))) {
src = src.substring(cap[0].length);
this.tokens.push({
type: 'heading',
type: "heading",
depth: cap[1].length,
text: cap[2],
text: cap[2]
});
continue;
}
@ -188,19 +202,19 @@ Lexer.prototype.token = function(_src, top) {
src = src.substring(cap[0].length);
item = {
type: 'table',
header: cap[1].replace(/^ *| *\| *$/g, '').split(/ *\| */),
align: cap[2].replace(/^ *|\| *$/g, '').split(/ *\| */),
cells: cap[3].replace(/\n$/, '').split('\n'),
type: "table",
header: cap[1].replace(/^ *| *\| *$/g, "").split(/ *\| */),
align: cap[2].replace(/^ *|\| *$/g, "").split(/ *\| */),
cells: cap[3].replace(/\n$/, "").split("\n")
};
for (i = 0; i < item.align.length; i++) {
if (/^ *-+: *$/.test(item.align[i])) {
item.align[i] = 'right';
item.align[i] = "right";
} else if (/^ *:-+: *$/.test(item.align[i])) {
item.align[i] = 'center';
item.align[i] = "center";
} else if (/^ *:-+ *$/.test(item.align[i])) {
item.align[i] = 'left';
item.align[i] = "left";
} else {
item.align[i] = null;
}
@ -216,34 +230,34 @@ Lexer.prototype.token = function(_src, top) {
}
// lheading
if (cap = this.rules.lheading.exec(src)) {
if ((cap = this.rules.lheading.exec(src))) {
src = src.substring(cap[0].length);
this.tokens.push({
type: 'heading',
depth: cap[2] === '=' ? 1 : 2,
text: cap[1],
type: "heading",
depth: cap[2] === "=" ? 1 : 2,
text: cap[1]
});
continue;
}
// hr
if (cap = this.rules.hr.exec(src)) {
if ((cap = this.rules.hr.exec(src))) {
src = src.substring(cap[0].length);
this.tokens.push({
type: 'hr',
type: "hr"
});
continue;
}
// blockquote
if (cap = this.rules.blockquote.exec(src)) {
if ((cap = this.rules.blockquote.exec(src))) {
src = src.substring(cap[0].length);
this.tokens.push({
type: 'blockquote_start',
type: "blockquote_start"
});
cap = cap[0].replace(/^ *> ?/gm, '');
cap = cap[0].replace(/^ *> ?/gm, "");
// Pass `top` to keep the current
// "toplevel" state. This is exactly
@ -251,20 +265,20 @@ Lexer.prototype.token = function(_src, top) {
this.token(cap, top);
this.tokens.push({
type: 'blockquote_end',
type: "blockquote_end"
});
continue;
}
// list
if (cap = this.rules.list.exec(src)) {
if ((cap = this.rules.list.exec(src))) {
src = src.substring(cap[0].length);
bull = cap[2];
this.tokens.push({
type: 'list_start',
ordered: bull.length > 1,
type: "list_start",
ordered: bull.length > 1
});
// Get each top-level item.
@ -280,15 +294,16 @@ Lexer.prototype.token = function(_src, top) {
// Remove the list item's bullet
// so it is seen as the next token.
space = item.length;
item = item.replace(/^ *([*+-]|\d+\.) +/, '');
item = item.replace(/^ *([*+-]|\d+\.) +/, "");
// Outdent whatever the
// list item contains. Hacky.
if (~item.indexOf('\n ')) { // eslint-disable-line
if (~item.indexOf("\n ")) {
// eslint-disable-line
space -= item.length;
item = !this.options.pedantic
? item.replace(new RegExp('^ {1,' + space + '}', 'gm'), '')
: item.replace(/^ {1,4}/gm, '');
? item.replace(new RegExp("^ {1," + space + "}", "gm"), "")
: item.replace(/^ {1,4}/gm, "");
}
// Determine whether the next list item belongs here.
@ -296,7 +311,7 @@ Lexer.prototype.token = function(_src, top) {
if (this.options.smartLists && i !== l - 1) {
b = block.bullet.exec(cap[i + 1])[0];
if (bull !== b && !(bull.length > 1 && b.length > 1)) {
src = cap.slice(i + 1).join('\n') + src;
src = cap.slice(i + 1).join("\n") + src;
i = l - 1;
}
}
@ -306,40 +321,38 @@ Lexer.prototype.token = function(_src, top) {
// for discount behavior.
loose = next || /\n\n(?!\s*$)/.test(item);
if (i !== l - 1) {
next = item[item.length - 1] === '\n';
if (!loose) {loose = next;}
next = item[item.length - 1] === "\n";
if (!loose) {
loose = next;
}
}
this.tokens.push({
type: loose
? 'loose_item_start'
: 'list_item_start',
type: loose ? "loose_item_start" : "list_item_start"
});
// Recurse.
this.token(item, false);
this.tokens.push({
type: 'list_item_end',
type: "list_item_end"
});
}
this.tokens.push({
type: 'list_end',
type: "list_end"
});
continue;
}
// html
if (cap = this.rules.html.exec(src)) {
if ((cap = this.rules.html.exec(src))) {
src = src.substring(cap[0].length);
this.tokens.push({
type: this.options.sanitize
? 'paragraph'
: 'html',
pre: cap[1] === 'pre' || cap[1] === 'script',
text: cap[0],
type: this.options.sanitize ? "paragraph" : "html",
pre: cap[1] === "pre" || cap[1] === "script",
text: cap[0]
});
continue;
}
@ -349,7 +362,7 @@ Lexer.prototype.token = function(_src, top) {
src = src.substring(cap[0].length);
this.tokens.links[cap[1].toLowerCase()] = {
href: cap[2],
title: cap[3],
title: cap[3]
};
continue;
}
@ -359,19 +372,19 @@ Lexer.prototype.token = function(_src, top) {
src = src.substring(cap[0].length);
item = {
type: 'table',
header: cap[1].replace(/^ *| *\| *$/g, '').split(/ *\| */),
align: cap[2].replace(/^ *|\| *$/g, '').split(/ *\| */),
cells: cap[3].replace(/(?: *\| *)?\n$/, '').split('\n'),
type: "table",
header: cap[1].replace(/^ *| *\| *$/g, "").split(/ *\| */),
align: cap[2].replace(/^ *|\| *$/g, "").split(/ *\| */),
cells: cap[3].replace(/(?: *\| *)?\n$/, "").split("\n")
};
for (i = 0; i < item.align.length; i++) {
if (/^ *-+: *$/.test(item.align[i])) {
item.align[i] = 'right';
item.align[i] = "right";
} else if (/^ *:-+: *$/.test(item.align[i])) {
item.align[i] = 'center';
item.align[i] = "center";
} else if (/^ *:-+ *$/.test(item.align[i])) {
item.align[i] = 'left';
item.align[i] = "left";
} else {
item.align[i] = null;
}
@ -379,7 +392,7 @@ Lexer.prototype.token = function(_src, top) {
for (i = 0; i < item.cells.length; i++) {
item.cells[i] = item.cells[i]
.replace(/^ *\| *| *\| *$/g, '')
.replace(/^ *\| *| *\| *$/g, "")
.split(/ *\| */);
}
@ -392,28 +405,25 @@ Lexer.prototype.token = function(_src, top) {
if (top && (cap = this.rules.paragraph.exec(src))) {
src = src.substring(cap[0].length);
this.tokens.push({
type: 'paragraph',
text: cap[1][cap[1].length - 1] === '\n'
? cap[1].slice(0, -1)
: cap[1],
type: "paragraph",
text: cap[1][cap[1].length - 1] === "\n" ? cap[1].slice(0, -1) : cap[1]
});
continue;
}
// text
if (cap = this.rules.text.exec(src)) {
if ((cap = this.rules.text.exec(src))) {
// Top-level should never reach here.
src = src.substring(cap[0].length);
this.tokens.push({
type: 'text',
text: cap[0],
type: "text",
text: cap[0]
});
continue;
}
if (src) {
throw new
Error('Infinite loop on byte: ' + src.charCodeAt(0));
throw new Error("Infinite loop on byte: " + src.charCodeAt(0));
}
}
@ -437,15 +447,18 @@ const inline = {
code: /^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,
br: /^ {2,}\n(?!\s*$)/,
del: noop,
text: /^[\s\S]+?(?=[\\<!\[_*`]| {2,}\n|$)/,
text: /^[\s\S]+?(?=[\\<!\[_*`]| {2,}\n|$)/
};
inline._inside = /(?:\[[^\]]*\]|[^\]]|\](?=[^\[]*\]))*/;
inline._href = /\s*<?([^\s]*?)>?(?:\s+['"]([\s\S]*?)['"])?\s*/;
inline.link = replace(inline.link)('inside', inline._inside)('href', inline._href)();
inline.link = replace(inline.link)("inside", inline._inside)(
"href",
inline._href
)();
inline.reflink = replace(inline.reflink)('inside', inline._inside)();
inline.reflink = replace(inline.reflink)("inside", inline._inside)();
/**
* Normal Inline Grammar
@ -459,7 +472,7 @@ inline.normal = merge({}, inline);
inline.pedantic = merge({}, inline.normal, {
strong: /^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,
em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/,
em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/
});
/**
@ -467,10 +480,10 @@ inline.pedantic = merge({}, inline.normal, {
*/
inline.gfm = merge({}, inline.normal, {
escape: replace(inline.escape)('])', '~|])')(),
escape: replace(inline.escape)("])", "~|])")(),
url: /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,
del: /^~~(?=\S)([\s\S]*?\S)~~/,
text: replace(inline.text)(']|', '~]|')('|', '|https?://|')(),
text: replace(inline.text)("]|", "~]|")("|", "|https?://|")()
});
/**
@ -478,8 +491,8 @@ inline.gfm = merge({}, inline.normal, {
*/
inline.breaks = merge({}, inline.gfm, {
br: replace(inline.br)('{2,}', '*')(),
text: replace(inline.gfm.text)('{2,}', '*')(),
br: replace(inline.br)("{2,}", "*")(),
text: replace(inline.gfm.text)("{2,}", "*")()
});
/**
@ -492,8 +505,7 @@ function InlineLexer(links, options) {
this.rules = inline.normal;
if (!this.links) {
throw new
Error('Tokens array requires a `links` property.');
throw new Error("Tokens array requires a `links` property.");
}
if (this.options.gfm) {
@ -535,20 +547,18 @@ InlineLexer.prototype.output = function(src) {
while (src) {
// escape
if (cap = this.rules.escape.exec(src)) {
if ((cap = this.rules.escape.exec(src))) {
src = src.substring(cap[0].length);
out.push(cap[1]);
continue;
}
// autolink
if (cap = this.rules.autolink.exec(src)) {
if ((cap = this.rules.autolink.exec(src))) {
src = src.substring(cap[0].length);
if (cap[2] === '@') {
text = cap[1][6] === ':'
? cap[1].substring(7)
: cap[1];
href = 'mailto:' + text;
if (cap[2] === "@") {
text = cap[1][6] === ":" ? cap[1].substring(7) : cap[1];
href = "mailto:" + text;
} else {
text = cap[1];
href = text;
@ -558,7 +568,7 @@ InlineLexer.prototype.output = function(src) {
}
// url (gfm)
if (cap = this.rules.url.exec(src)) {
if ((cap = this.rules.url.exec(src))) {
src = src.substring(cap[0].length);
text = cap[1];
href = text;
@ -567,7 +577,7 @@ InlineLexer.prototype.output = function(src) {
}
// tag
if (cap = this.rules.tag.exec(src)) {
if ((cap = this.rules.tag.exec(src))) {
src = src.substring(cap[0].length);
// TODO(alpert): Don't escape if sanitize is false
out.push(cap[0]);
@ -575,20 +585,24 @@ InlineLexer.prototype.output = function(src) {
}
// link
if (cap = this.rules.link.exec(src)) {
if ((cap = this.rules.link.exec(src))) {
src = src.substring(cap[0].length);
out.push(this.outputLink(cap, {
out.push(
this.outputLink(cap, {
href: cap[2],
title: cap[3],
}));
title: cap[3]
})
);
continue;
}
// reflink, nolink
if ((cap = this.rules.reflink.exec(src))
|| (cap = this.rules.nolink.exec(src))) {
if (
(cap = this.rules.reflink.exec(src)) ||
(cap = this.rules.nolink.exec(src))
) {
src = src.substring(cap[0].length);
link = (cap[2] || cap[1]).replace(/\s+/g, ' ');
link = (cap[2] || cap[1]).replace(/\s+/g, " ");
link = this.links[link.toLowerCase()];
if (!link || !link.href) {
out.push.apply(out, this.output(cap[0][0]));
@ -600,50 +614,49 @@ InlineLexer.prototype.output = function(src) {
}
// strong
if (cap = this.rules.strong.exec(src)) {
if ((cap = this.rules.strong.exec(src))) {
src = src.substring(cap[0].length);
out.push(React.DOM.strong(null, this.output(cap[2] || cap[1])));
continue;
}
// em
if (cap = this.rules.em.exec(src)) {
if ((cap = this.rules.em.exec(src))) {
src = src.substring(cap[0].length);
out.push(React.DOM.em(null, this.output(cap[2] || cap[1])));
continue;
}
// code
if (cap = this.rules.code.exec(src)) {
if ((cap = this.rules.code.exec(src))) {
src = src.substring(cap[0].length);
out.push(React.DOM.code(null, cap[2]));
continue;
}
// br
if (cap = this.rules.br.exec(src)) {
if ((cap = this.rules.br.exec(src))) {
src = src.substring(cap[0].length);
out.push(React.DOM.br(null, null));
continue;
}
// del (gfm)
if (cap = this.rules.del.exec(src)) {
if ((cap = this.rules.del.exec(src))) {
src = src.substring(cap[0].length);
out.push(React.DOM.del(null, this.output(cap[1])));
continue;
}
// text
if (cap = this.rules.text.exec(src)) {
if ((cap = this.rules.text.exec(src))) {
src = src.substring(cap[0].length);
out.push(this.smartypants(cap[0]));
continue;
}
if (src) {
throw new
Error('Infinite loop on byte: ' + src.charCodeAt(0));
throw new Error("Infinite loop on byte: " + src.charCodeAt(0));
}
}
@ -658,13 +671,14 @@ InlineLexer.prototype.sanitizeUrl = function(url) {
if (this.options.sanitize) {
try {
const prot = decodeURIComponent(url)
.replace(/[^A-Za-z0-9:]/g, '')
.replace(/[^A-Za-z0-9:]/g, "")
.toLowerCase();
if (prot.indexOf('javascript:') === 0) { // eslint-disable-line
return '#';
if (prot.indexOf("javascript:") === 0) {
// eslint-disable-line
return "#";
}
} catch (e) {
return '#';
return "#";
}
}
return url;
@ -675,22 +689,27 @@ InlineLexer.prototype.sanitizeUrl = function(url) {
*/
InlineLexer.prototype.outputLink = function(cap, link) {
if (cap[0][0] !== '!') {
if (cap[0][0] !== "!") {
const shouldOpenInNewWindow =
link.href.charAt(0) !== '/'
&& link.href.charAt(0) !== '#';
link.href.charAt(0) !== "/" && link.href.charAt(0) !== "#";
return React.DOM.a({
return React.DOM.a(
{
href: this.sanitizeUrl(link.href),
title: link.title,
target: shouldOpenInNewWindow ? '_blank' : '',
}, this.output(cap[1]));
target: shouldOpenInNewWindow ? "_blank" : ""
},
this.output(cap[1])
);
} else {
return React.DOM.img({
return React.DOM.img(
{
src: this.sanitizeUrl(link.href),
alt: cap[1],
title: link.title,
}, null);
title: link.title
},
null
);
}
};
@ -699,12 +718,14 @@ InlineLexer.prototype.outputLink = function(cap, link) {
*/
InlineLexer.prototype.smartypants = function(text) {
if (!this.options.smartypants) {return text;}
if (!this.options.smartypants) {
return text;
}
return text
.replace(/--/g, '\u2014')
.replace(/'([^']*)'/g, '\u2018$1\u2019')
.replace(/"([^"]*)"/g, '\u201C$1\u201D')
.replace(/\.{3}/g, '\u2026');
.replace(/--/g, "\u2014")
.replace(/'([^']*)'/g, "\u2018$1\u2019")
.replace(/"([^"]*)"/g, "\u201C$1\u201D")
.replace(/\.{3}/g, "\u2026");
};
/**
@ -747,7 +768,7 @@ Parser.prototype.parse = function(src) {
*/
Parser.prototype.next = function() {
return this.token = this.tokens.pop();
return (this.token = this.tokens.pop());
};
/**
@ -765,8 +786,8 @@ Parser.prototype.peek = function() {
Parser.prototype.parseText = function() {
let body = this.token.text;
while (this.peek().type === 'text') {
body += '\n' + this.next().text;
while (this.peek().type === "text") {
body += "\n" + this.next().text;
}
return this.inline.output(body);
@ -776,25 +797,30 @@ Parser.prototype.parseText = function() {
* Parse Current Token
*/
Parser.prototype.tok = function() { // eslint-disable-line
Parser.prototype.tok = function() {
// eslint-disable-line
switch (this.token.type) {
case 'space': {
case "space": {
return [];
}
case 'hr': {
case "hr": {
return React.DOM.hr(null, null);
}
case 'heading': {
case "heading": {
return (
<Header level={this.token.depth} toSlug={this.token.text}>
{this.inline.output(this.token.text)}
</Header>
);
}
case 'code': {
return <Prism>{this.token.text}</Prism>;
case "code": {
return (
<Prism>
{this.token.text}
</Prism>
);
}
case 'table': {
case "table": {
const table = [];
const body = [];
let row = [];
@ -806,12 +832,14 @@ Parser.prototype.tok = function() { // eslint-disable-line
// header
for (i = 0; i < this.token.header.length; i++) {
heading = this.inline.output(this.token.header[i]);
row.push(React.DOM.th(
row.push(
React.DOM.th(
this.token.align[i]
? { style: { textAlign: this.token.align[i] } }
: null,
heading
));
)
);
}
table.push(React.DOM.thead(null, React.DOM.tr(null, row)));
@ -820,12 +848,14 @@ Parser.prototype.tok = function() { // eslint-disable-line
row = [];
cells = this.token.cells[i];
for (j = 0; j < cells.length; j++) {
row.push(React.DOM.td(
row.push(
React.DOM.td(
this.token.align[j]
? { style: { textAlign: this.token.align[j] } }
: null,
this.inline.output(cells[j])
));
)
);
}
body.push(React.DOM.tr(null, row));
}
@ -833,58 +863,59 @@ Parser.prototype.tok = function() { // eslint-disable-line
return React.DOM.table(null, table);
}
case 'blockquote_start': {
case "blockquote_start": {
const body = [];
while (this.next().type !== 'blockquote_end') {
while (this.next().type !== "blockquote_end") {
body.push(this.tok());
}
return React.DOM.blockquote(null, body);
}
case 'list_start': {
const type = this.token.ordered ? 'ol' : 'ul';
case "list_start": {
const type = this.token.ordered ? "ol" : "ul";
const body = [];
while (this.next().type !== 'list_end') {
while (this.next().type !== "list_end") {
body.push(this.tok());
}
return React.DOM[type](null, body);
}
case 'list_item_start': {
case "list_item_start": {
const body = [];
while (this.next().type !== 'list_item_end') {
body.push(this.token.type === 'text'
? this.parseText()
: this.tok());
while (this.next().type !== "list_item_end") {
body.push(this.token.type === "text" ? this.parseText() : this.tok());
}
return React.DOM.li(null, body);
}
case 'loose_item_start': {
case "loose_item_start": {
const body = [];
while (this.next().type !== 'list_item_end') {
while (this.next().type !== "list_item_end") {
body.push(this.tok());
}
return React.DOM.li(null, body);
}
case 'html': {
case "html": {
return React.DOM.div({
dangerouslySetInnerHTML: {
__html: this.token.text,
},
__html: this.token.text
}
});
}
case 'paragraph': {
case "paragraph": {
return this.options.paragraphFn
? this.options.paragraphFn.call(null, this.inline.output(this.token.text))
? this.options.paragraphFn.call(
null,
this.inline.output(this.token.text)
)
: React.DOM.p(null, this.inline.output(this.token.text));
}
case 'text': {
case "text": {
return this.options.paragraphFn
? this.options.paragraphFn.call(null, this.parseText())
: React.DOM.p(null, this.parseText());
@ -898,11 +929,13 @@ Parser.prototype.tok = function() { // eslint-disable-line
function replace(regex, opt) {
regex = regex.source;
opt = opt || '';
opt = opt || "";
return function self(name, val) {
if (!name) {return new RegExp(regex, opt);}
if (!name) {
return new RegExp(regex, opt);
}
val = val.source || val;
val = val.replace(/(^|[^\[])\^/g, '$1');
val = val.replace(/(^|[^\[])\^/g, "$1");
regex = regex.replace(name, val);
return self;
};
@ -933,13 +966,15 @@ function merge(obj) {
*/
function marked(src, opt, callback) {
if (callback || typeof opt === 'function') {
if (callback || typeof opt === "function") {
if (!callback) {
callback = opt;
opt = null;
}
if (opt) {opt = merge({}, marked.defaults, opt);}
if (opt) {
opt = merge({}, marked.defaults, opt);
}
const highlight = opt.highlight;
let tokens;
@ -969,20 +1004,20 @@ function marked(src, opt, callback) {
opt.highlight = highlight;
return err
? callback(err)
: callback(null, out);
return err ? callback(err) : callback(null, out);
};
if (!highlight || highlight.length < 3) {
return done(true);
}
if (!pending) {return done();}
if (!pending) {
return done();
}
for (; i < tokens.length; i++) {
(function(token) {
if (token.type !== 'code') {
if (token.type !== "code") {
return --pending || done();
}
return highlight(token.text, token.lang, (err, code) => {
@ -1000,13 +1035,17 @@ function marked(src, opt, callback) {
return undefined;
}
try {
if (opt) {opt = merge({}, marked.defaults, opt);}
if (opt) {
opt = merge({}, marked.defaults, opt);
}
return Parser.parse(Lexer.lex(src, opt), opt);
} catch (e) {
e.message += '\nPlease report this to https://github.com/chjj/marked.';
e.message += "\nPlease report this to https://github.com/chjj/marked.";
if ((opt || marked.defaults).silent) {
return [React.DOM.p(null, 'An error occurred:'),
React.DOM.pre(null, e.message)];
return [
React.DOM.p(null, "An error occurred:"),
React.DOM.pre(null, e.message)
];
}
throw e;
}
@ -1016,8 +1055,7 @@ function marked(src, opt, callback) {
* Options
*/
marked.options =
marked.setOptions = function(opt) {
marked.options = marked.setOptions = function(opt) {
merge(marked.defaults, opt);
return marked;
};
@ -1031,9 +1069,9 @@ marked.defaults = {
smartLists: false,
silent: false,
highlight: null,
langPrefix: 'lang-',
langPrefix: "lang-",
smartypants: false,
paragraphFn: null,
paragraphFn: null
};
/**
@ -1053,7 +1091,11 @@ marked.parse = marked;
class Marked extends React.Component {
render() {
return <div>{marked(this.props.children, this.props)}</div>;
return (
<div>
{marked(this.props.children, this.props)}
</div>
);
}
}

294
lib/core/Prism.js
View file

@ -7,8 +7,8 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const unindent = require('./unindent.js');
const React = require("react");
const unindent = require("./unindent.js");
/* http://prismjs.com/download.html?themes=prism&languages=markup+clike+javascript+jsx */
/**
@ -20,15 +20,22 @@ const unindent = require('./unindent.js');
// Private helper vars
const lang = /\blang(?:uage)?-(?!\*)(\w+)\b/i;
const _ = Prism = {
const _ = (Prism = {
util: {
encode(tokens) {
if (tokens instanceof Token) {
return new Token(tokens.type, _.util.encode(tokens.content), tokens.alias);
} else if (_.util.type(tokens) === 'Array') {
return new Token(
tokens.type,
_.util.encode(tokens.content),
tokens.alias
);
} else if (_.util.type(tokens) === "Array") {
return tokens.map(_.util.encode);
} else {
return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
return tokens
.replace(/&/g, "&amp;")
.replace(/</g, "&lt;")
.replace(/\u00a0/g, " ");
}
},
@ -41,7 +48,7 @@ const _ = Prism = {
const type = _.util.type(o);
switch (type) {
case 'Object':
case "Object":
var clone = {};
for (const key in o) {
@ -52,13 +59,18 @@ const _ = Prism = {
return clone;
case 'Array':
case "Array":
// Check for existence for IE8
return o.map && o.map(v => { return _.util.clone(v); });
return (
o.map &&
o.map(v => {
return _.util.clone(v);
})
);
}
return o;
},
}
},
languages: {
@ -100,13 +112,9 @@ const _ = Prism = {
const ret = {};
for (const token in grammar) {
if (grammar.hasOwnProperty(token)) {
if (token == before) {
for (var newToken in insert) {
if (insert.hasOwnProperty(newToken)) {
ret[newToken] = insert[newToken];
}
@ -124,7 +132,7 @@ const _ = Prism = {
}
});
return root[inside] = ret;
return (root[inside] = ret);
},
// Traverse a language definition with Depth First Search
@ -133,45 +141,55 @@ const _ = Prism = {
if (o.hasOwnProperty(i)) {
callback.call(o, i, o[i], type || i);
if (_.util.type(o[i]) === 'Object') {
if (_.util.type(o[i]) === "Object") {
_.languages.DFS(o[i], callback);
} else if (_.util.type(o[i]) === 'Array') {
} else if (_.util.type(o[i]) === "Array") {
_.languages.DFS(o[i], callback, i);
}
}
}
},
}
},
highlightAll(async, callback) {
const elements = document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');
const elements = document.querySelectorAll(
'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
);
for (let i = 0, element; element = elements[i++];) {
for (let i = 0, element; (element = elements[i++]); ) {
_.highlightElement(element, async === true, callback);
}
},
highlightElement(element, async, callback) {
// Find language
let language, grammar, parent = element;
let language,
grammar,
parent = element;
while (parent && !lang.test(parent.className)) {
parent = parent.parentNode;
}
if (parent) {
language = (parent.className.match(lang) || [, ''])[1];
language = (parent.className.match(lang) || [, ""])[1];
grammar = _.languages[language];
}
// Set language on the element, if not present
element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
element.className =
element.className.replace(lang, "").replace(/\s+/g, " ") +
" language-" +
language;
// Set language on the parent, for styling
parent = element.parentNode;
if (/pre/i.test(parent.nodeName)) {
parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
parent.className =
parent.className.replace(lang, "").replace(/\s+/g, " ") +
" language-" +
language;
}
if (!grammar) {
@ -184,16 +202,16 @@ const _ = Prism = {
return;
}
code = code.replace(/^(?:\r?\n|\r)/, '');
code = code.replace(/^(?:\r?\n|\r)/, "");
const env = {
element,
language,
grammar,
code,
code
};
_.hooks.run('before-highlight', env);
_.hooks.run("before-highlight", env);
if (async && _self.Worker) {
const worker = new Worker(_.filename);
@ -201,28 +219,30 @@ const _ = Prism = {
worker.onmessage = function(evt) {
env.highlightedCode = Token.stringify(JSON.parse(evt.data), language);
_.hooks.run('before-insert', env);
_.hooks.run("before-insert", env);
env.element.innerHTML = env.highlightedCode;
callback && callback.call(env.element);
_.hooks.run('after-highlight', env);
_.hooks.run("after-highlight", env);
};
worker.postMessage(JSON.stringify({
worker.postMessage(
JSON.stringify({
language: env.language,
code: env.code,
}));
code: env.code
})
);
} else {
env.highlightedCode = _.highlight(env.code, env.grammar, env.language);
_.hooks.run('before-insert', env);
_.hooks.run("before-insert", env);
env.element.innerHTML = env.highlightedCode;
callback && callback.call(element);
_.hooks.run('after-highlight', env);
_.hooks.run("after-highlight", env);
}
},
@ -252,7 +272,7 @@ const _ = Prism = {
}
let patterns = grammar[token];
patterns = (_.util.type(patterns) === 'Array') ? patterns : [patterns];
patterns = _.util.type(patterns) === "Array" ? patterns : [patterns];
for (let j = 0; j < patterns.length; ++j) {
let pattern = patterns[j],
@ -263,7 +283,8 @@ const _ = Prism = {
pattern = pattern.pattern || pattern;
for (let i = 0; i < strarr.length; i++) { // Don't cache length as it changes during the loop
for (let i = 0; i < strarr.length; i++) {
// Don't cache length as it changes during the loop
const str = strarr[i];
@ -298,7 +319,11 @@ const _ = Prism = {
args.push(before);
}
const wrapped = new Token(token, inside ? _.tokenize(match, inside) : match, alias);
const wrapped = new Token(
token,
inside ? _.tokenize(match, inside) : match,
alias
);
args.push(wrapped);
@ -333,25 +358,25 @@ const _ = Prism = {
return;
}
for (let i = 0, callback; callback = callbacks[i++];) {
for (let i = 0, callback; (callback = callbacks[i++]); ) {
callback(env);
}
},
},
};
}
}
});
const Token = _.Token = function(type, content, alias) {
const Token = (_.Token = function(type, content, alias) {
this.type = type;
this.content = content;
this.alias = alias;
};
});
Token.reactify = function(o, language, parent, key) {
if (typeof o == 'string') {
if (typeof o == "string") {
return o;
}
if (_.util.type(o) === 'Array') {
if (_.util.type(o) === "Array") {
return o.map((element, i) => {
return Token.reactify(element, language, o, i);
});
@ -360,183 +385,186 @@ Token.reactify = function(o, language, parent, key) {
const env = {
type: o.type,
content: Token.reactify(o.content, language, parent),
tag: 'span',
classes: ['token', o.type],
tag: "span",
classes: ["token", o.type],
attributes: { key },
language,
parent,
parent
};
if (env.type == 'comment') {
if (env.type == "comment") {
env.attributes.spellCheck = true;
}
if (o.alias) {
const aliases = _.util.type(o.alias) === 'Array' ? o.alias : [o.alias];
const aliases = _.util.type(o.alias) === "Array" ? o.alias : [o.alias];
Array.prototype.push.apply(env.classes, aliases);
}
_.hooks.run('wrap', env);
_.hooks.run("wrap", env);
env.attributes.className = env.classes.join(' ');
env.attributes.className = env.classes.join(" ");
return React.DOM[env.tag](env.attributes, env.content);
};
Prism.languages.markup = {
'comment': /<!--[\w\W]*?-->/,
'prolog': /<\?[\w\W]+?\?>/,
'doctype': /<!DOCTYPE[\w\W]+?>/,
'cdata': /<!\[CDATA\[[\w\W]*?]]>/i,
'tag': {
comment: /<!--[\w\W]*?-->/,
prolog: /<\?[\w\W]+?\?>/,
doctype: /<!DOCTYPE[\w\W]+?>/,
cdata: /<!\[CDATA\[[\w\W]*?]]>/i,
tag: {
pattern: /<\/?[^\s>\/]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,
inside: {
'tag': {
tag: {
pattern: /^<\/?[^\s>\/]+/i,
inside: {
'punctuation': /^<\/?/,
'namespace': /^[^\s>\/:]+:/,
punctuation: /^<\/?/,
namespace: /^[^\s>\/:]+:/
}
},
},
'attr-value': {
"attr-value": {
pattern: /=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,
inside: {
'punctuation': /[=>"']/,
punctuation: /[=>"']/
}
},
},
'punctuation': /\/?>/,
'attr-name': {
punctuation: /\/?>/,
"attr-name": {
pattern: /[^\s>\/]+/,
inside: {
'namespace': /^[^\s>\/:]+:/,
namespace: /^[^\s>\/:]+:/
}
}
}
},
},
},
},
'entity': /&#?[\da-z]{1,8};/i,
entity: /&#?[\da-z]{1,8};/i
};
// Plugin to make entity title show the real entity, idea by Roman Komarov
Prism.hooks.add('wrap', env => {
if (env.type === 'entity') {
env.attributes['title'] = env.content.replace(/&amp;/, '&');
Prism.hooks.add("wrap", env => {
if (env.type === "entity") {
env.attributes["title"] = env.content.replace(/&amp;/, "&");
}
});
Prism.languages.clike = {
'comment': [
comment: [
{
pattern: /(^|[^\\])\/\*[\w\W]*?\*\//,
lookbehind: true,
lookbehind: true
},
{
pattern: /(^|[^\\:])\/\/.*/,
lookbehind: true,
},
lookbehind: true
}
],
'string': /("|')(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
'class-name': {
string: /("|')(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
"class-name": {
pattern: /((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,
lookbehind: true,
inside: {
punctuation: /(\.|\\)/,
punctuation: /(\.|\\)/
}
},
},
'keyword': /\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
'boolean': /\b(true|false)\b/,
'function': /[a-z0-9_]+(?=\()/i,
'number': /\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,
'operator': /[-+]{1,2}|!|<=?|>=?|={1,3}|&{1,2}|\|?\||\?|\*|\/|~|\^|%/,
'punctuation': /[{}[\];(),.:]/,
keyword: /\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
boolean: /\b(true|false)\b/,
function: /[a-z0-9_]+(?=\()/i,
number: /\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,
operator: /[-+]{1,2}|!|<=?|>=?|={1,3}|&{1,2}|\|?\||\?|\*|\/|~|\^|%/,
punctuation: /[{}[\];(),.:]/
};
Prism.languages.javascript = Prism.languages.extend('clike', {
'keyword': /\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/,
'number': /\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,
'function': /(?!\d)[a-z0-9_$]+(?=\()/i,
Prism.languages.javascript = Prism.languages.extend("clike", {
keyword: /\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/,
number: /\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,
function: /(?!\d)[a-z0-9_$]+(?=\()/i
});
Prism.languages.insertBefore('javascript', 'keyword', {
'regex': {
Prism.languages.insertBefore("javascript", "keyword", {
regex: {
pattern: /(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,
lookbehind: true,
},
lookbehind: true
}
});
Prism.languages.insertBefore('javascript', 'class-name', {
'template-string': {
Prism.languages.insertBefore("javascript", "class-name", {
"template-string": {
pattern: /`(?:\\`|\\?[^`])*`/,
inside: {
'interpolation': {
interpolation: {
pattern: /\$\{[^}]+\}/,
inside: {
'interpolation-punctuation': {
"interpolation-punctuation": {
pattern: /^\$\{|\}$/,
alias: 'punctuation',
},
rest: Prism.languages.javascript,
},
},
'string': /[\s\S]+/,
alias: "punctuation"
},
rest: Prism.languages.javascript
}
},
string: /[\s\S]+/
}
}
});
if (Prism.languages.markup) {
Prism.languages.insertBefore('markup', 'tag', {
'script': {
Prism.languages.insertBefore("markup", "tag", {
script: {
pattern: /<script[\w\W]*?>[\w\W]*?<\/script>/i,
inside: {
'tag': {
tag: {
pattern: /<script[\w\W]*?>|<\/script>/i,
inside: Prism.languages.markup.tag.inside,
inside: Prism.languages.markup.tag.inside
},
rest: Prism.languages.javascript,
},
alias: 'language-javascript',
rest: Prism.languages.javascript
},
alias: "language-javascript"
}
});
}
(function(Prism) {
const javascript = Prism.util.clone(Prism.languages.javascript);
Prism.languages.jsx = Prism.languages.extend('markup', javascript);
Prism.languages.jsx = Prism.languages.extend("markup", javascript);
Prism.languages.jsx.tag.pattern = /<\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|[^\s'">=]+|(\{[\w\W]*?\})))?\s*)*\/?>/i;
Prism.languages.jsx.tag.inside['attr-value'].pattern = /=[^\{](?:('|")[\w\W]*?(\1)|[^\s>]+)/i;
Prism.languages.jsx.tag.inside[
"attr-value"
].pattern = /=[^\{](?:('|")[\w\W]*?(\1)|[^\s>]+)/i;
Prism.languages.insertBefore('inside', 'attr-value', {
'script': {
Prism.languages.insertBefore(
"inside",
"attr-value",
{
script: {
pattern: /=(\{[\w\W]*?\})/i,
inside: {
'function' : Prism.languages.javascript.function,
'punctuation': /[={}[\];(),.:]/,
'keyword': Prism.languages.javascript.keyword,
function: Prism.languages.javascript.function,
punctuation: /[={}[\];(),.:]/,
keyword: Prism.languages.javascript.keyword
},
'alias': 'language-javascript',
alias: "language-javascript"
}
},
}, Prism.languages.jsx.tag);
}(Prism));
Prism.languages.jsx.tag
);
})(Prism);
const PrismComponent = React.createClass({
statics: {
_,
_
},
getDefaultProps() {
return {
language: 'javascript',
language: "javascript"
};
},
render() {
const lines = [];
if (this.props.line) {
this.props.line.split(',').forEach(range => {
const parts = range.split('-');
this.props.line.split(",").forEach(range => {
const parts = range.split("-");
if (parts.length === 1) {
lines.push(parts[0].trim());
} else {
@ -550,7 +578,7 @@ const PrismComponent = React.createClass({
}
const grammar = _.languages[this.props.language];
return (
<pre className={'prism language-' + this.props.language}>
<pre className={"prism language-" + this.props.language}>
{Token.reactify(_.tokenize(this.props.children, grammar))}
{lines.map((line, ii) => {
return (
@ -563,7 +591,7 @@ const PrismComponent = React.createClass({
})}
</pre>
);
},
}
});
module.exports = PrismComponent;

61
lib/core/Site.js
View file

@ -7,10 +7,10 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const HeaderNav = require('./nav/HeaderNav.js');
const Head = require('./Head.js');
const Footer = require(process.cwd() + '/core/Footer.js');
const React = require("react");
const HeaderNav = require("./nav/HeaderNav.js");
const Head = require("./Head.js");
const Footer = require(process.cwd() + "/core/Footer.js");
class Site extends React.Component {
/*
@ -48,18 +48,26 @@ class Site extends React.Component {
*/
render() {
const tagline = this.props.config[this.props.language] ? this.props.config[this.props.language]["localized-strings"].tagline : this.props.config.tagline;
const tagline = this.props.config[this.props.language]
? this.props.config[this.props.language]["localized-strings"].tagline
: this.props.config.tagline;
const title = this.props.title
? this.props.title + ' · ' + this.props.config.title
: this.props.config.title + ' · ' + tagline;
const description =
this.props.description || tagline;
? this.props.title + " · " + this.props.config.title
: this.props.config.title + " · " + tagline;
const description = this.props.description || tagline;
const url =
this.props.config.url + this.props.config.baseUrl + (this.props.url || 'index.html');
this.props.config.url +
this.props.config.baseUrl +
(this.props.url || "index.html");
return (
<html>
<Head config={this.props.config} description={description} title={title} url={url} />
<Head
config={this.props.config}
description={description}
title={title}
url={url}
/>
<body className={this.props.className}>
<HeaderNav
config={this.props.config}
@ -76,36 +84,41 @@ class Site extends React.Component {
<script
type="text/javascript"
src="//cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"
/>
}
/>}
{this.props.config.gaTrackingId &&
<script
dangerouslySetInnerHTML={{
__html: `
__html:
`
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '` + this.props.config.gaTrackingId + `', 'auto');
ga('create', '` +
this.props.config.gaTrackingId +
`', 'auto');
ga('send', 'pageview');
`,
`
}}
/>
}
/>}
{this.props.config.algolia &&
<script
dangerouslySetInnerHTML={{
__html: `
__html:
`
var search = docsearch({
apiKey: '` + this.props.config.algolia.apiKey + `',
indexName: '` + this.props.config.algolia.indexName + `',
apiKey: '` +
this.props.config.algolia.apiKey +
`',
indexName: '` +
this.props.config.algolia.indexName +
`',
inputSelector: '#search_input_react'
});
`,
`
}}
/>
}
/>}
</body>
</html>
);

36
lib/core/nav/HeaderNav.js
View file

@ -7,16 +7,16 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const React = require("react");
const siteConfig = require(process.cwd() + '/siteConfig.js');
const siteConfig = require(process.cwd() + "/siteConfig.js");
class LanguageDropDown extends React.Component {
render() {
const enabledLanguages = [];
let currentLanguage = 'English';
let currentLanguage = "English";
siteConfig['languages'].map(lang => {
siteConfig["languages"].map(lang => {
if (lang.tag == this.props.language) {
currentLanguage = lang.name;
}
@ -48,7 +48,7 @@ class LanguageDropDown extends React.Component {
<a id="languages-menu" href="#">
<img
className="languages-icon"
src={this.props.baseUrl + 'img/language.svg'}
src={this.props.baseUrl + "img/language.svg"}
/>
{currentLanguage}
</a>
@ -70,7 +70,7 @@ class LanguageDropDown extends React.Component {
languagesDropDown.className = "hide";
}
});
`,
`
}}
/>
</span>
@ -82,21 +82,24 @@ class HeaderNav extends React.Component {
constructor() {
super();
this.state = {
slideoutActive: false,
slideoutActive: false
};
}
makeLinks(link) {
const linkWithLang = link.href.replace(
/\/LANGUAGE\//,
'\/' + this.props.language + '\/'
"/" + this.props.language + "/"
);
return (
<li key={link.section}>
<a
href={linkWithLang}
className={link.section === this.props.section ? 'active' : ''}>
{siteConfig[this.props.language] ? siteConfig[this.props.language]['localized-strings'][link.text] : link.text}
className={link.section === this.props.section ? "active" : ""}
>
{siteConfig[this.props.language]
? siteConfig[this.props.language]["localized-strings"][link.text]
: link.text}
</a>
</li>
);
@ -109,7 +112,9 @@ class HeaderNav extends React.Component {
<header>
<a href={this.props.baseUrl}>
<img src={this.props.baseUrl + siteConfig.headerIcon} />
<h2>{this.props.title}</h2>
<h2>
{this.props.title}
</h2>
</a>
{this.renderResponsiveNav()}
</header>
@ -130,9 +135,12 @@ class HeaderNav extends React.Component {
/>
{this.props.config.algolia &&
<li className="navSearchWrapper reactNavSearchWrapper">
<input id="search_input_react" type="text" placeholder="Search" />
</li>
}
<input
id="search_input_react"
type="text"
placeholder="Search"
/>
</li>}
{this.props.config.headerLinksExternal.map(this.makeLinks, this)}
</ul>
</nav>

47
lib/core/nav/SideNav.js
View file

@ -7,10 +7,10 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const React = require('react');
const classNames = require('classnames');
const React = require("react");
const classNames = require("classnames");
const siteConfig = require(process.cwd() + '/siteConfig.js');
const siteConfig = require(process.cwd() + "/siteConfig.js");
class SideNav extends React.Component {
render() {
@ -19,10 +19,14 @@ class SideNav extends React.Component {
<div className="toggleNav">
<section className="navWrapper wrapper">
<div className="navBreadcrumb wrapper">
<div className="navToggle" id="navToggler"><i /></div>
<div className="navToggle" id="navToggler">
<i />
</div>
<h2>
<i>›</i>
<span>{this.props.current.category}</span>
<span>
{this.props.current.category}
</span>
</h2>
</div>
<div className="navGroups">
@ -38,7 +42,7 @@ class SideNav extends React.Component {
toggler.onclick = function() {
nav.classList.toggle('docsSliderActive');
};
`,
`
}}
/>
</nav>
@ -47,7 +51,9 @@ class SideNav extends React.Component {
renderCategory(category) {
return (
<div className="navGroup navGroupActive" key={category.name}>
<h3>{this.getLocalizedCategoryString(category.name)}</h3>
<h3>
{this.getLocalizedCategoryString(category.name)}
</h3>
<ul>
{category.links.map(this.renderItemLink, this)}
</ul>
@ -55,16 +61,17 @@ class SideNav extends React.Component {
);
}
getLocalizedCategoryString(category) {
let categoryString =
siteConfig[this.props.language] ?
siteConfig[this.props.language]['localized-strings'][category] || category
let categoryString = siteConfig[this.props.language]
? siteConfig[this.props.language]["localized-strings"][category] ||
category
: category;
return categoryString;
}
getLocalizedString(metadata) {
let localizedString =
siteConfig[this.props.language] ?
siteConfig[this.props.language]['localized-strings'][metadata.localized_id] || metadata.title
let localizedString = siteConfig[this.props.language]
? siteConfig[this.props.language]["localized-strings"][
metadata.localized_id
] || metadata.title
: metadata.title;
return localizedString;
@ -74,19 +81,19 @@ class SideNav extends React.Component {
if (metadata.permalink.match(/^https?:/)) {
return metadata.permalink;
}
return siteConfig.baseUrl + metadata.permalink + '#content';
return siteConfig.baseUrl + metadata.permalink + "#content";
}
if (metadata.path) {
return siteConfig.baseUrl + 'blog/' + metadata.path;
return siteConfig.baseUrl + "blog/" + metadata.path;
}
return null;
}
renderItemLink(link) {
const itemClasses = classNames('navListItem', {
navListItemActive: link.id === this.props.current.id,
const itemClasses = classNames("navListItem", {
navListItemActive: link.id === this.props.current.id
});
const linkClasses = classNames('navItem', {
navItemActive: link.id === this.props.current.id,
const linkClasses = classNames("navItem", {
navItemActive: link.id === this.props.current.id
});
return (
<li className={itemClasses} key={link.id}>
@ -98,6 +105,6 @@ class SideNav extends React.Component {
}
}
SideNav.defaultProps = {
contents: [],
contents: []
};
module.exports = SideNav;

33
lib/core/toSlug.js
View file

@ -9,39 +9,34 @@
module.exports = string => {
// var accents = "àáäâèéëêìíïîòóöôùúüûñç";
const accents = '\u00e0\u00e1\u00e4\u00e2\u00e8'
+ '\u00e9\u00eb\u00ea\u00ec\u00ed\u00ef'
+ '\u00ee\u00f2\u00f3\u00f6\u00f4\u00f9'
+ '\u00fa\u00fc\u00fb\u00f1\u00e7';
const accents =
"\u00e0\u00e1\u00e4\u00e2\u00e8" +
"\u00e9\u00eb\u00ea\u00ec\u00ed\u00ef" +
"\u00ee\u00f2\u00f3\u00f6\u00f4\u00f9" +
"\u00fa\u00fc\u00fb\u00f1\u00e7";
const without = 'aaaaeeeeiiiioooouuuunc';
const without = "aaaaeeeeiiiioooouuuunc";
let slug = string
.toString()
// Handle uppercase characters
.toLowerCase()
// Handle accentuated characters
.replace(
new RegExp('[' + accents + ']', 'g'),
c => { return without.charAt(accents.indexOf(c)); })
.replace(new RegExp("[" + accents + "]", "g"), c => {
return without.charAt(accents.indexOf(c));
})
// Replace `.`, `(` and `?` with blank string like Github does
.replace(/\.|\(|\?/g, '')
.replace(/\.|\(|\?/g, "")
// Dash special characters
.replace(/[^a-z0-9]/g, '-')
.replace(/[^a-z0-9]/g, "-")
// Compress multiple dash
.replace(/-+/g, '-')
.replace(/-+/g, "-")
// Trim dashes
.replace(/^-|-$/g, '');
.replace(/^-|-$/g, "");
// Add trailing `-` if string contains ` ...` in the end like Github does
if (/\s[.]{1,}/.test(string)) {
slug += '-';
slug += "-";
}
return slug;

8
lib/core/unindent.js
View file

@ -9,8 +9,8 @@
// Remove the indentation introduced by JSX
function unindent(code) {
const lines = code.split('\n');
if (lines[0] === '') {
const lines = code.split("\n");
if (lines[0] === "") {
lines.shift();
}
if (lines.length <= 1) {
@ -19,9 +19,9 @@ function unindent(code) {
const indent = lines[0].match(/^\s*/)[0];
for (let i = 0; i < lines.length; ++i) {
lines[i] = lines[i].replace(new RegExp('^' + indent), '');
lines[i] = lines[i].replace(new RegExp("^" + indent), "");
}
return lines.join('\n');
return lines.join("\n");
}
module.exports = unindent;

54
lib/publish-gh-pages.js
View file

@ -9,7 +9,7 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
const shell = require('shelljs');
const shell = require("shelljs");
const GIT_USER = process.env.GIT_USER;
const CIRCLE_BRANCH = process.env.CIRCLE_BRANCH;
@ -18,54 +18,64 @@ const CIRCLE_PROJECT_REPONAME = process.env.CIRCLE_PROJECT_REPONAME;
const CI_PULL_REQUEST = process.env.CI_PULL_REQUEST;
const remoteBranch = `https://${GIT_USER}@github.com/${CIRCLE_PROJECT_USERNAME}/${CIRCLE_PROJECT_REPONAME}.git`;
if (!shell.which('git')) {
shell.echo('Sorry, this script requires git');
if (!shell.which("git")) {
shell.echo("Sorry, this script requires git");
shell.exit(1);
}
if (CI_PULL_REQUEST || CIRCLE_BRANCH !== `master`) {
shell.echo('Skipping deploy');
shell.echo("Skipping deploy");
shell.exit(0);
}
if (shell.exec('docusaurus-build').code) {
shell.echo('Error: generating html failed');
if (shell.exec("docusaurus-build").code) {
shell.echo("Error: generating html failed");
shell.exit(1);
}
shell.cd(__dirname);
shell.cd('..');
shell.cd('build');
shell.cd("..");
shell.cd("build");
if (shell.exec(`git clone ${remoteBranch} ${CIRCLE_PROJECT_REPONAME}-gh-pages`).code !== 0) {
shell.echo('Error: git clone failed');
if (
shell.exec(`git clone ${remoteBranch} ${CIRCLE_PROJECT_REPONAME}-gh-pages`)
.code !== 0
) {
shell.echo("Error: git clone failed");
shell.exit(1);
}
shell.cd(`${CIRCLE_PROJECT_REPONAME}-gh-pages`);
if (shell.exec('git checkout origin/gh-pages').code +
shell.exec('git checkout -b gh-pages').code +
shell.exec('git branch --set-upstream-to=origin/gh-pages').code !== 0
if (
shell.exec("git checkout origin/gh-pages").code +
shell.exec("git checkout -b gh-pages").code +
shell.exec("git branch --set-upstream-to=origin/gh-pages").code !==
0
) {
shell.echo('Error: Git checkout gh-pages failed');
shell.echo("Error: Git checkout gh-pages failed");
shell.exit(1);
}
shell.exec('rm -rf *');
shell.exec("rm -rf *");
shell.cd('../..');
shell.cd("../..");
shell.cp('-R', `build/${CIRCLE_PROJECT_REPONAME}/*`, `build/${CIRCLE_PROJECT_REPONAME}-gh-pages/`);
shell.cp(
"-R",
`build/${CIRCLE_PROJECT_REPONAME}/*`,
`build/${CIRCLE_PROJECT_REPONAME}-gh-pages/`
);
shell.cd(`build/${CIRCLE_PROJECT_REPONAME}-gh-pages`);
shell.exec('git add --all');
shell.exec("git add --all");
shell.exec('git commit -m "update website [ci skip]"');
if (shell.exec('git push origin gh-pages').code !== 0) {
shell.echo('Error: Git push failed');
if (shell.exec("git push origin gh-pages").code !== 0) {
shell.echo("Error: Git push failed");
shell.exit(1);
} else {
shell.echo(`Website is live at: https://${CIRCLE_PROJECT_USERNAME}.github.io/${CIRCLE_PROJECT_REPONAME}/`);
shell.echo(
`Website is live at: https://${CIRCLE_PROJECT_USERNAME}.github.io/${CIRCLE_PROJECT_REPONAME}/`
);
shell.exit(0);
}

298
lib/server/generate.js
View file

@ -8,39 +8,41 @@
*/
function execute() {
const translation = require('./translation.js');
const translation = require("./translation.js");
translation();
const CWD = process.cwd();
const fs = require('fs-extra');
const readMetadata = require('./readMetadata.js');
const renderToStaticMarkup = require('react-dom/server').renderToStaticMarkup;
const path = require('path');
const toSlug = require('../core/toSlug.js');
const React = require('react');
const mkdirp = require('mkdirp');
const glob = require('glob');
const Site = require('../core/Site.js');
const siteConfig = require(CWD + '/siteConfig.js');
const translate = require('./translate.js');
const fs = require("fs-extra");
const readMetadata = require("./readMetadata.js");
const renderToStaticMarkup = require("react-dom/server").renderToStaticMarkup;
const path = require("path");
const toSlug = require("../core/toSlug.js");
const React = require("react");
const mkdirp = require("mkdirp");
const glob = require("glob");
const Site = require("../core/Site.js");
const siteConfig = require(CWD + "/siteConfig.js");
const translate = require("./translate.js");
let languages;
if (fs.existsSync(CWD + '/languages.js')) {
languages = require(CWD + '/languages.js');
if (fs.existsSync(CWD + "/languages.js")) {
languages = require(CWD + "/languages.js");
} else {
languages = [{
languages = [
{
enabled: true,
name: 'English',
tag: 'en',
}];
name: "English",
tag: "en"
}
];
}
function writeFileAndCreateFolder(file, content) {
mkdirp.sync(file.replace(new RegExp('/[^/]*$'), ''));
mkdirp.sync(file.replace(new RegExp("/[^/]*$"), ""));
fs.writeFileSync(file, content);
}
const TABLE_OF_CONTENTS_TOKEN = '<AUTOGENERATED_TABLE_OF_CONTENTS>';
const TABLE_OF_CONTENTS_TOKEN = "<AUTOGENERATED_TABLE_OF_CONTENTS>";
const insertTableOfContents = rawContent => {
const regexp = /\n###\s+(`.*`.*)\n/g;
@ -52,12 +54,12 @@
const tableOfContents = headers
.map(header => ` - [${header}](#${toSlug(header)})`)
.join('\n');
.join("\n");
return rawContent.replace(TABLE_OF_CONTENTS_TOKEN, tableOfContents);
};
console.log('generate.js triggered...');
console.log("generate.js triggered...");
const regexSubFolder = /docs\/(.*)\/.*/;
@ -67,14 +69,15 @@
});
readMetadata.generateDocsMetadata();
const Metadata = require('../core/metadata.js');
const Metadata = require("../core/metadata.js");
let mdToHtml = {};
for (let i = 0; i < Metadata.length; i++) {
const metadata = Metadata[i];
mdToHtml['/docs/' + metadata.language + '/' + metadata.source] = '/' + siteConfig.projectName + '/' + metadata.permalink;
mdToHtml["/docs/" + metadata.language + "/" + metadata.source] =
"/" + siteConfig.projectName + "/" + metadata.permalink;
}
const readCategories = require('./readCategories.js');
const readCategories = require("./readCategories.js");
let layouts = {};
for (let i = 0; i < Metadata.length; i++) {
let layout = Metadata[i].layout;
@ -84,15 +87,15 @@
}
}
const DocsLayout = require('../core/DocsLayout.js');
const DocsLayout = require("../core/DocsLayout.js");
fs.removeSync(__dirname + '/../../build');
fs.removeSync(__dirname + "/../../build");
// create html files for all docs
let files = glob.sync(CWD + '/../docs/**');
let files = glob.sync(CWD + "/../docs/**");
files.forEach(file => {
// console.log(file);
let language = 'en';
let language = "en";
const match = regexSubFolder.exec(file);
if (match) {
language = match[1];
@ -104,7 +107,7 @@
const extension = path.extname(file);
if (extension === '.md' || extension === '.markdown') {
if (extension === ".md" || extension === ".markdown") {
const result = readMetadata.processMetadata(file);
const metadata = result.metadata;
@ -117,37 +120,49 @@
/* replace any links to markdown files to their website html links */
Object.keys(mdToHtml).forEach(function(key, index) {
rawContent = rawContent.replace(new RegExp(key,'g'), mdToHtml[key]);
rawContent = rawContent.replace(new RegExp(key, "g"), mdToHtml[key]);
});
const docComp = <DocsLayout metadata={metadata} language={language} config={siteConfig}>{rawContent}</DocsLayout>;
const docComp = (
<DocsLayout metadata={metadata} language={language} config={siteConfig}>
{rawContent}
</DocsLayout>
);
const str = renderToStaticMarkup(docComp);
let targetFile = __dirname + '/../../build' + '/' + siteConfig.projectName + '/' + metadata.permalink;
let targetFile =
__dirname +
"/../../build" +
"/" +
siteConfig.projectName +
"/" +
metadata.permalink;
// console.log(targetFile);
writeFileAndCreateFolder(targetFile, str);
}
});
// create html files for all blog posts
if (fs.existsSync(__dirname + '../core/MetadataBlog.js')) {
fs.removeSync(__dirname + '../core/MetadataBlog.js');
if (fs.existsSync(__dirname + "../core/MetadataBlog.js")) {
fs.removeSync(__dirname + "../core/MetadataBlog.js");
}
readMetadata.generateBlogMetadata();
const MetadataBlog = require('../core/MetadataBlog.js');
const BlogPostLayout = require('../core/BlogPostLayout.js');
const MetadataBlog = require("../core/MetadataBlog.js");
const BlogPostLayout = require("../core/BlogPostLayout.js");
files = glob.sync(CWD + '/../blog/**/*.*');
files = glob.sync(CWD + "/../blog/**/*.*");
files.sort().reverse().forEach(file => {
/* convert filename ot use slashes */
const filePath = path
.basename(file)
.replace('-', '/')
.replace('-', '/')
.replace('-', '/')
.replace(/\./g, '-')
.replace(/\-md$/, '.html');
const result = readMetadata.extractMetadata(fs.readFileSync(file, {encoding: 'utf8'}));
.replace("-", "/")
.replace("-", "/")
.replace("-", "/")
.replace(/\./g, "-")
.replace(/\-md$/, ".html");
const result = readMetadata.extractMetadata(
fs.readFileSync(file, { encoding: "utf8" })
);
const rawContent = result.rawContent;
const metadata = Object.assign(
{ path: filePath, content: rawContent },
@ -155,132 +170,215 @@
);
metadata.id = metadata.title;
let language = 'en';
const blogPostComp = <BlogPostLayout metadata={metadata} language={language} config={siteConfig}>{rawContent}</BlogPostLayout>;
let language = "en";
const blogPostComp = (
<BlogPostLayout
metadata={metadata}
language={language}
config={siteConfig}
>
{rawContent}
</BlogPostLayout>
);
const str = renderToStaticMarkup(blogPostComp);
let targetFile = __dirname + '/../../build' + '/' + siteConfig.projectName + '/' + 'blog/' + filePath;
let targetFile =
__dirname +
"/../../build" +
"/" +
siteConfig.projectName +
"/" +
"blog/" +
filePath;
writeFileAndCreateFolder(targetFile, str);
});
// create html files for all blog pages
const BlogPageLayout = require('../core/BlogPageLayout.js');
const BlogPageLayout = require("../core/BlogPageLayout.js");
const perPage = 10;
for (
let page = 0;
page < Math.ceil(MetadataBlog.length / perPage);
page++
) {
let language = 'en';
for (let page = 0; page < Math.ceil(MetadataBlog.length / perPage); page++) {
let language = "en";
const metadata = { page: page, perPage: perPage };
const blogPageComp = <BlogPageLayout metadata={metadata} language={language} config={siteConfig}></BlogPageLayout>
const blogPageComp = (
<BlogPageLayout
metadata={metadata}
language={language}
config={siteConfig}
/>
);
const str = renderToStaticMarkup(blogPageComp);
let targetFile = __dirname + '/../../build' + '/' + siteConfig.projectName + '/' + 'blog' + (page > 0 ? '/page' + (page + 1) : '') + '/index.html';
let targetFile =
__dirname +
"/../../build" +
"/" +
siteConfig.projectName +
"/" +
"blog" +
(page > 0 ? "/page" + (page + 1) : "") +
"/index.html";
writeFileAndCreateFolder(targetFile, str);
}
/* copy all static files from docusaurus */
files = glob.sync(__dirname + '/../static/**');
files = glob.sync(__dirname + "/../static/**");
files.forEach(file => {
let targetFile = file.replace('/lib/static/', '/build' + '/' + siteConfig.projectName + '/');
let targetFile = file.replace(
"/lib/static/",
"/build" + "/" + siteConfig.projectName + "/"
);
if (file.match(/\.css$/)) {
let cssContent = fs.readFileSync(file);
cssContent = cssContent.toString().replace(new RegExp('{primaryColor}', 'g'), siteConfig.colors.primaryColor);
cssContent = cssContent.replace(new RegExp('{secondaryColor}', 'g'), siteConfig.colors.secondaryColor);
cssContent = cssContent.replace(new RegExp('{prismColor}', 'g'), siteConfig.colors.prismColor);
cssContent = cssContent
.toString()
.replace(
new RegExp("{primaryColor}", "g"),
siteConfig.colors.primaryColor
);
cssContent = cssContent.replace(
new RegExp("{secondaryColor}", "g"),
siteConfig.colors.secondaryColor
);
cssContent = cssContent.replace(
new RegExp("{prismColor}", "g"),
siteConfig.colors.prismColor
);
mkdirp.sync(targetFile.replace(new RegExp('/[^/]*$'), ''));
mkdirp.sync(targetFile.replace(new RegExp("/[^/]*$"), ""));
fs.writeFileSync(targetFile, cssContent);
}
else if (!fs.lstatSync(file).isDirectory()) {
mkdirp.sync(targetFile.replace(new RegExp('/[^/]*$'), ''));
} else if (!fs.lstatSync(file).isDirectory()) {
mkdirp.sync(targetFile.replace(new RegExp("/[^/]*$"), ""));
fs.copySync(file, targetFile);
}
});
/* copy all static files from user */
files = glob.sync(CWD + '/static/**');
files = glob.sync(CWD + "/static/**");
files.forEach(file => {
if (file.match(/\.css$/)) {
const mainCss = __dirname + '/../../build' + '/' + siteConfig.projectName + '/' + 'css/main.css';
const mainCss =
__dirname +
"/../../build" +
"/" +
siteConfig.projectName +
"/" +
"css/main.css";
let cssContent = fs.readFileSync(file);
cssContent = fs.readFileSync(mainCss) + '\n' + cssContent;
cssContent = fs.readFileSync(mainCss) + "\n" + cssContent;
cssContent = cssContent.toString().replace(new RegExp('{primaryColor}', 'g'), siteConfig.colors.primaryColor);
cssContent = cssContent.replace(new RegExp('{secondaryColor}', 'g'), siteConfig.colors.secondaryColor);
cssContent = cssContent.replace(new RegExp('{prismColor}', 'g'), siteConfig.colors.prismColor);
cssContent = cssContent
.toString()
.replace(
new RegExp("{primaryColor}", "g"),
siteConfig.colors.primaryColor
);
cssContent = cssContent.replace(
new RegExp("{secondaryColor}", "g"),
siteConfig.colors.secondaryColor
);
cssContent = cssContent.replace(
new RegExp("{prismColor}", "g"),
siteConfig.colors.prismColor
);
fs.writeFileSync(mainCss, cssContent);
}
else if (!fs.lstatSync(file).isDirectory()) {
let parts = file.split('static');
let targetFile = __dirname + '/../../build' + '/' + siteConfig.projectName + '/' + parts[1];
mkdirp.sync(targetFile.replace(new RegExp('/[^/]*$'), ''));
} else if (!fs.lstatSync(file).isDirectory()) {
let parts = file.split("static");
let targetFile =
__dirname +
"/../../build" +
"/" +
siteConfig.projectName +
"/" +
parts[1];
mkdirp.sync(targetFile.replace(new RegExp("/[^/]*$"), ""));
fs.copySync(file, targetFile);
}
});
/* compile/copy pages from user */
files = glob.sync(CWD + '/pages/**');
files = glob.sync(CWD + "/pages/**");
files.forEach(file => {
if (file.match(/\.js$/)) {
/* make temp file for sake of require paths */
const parts = file.split('pages');
let tempFile = __dirname + '/../pages' + parts[1];
tempFile = tempFile.replace(path.basename(file), 'temp' + path.basename(file));
mkdirp.sync(tempFile.replace(new RegExp('/[^/]*$'), ''));
const parts = file.split("pages");
let tempFile = __dirname + "/../pages" + parts[1];
tempFile = tempFile.replace(
path.basename(file),
"temp" + path.basename(file)
);
mkdirp.sync(tempFile.replace(new RegExp("/[^/]*$"), ""));
fs.copySync(file, tempFile);
const ReactComp = require(tempFile);
let targetFile = __dirname + '/../../build/' + siteConfig.projectName + '/' + parts[1];
targetFile = targetFile.replace(/\.js$/, '.html');
let targetFile =
__dirname + "/../../build/" + siteConfig.projectName + "/" + parts[1];
targetFile = targetFile.replace(/\.js$/, ".html");
const regexLang = /\/pages\/(.*)\//;
const match = regexLang.exec(file);
const langParts = match[1].split('/');
if (langParts.indexOf('en') !== -1) {
const langParts = match[1].split("/");
if (langParts.indexOf("en") !== -1) {
/* copy and compile a page for each enabled language from the English file */
for (let i = 0; i < enabledLanguages.length; i++) {
let language = enabledLanguages[i];
/* skip conversion from english file if a file exists for this language */
if (language !== 'en' && fs.existsSync(file.replace('/en/', '/' + language + '/'))) {
if (
language !== "en" &&
fs.existsSync(file.replace("/en/", "/" + language + "/"))
) {
continue;
}
translate.setLanguage(language);
const str = renderToStaticMarkup(<Site language={language} config={siteConfig}><ReactComp language={language}/></Site>);
writeFileAndCreateFolder(targetFile.replace('/en/', '/' + language + '/'), str);
}
const str = renderToStaticMarkup(
<Site language={language} config={siteConfig}>
<ReactComp language={language} />
</Site>
);
writeFileAndCreateFolder(
targetFile.replace("/en/", "/" + language + "/"),
str
);
}
} else {
/* allow for rendering of other files not in pages/en folder */
else {
let language = 'en';
let language = "en";
for (let i = 0; i < langParts.length; i++) {
if (enabledLanguages.indexOf(langParts[i]) !== -1) {
language = langParts[i];
}
}
translate.setLanguage(language);
const str = renderToStaticMarkup(<Site language={language} config={siteConfig}><ReactComp language={language}/></Site>);
const str = renderToStaticMarkup(
<Site language={language} config={siteConfig}>
<ReactComp language={language} />
</Site>
);
writeFileAndCreateFolder(targetFile, str);
}
fs.removeSync(tempFile);
}
else if (!fs.lstatSync(file).isDirectory()) {
let parts = file.split('pages');
let targetFile = __dirname + '/../../build' + '/' + siteConfig.projectName + '/' + parts[1];
mkdirp.sync(targetFile.replace(new RegExp('/[^/]*$'), ''));
} else if (!fs.lstatSync(file).isDirectory()) {
let parts = file.split("pages");
let targetFile =
__dirname +
"/../../build" +
"/" +
siteConfig.projectName +
"/" +
parts[1];
mkdirp.sync(targetFile.replace(new RegExp("/[^/]*$"), ""));
fs.copySync(file, targetFile);
}
});
/* copy html files in 'en' to base level as well */
files = glob.sync(__dirname + '/../../build' + '/' + siteConfig.projectName + '/' +'en/**');
files = glob.sync(
__dirname + "/../../build" + "/" + siteConfig.projectName + "/" + "en/**"
);
files.forEach(file => {
let targetFile = file.replace('en/', '');
let targetFile = file.replace("en/", "");
if (file.match(/\.html$/)) {
fs.copySync(file, targetFile);
}

39
lib/server/readCategories.js
View file

@ -9,20 +9,21 @@
const CWD = process.cwd();
const Metadata = require('../core/metadata.js');
const fs = require('fs');
const Metadata = require("../core/metadata.js");
const fs = require("fs");
let languages;
if (fs.existsSync(CWD + '/languages.js')) {
languages = require(CWD + '/languages.js');
if (fs.existsSync(CWD + "/languages.js")) {
languages = require(CWD + "/languages.js");
} else {
languages = [{
languages = [
{
enabled: true,
name: 'English',
tag: 'en',
}];
name: "English",
tag: "en"
}
];
}
function readCategories(layout) {
const enabledLanguages = [];
languages.filter(lang => lang.enabled).map(lang => {
enabledLanguages.push(lang.tag);
@ -34,8 +35,7 @@ function readCategories(layout) {
const language = enabledLanguages[k];
const metadatas = Metadata.filter(metadata => {
return metadata.layout === layout &&
metadata.language === language;
return metadata.layout === layout && metadata.language === language;
});
// Build a hashmap of article_id -> metadata
@ -52,7 +52,7 @@ function readCategories(layout) {
if (metadata.next) {
if (!articles[metadata.next]) {
throw new Error(
'`next: ' + metadata.next + '` in ' + metadata.id + " doesn't exist"
"`next: " + metadata.next + "` in " + metadata.id + " doesn't exist"
);
}
previous[articles[metadata.next].id] = metadata.id;
@ -79,7 +79,7 @@ function readCategories(layout) {
currentCategory && categories.push(currentCategory);
currentCategory = {
name: metadata.category,
links: [],
links: []
};
}
currentCategory.links.push(metadata);
@ -91,15 +91,14 @@ function readCategories(layout) {
}
fs.writeFileSync(
__dirname + '/../core/' + layout + 'Categories.js',
'/**\n' +
' * @generated\n' +
' */\n' +
'module.exports = ' +
__dirname + "/../core/" + layout + "Categories.js",
"/**\n" +
" * @generated\n" +
" */\n" +
"module.exports = " +
JSON.stringify(allCategories, null, 2) +
';'
";"
);
}
module.exports = readCategories;

92
lib/server/readMetadata.js
View file

@ -9,32 +9,34 @@
const CWD = process.cwd();
const path = require('path');
const fs = require('fs');
const os = require('os');
const path = require("path");
const fs = require("fs");
const os = require("os");
let languages;
if (fs.existsSync(CWD + '/languages.js')) {
languages = require(CWD + '/languages.js');
if (fs.existsSync(CWD + "/languages.js")) {
languages = require(CWD + "/languages.js");
} else {
languages = [{
languages = [
{
enabled: true,
name: 'English',
tag: 'en',
}];
name: "English",
tag: "en"
}
const glob = require('glob');
];
}
const glob = require("glob");
function splitHeader(content) {
const lines = content.split(os.EOL);
let i = 1;
for (; i < lines.length - 1; ++i) {
if (lines[i] === '---') {
if (lines[i] === "---") {
break;
}
}
return {
header: lines.slice(1, i + 1).join('\n'),
content: lines.slice(i + 1).join('\n'),
header: lines.slice(1, i + 1).join("\n"),
content: lines.slice(i + 1).join("\n")
};
}
@ -42,11 +44,11 @@ function splitHeader(content) {
function extractMetadata(content) {
const metadata = {};
const both = splitHeader(content);
const lines = both.header.split('\n');
const lines = both.header.split("\n");
for (let i = 0; i < lines.length - 1; ++i) {
const keyvalue = lines[i].split(':');
const keyvalue = lines[i].split(":");
const key = keyvalue[0].trim();
let value = keyvalue.slice(1).join(':').trim();
let value = keyvalue.slice(1).join(":").trim();
// Handle the case where you have "Community #10"
try {
value = JSON.parse(value);
@ -57,11 +59,11 @@ function extractMetadata(content) {
}
function processMetadata(file) {
const result = extractMetadata(fs.readFileSync(file, 'utf8'));
const result = extractMetadata(fs.readFileSync(file, "utf8"));
const regexSubFolder = /docs\/(.*)\/.*/;
let language = 'en';
let language = "en";
const match = regexSubFolder.exec(file);
if (match) {
language = match[1];
@ -74,18 +76,18 @@ function processMetadata(file) {
// in permalink replace /en/ language with localized folder
metadata.permalink = metadata.permalink.replace(
/\/en\//g,
'/' + language + '/'
"/" + language + "/"
);
// change ids previous, next
metadata.localized_id = metadata.id;
metadata.id = language + '-' + metadata.id;
metadata.id = language + "-" + metadata.id;
if (metadata.previous) {
metadata.previous_id = metadata.previous;
metadata.previous = language + '-' + metadata.previous;
metadata.previous = language + "-" + metadata.previous;
}
if (metadata.next) {
metadata.next_id = metadata.next;
metadata.next = language + '-' + metadata.next;
metadata.next = language + "-" + metadata.next;
}
metadata.language = language;
@ -93,7 +95,6 @@ function processMetadata(file) {
}
function generateDocsMetadata() {
const regexSubFolder = /docs\/(.*)\/.*/;
const enabledLanguages = [];
@ -103,9 +104,9 @@ function generateDocsMetadata() {
const metadatas = [];
const files = glob.sync(CWD + '/../docs/**');
const files = glob.sync(CWD + "/../docs/**");
files.forEach(file => {
let language = 'en';
let language = "en";
const match = regexSubFolder.exec(file);
if (match) {
language = match[1];
@ -117,29 +118,28 @@ function generateDocsMetadata() {
const extension = path.extname(file);
if (extension === '.md' || extension === '.markdown') {
if (extension === ".md" || extension === ".markdown") {
const res = processMetadata(file);
const metadata = res.metadata;
metadatas.push(metadata);
}
});
fs.writeFileSync(
__dirname + '/../core/metadata.js',
'/**\n' +
' * @generated\n' +
' */\n' +
'module.exports = ' +
__dirname + "/../core/metadata.js",
"/**\n" +
" * @generated\n" +
" */\n" +
"module.exports = " +
JSON.stringify(metadatas, null, 2) +
';'
";"
);
}
function generateBlogMetadata() {
const metadatas = [];
let files = glob.sync(CWD + '/../blog/**/*.*');
let files = glob.sync(CWD + "/../blog/**/*.*");
files.sort().reverse().forEach(file => {
// Transform
// 2015-08-13-blog-post-name-0.5.md
@ -147,14 +147,14 @@ function generateBlogMetadata() {
// 2015/08/13/blog-post-name-0-5.html
const filePath = path
.basename(file)
.replace('-', '/')
.replace('-', '/')
.replace('-', '/')
.replace("-", "/")
.replace("-", "/")
.replace("-", "/")
// react-middleware is broken with files that contains multiple .
// like react-0.14.js
.replace(/\./g, '-')
.replace(/\-md$/, '.html');
const result = extractMetadata(fs.readFileSync(file, {encoding: 'utf8'}));
.replace(/\./g, "-")
.replace(/\-md$/, ".html");
const result = extractMetadata(fs.readFileSync(file, { encoding: "utf8" }));
const rawContent = result.rawContent;
const metadata = Object.assign(
{ path: filePath, content: rawContent },
@ -165,13 +165,13 @@ function generateBlogMetadata() {
});
fs.writeFileSync(
__dirname + '/../core/MetadataBlog.js',
'/**\n' +
' * @generated\n' +
' */\n' +
'module.exports = ' +
__dirname + "/../core/MetadataBlog.js",
"/**\n" +
" * @generated\n" +
" */\n" +
"module.exports = " +
JSON.stringify(metadatas, null, 2) +
';'
";"
);
}

284
lib/server/server.js
View file

@ -8,21 +8,21 @@
*/
function execute() {
const translation = require('./translation.js');
const translation = require("./translation.js");
translation();
const CWD = process.cwd();
const express = require('express');
const React = require('react');
const request = require('request');
const renderToStaticMarkup = require('react-dom/server').renderToStaticMarkup;
const fs = require('fs-extra');
const os = require('os');
const path = require('path');
const readMetadata = require('./readMetadata.js');
const toSlug = require('../core/toSlug.js');
const mkdirp = require('mkdirp');
const glob = require('glob');
let siteConfig = require(CWD + '/siteConfig.js');
const express = require("express");
const React = require("react");
const request = require("request");
const renderToStaticMarkup = require("react-dom/server").renderToStaticMarkup;
const fs = require("fs-extra");
const os = require("os");
const path = require("path");
const readMetadata = require("./readMetadata.js");
const toSlug = require("../core/toSlug.js");
const mkdirp = require("mkdirp");
const glob = require("glob");
let siteConfig = require(CWD + "/siteConfig.js");
/**
* Removes a module from the cache
@ -40,7 +40,7 @@
delete module.constructor._pathCache[cacheKey];
}
});
};
}
/**
* Traverses the cache to search for all the cached
@ -52,7 +52,7 @@
// Check if the module has been resolved and found within
// the cache
if (mod && ((mod = require.cache[mod]) !== undefined)) {
if (mod && (mod = require.cache[mod]) !== undefined) {
// Recursively go over the results
(function traverse(mod) {
// Go over each of the module's children and
@ -64,9 +64,9 @@
// Call the specified callback providing the
// found cached module
callback(mod);
}(mod));
})(mod);
}
}
};
/****************************************************************************/
@ -75,10 +75,10 @@
function reloadMetadataCategories() {
readMetadata.generateDocsMetadata();
purgeCache('../core/metadata.js');
Metadata = require('../core/metadata.js');
purgeCache('./readCategories.js');
readCategories = require('./readCategories.js');
purgeCache("../core/metadata.js");
Metadata = require("../core/metadata.js");
purgeCache("./readCategories.js");
readCategories = require("./readCategories.js");
let layouts = {};
for (let i = 0; i < Metadata.length; i++) {
@ -92,7 +92,7 @@
/****************************************************************************/
const TABLE_OF_CONTENTS_TOKEN = '<AUTOGENERATED_TABLE_OF_CONTENTS>';
const TABLE_OF_CONTENTS_TOKEN = "<AUTOGENERATED_TABLE_OF_CONTENTS>";
const insertTableOfContents = rawContent => {
const regexp = /\n###\s+(`.*`.*)\n/g;
@ -104,24 +104,23 @@
const tableOfContents = headers
.map(header => ` - [${header}](#${toSlug(header)})`)
.join('\n');
.join("\n");
return rawContent.replace(TABLE_OF_CONTENTS_TOKEN, tableOfContents);
};
/****************************************************************************/
console.log('server.js triggered...');
console.log("server.js triggered...");
const port = 3000;
reloadMetadataCategories();
/* handle all requests for document pages */
const app = express()
.get(/docs\/[\s\S]*html$/, (req, res) => {
purgeCache(CWD + '/siteConfig.js');
siteConfig = require(CWD + '/siteConfig.js');
const app = express().get(/docs\/[\s\S]*html$/, (req, res) => {
purgeCache(CWD + "/siteConfig.js");
siteConfig = require(CWD + "/siteConfig.js");
console.log(req.path);
@ -129,16 +128,18 @@
let links = {};
for (let i = 0; i < Metadata.length; i++) {
const metadata = Metadata[i];
links[metadata.permalink] = 'docs/' + metadata.language + '/' + metadata.source;
links[metadata.permalink] =
"docs/" + metadata.language + "/" + metadata.source;
}
let mdToHtml = {};
for (let i = 0; i < Metadata.length; i++) {
const metadata = Metadata[i];
mdToHtml['/docs/' + metadata.language + '/' + metadata.source] = siteConfig.baseUrl + metadata.permalink;
mdToHtml["/docs/" + metadata.language + "/" + metadata.source] =
siteConfig.baseUrl + metadata.permalink;
}
let file = links[req.path.toString().replace(siteConfig.baseUrl, '')];
file = CWD + '/../' + file;
let file = links[req.path.toString().replace(siteConfig.baseUrl, "")];
file = CWD + "/../" + file;
console.log(file);
const result = readMetadata.processMetadata(file);
@ -153,31 +154,34 @@
/* replace any links to markdown files to their website html links */
Object.keys(mdToHtml).forEach(function(key, index) {
rawContent = rawContent.replace(new RegExp(key,'g'), mdToHtml[key]);
rawContent = rawContent.replace(new RegExp(key, "g"), mdToHtml[key]);
});
purgeCache('../core/DocsLayout.js');
const DocsLayout = require('../core/DocsLayout.js');
const docComp = <DocsLayout metadata={metadata} language={language} config={siteConfig}>{rawContent}</DocsLayout>;
purgeCache("../core/DocsLayout.js");
const DocsLayout = require("../core/DocsLayout.js");
const docComp = (
<DocsLayout metadata={metadata} language={language} config={siteConfig}>
{rawContent}
</DocsLayout>
);
res.send(renderToStaticMarkup(docComp));
});
/* handle all requests for blog pages and posts */
app.get(/blog\/[\s\S]*html$/, (req, res) => {
purgeCache(CWD + '/siteConfig.js');
siteConfig = require(CWD + '/siteConfig.js');
purgeCache(CWD + "/siteConfig.js");
siteConfig = require(CWD + "/siteConfig.js");
if (fs.existsSync(__dirname + '../core/MetadataBlog.js')) {
purgeCache('../core/MetadataBlog.js');
fs.removeSync(__dirname + '../core/MetadataBlog.js')
if (fs.existsSync(__dirname + "../core/MetadataBlog.js")) {
purgeCache("../core/MetadataBlog.js");
fs.removeSync(__dirname + "../core/MetadataBlog.js");
}
readMetadata.generateBlogMetadata();
MetadataBlog = require('../core/MetadataBlog.js');
MetadataBlog = require("../core/MetadataBlog.js");
/* generate all of the blog pages */
purgeCache('../core/BlogPageLayout.js');
const BlogPageLayout = require('../core/BlogPageLayout.js');
purgeCache("../core/BlogPageLayout.js");
const BlogPageLayout = require("../core/BlogPageLayout.js");
const blogPages = {};
/* make blog pages with 10 posts per page */
const perPage = 10;
@ -186,158 +190,208 @@
page < Math.ceil(MetadataBlog.length / perPage);
page++
) {
let language = 'en';
let language = "en";
const metadata = { page: page, perPage: perPage };
const blogPageComp = <BlogPageLayout metadata={metadata} language={language} config={siteConfig} />;
const blogPageComp = (
<BlogPageLayout
metadata={metadata}
language={language}
config={siteConfig}
/>
);
const str = renderToStaticMarkup(blogPageComp);
let path = (page > 0 ? 'page' + (page + 1) : '') + '/index.html';
let path = (page > 0 ? "page" + (page + 1) : "") + "/index.html";
blogPages[path] = str;
}
let parts = req.path.toString().split('blog/');
let parts = req.path.toString().split("blog/");
// send corresponding blog page if appropriate
if (parts[1] === 'index.html') {
res.send(blogPages['/index.html']);
}
else if (parts[1].endsWith('/index.html')) {
if (parts[1] === "index.html") {
res.send(blogPages["/index.html"]);
} else if (parts[1].endsWith("/index.html")) {
res.send(blogPages[parts[1]]);
}
else if (parts[1].match(/page([0-9]+)/)) {
if (parts[1].endsWith('/')) {
res.send(blogPages[parts[1] + 'index.html']);
} else if (parts[1].match(/page([0-9]+)/)) {
if (parts[1].endsWith("/")) {
res.send(blogPages[parts[1] + "index.html"]);
} else {
res.send(blogPages[parts[1] + '/index.html']);
}
res.send(blogPages[parts[1] + "/index.html"]);
}
} else {
// else send corresponding blog post
else {
let file = parts[1];
file = file.replace(/\.html$/, '.md');
file = file.replace(new RegExp('/', 'g'), '-');
file = CWD + '/../blog/' + file;
file = file.replace(/\.html$/, ".md");
file = file.replace(new RegExp("/", "g"), "-");
file = CWD + "/../blog/" + file;
const result = readMetadata.extractMetadata(fs.readFileSync(file, {encoding: 'utf8'}));
const result = readMetadata.extractMetadata(
fs.readFileSync(file, { encoding: "utf8" })
);
const rawContent = result.rawContent;
const metadata = Object.assign(
{path: req.path.toString().split('blog/')[1], content: rawContent},
{ path: req.path.toString().split("blog/")[1], content: rawContent },
result.metadata
);
metadata.id = metadata.title;
let language = 'en';
purgeCache('../core/BlogPostLayout.js')
const BlogPostLayout = require('../core/BlogPostLayout.js');
let language = "en";
purgeCache("../core/BlogPostLayout.js");
const BlogPostLayout = require("../core/BlogPostLayout.js");
const blogPostComp = <BlogPostLayout metadata={metadata} language={language} config={siteConfig}>{rawContent}</BlogPostLayout>;
const blogPostComp = (
<BlogPostLayout
metadata={metadata}
language={language}
config={siteConfig}
>
{rawContent}
</BlogPostLayout>
);
res.send(renderToStaticMarkup(blogPostComp));
}
});
/* handle all other main pages */
app.get('*.html', (req, res) => {
purgeCache(CWD + '/siteConfig.js');
siteConfig = require(CWD + '/siteConfig.js');
app.get("*.html", (req, res) => {
purgeCache(CWD + "/siteConfig.js");
siteConfig = require(CWD + "/siteConfig.js");
console.log(req.path);
/* look for user provided html file first */
let htmlFile = req.path.toString().replace(siteConfig.baseUrl, '');
htmlFile = CWD + '/pages/' + htmlFile;
if (fs.existsSync(htmlFile) ||
fs.existsSync(htmlFile=htmlFile.replace(path.basename(htmlFile), 'en/' + path.basename(htmlFile)))) {
res.send(fs.readFileSync(htmlFile, {encoding: 'utf8'}));
let htmlFile = req.path.toString().replace(siteConfig.baseUrl, "");
htmlFile = CWD + "/pages/" + htmlFile;
if (
fs.existsSync(htmlFile) ||
fs.existsSync(
(htmlFile = htmlFile.replace(
path.basename(htmlFile),
"en/" + path.basename(htmlFile)
))
)
) {
res.send(fs.readFileSync(htmlFile, { encoding: "utf8" }));
return;
}
/* look for user provided react file either in specified path or in path for english files */
let file = req.path.toString().replace(/\.html$/, '.js');
file = file.replace(siteConfig.baseUrl, '');
let userFile = CWD + '/pages/' + file;
let file = req.path.toString().replace(/\.html$/, ".js");
file = file.replace(siteConfig.baseUrl, "");
let userFile = CWD + "/pages/" + file;
let language = 'en';
let language = "en";
const regexLang = /(.*)\/.*\.html$/;
const match = regexLang.exec(req.path);
const parts = match[1].split('/');
const parts = match[1].split("/");
const enabledLangTags = [];
for (let i = 0; i < siteConfig['languages'].length; i++) {
enabledLangTags.push(siteConfig['languages'][i].tag);
for (let i = 0; i < siteConfig["languages"].length; i++) {
enabledLangTags.push(siteConfig["languages"][i].tag);
}
for (let i = 0; i < parts.length; i++) {
if (enabledLangTags.indexOf(parts[i]) !== -1) {
language = parts[i];
}
}
if (fs.existsSync(userFile) ||
fs.existsSync(userFile=userFile.replace(path.basename(userFile), 'en/' + path.basename(userFile)))) {
if (
fs.existsSync(userFile) ||
fs.existsSync(
(userFile = userFile.replace(
path.basename(userFile),
"en/" + path.basename(userFile)
))
)
) {
/* copy into docusaurus so require paths work */
let parts = userFile.split('pages/');
let tempFile = __dirname + '/../pages/' + parts[1];
tempFile = tempFile.replace(path.basename(file), 'temp' + path.basename(file));
mkdirp.sync(tempFile.replace(new RegExp('/[^/]*$'), ''));
let parts = userFile.split("pages/");
let tempFile = __dirname + "/../pages/" + parts[1];
tempFile = tempFile.replace(
path.basename(file),
"temp" + path.basename(file)
);
mkdirp.sync(tempFile.replace(new RegExp("/[^/]*$"), ""));
fs.copySync(userFile, tempFile);
/* render into a string */
purgeCache(tempFile);
const ReactComp = require(tempFile);
purgeCache('../core/Site.js');
const Site = require('../core/Site.js');
const str = renderToStaticMarkup(<Site language={language} config={siteConfig}><ReactComp language={language}/></Site>);
purgeCache("../core/Site.js");
const Site = require("../core/Site.js");
const str = renderToStaticMarkup(
<Site language={language} config={siteConfig}>
<ReactComp language={language} />
</Site>
);
fs.removeSync(tempFile);
res.send(str);
}
else {
} else {
console.log(req.path);
res.send('No file found');
res.send("No file found");
}
});
/* generate the main.css file by concatenating user provided css to the end */
app.get(/main\.css$/, (req, res) => {
const mainCssPath = __dirname +'/../static/' + req.path.toString().replace(siteConfig.baseUrl, '/');
let cssContent = fs.readFileSync(mainCssPath, {encoding: 'utf8'});
const mainCssPath =
__dirname +
"/../static/" +
req.path.toString().replace(siteConfig.baseUrl, "/");
let cssContent = fs.readFileSync(mainCssPath, { encoding: "utf8" });
let files = glob.sync(CWD + '/static/**/*.css')
let files = glob.sync(CWD + "/static/**/*.css");
files.forEach(file => {
cssContent = cssContent + '\n' + fs.readFileSync(file, {encoding: 'utf8'});
cssContent =
cssContent + "\n" + fs.readFileSync(file, { encoding: "utf8" });
});
cssContent = cssContent.toString().replace(new RegExp('{primaryColor}', 'g'), siteConfig.colors.primaryColor);
cssContent = cssContent.replace(new RegExp('{secondaryColor}', 'g'), siteConfig.colors.secondaryColor);
cssContent = cssContent.replace(new RegExp('{prismColor}', 'g'), siteConfig.colors.prismColor);
cssContent = cssContent
.toString()
.replace(
new RegExp("{primaryColor}", "g"),
siteConfig.colors.primaryColor
);
cssContent = cssContent.replace(
new RegExp("{secondaryColor}", "g"),
siteConfig.colors.secondaryColor
);
cssContent = cssContent.replace(
new RegExp("{prismColor}", "g"),
siteConfig.colors.prismColor
);
res.send(cssContent);
});
/* serve static content first from user folder then from docusaurus */
app.use(siteConfig.baseUrl, express.static(CWD + '/static'));
app.use(siteConfig.baseUrl, express.static(__dirname + '/../static'));
app.use(siteConfig.baseUrl, express.static(CWD + "/static"));
app.use(siteConfig.baseUrl, express.static(__dirname + "/../static"));
app.get(/\/[^\.]*\/?$/, (req, res) => {
if (req.path.toString().endsWith('/')) {
request.get('http://localhost:3000' + req.path + 'index.html', (err, response, body) => {
if (req.path.toString().endsWith("/")) {
request.get(
"http://localhost:3000" + req.path + "index.html",
(err, response, body) => {
if (!err) {
res.send(body);
}
});
}
);
} else {
request.get('http://localhost:3000' + req.path + '/index.html', (err, response, body) => {
request.get(
"http://localhost:3000" + req.path + "/index.html",
(err, response, body) => {
if (!err) {
res.send(body);
}
});
}
);
}
});
app.listen(port);
console.log('listening on port: ' + port);
console.log("listening on port: " + port);
}
module.exports = execute;

34
lib/server/translation.js
View file

@ -8,43 +8,43 @@
*/
const CWD = process.cwd();
const fs = require('fs-extra');
const glob = require('glob');
const path = require('path');
const mkdirp = require('mkdirp');
const fs = require("fs-extra");
const glob = require("glob");
const path = require("path");
const mkdirp = require("mkdirp");
console.log('translation.js triggered...');
console.log("translation.js triggered...");
function writeFileAndCreateFolder(file, content) {
mkdirp.sync(file.replace(new RegExp('/[^/]*$'), ''));
mkdirp.sync(file.replace(new RegExp("/[^/]*$"), ""));
fs.writeFileSync(file, content);
}
function execute() {
if (fs.existsSync(CWD + '/languages.js')) {
if (fs.existsSync(CWD + "/languages.js")) {
injectContent();
} else {
console.log('No languages besides English enabled');
console.log("No languages besides English enabled");
}
}
function injectContent() {
const I18N_JSON_DIR = CWD + '/i18n/';
const I18N_JSON_DIR = CWD + "/i18n/";
const files = glob.sync(I18N_JSON_DIR + '**');
const files = glob.sync(I18N_JSON_DIR + "**");
const languages = [];
const langRegex = /\/i18n\/(.*)\.json$/;
files.forEach(file => {
const extension = path.extname(file);
if (extension == '.json') {
if (extension == ".json") {
const match = langRegex.exec(file);
const language = match[1];
languages.push(language);
}
});
let injectedContent = '';
let injectedContent = "";
languages.forEach(language => {
injectedContent +=
"\nsiteConfig['" +
@ -54,18 +54,18 @@ function injectContent() {
".json');";
});
let siteConfigFile = fs.readFileSync(CWD + '/siteConfig.js', 'utf8');
const injectStart = '/* INJECT LOCALIZED FILES BEGIN */';
const injectEnd = '/* INJECT LOCALIZED FILES END */';
let siteConfigFile = fs.readFileSync(CWD + "/siteConfig.js", "utf8");
const injectStart = "/* INJECT LOCALIZED FILES BEGIN */";
const injectEnd = "/* INJECT LOCALIZED FILES END */";
siteConfigFile =
siteConfigFile.slice(
0,
siteConfigFile.indexOf(injectStart) + injectStart.length
) +
injectedContent +
'\n' +
"\n" +
siteConfigFile.slice(siteConfigFile.indexOf(injectEnd));
fs.writeFileSync(CWD + '/siteConfig.js', siteConfigFile);
fs.writeFileSync(CWD + "/siteConfig.js", siteConfigFile);
}
module.exports = execute;

6
lib/start-server.js
View file

@ -9,10 +9,10 @@
* of patent rights can be found in the PATENTS file in the same directory.
*/
require('babel-register') ({
require("babel-register")({
ignore: false,
"presets": ["react"]
presets: ["react"]
});
const server = require('./server/server.js');
const server = require("./server/server.js");
server();