27 confirm email address after registration

.env.development

@@ -1 +1,2 @@
-SWAGGER_UI = "http://localhost:3000/"
+APP_HOST=localhost
+APP_PORT=3000

.env.production

@@ -0,0 +1 @@
+# TODO: Find values!

.env.test

@@ -1,2 +1,2 @@
-SWAGGER_UI = "http://localhost:3000/"
-HOST_URI = "www.example.com"
+APP_HOST=localhost
+APP_PORT=3000

app/controllers/users/confirmations_controller.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+class Users::ConfirmationsController < Devise::ConfirmationsController
+  # GET /resource/confirmation?confirmation_token=abcdef
+  def show
+    self.resource = resource_class.confirm_by_token(params[:confirmation_token])
+
+    if resource.errors.empty?
+      redirect_to "/spa/confirmation_successful"
+    else
+      redirect_to "/spa/confirmation_error?#{model_name}=#{error_type}", allow_other_host: true
+    end
+  end
+
+  private
+
+  def model_name
+    resource.errors.first.attribute.to_s
+  end
+
+  def error_type
+    resource.errors.first.type.to_s
+  end
+end

app/controllers/users/passwords_controller.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+class Users::PasswordsController < Devise::PasswordsController
+  # POST /resource/password
+  def create
+    self.resource = resource_class.send_reset_password_instructions(resource_params)
+
+    if successfully_sent?(resource)
+      render json: resource, status: :ok
+    else
+      render json: resource.errors.messages, status: :unprocessable_entity
+    end
+  end
+
+  # PUT /resource/password
+  def update
+    self.resource = resource_class.reset_password_by_token(resource_params)
+
+    if resource.errors.empty?
+      resource.unlock_access! if unlockable?(resource)
+      render json: resource, status: :ok
+    else
+      render json: resource.errors.messages, status: :unprocessable_entity
+    end
+  end
+end

app/controllers/users/registrations_controller.rb

@@ -1,93 +1,23 @@
 # frozen_string_literal: true
 
 class Users::RegistrationsController < Devise::RegistrationsController
-  # before_action :configure_sign_up_params, only: [:create]
-  # before_action :configure_account_update_params, only: [:update]
-
-  # GET /resource/sign_up
-  # def new
-  #   super
-  # end
-
   # POST /resource
   def create
     build_resource(sign_up_params.merge(role: :user)) # HINT: Every higher role needs manual upgrade by an admin.
+    resource.save
 
-    if resource.save
+    if resource.persisted?
       render json: resource, status: :ok
     else
+      clean_up_passwords resource
       render json: resource.errors.messages, status: :unprocessable_entity
     end
   end
 
-  # GET /resource/edit
-  # def edit
-  #   super
-  # end
-
-  # PUT /resource
-  # def update
-  #   super
-  # end
-
-  # DELETE /resource
-  # def destroy
-  #   super
-  # end
-
-  # GET /resource/cancel
-  # Forces the session data which is usually expired after sign
-  # in to be expired now. This is useful if the user wants to
-  # cancel oauth signing in/up in the middle of the process,
-  # removing all OAuth session data.
-  # def cancel
-  #   super
-  # end
-
-  # protected
-
-  # If you have extra params to permit, append them to the sanitizer.
-  # def configure_sign_up_params
-  #   devise_parameter_sanitizer.permit(:sign_up, keys: [:attribute])
-  # end
-
-  # If you have extra params to permit, append them to the sanitizer.
-  # def configure_account_update_params
-  #   devise_parameter_sanitizer.permit(:account_update, keys: [:attribute])
-  # end
-
-  # The path used after sign up.
-  # def after_sign_up_path_for(resource)
-  #   super(resource)
-  # end
-
-  # The path used after sign up for inactive accounts.
-  # def after_inactive_sign_up_path_for(resource)
-  #   super(resource)
-  # end
-
   private
 
-  # def application = @application ||= Doorkeeper::Application.find_by!(uid: sign_up_params[:client_id])
-  #
-  # def access_token = @access_token ||= Doorkeeper::AccessToken.create(
-  #   expires_in: Doorkeeper.configuration.access_token_expires_in.to_i,
-  #   resource_owner_id: resource.id,
-  #   refresh_token: generate_refresh_token,
-  #   application:
-  # )
-  #
-  # def generate_refresh_token
-  #   loop do
-  #     # generate a random token string and return it,
-  #     # unless there is already another token with the same string
-  #     token = SecureRandom.hex(32)
-  #     break token unless Doorkeeper::AccessToken.exists?(refresh_token: token)
-  #   end
-  # end
-
   def sign_up_params
