init code

Author: kkartunov

config/default.js

@@ -110,6 +110,7 @@ module.exports = {
     HOME: '/home',
     BLOG: 'https://www.topcoder-dev.com/blog',
     BLOG_FEED: 'https://www.topcoder.com/blog/feed/',
+    THRIVE_FEED: 'https://topcoder-dev.com/api/feeds/thrive',
     COMMUNITY: 'https://community.topcoder-dev.com',
     FORUMS: 'https://apps.topcoder-dev.com/forums',
     FORUMS_VANILLA: 'https://vanilla.topcoder-dev.com',

config/production.js

@@ -58,6 +58,7 @@ module.exports = {
       CS: 'https://cs.topcoder.com',
     },
     EMAIL_VERIFY_URL: 'http://www.topcoder.com/settings/account/changeEmail',
+    THRIVE_FEED: 'https://topcoder.com/api/feeds/thrive',
   },
   /* Filestack configuration for uploading Submissions
    * These are for the production back end */

package.json

@@ -140,6 +140,7 @@
     "redux-promise": "^0.6.0",
     "request-ip": "^2.0.2",
     "require-context": "^1.1.0",
+    "rss": "^1.2.2",
     "rss-parser": "^3.12.0",
     "serialize-javascript": "^2.1.1",
     "serve-favicon": "^2.5.0",

src/server/index.js

@@ -31,6 +31,7 @@ import mmLeaderboardRouter from './routes/mmLeaderboard';
 import growsurfRouter from './routes/growsurf';
 import gSheetsRouter from './routes/gSheet';
 import blogRouter from './routes/blog';
+import feedsRouter from './routes/feeds';
 
 /* Dome API for topcoder communities */
 import tcCommunitiesDemoApi from './tc-communities';
@@ -143,6 +144,7 @@ async function onExpressJsSetup(server) {
   server.use('/api/growsurf', growsurfRouter);
   server.use('/api/gsheets', gSheetsRouter);
   server.use('/api/blog', blogRouter);
+  server.use('/api/feeds', feedsRouter);
 
   // serve demo api
   server.use(

src/server/routes/feeds.js

@@ -0,0 +1,62 @@
+/**
+ * The routes that expose assets and content from Contentful CMS to the CDN.
+ */
+
+import express from 'express';
+import RSS from 'rss';
+import ReactDOMServer from 'react-dom/server';
+import md from 'utils/markdown';
+import {
+  getService,
+} from '../services/contentful';
+
+const cors = require('cors');
+
+const routes = express.Router();
+
+// Enables CORS on those routes according config above
+// ToDo configure CORS for set of our trusted domains
+routes.use(cors());
+routes.options('*', cors());
+
+routes.get('/thrive', async (req, res, next) => {
+  try {
+    const data = await getService('EDU', 'master', true).queryEntries({
+      content_type: 'article',
+      limit: 20,
+      order: '-sys.createdAt',
+      include: 2,
+    });
+    const feed = new RSS({
+      title: 'Topcoder Thrive - RSS feed',
+      description: 'Tutorials And Workshops That Matter | Thrive | Topcoder',
+      feed_url: 'https://topcoder.com/api/feeds/thrive',
+      site_url: 'https://topcoder.com/thrive',
+      image_url: 'https://images.ctfassets.net/b5f1djy59z3a/5kicYrFi5GoMqWs0ccsMsM/d3f4a4315588df5bdf0096208eb13581/Topcoder_Logo_200px.png',
+      docs: 'https://www.topcoder.com/thrive/tracks?track=Topcoder',
+      webMaster: '<kiril@wearetopcoder.com> Kiril Kartunov',
+      copyright: '2021 - today, Topcoder',
+      language: 'en',
+      categories: ['Competitive Programming', 'Data Science', 'Design', 'Development', 'QA', 'Gig work', 'Topcoder'],
+      ttl: '60',
+    });
+    if (data && data.total) {
+      data.items.forEach((entry) => {
+        feed.item({
+          title: entry.fields.title,
+          description: ReactDOMServer.renderToString(md(entry.fields.content)),
+          url: `https://topcoder.com/thrive/articles/${entry.fields.slug || encodeURIComponent(entry.fields.title)}`,
+          date: entry.fields.creationDate,
+          categories: entry.fields.tags,
+          author: entry.fields.contentAuthor[0].fields.name,
+        });
+      });
+    }
+    res.set('Content-Type', 'application/rss+xml');
+    res.send(feed.xml({ indent: true }));
+  } catch (e) {
+    next(e);
+  }
+});
+
+export default routes;

src/shared/components/MetaTags.jsx

@@ -21,6 +21,8 @@ function MetaTags({
   socialTitle,
   title,
   url,
+  feed,
+  feedTitle,
 }) {
   const img = `${domain}${image}`;
   const socTitle = socialTitle || title;
@@ -32,6 +34,9 @@ function MetaTags({
         {title}
       </title>
       <meta name="description" content={description} />
+      {
+        feed && <link rel="alternate" type="application/rss+xml" title={feedTitle} href={feed} />
+      }
 
       {/* Twitter cards. */}
       <meta name="twitter:card" content="summary_large_image" />
@@ -63,6 +68,8 @@ MetaTags.defaultProps = {
   socialDescription: null,
   socialTitle: null,
   url: null,
+  feed: null,
+  feedTitle: null,
 };
 
 MetaTags.propTypes = {
@@ -74,6 +81,8 @@ MetaTags.propTypes = {
   socialTitle: PT.string,
   title: PT.string.isRequired,
   url: PT.string,
+  feed: PT.string,
+  feedTitle: PT.string,
 };
 
 /* TODO: It is not good to depend on the domain written into redux state here,

src/shared/containers/EDU/Home.jsx

@@ -52,6 +52,8 @@ export default class EDUHome extends React.Component {
         <MetaTags
           description={description}
           title={title}
+          feed={config.URL.THRIVE_FEED}
+          feedTitle="Topcoder Thrive - RSS feed"
         />
         {/* Banner */}
         <div className={homeTheme.bannerContainer}>

src/shared/containers/EDU/Search.jsx

@@ -102,6 +102,8 @@ export default class EDUSearch extends React.Component {
       <MetaTags
         description={description}
         title={title}
+        feed={config.URL.THRIVE_FEED}
+        feedTitle="Topcoder Thrive - RSS feed"
       />
     );
     // This container needs at least those variables

src/shared/containers/EDU/Tracks.jsx

@@ -220,6 +220,8 @@ export default class EDUTracks extends React.Component {
       <MetaTags
         description={description}
         title={title}
+        feed={config.URL.THRIVE_FEED}
+        feedTitle="Topcoder Thrive - RSS feed"
       />
     );
     // This container needs at least those variables