<feed xmlns='http://www.w3.org/2005/Atom'>
<title>sunfish.git/opendc-web/opendc-web-ui/src/containers/auth, branch master</title>
<subtitle>The OpenDC BSc thesis repository.
</subtitle>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/'/>
<entry>
<title>feat(ui): Migrate to PatternFly 4 design framework</title>
<updated>2021-07-15T13:55:56+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-07-14T20:23:40+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=803e13b32cf0ff8b496649fb0a4d6e32400e98a4'/>
<id>803e13b32cf0ff8b496649fb0a4d6e32400e98a4</id>
<content type='text'>
This change is a rewrite of the existing OpenDC frontend in order to
migrate to the PatternFly 4 design framework.

PatternFly is used by Red Hat for various computing related services such
as OpenShift, Red Hat Virtualization and Cockpit. Since their design
requirements are very similar to those of OpenDC (modeling computing
services), migrating to PatternFly 4 allows us to re-use design choices
from these services.

See https://www.patternfly.org/v4/ for more information about
PatternFly.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change is a rewrite of the existing OpenDC frontend in order to
migrate to the PatternFly 4 design framework.

PatternFly is used by Red Hat for various computing related services such
as OpenShift, Red Hat Virtualization and Cockpit. Since their design
requirements are very similar to those of OpenDC (modeling computing
services), migrating to PatternFly 4 allows us to re-use design choices
from these services.

See https://www.patternfly.org/v4/ for more information about
PatternFly.
</pre>
</div>
</content>
</entry>
<entry>
<title>ui: Migrate to FontAwesome 5 React library</title>
<updated>2021-05-18T13:46:43+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-05-17T10:16:10+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=53623fad76274e39206b8e073e371775ea96946b'/>
<id>53623fad76274e39206b8e073e371775ea96946b</id>
<content type='text'>
This change updates the frontend to use the FontAwesome 5 React library
that renders SVG icons as opposed to CSS icon fonts. This migration
resolves a couple of issues we had with server-side rendering of the
previous FontAwesome icons.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change updates the frontend to use the FontAwesome 5 React library
that renders SVG icons as opposed to CSS icon fonts. This migration
resolves a couple of issues we had with server-side rendering of the
previous FontAwesome icons.
</pre>
</div>
</content>
</entry>
<entry>
<title>ui: Migrate to Auth0 as Identity Provider</title>
<updated>2021-05-18T13:46:42+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-05-16T21:18:02+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=a6865b86cc8d710374fc0b6cfcbd2b863f1942a9'/>
<id>a6865b86cc8d710374fc0b6cfcbd2b863f1942a9</id>
<content type='text'>
This change updates the frontend codebase to move away from the Google
login and instead use Auth0 as generic Identity Provider. This allows
users to login with other accounts as well.

Since Auth0 has a free tier, users can experiment themselves with OpenDC
locally without having to pay for the login functionality. The code has
been written so that we should be able to migrate away from Auth0 once
it is not a suitable Identity Provider for OpenDC anymore.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change updates the frontend codebase to move away from the Google
login and instead use Auth0 as generic Identity Provider. This allows
users to login with other accounts as well.

Since Auth0 has a free tier, users can experiment themselves with OpenDC
locally without having to pay for the login functionality. The code has
been written so that we should be able to migrate away from Auth0 once
it is not a suitable Identity Provider for OpenDC anymore.
</pre>
</div>
</content>
</entry>
<entry>
<title>ui: Restructure OpenDC frontend</title>
<updated>2021-05-17T15:06:50+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-05-16T15:07:58+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=d9e65dceb38cdb8dc4e464d388755f9456620566'/>
<id>d9e65dceb38cdb8dc4e464d388755f9456620566</id>
<content type='text'>
This change updates the structure of the OpenDC frontend in order to
improve the maintainability of the frontend.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change updates the structure of the OpenDC frontend in order to
improve the maintainability of the frontend.
</pre>
</div>
</content>
</entry>
<entry>
<title>ui: Address technical dept in frontend</title>
<updated>2021-05-17T15:06:49+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-05-13T11:00:00+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=24147cba0f5723be3525e8f40d1954144841629b'/>
<id>24147cba0f5723be3525e8f40d1954144841629b</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
<entry>
<title>ui: Migrate from CRA to Next.js</title>
<updated>2021-05-17T15:06:47+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-05-12T20:42:12+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=4397a959e806bf476be4c81bc804616adf58b969'/>
<id>4397a959e806bf476be4c81bc804616adf58b969</id>
<content type='text'>
This change updates the web frontend to use Next.js instead of Create
React App (CRA). Next.js enables the possibility of rendering pages on
the server side (which reduces the time to first frame) and overall
provides a better development experience.

