Move Docusaurus 1 files into directory (#966)

* Move Docusaurus 1 into v1 directory * Update Circle CI commands for new v1 dir * Remove OC * Fix tests
2025-05-12 16:47:26 +02:00 · 2018-09-18 00:58:07 +08:00 · 2018-09-18 00:58:07 +08:00 · f2927a9fc4
commit f2927a9fc4
parent 9d4a5d5359
291 changed files with 7591 additions and 6532 deletions
--- a/v1/lib/core/BlogPostLayout.js
+++ b/v1/lib/core/BlogPostLayout.js
@ -0,0 +1,140 @@
+/**
+ * Copyright (c) 2017-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const classNames = require('classnames');
+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 OnPageNav = require('./nav/OnPageNav.js');
+const utils = require('./utils.js');
+
+// used for entire blog posts, i.e., each written blog article with sidebar with site header/footer
+class BlogPostLayout extends React.Component {
+  getDescription() {
+    const descLines = this.props.children.trim().split('\n');
+    for (let i = 0; i < descLines.length; i++) {
+      // Don't want blank lines or descriptions that are raw image rendering strings.
+      if (descLines[i] && !descLines[i].startsWith('![')) {
+        return descLines[i];
+      }
+    }
+    return null;
+  }
+
+  renderSocialButtons() {
+    const post = this.props.metadata;
+    post.path = utils.getPath(post.path, this.props.config.cleanUrl);
+
+    const fbComment = this.props.config.facebookAppId &&
+      this.props.config.facebookComments && (
+        <div className="blogSocialSectionItem">
+          {/* Facebook SDK require 'fb-comments' class */}
+          <div
+            className="fb-comments"
+            data-href={`${this.props.config.url +
+              this.props.config.baseUrl}blog/${post.path}`}
+            data-width="100%"
+            data-numposts="5"
+            data-order-by="time"
+          />
+        </div>
+      );
+
+    const fbLike = this.props.config.facebookAppId && (
+      <div className="blogSocialSectionItem">
+        {/* Facebook SDK require 'fb-like' class */}
+        <div
+          className="fb-like"
+          data-href={`${this.props.config.url +
+            this.props.config.baseUrl}blog/${post.path}`}
+          data-layout="standard"
+          data-share="true"
+          data-width="225"
+          data-show-faces="false"
+        />
+      </div>
+    );
+
+    const twitterShare = this.props.config.twitter && (
+      <div className="blogSocialSectionItem">
+        <a
+          href="https://twitter.com/share"
+          className="twitter-share-button"
+          data-text={post.title}
+          data-url={`${this.props.config.url + this.props.config.baseUrl}blog/${
+            post.path
+          }`}
+          data-related={this.props.config.twitter}
+          data-via={post.authorTwitter}
+          data-show-count="false">
+          Tweet
+        </a>
+      </div>
+    );
+
+    return (
+      <div className="blogSocialSection">
+        {twitterShare}
+        {fbLike}
+        {fbComment}
+      </div>
+    );
+  }
+
+  render() {
+    const hasOnPageNav = this.props.config.onPageNav === 'separate';
+    const post = this.props.metadata;
+    post.path = utils.getPath(post.path, this.props.config.cleanUrl);
+    const blogSidebarTitleConfig = this.props.config.blogSidebarTitle || {};
+    return (
+      <Site
+        className={classNames('sideNavVisible', {
+          separateOnPageNav: hasOnPageNav,
+        })}
+        url={`blog/${post.path}`}
+        title={this.props.metadata.title}
+        language="en"
+        description={this.getDescription()}
+        config={this.props.config}
+        metadata={{blog: true}}>
+        <div className="docMainWrapper wrapper">
+          <BlogSidebar
+            language="en"
+            current={post}
+            config={this.props.config}
+          />
+          <Container className="mainContainer postContainer blogContainer">
+            <div className="lonePost">
+              <BlogPost
+                post={post}
+                content={this.props.children}
+                language="en"
+                config={this.props.config}
+              />
+              {this.renderSocialButtons()}
+            </div>
+            <div className="blog-recent">
+              <a className="button" href={`${this.props.config.baseUrl}blog`}>
+                {blogSidebarTitleConfig.default || 'Recent Posts'}
+              </a>
+            </div>
+          </Container>
+          {hasOnPageNav && (
+            <nav className="onPageNav">
+              <OnPageNav rawContent={this.props.children} />
+            </nav>
+          )}
+        </div>
+      </Site>
+    );
+  }
+}
+
+module.exports = BlogPostLayout;