Merge pull request #1543 from GitbookIO/dream

React for rendering website with plugins

1 files changed, 30 insertions, 0 deletions

diff --git a/packages/gitbook-plugin-theme-default/src/components/Page.js b/packages/gitbook-plugin-theme-default/src/components/Page.js
new file mode 100644
index 0000000..cbce704
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/src/components/Page.js
@@ -0,0 +1,30 @@
+const GitBook = require('gitbook-core');
+const { React } = GitBook;
+
+const Page = React.createClass({
+    propTypes: {
+        page: GitBook.PropTypes.Page
+    },
+
+    render() {
+        const { page } = this.props;
+
+        return (
+            <div className="PageContainer">
+                <GitBook.InjectedComponent matching={{ role: 'search:container:results' }} props={this.props}>
+                    <div className="Page">
+                        <GitBook.InjectedComponentSet matching={{ role: 'page:header' }} props={this.props} />
+
+                        <GitBook.InjectedComponent matching={{ role: 'page:container' }} props={this.props}>
+                            <GitBook.HTMLContent html={page.content} />
+                        </GitBook.InjectedComponent>
+
+                        <GitBook.InjectedComponentSet matching={{ role: 'page:footer' }} props={this.props} />
+                    </div>
+                </GitBook.InjectedComponent>
+            </div>
+        );
+    }
+});
+
+module.exports = Page;