Future commits will try to futher optimize the implementation for
Next.js.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change updates the web frontend to use Next.js instead of Create
React App (CRA). Next.js enables the possibility of rendering pages on
the server side (which reduces the time to first frame) and overall
provides a better development experience.

Future commits will try to futher optimize the implementation for
Next.js.
</pre>
</div>
</content>
</entry>
<entry>
<title>ui: Move component styling into CSS modules</title>
<updated>2021-05-12T20:50:49+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-05-11T13:40:11+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=873ddacf5abafe43fbc2b6c1033e473c3366dc62'/>
<id>873ddacf5abafe43fbc2b6c1033e473c3366dc62</id>
<content type='text'>
This change updates the frontend codebase by moving the component
styling into CSS module files as opposed to the global styles which we
used before. In addition, I have changed the syntax to the newer SCSS
syntax, which is more similar to CSS.

These changes reduces the styling conflicts that can occur between
components and allows us to migrate to systems that do not support
importing global styles in components. Moreover, we can benefit from
treeshaking using CSS modules.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change updates the frontend codebase by moving the component
styling into CSS module files as opposed to the global styles which we
used before. In addition, I have changed the syntax to the newer SCSS
syntax, which is more similar to CSS.

These changes reduces the styling conflicts that can occur between
components and allows us to migrate to systems that do not support
importing global styles in components. Moreover, we can benefit from
treeshaking using CSS modules.
</pre>
</div>
</content>
</entry>
<entry>
<title>ui: Do not clutter component tree with Redux connects</title>
<updated>2021-05-10T15:17:28+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2020-10-28T15:41:53+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=6d5a2eebb609da67239ea37d12d6b2d3bbfef76e'/>
<id>6d5a2eebb609da67239ea37d12d6b2d3bbfef76e</id>
<content type='text'>
This change refactors the frontend to use hooks for obtaining state
within the Redux store as opposed to using Higher-Order Components
(HOCs). This eliminates a lot of clutter in the components.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change refactors the frontend to use hooks for obtaining state
within the Redux store as opposed to using Higher-Order Components
(HOCs). This eliminates a lot of clutter in the components.
</pre>
</div>
</content>
</entry>
<entry>
<title>ui: Update runtime variable workaround</title>
<updated>2021-05-09T11:12:21+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-05-09T11:12:21+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=f79c0872ddfcbe02a7bcc498b4a9d5d202caccd2'/>
<id>f79c0872ddfcbe02a7bcc498b4a9d5d202caccd2</id>
<content type='text'>
This change updates the workaround used to access runtime variables in
the React frontend, in order to improve the ergonimics when using the
development mode of CRA (Create React App).
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change updates the workaround used to access runtime variables in
the React frontend, in order to improve the ergonimics when using the
development mode of CRA (Create React App).
</pre>
</div>
</content>
</entry>
<entry>
<title>build: Support runtime variables in frontend Docker image</title>
<updated>2021-05-05T12:50:38+00:00</updated>
<author>
<name>Fabian Mastenbroek</name>
<email>mail.fabianm@gmail.com</email>
</author>
<published>2021-05-05T12:50:38+00:00</published>
<link rel='alternate' type='text/html' href='https://git.denounce.ai/sunfish.git/commit/?id=e8bb95cb35ed1b02a85cf7cbea5bfc20fe0324c2'/>
<id>e8bb95cb35ed1b02a85cf7cbea5bfc20fe0324c2</id>
<content type='text'>
This change adds support for dynamically specifying various variables
for the frontend Docker image through environmental variables.
Previously, these were embedded directly into the source code, which
requires rebuilding the entire image to change these variables.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This change adds support for dynamically specifying various variables
for the frontend Docker image through environmental variables.
Previously, these were embedded directly into the source code, which
requires rebuilding the entire image to change these variables.
</pre>
</div>
</content>
</entry>
</feed>
