[CUTL-90] 🔨 (Base) Rename containers to pages

Author: emilyemorehouse

CHANGELOG.md

@@ -20,9 +20,9 @@ import * as Sentry from '@sentry/browser'
 import 'mobx-react/batchingForReactDom'
 import 'sanitize.css/sanitize.css'
 
-import { Routes } from 'containers/Routes'
+import { Routes } from 'pages/Routes'
 
-import { LanguageProvider } from 'containers/LanguageProvider'
+import { LanguageProvider } from 'pages/LanguageProvider'
 import trunk from './configureStore'
 import theme from './utils/theme'
 import { translationMessages } from './i18n'
@@ -81,7 +81,7 @@ if (module.hot) {
    * modules.hot.accept does not accept dynamic dependencies,
    * have to be constants at compile-time
    */
-  module.hot.accept(['./i18n', 'containers/Routes'], () => {
+  module.hot.accept(['./i18n', 'pages/Routes'], () => {
     ReactDOM.unmountComponentAtNode(MOUNT_NODE)
     render(translationMessages)
   })

README.md

@@ -1,7 +1,7 @@
 import React from 'react'
 import { FormattedMessage } from 'react-intl'
 
-import { LocaleToggle } from 'containers/LocaleToggle'
+import { LocaleToggle } from 'pages/LocaleToggle'
 import { Anchor } from '../Anchor'
 import Wrapper from './Wrapper'
 import messages from './Footer.messages'

app/app.js

@@ -11,7 +11,7 @@ exports[`Footer should render and match the snapshot 1`] = `
   </section>
   <section>
     <div
-      className="LocaleTogglestyles__Wrapper-sc-1ugarqm-0 jxmXgR"
+      className="LocaleTogglestyles__Wrapper-sc-1df0f0w-0 djZlcf"
     >
       <select
         className="Select-sc-1sm01tk-0 fSKxbD"

app/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import { act, render, waitFor } from '@testing-library/react'
 import { Grommet, grommet } from 'grommet'
 import '@testing-library/jest-dom/extend-expect'
 
-import { Dashboard } from 'containers/Dashboard'
+import { Dashboard } from 'pages/Dashboard'
 import trunk from '../../configureStore'
 import { DEFAULT_LOCALE } from '../../i18n'
 import { UserStore, UserStoreContext } from '../../stores/UserStore'

app/components/Footer/__snapshots__/Footer.test.js.snap

@@ -6,7 +6,7 @@ import { Grommet } from 'grommet'
 import '@testing-library/jest-dom/extend-expect'
 
 // Components
-import { Login } from '../../containers/Login'
+import { Login } from '../../pages/Login'
 import PublicRoute from './PublicRoute'
 
 // Helpers

app/components/PrivateRoute/PrivateRoute.test.js

@@ -10,11 +10,11 @@ describe('Toggle', () => {
     const defaultDeMessage = 'someOtherContent'
     const messages = defineMessages({
       en: {
-        id: 'boilerplate.containers.LocaleToggle.en',
+        id: 'boilerplate.pages.LocaleToggle.en',
         defaultMessage: defaultEnMessage,
       },
       de: {
-        id: 'boilerplate.containers.LocaleToggle.en',
+        id: 'boilerplate.pages.LocaleToggle.en',
         defaultMessage: defaultDeMessage,
       },
     })

app/components/PublicRoute/PublicRoute.test.js

@@ -9,7 +9,7 @@ describe('ToggleOption', () => {
     const defaultEnMessage = 'someContent'
     const message = defineMessages({
       enMessage: {
-        id: 'boilerplate.containers.LocaleToggle.en',
+        id: 'boilerplate.pages.LocaleToggle.en',
         defaultMessage: defaultEnMessage,
       },
     })

app/components/Toggle/Toggle.test.js

@@ -1,6 +1,6 @@
 import { defineMessages } from 'react-intl'
 
-export const scope = 'boilerplate.containers.FeaturePage'
+export const scope = 'boilerplate.pages.FeaturePage'
 
 /*
  * FeaturePage Messages
@@ -18,7 +18,7 @@ export default defineMessages({
   },
   scaffoldingMessage: {
     id: `${scope}.scaffolding.message`,
-    defaultMessage: `Automate the creation of components, containers, routes, selectors
+    defaultMessage: `Automate the creation of components, pages, routes, selectors
   and sagas - and their tests - right from the CLI!`,
   },
   feedbackHeader: {

app/components/ToggleOption/ToggleOption.test.js

@@ -14,30 +14,30 @@ exports[`FeaturePage should render its heading 1`] = `
       </span>
     </h1>
     <ul
-      class="FeaturePagestyles__List-sc-1hgx1yj-0 ipghKt"
+      class="FeaturePagestyles__List-sc-19dgmz2-0 iDUuIr"
     >
       <li
-        class="FeaturePagestyles__ListItem-sc-1hgx1yj-1 eitokx"
+        class="FeaturePagestyles__ListItem-sc-19dgmz2-1 jPbBFz"
       >
         <p
-          class="FeaturePagestyles__ListItemTitle-sc-1hgx1yj-2 fRZFZK"
+          class="FeaturePagestyles__ListItemTitle-sc-19dgmz2-2 jdYLSA"
         >
           <span>
             Quick scaffolding
           </span>
         </p>
         <p>
           <span>
-            Automate the creation of components, containers, routes, selectors
+            Automate the creation of components, pages, routes, selectors
   and sagas - and their tests - right from the CLI!
           </span>
         </p>
       </li>
       <li
-        class="FeaturePagestyles__ListItem-sc-1hgx1yj-1 eitokx"
+        class="FeaturePagestyles__ListItem-sc-19dgmz2-1 jPbBFz"
       >
         <p
-          class="FeaturePagestyles__ListItemTitle-sc-1hgx1yj-2 fRZFZK"
+          class="FeaturePagestyles__ListItemTitle-sc-19dgmz2-2 jdYLSA"
         >
           <span>
             Instant feedback
@@ -55,10 +55,10 @@ exports[`FeaturePage should render its heading 1`] = `
         </p>
       </li>
       <li
-        class="FeaturePagestyles__ListItem-sc-1hgx1yj-1 eitokx"
+        class="FeaturePagestyles__ListItem-sc-19dgmz2-1 jPbBFz"
       >
         <p
-          class="FeaturePagestyles__ListItemTitle-sc-1hgx1yj-2 fRZFZK"
+          class="FeaturePagestyles__ListItemTitle-sc-19dgmz2-2 jdYLSA"
         >
           <span>
             Industry-standard routing
@@ -76,10 +76,10 @@ exports[`FeaturePage should render its heading 1`] = `
         </p>
       </li>
       <li
-        class="FeaturePagestyles__ListItem-sc-1hgx1yj-1 eitokx"
+        class="FeaturePagestyles__ListItem-sc-19dgmz2-1 jPbBFz"
       >
         <p
-          class="FeaturePagestyles__ListItemTitle-sc-1hgx1yj-2 fRZFZK"
+          class="FeaturePagestyles__ListItemTitle-sc-19dgmz2-2 jdYLSA"
         >
           <span>
             Offline-first
@@ -95,10 +95,10 @@ exports[`FeaturePage should render its heading 1`] = `
         </p>
       </li>
       <li
-        class="FeaturePagestyles__ListItem-sc-1hgx1yj-1 eitokx"
+        class="FeaturePagestyles__ListItem-sc-19dgmz2-1 jPbBFz"
       >
         <p
-          class="FeaturePagestyles__ListItemTitle-sc-1hgx1yj-2 fRZFZK"
+          class="FeaturePagestyles__ListItemTitle-sc-19dgmz2-2 jdYLSA"
         >
           <span>
             Complete i18n Standard Internationalization & Pluralization

app/containers/ConfirmAccount/ConfirmAccount.js app/pages/ConfirmAccount/ConfirmAccount.js

@@ -1,6 +1,6 @@
 import { defineMessages } from 'react-intl'
 
-export const scope = 'boilerplate.containers.HomePage'
+export const scope = 'boilerplate.pages.HomePage'
 
 /*
  * HomePage Messages

app/containers/ConfirmAccount/index.js app/pages/ConfirmAccount/index.js

@@ -1,6 +1,6 @@
 import { defineMessages } from 'react-intl'
 
-export const scope = 'boilerplate.containers.LocaleToggle'
+export const scope = 'boilerplate.pages.LocaleToggle'
 
 /*
  * LocaleToggle Messages

app/containers/ConfirmAccount/tests/ConfirmAccount.test.js app/pages/ConfirmAccount/tests/ConfirmAccount.test.js

@@ -2,7 +2,7 @@
 
 exports[`LocaleToggle should match the snapshot 1`] = `
 <div
-  class="LocaleTogglestyles__Wrapper-sc-1ugarqm-0 jxmXgR"
+  class="LocaleTogglestyles__Wrapper-sc-1df0f0w-0 djZlcf"
 >
   <select
     class="Select-sc-1sm01tk-0 fSKxbD"

app/containers/ConfirmAccount/tests/__snapshots__/ConfirmAccount.test.js.snap app/pages/ConfirmAccount/tests/__snapshots__/ConfirmAccount.test.js.snap

@@ -1,6 +1,6 @@
 import { defineMessages } from 'react-intl'
 
-export const scope = 'app.containers.Register'
+export const scope = 'app.pages.Register'
 
 /*
  * Register Messages

app/containers/Dashboard/Dashboard.constants.js app/pages/Dashboard/Dashboard.constants.js

@@ -5,17 +5,17 @@ import { Helmet } from 'react-helmet'
 import { Switch, Route } from 'react-router-dom'
 import styled from 'styled-components'
 
-// Containers
-import { Dashboard } from 'containers/Dashboard'
-import { ConfirmAccount } from 'containers/ConfirmAccount'
-import { FeaturePage } from 'containers/FeaturePage'
-import { HomePage } from 'containers/HomePage'
-import { Login } from 'containers/Login'
-import { NotFoundPage } from 'containers/NotFoundPage'
-import { PasswordReset } from 'containers/PasswordReset'
-import { PasswordResetRequest } from 'containers/PasswordResetRequest'
-import { Register } from 'containers/Register'
-import { UserProfile } from 'containers/UserProfile'
+// pages
+import { Dashboard } from 'pages/Dashboard'
+import { ConfirmAccount } from 'pages/ConfirmAccount'
+import { FeaturePage } from 'pages/FeaturePage'
+import { HomePage } from 'pages/HomePage'
+import { Login } from 'pages/Login'
+import { NotFoundPage } from 'pages/NotFoundPage'
+import { PasswordReset } from 'pages/PasswordReset'
+import { PasswordResetRequest } from 'pages/PasswordResetRequest'
+import { Register } from 'pages/Register'
+import { UserProfile } from 'pages/UserProfile'
 
 // Components
 import { NavBar } from 'components/NavBar'

app/containers/Dashboard/Dashboard.js app/pages/Dashboard/Dashboard.js

@@ -1,6 +1,6 @@
 import { defineMessages } from 'react-intl'
 
-export const scope = 'app.containers.UserProfile'
+export const scope = 'app.pages.UserProfile'
 
 /*
  * UserProfile Messages

app/containers/Dashboard/index.js app/pages/Dashboard/index.js

@@ -3,29 +3,29 @@
   "boilerplate.components.Footer.license.message": "Dieses Projekt wird unter der MIT-Lizenz veröffentlicht.",
   "boilerplate.components.Header.features": "",
   "boilerplate.components.Header.home": "",
-  "boilerplate.containers.FeaturePage.css.header": "",
-  "boilerplate.containers.FeaturePage.css.message": "Die nächste Generation von CSS",
-  "boilerplate.containers.FeaturePage.feedback.header": "Sofortiges Feedback",
-  "boilerplate.containers.FeaturePage.feedback.message": "Genießen Sie die beste Entwicklungserfahrung und programmieren Sie Ihre App so schnell wie noch nie! Ihre Änderungen an dem CSS und JavaScript sind sofort reflektiert, ohne die Seite aktualisieren zu müssen. So bleibt der Anwendungszustand bestehen, auch wenn Sie etwas in dem darunter liegenden Code aktualisieren!",
-  "boilerplate.containers.FeaturePage.header": "",
-  "boilerplate.containers.FeaturePage.internationalization.header": "Komplette i18n Standard-Internationalisierung und Pluralisierung",
-  "boilerplate.containers.FeaturePage.internationalization.message": "Das Internet ist global. Mehrsprachige- und Pluralisierungsunterstützung ist entscheidend für große Web-Anwendungen.",
-  "boilerplate.containers.FeaturePage.javascript.header": "Das Internet ist global. Mehrsprachige- und Pluralisierungsunterstützung ist entscheidend für große Web-Anwendungen.",
-  "boilerplate.containers.FeaturePage.javascript.message": "Benutzen Sie ES6 template strings, object destructuring, arrow functions, JSX syntax und mehr, heute.",
-  "boilerplate.containers.FeaturePage.network.header": "",
-  "boilerplate.containers.FeaturePage.network.message": "The next frontier in performant web apps: availability without a\n      network connection from the instant your users load the app.",
-  "boilerplate.containers.FeaturePage.routing.header": "Standard Routing",
-  "boilerplate.containers.FeaturePage.routing.message": "Schreiben Sie CSS, das am selben Ort wie ihre Komponenten ist. Deterministisch generierte, einzigartige Klassennamen halten die Spezifität niedrig während styling Konflikte vermieden werden. Senden Sie nur das CSS an ihre Benutzer welches dann wirklich sichtbar ist für die schnellste Performance!",
-  "boilerplate.containers.FeaturePage.scaffolding.header": "Schnelles Scaffolding",
-  "boilerplate.containers.FeaturePage.scaffolding.message": "Automatisieren Sie die Kreation von Komponenten, Containern, Routen, Selektoren und Sagas – und ihre Tests – direkt von dem Terminal!",
-  "boilerplate.containers.FeaturePage.state_management.header": "Berechenbare Stateverwaltung",
-  "boilerplate.containers.FeaturePage.state_management.message": "Unidirectional data flow erlaubt uns alle Änderungen ihrer Applikation zu loggen und time travel debugging einzusetzen.",
-  "boilerplate.containers.HomePage.start_project.header": "Beginnen Sie Ihr nächstes React Projekt in Sekunden",
-  "boilerplate.containers.HomePage.start_project.message": "Ein skalierendes, offline-first Fundament mit der besten DX und einem Fokus auf Performance und bewährte Methoden",
-  "boilerplate.containers.HomePage.tryme.atPrefix": "",
-  "boilerplate.containers.HomePage.tryme.header": "Probiere mich!",
-  "boilerplate.containers.HomePage.tryme.message": "Zeige die Github Repositories von",
-  "boilerplate.containers.LocaleToggle.de": "",
-  "boilerplate.containers.LocaleToggle.en": "",
-  "boilerplate.containers.NotFoundPage.header": "Seite nicht gefunden."
+  "boilerplate.pages.FeaturePage.css.header": "",
+  "boilerplate.pages.FeaturePage.css.message": "Die nächste Generation von CSS",
+  "boilerplate.pages.FeaturePage.feedback.header": "Sofortiges Feedback",
+  "boilerplate.pages.FeaturePage.feedback.message": "Genießen Sie die beste Entwicklungserfahrung und programmieren Sie Ihre App so schnell wie noch nie! Ihre Änderungen an dem CSS und JavaScript sind sofort reflektiert, ohne die Seite aktualisieren zu müssen. So bleibt der Anwendungszustand bestehen, auch wenn Sie etwas in dem darunter liegenden Code aktualisieren!",
+  "boilerplate.pages.FeaturePage.header": "",
+  "boilerplate.pages.FeaturePage.internationalization.header": "Komplette i18n Standard-Internationalisierung und Pluralisierung",
+  "boilerplate.pages.FeaturePage.internationalization.message": "Das Internet ist global. Mehrsprachige- und Pluralisierungsunterstützung ist entscheidend für große Web-Anwendungen.",
+  "boilerplate.pages.FeaturePage.javascript.header": "Das Internet ist global. Mehrsprachige- und Pluralisierungsunterstützung ist entscheidend für große Web-Anwendungen.",
+  "boilerplate.pages.FeaturePage.javascript.message": "Benutzen Sie ES6 template strings, object destructuring, arrow functions, JSX syntax und mehr, heute.",
+  "boilerplate.pages.FeaturePage.network.header": "",
+  "boilerplate.pages.FeaturePage.network.message": "The next frontier in performant web apps: availability without a\n      network connection from the instant your users load the app.",
+  "boilerplate.pages.FeaturePage.routing.header": "Standard Routing",
+  "boilerplate.pages.FeaturePage.routing.message": "Schreiben Sie CSS, das am selben Ort wie ihre Komponenten ist. Deterministisch generierte, einzigartige Klassennamen halten die Spezifität niedrig während styling Konflikte vermieden werden. Senden Sie nur das CSS an ihre Benutzer welches dann wirklich sichtbar ist für die schnellste Performance!",
+  "boilerplate.pages.FeaturePage.scaffolding.header": "Schnelles Scaffolding",
+  "boilerplate.pages.FeaturePage.scaffolding.message": "Automatisieren Sie die Kreation von Komponenten, Containern, Routen, Selektoren und Sagas – und ihre Tests – direkt von dem Terminal!",
+  "boilerplate.pages.FeaturePage.state_management.header": "Berechenbare Stateverwaltung",
+  "boilerplate.pages.FeaturePage.state_management.message": "Unidirectional data flow erlaubt uns alle Änderungen ihrer Applikation zu loggen und time travel debugging einzusetzen.",
+  "boilerplate.pages.HomePage.start_project.header": "Beginnen Sie Ihr nächstes React Projekt in Sekunden",
+  "boilerplate.pages.HomePage.start_project.message": "Ein skalierendes, offline-first Fundament mit der besten DX und einem Fokus auf Performance und bewährte Methoden",
+  "boilerplate.pages.HomePage.tryme.atPrefix": "",
+  "boilerplate.pages.HomePage.tryme.header": "Probiere mich!",
+  "boilerplate.pages.HomePage.tryme.message": "Zeige die Github Repositories von",
+  "boilerplate.pages.LocaleToggle.de": "",
+  "boilerplate.pages.LocaleToggle.en": "",
+  "boilerplate.pages.NotFoundPage.header": "Seite nicht gefunden."
 }