mirror of
https://github.com/status-im/react-native.git
synced 2025-01-25 00:39:03 +00:00
9cb370dd5b
Summary: An Atom feed is now generated as part of the build script. This is done statically and not as a React view because React is not the right tool for generating XML documents. Some additional metadata is stored in `metadata-blog.js` and duplicated to `metadata-blog.json` in the `server/` directory to aid in the generation of the feed. Let me know if there's a better way to import this data using the existing Haste module that wouldn't require writing an additional JSON file. The feed will be available at https://facebook.github.io/react-native/blog.xml A sample output of the Atom feed is included at the bottom. It is a [valid Atom 1.0 feed](https://validator.w3.org/feed/check.cgi), with some additional recommendations that can be ignored for now. > Congratulations! > > [Valid Atom 1.0] This is a valid Atom 1.0 feed. > Recommendations > > This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations. > line 2, col Closes https://github.com/facebook/react-native/pull/10611 Differential Revision: D4097381 Pulled By: mkonicek fbshipit-source-id: 8d2e18923358d1903b2715b00c48680b0c4dff68
59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule BlogPost
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
var Marked = require('Marked');
|
|
var React = require('React');
|
|
var BlogPostHeader = require('BlogPostHeader');
|
|
var BlogPostFooter = require('BlogPostFooter');
|
|
var ExcerptLink = require('ExcerptLink');
|
|
|
|
var BlogPost = React.createClass({
|
|
render: function() {
|
|
var post = this.props.post;
|
|
var content = this.props.content;
|
|
|
|
var match = post.publishedAt.match(/([0-9]+)-([0-9]+)-([0-9]+)/);
|
|
// Because JavaScript sucks at date handling :(
|
|
var year = match[1];
|
|
var month = [
|
|
'January', 'February', 'March', 'April', 'May', 'June', 'July',
|
|
'August', 'September', 'October', 'November', 'December'
|
|
][parseInt(match[2], 10) - 1];
|
|
var day = parseInt(match[3], 10);
|
|
|
|
var postedOnDate = month + ' ' + day + ', ' + year;
|
|
|
|
var footer = <BlogPostFooter post={post} postedOnDate={postedOnDate} />;
|
|
|
|
if (this.props.excerpt) {
|
|
content = content.trim().split('\n')[0];
|
|
footer = <ExcerptLink href={'/react-native/blog/' + post.path} category={post.category} />;
|
|
}
|
|
|
|
return (
|
|
<article>
|
|
<BlogPostHeader
|
|
post={post}
|
|
postedOnDate={postedOnDate}
|
|
excerpt={this.props.excerpt} />
|
|
<div className="entry-content">
|
|
<Marked>{content}</Marked>
|
|
</div>
|
|
{footer}
|
|
</article>
|
|
);
|
|
}
|
|
});
|
|
|
|
module.exports = BlogPost;
|