-    devise_parameter_sanitizer.permit(:sign_up, keys: [:email, :password, :name])
+    devise_parameter_sanitizer.permit(:sign_up, keys: [:name])
     devise_parameter_sanitizer.sanitize(:sign_up)
   end
 end

app/grape/api/base.rb

@@ -18,6 +18,6 @@ class Base < Grape::API
     end
 
     mount API::V1::Trackings
-    add_swagger_documentation host: ENV["HOST_URI"]
+    add_swagger_documentation host: "#{ENV["APP_HOST"]}:#{ENV["APP_PORT"]}"
   end
 end

app/javascript/application.tsx

@@ -11,9 +11,20 @@ import React, {
 import {
   createRoot,
 } from 'react-dom/client';
+import {
+  BrowserRouter,
+  Route,
+  Routes,
+} from 'react-router-dom';
 import {
   Login,
 } from './components/Login';
+import {
+  NewPassword,
+} from './components/NewPassword';
+import {
+  PasswordReset,
+} from './components/PasswordReset';
 import {
   Registration,
 } from './components/Registration';
@@ -24,9 +35,21 @@ import {
 import {
   Padding,
 } from './components/custom-styling/Padding';
+import {
+  NotFound,
+} from './components/error-handling/NotFound';
+import {
+  ConfirmationError,
+} from './components/registration/ConfirmationError';
+import {
+  ConfirmationSuccessful,
+} from './components/registration/ConfirmationSuccessful';
 import {
   container,
 } from './container';
+import {
+  PasswordChangeContext,
+} from './contexts/PasswordChangeContext';
 import {
   RegisterContext,
 } from './contexts/RegisterContext';
@@ -55,6 +78,11 @@ const App: React.FC = () => {
     setRegister,
   ] = useState(false);
 
+  const [
+    passwordChange,
+    setPasswordChange,
+  ] = useState(null);
+
   const userProviderValue = useMemo(() => {
     return {
       setUser,
@@ -74,28 +102,48 @@ const App: React.FC = () => {
     register,
   ]);
 
+  const passwordChangeProviderValue = useMemo(() => {
+    return {
+      passwordChange,
+      setPasswordChange,
+    };
+  }, [
+    passwordChange,
+  ]);
+
   useEffect(() => {
     storeUserInLocalStorage(user);
   }, [
     user,
   ]);
 
   return (
-    <UserContext.Provider value={userProviderValue}>
-      <RegisterContext.Provider value={registerProviderValue}>
-        <Padding>
-          <Header>
-            <Row justify='space-between'>
-              <Col><Title>Repository-Tracker</Title></Col>
-              <Col><Login /></Col>
-            </Row>
-          </Header>
-          <Row justify='center'>
-            {register ? <Registration /> : <SmartTable />}
-          </Row>
-        </Padding>
-      </RegisterContext.Provider>
-    </UserContext.Provider>
+    <BrowserRouter>
+      <UserContext.Provider value={userProviderValue}>
+        <RegisterContext.Provider value={registerProviderValue}>
+          <PasswordChangeContext.Provider value={passwordChangeProviderValue}>
+            <Padding>
+              <Header>
+                <Row justify='space-between'>
+                  <Col><Title>Repository-Tracker</Title></Col>
+                  <Col><Login /></Col>
+                </Row>
+              </Header>
+              <Row justify='center'>
+                <Routes>
+                  <Route element={register ? <Registration /> : <SmartTable />} path='/' />
+                  <Route element={<ConfirmationSuccessful />} path='/spa/confirmation_successful' />
+                  <Route element={<ConfirmationError />} path='/spa/confirmation_error' />
+                  <Route element={<PasswordReset />} path='/spa/password_reset' />
+                  <Route element={<NewPassword />} path='/spa/new_password/*' />
+                  <Route element={<NotFound />} path='/spa/*' />
+                </Routes>
+              </Row>
+            </Padding>
+          </PasswordChangeContext.Provider>
+        </RegisterContext.Provider>
+      </UserContext.Provider>
+    </BrowserRouter>
   );
 };