inrupt · james-martin-jd · May 22, 2019 · May 20, 2019 · May 20, 2019 · May 20, 2019
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,20 @@
 # Solid React Application Generator
 
+## 0.5.0 (May 22, 2019)
+
+#### Solid React Application Base
+
+##### Updated
+* Major reworking of profile page
+  * Profile form is now automatically generated from a ShEx shape
+  * LiveUpdate capabilities are temporarily removed from the profile page. This functionality is being moved to the ShexFormBuilder component in a future release
+  * ShEx shape has been created to match with the data browser. This means there are a lot of new fields and changed predicates in the profile
+  * Link to [userprofile.shex](https://shexshapes.inrupt.net/public/userprofile.shex) shape added to demonstrate consuming and hosting a ShEx shape
+
+##### Fixed
+* Fixed npm vulnerabilities ([#165](https://github.com/inrupt/generator-solid-react/issues/165))
+* Resolved issue where npm install was hanging on certain packages ([#164](https://github.com/inrupt/generator-solid-react/issues/164))
+
 ## 0.4.2 (April 17, 2019)
 
 #### Solid React Application Base

diff --git a/README.md b/README.md
@@ -11,7 +11,7 @@ Application Generator for [Solid](https://solid.inrupt.com) React applications.
 * [React Toast Notifications](https://jossmac.github.io/react-toast-notifications/)
 * [Styled Components](https://www.styled-components.com)
 
-## Prerequisites
+## Prerequisites 
 
 ### Administrator Privilege
 You will need administrative privilege on your local computer to install the generator and prerequisites. Depending upon your operating system:
@@ -155,4 +155,5 @@ Once those two steps are complete then the new language should be compatible wit
 
 Once your application is ready, you can deploy it to a server of your choice.
 
-It is ***highly recommended*** that you ensure your server is utilizing TLS. If not, you may encounter security-related errors in the browser, particular in Google Chrome.
+It is ***highly recommended*** that you ensure your server is utilizing TLS. If not, you may encounter security-related errors in the browser, particularly in Google Chrome.
+
diff --git a/generators/app/templates/package-lock.json b/generators/app/templates/package-lock.json
diff --git a/generators/app/templates/package.json b/generators/app/templates/package.json
@@ -4,7 +4,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.8.0",
     "@fortawesome/free-solid-svg-icons": "^5.6.3",
     "@fortawesome/react-fontawesome": "^0.1.4",
-    "@inrupt/solid-react-components": "^0.4.0-rc.2",
+    "@inrupt/solid-react-components": "^0.4.0",
     "@inrupt/solid-style-guide": "^0.1.34",
     "@rdfjs/data-model": "^1.1.1",
     "@solid/query-ldflex": "^2.4.0",
@@ -32,7 +32,7 @@
     "react-dom": "16.8.4",
     "react-i18next": "^10.1.2",
     "react-router-dom": "^4.3.1",
-    "react-scripts": "^2.1.8",
+    "react-scripts": "^3.0.1",
     "react-toast-notifications": "^1.3.1",
     "solid-auth-client": "^2.3.0",
     "styled-components": "^4.1.3"

diff --git a/generators/app/templates/public/locales/en-US/translation.json b/generators/app/templates/public/locales/en-US/translation.json
@@ -58,6 +58,7 @@
     "implementing": "This latest release builds on the prior versions:",
     "version010": "<0><0><0>Internationalization</0> best practices, with application session language selection.</0><0>Ability to update your profile image on the Welcome page.</0> </0>",
     "version030": "<0><0>Implementing the ability to view and edit your <1>User Profile</1></0><1>Including an Application Footer that displays the build number and links to resources.</1><2>Addressing several minor issues based on user feedback.</2></0>",
+    "version050": "This latest release builds on the prior versions and includes a major reworking of the Profile page. The Profile form is now dynamically generated based on a shape and provides compatibility with the Solid Data Browser by allowing multiple addresses, emails, and phone numbers.",
     "upload": "Upload New Photo",
     "uploadSuccess": "Profile Image was updated",
     "uploadingText": "Uploading",

diff --git a/generators/app/templates/public/locales/en/translation.json b/generators/app/templates/public/locales/en/translation.json
@@ -58,6 +58,7 @@
     "implementing": "This latest release builds on the prior versions:",
     "version010": "<0><0><0>Internationalization</0> best practices, with application session language selection.</0><0>Ability to update your profile image on the Welcome page.</0> </0>",
     "version030": "<0><0>Implementing the ability to view and edit your <1>User Profile</1></0><1>Including an Application Footer that displays the build number and links to resources.</1><2>Addressing several minor issues based on user feedback.</2></0>",
+    "version050": "This latest release builds on the prior versions and includes a major reworking of the Profile page. The Profile form is now dynamically generated based on a shape and provides compatibility with the Solid Data Browser by allowing multiple addresses, emails, and phone numbers.",
     "upload": "Upload New Photo",
     "uploadSuccess": "Profile Image was updated",
     "uploadingText": "Uploading",

diff --git a/generators/app/templates/public/locales/es/translation.json b/generators/app/templates/public/locales/es/translation.json
@@ -58,6 +58,7 @@
     "implementing": "Esta última version se basa en las anteriores, incluye:",
     "version010": "<0><0>Mejores prácticas para la <0>Internacionalización</0>, con selector de lenguaje para la sesión.</0><1>Habilidad para actualizar la imagen de perfil en la página de bienvenida.</1> </0>",
     "version030": "<0><0>La habilidad de ver y editar el <1>Perfil del usuario</1></0><1>Inclusión de un pie de página con el número de versión y enlances a los recursos.</1><2>Se corrigieron varios errores pequeños de acuerdo a la retroalimentación de los usuarios.</2></0>",
+    "version050": "Esta última versión se construye encima de las versiones anteriores e incluye una reconstrucción total de la página del Perfil. El formulario del perfil ahora se crea dinámicamente basado en 'shapes', y provee compatibilidad con el 'Solid Data Browser' al permitir varios correos, direcciones y números de telefono.",
     "upload": "Subir foto",
     "uploadSuccess": "Imagen de perfil actualizada correctamente",
     "uploadingText": "Subiendo",

diff --git a/generators/app/templates/src/containers/Welcome/welcome.component.js b/generators/app/templates/src/containers/Welcome/welcome.component.js
@@ -144,28 +144,7 @@ const WelcomePageContent = props => {
               what's currently planned.
             </p>
           </Trans>
-          <p>{t('welcome.implementing')}</p>
-          <Trans i18nKey='welcome.version030'>
-            <ul>
-              <li>
-                Implementing the ability to view and edit your
-                <a
-                  href='https://github.com/Inrupt-inc/solid-react-sdk#user-profile'
-                  target='_blank'
-                  rel='noopener noreferrer'
-                >
-                  User Profile
-                </a>
-              </li>
-              <li>
-                Including an Application Footer that displays the build number
-                and links to resources
-              </li>
-              <li>
-                Addressing several minor issues based on user feedback.
-              </li>
-            </ul>
-          </Trans>
+          <p>{t('welcome.version050')}</p>
           <h3>{t('welcome.fairUsageTitle')}</h3>
           <p>{t('welcome.fairUsageText')}</p>
           <Trans i18nKey='welcome.fairUsageExamples'>