Add Metro as user (#755)

* Add Metro as user

* Remove redundant React logo

website/data/users.js

@@ -0,0 +1,221 @@
+module.exports = [
+  // Please add your logo in alphabetical order of caption.
+  {
+    caption: 'Almin',
+    image: '/img/users/almin.png',
+    infoLink: 'https://almin.js.org/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Anssr Data Platform',
+    image: '/img/users/anssr.svg',
+    infoLink: 'https://anssr.io/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Bemuse',
+    image: '/img/users/bemuse.png',
+    infoLink: 'https://bemuse.ninja/project/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'BlueWhale',
+    image: '/img/users/BlueWhale.png',
+    infoLink: 'https://facebookresearch.github.io/BlueWhale/',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'BuckleScript',
+    image: '/img/users/bucklescript.svg',
+    infoLink: 'https://bucklescript.github.io/',
+    fbOpenSource: false,
+    pinned: true,
+  },
+  {
+    caption: 'CaptainDuckDuck',
+    image: '/img/users/captainduckduck.png',
+    infoLink: 'https://captainduckduck.com/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Dep',
+    image: '/img/users/golang-dep.svg',
+    infoLink: 'https://golang.github.io/dep/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Docusaurus',
+    image: '/img/users/docusaurus.svg',
+    infoLink: 'https://www.docusaurus.io',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'Draft.js',
+    image: '/img/users/draftjs.png',
+    infoLink: 'https://draftjs.org/',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'FastText',
+    image: '/img/users/fasttext.png',
+    infoLink: 'https://fasttext.cc',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'Instant Articles Builder',
+    image: '/img/users/facebook-instant-articles-rules-editor.svg',
+    infoLink: 'https://facebook.github.io/instant-articles-builder/',
+    fbOpenSource: true,
+    pinned: false,
+  },
+  {
+    caption: 'Goby',
+    image: 'https://goby-lang.org/img/goby-logo.svg',
+    infoLink: 'https://goby-lang.org',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Home Assistant',
+    image: 'https://developers.home-assistant.io/img/logo-responsive.svg',
+    infoLink: 'https://developers.home-assistant.io/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Jest',
+    image: '/img/users/jest.png',
+    infoLink: 'https://facebook.github.io/jest/',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'MakeItOpen',
+    image: '/img/users/makeitopen.png',
+    infoLink: 'http://makeitopen.com/',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'Metro',
+    image: '/img/users/metro.svg',
+    infoLink: 'https://facebook.github.io/metro/',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'Open Power Quality',
+    image: 'https://openpowerquality.org/img/opqlogo.png',
+    infoLink: 'https://openpowerquality.org/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'pnpm',
+    image: 'https://pnpm.js.org/img/pnpm.svg',
+    infoLink: 'https://pnpm.js.org/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Prettier',
+    image: '/img/users/prettier.png',
+    infoLink: 'https://www.prettier.io',
+    fbOpenSource: false,
+    pinned: true,
+  },
+  {
+    caption: 'Pyre',
+    image: '/img/users/pyre.svg',
+    infoLink: 'https://pyre-check.org',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'React Native',
+    image: '/img/users/react-native.svg',
+    infoLink: 'https://facebook.github.io/react-native',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'React Native Elements',
+    image: '/img/users/react-native-elements.png',
+    infoLink: 'https://react-native-training.github.io/react-native-elements/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'react-native-ios-kit',
+    image: '/img/users/react-native-ios-kit.svg',
+    infoLink: 'https://callstack.github.io/react-native-ios-kit',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Reason',
+    image: '/img/users/reason.svg',
+    infoLink: 'https://reasonml.github.io/',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'ReasonReact',
+    image: '/img/users/reason-react.svg',
+    infoLink: 'https://reasonml.github.io/reason-react/',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'Rejoiner',
+    image: '/img/users/rejoiner.svg',
+    infoLink: 'http://rejoiner.io/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Relay',
+    image: '/img/users/relay.svg',
+    infoLink: 'https://facebook.github.io/relay/',
+    fbOpenSource: true,
+    pinned: true,
+  },
+  {
+    caption: 'textlint',
+    image: 'https://textlint.github.io/img/textlint-icon.png',
+    infoLink: 'https://textlint.github.io/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Verdaccio',
+    image: 'http://www.verdaccio.org/img/verdaccio-tiny@2x.png',
+    infoLink: 'http://www.verdaccio.org/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'Vuls',
+    image: 'https://vuls.io/img/docs/vuls_logo.png',
+    infoLink: 'https://vuls.io/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  {
+    caption: 'WarriorJS',
+    image: '/img/users/warriorjs.svg',
+    infoLink: 'https://warrior.js.org/',
+    fbOpenSource: false,
+    pinned: false,
+  },
+  // Please add your logo in alphabetical order of caption.
+];

website/data/users.json

@@ -1,212 +0,0 @@
-[
-  {
-    "caption": "Almin",
-    "image": "/img/almin.png",
-    "infoLink": "https://almin.js.org/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Bemuse",
-    "image": "/img/bemuse.png",
-    "infoLink": "https://bemuse.ninja/project/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "BlueWhale",
-    "image": "/img/BlueWhale.png",
-    "infoLink": "https://facebookresearch.github.io/BlueWhale/",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "BuckleScript",
-    "image": "/img/bucklescript.svg",
-    "infoLink": "https://bucklescript.github.io/",
-    "fbOpenSource": false,
-    "pinned": true
-  },
-  {
-    "caption": "CaptainDuckDuck",
-    "image": "/img/captainduckduck.png",
-    "infoLink": "https://captainduckduck.com/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Dep",
-    "image": "/img/golang-dep.svg",
-    "infoLink": "https://golang.github.io/dep/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Docusaurus",
-    "image": "/img/docusaurus.svg",
-    "infoLink": "https://www.docusaurus.io",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "Draft.js",
-    "image": "/img/draftjs.png",
-    "infoLink": "https://draftjs.org/",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "FastText",
-    "image": "/img/fasttext.png",
-    "infoLink": "https://fasttext.cc",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "Instant Articles Builder",
-    "image": "/img/facebook-instant-articles-rules-editor.svg",
-    "infoLink": "https://facebook.github.io/instant-articles-builder/",
-    "fbOpenSource": true,
-    "pinned": false
-  },
-  {
-    "caption": "Goby",
-    "image": "https://goby-lang.org/img/goby-logo.svg",
-    "infoLink": "https://goby-lang.org",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Home Assistant",
-    "image": "https://developers.home-assistant.io/img/logo-responsive.svg",
-    "infoLink": "https://developers.home-assistant.io/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Jest",
-    "image": "/img/jest.png",
-    "infoLink": "https://facebook.github.io/jest/",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "MakeItOpen",
-    "image": "/img/makeitopen.png",
-    "infoLink": "http://makeitopen.com/",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "Open Power Quality",
-    "image": "https://openpowerquality.org/img/opqlogo.png",
-    "infoLink": "https://openpowerquality.org/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "pnpm",
-    "image": "https://pnpm.js.org/img/pnpm.svg",
-    "infoLink": "https://pnpm.js.org/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Prettier",
-    "image": "/img/prettier.png",
-    "infoLink": "https://www.prettier.io",
-    "fbOpenSource": false,
-    "pinned": true
-  },
-  {
-    "caption": "Pyre",
-    "image": "/img/pyre.svg",
-    "infoLink": "https://pyre-check.org",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "React Native",
-    "image": "/img/react-native.svg",
-    "infoLink": "https://facebook.github.io/react-native",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "React Native Elements",
-    "image": "/img/react-native-elements.png",
-    "infoLink": "https://react-native-training.github.io/react-native-elements/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "react-native-ios-kit",
-    "image": "/img/react-native-ios-kit.svg",
-    "infoLink": "https://callstack.github.io/react-native-ios-kit",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Reason",
-    "image": "/img/reason.svg",
-    "infoLink": "https://reasonml.github.io/",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "ReasonReact",
-    "image": "/img/reason-react.svg",
-    "infoLink": "https://reasonml.github.io/reason-react/",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "Rejoiner",
-    "image": "/img/rejoiner.svg",
-    "infoLink": "http://rejoiner.io/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Relay",
-    "image": "/img/relay.svg",
-    "infoLink": "https://facebook.github.io/relay/",
-    "fbOpenSource": true,
-    "pinned": true
-  },
-  {
-    "caption": "textlint",
-    "image": "https://textlint.github.io/img/textlint-icon.png",
-    "infoLink": "https://textlint.github.io/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Verdaccio",
-    "image": "http://www.verdaccio.org/img/verdaccio-tiny@2x.png",
-    "infoLink": "http://www.verdaccio.org/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Vuls",
-    "image": "https://vuls.io/img/docs/vuls_logo.png",
-    "infoLink": "https://vuls.io/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "WarriorJS",
-    "image": "/img/warriorjs.svg",
-    "infoLink": "https://warrior.js.org/",
-    "fbOpenSource": false,
-    "pinned": false
-  },
-  {
-    "caption": "Anssr Data Platform",
-    "image": "/img/anssr.svg",
-    "infoLink": "https://anssr.io/",
-    "fbOpenSource": false,
-    "pinned": false
-  }
-]

website/pages/en/users.js

@@ -12,30 +12,22 @@ const siteConfig = require(process.cwd() + '/siteConfig.js');
 const translate = require('../../server/translate.js').translate;
 
 class Users extends React.Component {
+  renderUser(user, i) {
+    return (
+      <a href={user.infoLink} key={i}>
+        <img src={user.image} alt={user.caption} title={user.caption} />
+      </a>
+    );
+  }
+
   render() {
     const fbShowcase = siteConfig.users
-      .filter(user => {
-        return user.fbOpenSource === true;
-      })
-      .map((user, i) => {
-        return (
-          <a href={user.infoLink} key={i}>
-            <img src={user.image} alt={user.caption} title={user.caption} />
-          </a>
-        );
-      });
+      .filter(user => user.fbOpenSource)
+      .map((user, i) => this.renderUser(user, i));
 
     const showcase = siteConfig.users
-      .filter(user => {
-        return !user.fbOpenSource;
-      })
-      .map((user, i) => {
-        return (
-          <a href={user.infoLink} key={i}>
-            <img src={user.image} alt={user.caption} title={user.caption} />
-          </a>
-        );
-      });
+      .filter(user => !user.fbOpenSource)
+      .map((user, i) => this.renderUser(user, i));
 
     return (
       <div className="mainContainer">
@@ -67,7 +59,7 @@ class Users extends React.Component {
               </p>
               <p>
                 Edit this page with a{' '}
-                <a href="https://github.com/facebook/docusaurus/edit/master/website/data/users.json">
+                <a href="https://github.com/facebook/docusaurus/edit/master/website/data/users.js">
                   Pull Request
                 </a>{' '}
                 to add your logo.

website/siteConfig.js

@@ -6,7 +6,7 @@
  */
 
 /* List of projects/orgs using your project for the users page */
-const users = require('./data/users.json');
+const users = require('./data/users');
 
 const siteConfig = {
   title: 'Docusaurus',
@@ -52,9 +52,7 @@ const siteConfig = {
     'https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js',
     '/js/code-blocks-buttons.js',
   ],
-  stylesheets: [
-    '/css/code-blocks-buttons.css',
-  ],
+  stylesheets: ['/css/code-blocks-buttons.css'],
   gaTrackingId: 'UA-44373548-31',
   facebookAppId: '199138890728411',
   facebookComments: true,
@@ -66,8 +64,8 @@ const siteConfig = {
   cleanUrl: true,
   scrollToTop: true,
   scrollToTopOptions: {
-    zIndex: 100
-  }
+    zIndex: 100,
+  },
 };
 
 module.exports = siteConfig;

website/static/img/users/metro.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 142.89 156.99"><defs><style>.cls-1{fill:#ef4242;}.cls-2{fill:#fff;}</style></defs><title>Metro</title><path class="cls-1" d="M9.66,53.52C9.66,46,15,36.81,21.47,33.06L69.29,5.45c6.5-3.75,17.13-3.75,23.63,0l47.82,27.61c6.5,3.75,11.82,13,11.82,20.46v55.22c0,7.5-5.32,16.71-11.82,20.46L92.92,156.81c-6.5,3.75-17.13,3.75-23.63,0L21.47,129.2c-6.49-3.75-11.81-13-11.81-20.46Z" transform="translate(-9.66 -2.64)"/><path class="cls-2" d="M81.11,144.3a11.12,11.12,0,0,1-5.52-1.4L31.1,117.21a11.53,11.53,0,0,1-5.51-9.55V56.29a11.53,11.53,0,0,1,5.51-9.55L75.6,21.05a11.75,11.75,0,0,1,11,0l44.49,25.69a11.51,11.51,0,0,1,5.51,9.55v51.37a11.52,11.52,0,0,1-5.5,9.55L86.62,142.9A11.08,11.08,0,0,1,81.11,144.3Zm-43.7-37.09,43.7,25.23,43.7-25.23V56.74L81.11,31.51,37.41,56.74Z" transform="translate(-9.66 -2.64)"/><path class="cls-1" d="M81.11,131.14a6.64,6.64,0,0,1-3.32-.89L28.18,101.61a6.65,6.65,0,0,1-3.33-5.76V38.57A6.65,6.65,0,0,1,35,32.89l46.16,28,46.16-28a6.65,6.65,0,0,1,10.09,5.68V95.85a6.64,6.64,0,0,1-3.32,5.76L84.43,130.25A6.69,6.69,0,0,1,81.11,131.14ZM38.14,92l43,24.81,43-24.81V50.38l-39.51,24a6.63,6.63,0,0,1-6.9,0l-39.52-24Z" transform="translate(-9.66 -2.64)"/><path class="cls-2" d="M136.62,110.62H124.81V63.83L84.17,88.51a5.88,5.88,0,0,1-6.13,0L37.41,63.83v46.79H25.59V53.33a5.92,5.92,0,0,1,9-5L81.11,76.55l46.54-28.27a5.91,5.91,0,0,1,9,5Z" transform="translate(-9.66 -2.64)"/></svg>

yarn.lock

@@ -1221,7 +1221,7 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
-classnames@^2.2.5:
+classnames@^2.2.6:
   version "2.2.6"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
 
@@ -4781,7 +4781,7 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
-prettier@^1.9.1:
+prettier@^1.13.5:
   version "1.13.5"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.13.5.tgz#7ae2076998c8edce79d63834e9b7b09fead6bfd0"
 
@@ -4930,7 +4930,7 @@ react-dev-utils@^5.0.1:
     strip-ansi "3.0.1"
     text-table "0.2.0"
 
-react-dom@^16.3.2:
+react-dom@^16.4.0:
   version "16.4.0"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.4.0.tgz#099f067dd5827ce36a29eaf9a6cdc7cbf6216b1e"
   dependencies:
@@ -4943,7 +4943,7 @@ react-error-overlay@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.0.tgz#d198408a85b4070937a98667f500c832f86bd5d4"
 
-react@^16.3.2:
+react@^16.4.0:
   version "16.4.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.4.0.tgz#402c2db83335336fba1962c08b98c6272617d585"
   dependencies:
@@ -5944,7 +5944,7 @@ tr46@~0.0.3:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
 
-tree-node-cli@^1.2.1:
+tree-node-cli@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/tree-node-cli/-/tree-node-cli-1.2.2.tgz#d8aa63f7ed4eeea02d047e0b30b662194d9ec4fc"
   dependencies: