Update registerComponent calls to preferred syntax

Call `registerComponent` with object argument instead of rest parameters

Executed following find & replace regex:
* `registerComponent\(('[A-Za-z0-9]*'), ([A-Za-z0-9]*), (.*)\)`
➡ `registerComponent({ name: $1, component: $2, hocs: [$3] })`
* `registerComponent\(('[A-Za-z0-9]*'), ([A-Za-z0-9]*)\)` ➡ `registerComponent({ name: $1, component: $2 })`

Note: This change exacerbates VulcanJS/Vulcan#2061, and probably shouldn't be merged until that issue is resolved.

Author: mousetraps

packages/example-customization/lib/components/MyCustomPage.jsx

@@ -15,4 +15,4 @@ const MyCustomPage = () => {
   )
 }
 
-registerComponent('MyCustomPage', MyCustomPage);
+registerComponent({ name: 'MyCustomPage', component: MyCustomPage });

packages/example-forms/lib/components/FormFunnel.jsx

@@ -39,4 +39,4 @@ FormFunnel.contextTypes = {
   updateCurrentValues: PropTypes.func,
 };
 
-registerComponent('FormFunnel', FormFunnel);
+registerComponent({ name: 'FormFunnel', component: FormFunnel });

packages/example-forms/lib/components/Home.js

@@ -53,4 +53,4 @@ const Home = ({ flash }) => (
   </div>
 );
 
-registerComponent('Home', Home, withMessages);
+registerComponent({ name: 'Home', component: Home, hocs: [withMessages] });

packages/example-forum/lib/components/categories/CategoriesDashboard.jsx

@@ -27,4 +27,4 @@ const CategoriesDashboard = () =>
 
   </div>
 
-registerComponent('CategoriesDashboard', CategoriesDashboard);
+registerComponent({ name: 'CategoriesDashboard', component: CategoriesDashboard });

packages/example-forum/lib/components/categories/CategoriesEditForm.jsx

@@ -40,4 +40,4 @@ CategoriesEditForm.contextTypes = {
   intl: intlShape,
 };
 
-registerComponent('CategoriesEditForm', CategoriesEditForm, withMessages);
+registerComponent({ name: 'CategoriesEditForm', component: CategoriesEditForm, hocs: [withMessages] });

packages/example-forum/lib/components/categories/CategoriesMenu.jsx

@@ -126,4 +126,4 @@ const options = {
   pollInterval: 0,
 };
 
-registerComponent('CategoriesMenu', CategoriesMenu, withRouter, withApollo, [withList, options], withCurrentUser);
+registerComponent({ name: 'CategoriesMenu', component: CategoriesMenu, hocs: [withRouter, withApollo, [withList, options], withCurrentUser] });

packages/example-forum/lib/components/categories/CategoriesNewForm.jsx

@@ -31,4 +31,4 @@ CategoriesNewForm.contextTypes = {
   intl: intlShape,
 };
 
-registerComponent('CategoriesNewForm', CategoriesNewForm, withMessages);
+registerComponent({ name: 'CategoriesNewForm', component: CategoriesNewForm, hocs: [withMessages] });

packages/example-forum/lib/components/comments/CommentsEditForm.jsx

@@ -26,4 +26,4 @@ CommentsEditForm.propTypes = {
   cancelCallback: PropTypes.func
 };
 
-registerComponent('CommentsEditForm', CommentsEditForm, withMessages);
+registerComponent({ name: 'CommentsEditForm', component: CommentsEditForm, hocs: [withMessages] });

packages/example-forum/lib/components/comments/CommentsItem.jsx

@@ -123,4 +123,4 @@ CommentsItem.propTypes = {
   flash: PropTypes.func,
 };
 
-registerComponent('CommentsItem', CommentsItem, withMessages);
+registerComponent({ name: 'CommentsItem', component: CommentsItem, hocs: [withMessages] });

packages/example-forum/lib/components/comments/CommentsList.jsx

@@ -25,4 +25,4 @@ const CommentsList = ({comments, commentCount, currentUser}) => {
 
 CommentsList.displayName = "CommentsList";
 
-registerComponent('CommentsList', CommentsList);
+registerComponent({ name: 'CommentsList', component: CommentsList });

packages/example-forum/lib/components/comments/CommentsLoadMore.jsx

@@ -8,4 +8,4 @@ const CommentsLoadMore = ({loadMore, count, totalCount}) => {
 
 CommentsLoadMore.displayName = "CommentsLoadMore";
 
-registerComponent('CommentsLoadMore', CommentsLoadMore);
+registerComponent({ name: 'CommentsLoadMore', component: CommentsLoadMore });

packages/example-forum/lib/components/comments/CommentsNewForm.jsx

@@ -48,4 +48,4 @@ CommentsNewForm.propTypes = {
   flash: PropTypes.func,
 };
 
-registerComponent('CommentsNewForm', CommentsNewForm, withMessages);
+registerComponent({ name: 'CommentsNewForm', component: CommentsNewForm, hocs: [withMessages] });

packages/example-forum/lib/components/comments/CommentsNode.jsx

@@ -17,4 +17,4 @@ CommentsNode.propTypes = {
   comment: PropTypes.object.isRequired, // the current comment
 };
 
-registerComponent('CommentsNode', CommentsNode);
+registerComponent({ name: 'CommentsNode', component: CommentsNode });

packages/example-forum/lib/components/common/Footer.jsx

@@ -10,4 +10,4 @@ const Footer = props => {
 
 Footer.displayName = "Footer";
 
-registerComponent('Footer', Footer);
+registerComponent({ name: 'Footer', component: Footer });

packages/example-forum/lib/components/common/Header.jsx

@@ -44,4 +44,4 @@ Header.propTypes = {
   currentUser: PropTypes.object,
 };
 
-registerComponent('Header', Header, withCurrentUser);
+registerComponent({ name: 'Header', component: Header, hocs: [withCurrentUser] });

packages/example-forum/lib/components/common/Layout.jsx

@@ -33,4 +33,4 @@ const Layout = ({currentUser, children, currentRoute}) =>
 
   </div>
 
-registerComponent('Layout', Layout, withCurrentUser);
+registerComponent({ name: 'Layout', component: Layout, hocs: [withCurrentUser] });

packages/example-forum/lib/components/common/Logo.jsx

@@ -22,4 +22,4 @@ const Logo = ({logoUrl, siteTitle}) => {
 
 Logo.displayName = "Logo";
 
-registerComponent('Logo', Logo);
+registerComponent({ name: 'Logo', component: Logo });

packages/example-forum/lib/components/common/Newsletter.jsx

@@ -116,4 +116,4 @@ function showBanner (user) {
   );
 }
 
-registerComponent('Newsletter', Newsletter, withMutation(mutationOptions), withCurrentUser, withMessages);
+registerComponent({ name: 'Newsletter', component: Newsletter, hocs: [withMutation(mutationOptions), withCurrentUser, withMessages] });

packages/example-forum/lib/components/common/NewsletterButton.jsx

@@ -60,4 +60,4 @@ NewsletterButton.contextTypes = {
 const addOptions = {name: 'addUserNewsletter', args: {userId: 'String'}};
 const removeOptions = {name: 'removeUserNewsletter', args: {userId: 'String'}};
 
-registerComponent('NewsletterButton', NewsletterButton, withCurrentUser, withMutation(addOptions), withMutation(removeOptions), withMessages);
+registerComponent({ name: 'NewsletterButton', component: NewsletterButton, hocs: [withCurrentUser, withMutation(addOptions), withMutation(removeOptions), withMessages] });

packages/example-forum/lib/components/common/SearchForm.jsx

@@ -78,4 +78,4 @@ SearchForm.contextTypes = {
   intl: intlShape
 };
 
-registerComponent('SearchForm', SearchForm, withRouter);
+registerComponent({ name: 'SearchForm', component: SearchForm, hocs: [withRouter] });

packages/example-forum/lib/components/common/Vote.jsx

@@ -68,4 +68,4 @@ Vote.contextTypes = {
   intl: intlShape
 };
 
-registerComponent('Vote', Vote, withMessages, withVote);
+registerComponent({ name: 'Vote', component: Vote, hocs: [withMessages, withVote] });

packages/example-forum/lib/components/posts/PostsCategories.jsx

@@ -14,4 +14,4 @@ const PostsCategories = ({post}) => {
 
 PostsCategories.displayName = "PostsCategories";
 
-registerComponent('PostsCategories', PostsCategories);
+registerComponent({ name: 'PostsCategories', component: PostsCategories });

packages/example-forum/lib/components/posts/PostsCommenters.jsx

@@ -22,4 +22,4 @@ const PostsCommenters = ({post}) => {
 
 PostsCommenters.displayName = "PostsCommenters";
 
-registerComponent('PostsCommenters', PostsCommenters);
+registerComponent({ name: 'PostsCommenters', component: PostsCommenters });

packages/example-forum/lib/components/posts/PostsCommentsThread.jsx

@@ -52,4 +52,4 @@ const options = {
   limit: 0,
 };
 
-registerComponent('PostsCommentsThread', PostsCommentsThread, [withList, options], withCurrentUser);
+registerComponent({ name: 'PostsCommentsThread', component: PostsCommentsThread, hocs: [[withList, options], withCurrentUser] });

packages/example-forum/lib/components/posts/PostsDaily.jsx

@@ -19,4 +19,4 @@ const PostsDaily = props => {
 
 PostsDaily.displayName = 'PostsDaily';
 
-registerComponent('PostsDaily', PostsDaily);
+registerComponent({ name: 'PostsDaily', component: PostsDaily });

packages/example-forum/lib/components/posts/PostsDailyList.jsx

@@ -116,4 +116,4 @@ const options = {
   limit: 0,
 };
 
-registerComponent('PostsDailyList', PostsDailyList, withCurrentUser, [withList, options]);
+registerComponent({ name: 'PostsDailyList', component: PostsDailyList, hocs: [withCurrentUser, [withList, options]] });

packages/example-forum/lib/components/posts/PostsDay.jsx

@@ -29,4 +29,4 @@ PostsDay.propTypes = {
   number: PropTypes.number
 };
 
-registerComponent('PostsDay', PostsDay);
+registerComponent({ name: 'PostsDay', component: PostsDay });

packages/example-forum/lib/components/posts/PostsEditForm.jsx

@@ -61,4 +61,4 @@ PostsEditForm.contextTypes = {
   intl: intlShape
 }
 
-registerComponent('PostsEditForm', PostsEditForm, withMessages, withRouter, withCurrentUser);
+registerComponent({ name: 'PostsEditForm', component: PostsEditForm, hocs: [withMessages, withRouter, withCurrentUser] });

packages/example-forum/lib/components/posts/PostsHome.jsx

@@ -9,4 +9,4 @@ const PostsHome = (props, context) => {
 
 PostsHome.displayName = "PostsHome";
 
-registerComponent('PostsHome', PostsHome);
+registerComponent({ name: 'PostsHome', component: PostsHome });

packages/example-forum/lib/components/posts/PostsItem.jsx

@@ -81,4 +81,4 @@ PostsItem.propTypes = {
   terms: PropTypes.object,
 };
 
-registerComponent('PostsItem', PostsItem);
+registerComponent({ name: 'PostsItem', component: PostsItem });

packages/example-forum/lib/components/posts/PostsList.jsx

@@ -77,4 +77,4 @@ const options = {
   fragmentName: 'PostsList',
 };
 
-registerComponent('PostsList', PostsList, withCurrentUser, [withList, options]);
+registerComponent({ name: 'PostsList', component: PostsList, hocs: [withCurrentUser, [withList, options]] });

packages/example-forum/lib/components/posts/PostsListHeader.jsx

@@ -18,4 +18,4 @@ const PostsListHeader = () => {
 
 PostsListHeader.displayName = "PostsListHeader";
 
-registerComponent('PostsListHeader', PostsListHeader);
+registerComponent({ name: 'PostsListHeader', component: PostsListHeader });

packages/example-forum/lib/components/posts/PostsLoadMore.jsx

@@ -18,4 +18,4 @@ const PostsLoadMore = ({loading, loadMore, count, totalCount}) => {
 
 PostsLoadMore.displayName = "PostsLoadMore";
 
-registerComponent('PostsLoadMore', PostsLoadMore);
+registerComponent({ name: 'PostsLoadMore', component: PostsLoadMore });

packages/example-forum/lib/components/posts/PostsLoading.jsx

@@ -7,4 +7,4 @@ const PostsLoading = props => {
 
 PostsLoading.displayName = "PostsLoading";
 
-registerComponent('PostsLoading', PostsLoading);
+registerComponent({ name: 'PostsLoading', component: PostsLoading });

packages/example-forum/lib/components/posts/PostsNewButton.jsx

@@ -25,4 +25,4 @@ PostsNewButton.contextTypes = {
   intl: intlShape
 };
 
-registerComponent('PostsNewButton', PostsNewButton, withCurrentUser);
+registerComponent({ name: 'PostsNewButton', component: PostsNewButton, hocs: [withCurrentUser] });

packages/example-forum/lib/components/posts/PostsNewForm.jsx

@@ -64,4 +64,4 @@ const options = {
   pollInterval: 0,
 };
 
-registerComponent('PostsNewForm', PostsNewForm, withRouter, withMessages, [withList, options]);
+registerComponent({ name: 'PostsNewForm', component: PostsNewForm, hocs: [withRouter, withMessages, [withList, options]] });

packages/example-forum/lib/components/posts/PostsNoMore.jsx

@@ -6,4 +6,4 @@ const PostsNoMore = props => <p className="posts-no-more"><FormattedMessage id="
 
 PostsNoMore.displayName = "PostsNoMore";
 
-registerComponent('PostsNoMore', PostsNoMore);
+registerComponent({ name: 'PostsNoMore', component: PostsNoMore });

packages/example-forum/lib/components/posts/PostsNoResults.jsx

@@ -6,4 +6,4 @@ const PostsNoResults = props => <p className="posts-no-results"><FormattedMessag
 
 PostsNoResults.displayName = "PostsNoResults";
 
-registerComponent('PostsNoResults', PostsNoResults);
+registerComponent({ name: 'PostsNoResults', component: PostsNoResults });

packages/example-forum/lib/components/posts/PostsSingle.jsx

@@ -7,4 +7,4 @@ const PostsSingle = (props, context) => {
 
 PostsSingle.displayName = "PostsSingle";
 
-registerComponent('PostsSingle', PostsSingle);
+registerComponent({ name: 'PostsSingle', component: PostsSingle });

packages/example-forum/lib/components/posts/PostsStats.jsx

@@ -15,4 +15,4 @@ const PostsStats = ({post}) => {
 
 PostsStats.displayName = "PostsStats";
 
-registerComponent('PostsStats', PostsStats);
+registerComponent({ name: 'PostsStats', component: PostsStats });

packages/example-forum/lib/components/posts/PostsThumbnail.jsx

@@ -9,4 +9,4 @@ const PostsThumbnail = ({post}) =>
 
 PostsThumbnail.displayName = "PostsThumbnail";
 
-registerComponent('PostsThumbnail', PostsThumbnail);
+registerComponent({ name: 'PostsThumbnail', component: PostsThumbnail });

packages/example-forum/lib/components/posts/PostsViews.jsx

@@ -51,4 +51,4 @@ PostsViews.contextTypes = {
 
 PostsViews.displayName = 'PostsViews';
 
-registerComponent('PostsViews', PostsViews, withCurrentUser, withRouter);
+registerComponent({ name: 'PostsViews', component: PostsViews, hocs: [withCurrentUser, withRouter] });

packages/example-forum/lib/components/users/UsersAccount.jsx

@@ -14,4 +14,4 @@ UsersAccount.propTypes = {
 
 UsersAccount.displayName = 'UsersAccount';
 
-registerComponent('UsersAccount', UsersAccount, withCurrentUser);
+registerComponent({ name: 'UsersAccount', component: UsersAccount, hocs: [withCurrentUser] });

packages/example-forum/lib/components/users/UsersAccountMenu.jsx

@@ -22,4 +22,4 @@ const UsersAccountMenu = ({ state }) => (
 
 UsersAccountMenu.displayName = 'UsersAccountMenu';
 
-registerComponent('UsersAccountMenu', UsersAccountMenu);
+registerComponent({ name: 'UsersAccountMenu', component: UsersAccountMenu });

packages/example-forum/lib/components/users/UsersAvatar.jsx

@@ -40,4 +40,4 @@ UsersAvatar.defaultProps = {
 
 UsersAvatar.displayName = 'UsersAvatar';
 
-registerComponent('UsersAvatar', UsersAvatar);
+registerComponent({ name: 'UsersAvatar', component: UsersAvatar });

packages/example-forum/lib/components/users/UsersEditForm.jsx

@@ -45,4 +45,4 @@ UsersEditForm.contextTypes = {
 
 UsersEditForm.displayName = 'UsersEditForm';
 
-registerComponent('UsersEditForm', UsersEditForm, withMessages, withCurrentUser);
+registerComponent({ name: 'UsersEditForm', component: UsersEditForm, hocs: [withMessages, withCurrentUser] });

packages/example-forum/lib/components/users/UsersMenu.jsx

@@ -58,4 +58,4 @@ UsersMenu.propsTypes = {
   client: PropTypes.object,
 };
 
-registerComponent('UsersMenu', UsersMenu, withCurrentUser, withApollo);
+registerComponent({ name: 'UsersMenu', component: UsersMenu, hocs: [withCurrentUser, withApollo] });

packages/example-forum/lib/components/users/UsersName.jsx

@@ -12,4 +12,4 @@ UsersName.propTypes = {
 
 UsersName.displayName = 'UsersName';
 
-registerComponent('UsersName', UsersName);
+registerComponent({ name: 'UsersName', component: UsersName });

packages/example-forum/lib/components/users/UsersProfile.jsx

@@ -51,4 +51,4 @@ const options = {
   fragmentName: 'UsersProfile',
 };
 
-registerComponent('UsersProfile', UsersProfile, withCurrentUser, [withDocument, options]);
+registerComponent({ name: 'UsersProfile', component: UsersProfile, hocs: [withCurrentUser, [withDocument, options]] });

packages/example-forum/lib/components/users/UsersProfileCheck.jsx

@@ -79,4 +79,4 @@ const options = {
   fragment: mustCompleteFragment,
 };
 
-registerComponent('UsersProfileCheck', UsersProfileCheck, withMessages, [withDocument, options]);
+registerComponent({ name: 'UsersProfileCheck', component: UsersProfileCheck, hocs: [withMessages, [withDocument, options]] });

packages/example-forum/lib/components/users/UsersSingle.jsx

@@ -7,4 +7,4 @@ const UsersSingle = (props, context) => {
 
 UsersSingle.displayName = "UsersSingle";
 
-registerComponent('UsersSingle', UsersSingle);
+registerComponent({ name: 'UsersSingle', component: UsersSingle });

packages/example-instagram/lib/components/comments/CommentsEditForm.jsx

@@ -32,4 +32,4 @@ const CommentsEditForm = ({documentId, closeModal}) =>
     }}
   />
 
-registerComponent('CommentsEditForm', CommentsEditForm);
+registerComponent({ name: 'CommentsEditForm', component: CommentsEditForm });

packages/example-instagram/lib/components/comments/CommentsItem.jsx

@@ -31,4 +31,4 @@ const CommentsItem = ({comment, currentUser}) =>
 
   </div>
 
-registerComponent('CommentsItem', CommentsItem);
+registerComponent({ name: 'CommentsItem', component: CommentsItem });

packages/example-instagram/lib/components/comments/CommentsList.jsx

@@ -33,4 +33,4 @@ const options = {
   fragmentName: 'CommentsItemFragment',
 };
 
-registerComponent('CommentsList', CommentsList, withCurrentUser, [withList, options]);
+registerComponent({ name: 'CommentsList', component: CommentsList, hocs: [withCurrentUser, [withList, options]] });

packages/example-instagram/lib/components/comments/CommentsNewForm.jsx

@@ -26,4 +26,4 @@ const CommentsNewForm = ({picId}) =>
 
   </div>
 
-registerComponent('CommentsNewForm', CommentsNewForm);
+registerComponent({ name: 'CommentsNewForm', component: CommentsNewForm });

packages/example-instagram/lib/components/common/Header.jsx

@@ -71,4 +71,4 @@ const Header = ({currentUser}) =>
 
   </div>
 
-registerComponent('Header', Header, withCurrentUser);
+registerComponent({ name: 'Header', component: Header, hocs: [withCurrentUser] });

packages/example-instagram/lib/components/pics/PicsDetails.jsx

@@ -65,4 +65,4 @@ const options = {
   fragmentName: 'PicsDetailsFragment',
 };
 
-registerComponent('PicsDetails', PicsDetails, [withDocument, options]);
+registerComponent({ name: 'PicsDetails', component: PicsDetails, hocs: [[withDocument, options]] });

packages/example-instagram/lib/components/pics/PicsEditForm.jsx

@@ -21,4 +21,4 @@ const PicsEditForm = ({documentId, closeModal}) =>
     }}
   />
 
-registerComponent('PicsEditForm', PicsEditForm);
+registerComponent({ name: 'PicsEditForm', component: PicsEditForm });

packages/example-instagram/lib/components/pics/PicsItem.jsx

@@ -25,4 +25,4 @@ const PicsItem = ({pic, currentUser}) =>
 
   </div>
 
-registerComponent('PicsItem', PicsItem);
+registerComponent({ name: 'PicsItem', component: PicsItem });

packages/example-instagram/lib/components/pics/PicsList.jsx

@@ -33,4 +33,4 @@ const options = {
   limit: 6
 };
 
-registerComponent('PicsList', PicsList, withCurrentUser, [withList, options]);
+registerComponent({ name: 'PicsList', component: PicsList, hocs: [withCurrentUser, [withList, options]] });