passbolt-styleguide/src/react-extension/components/Common/Route/HandleApplicationFirstLoadRoute.js

Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.

/**
 * Passbolt ~ Open source password manager for teams
 * Copyright (c) 2022 Passbolt SA (https://www.passbolt.com)
 *
 * Licensed under GNU Affero General Public License version 3 of the or any later version.
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) 2022 Passbolt SA (https://www.passbolt.com)
 * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
 * @link          https://www.passbolt.com Passbolt(tm)
 * @since        3.6.0
 */
import React, {Component} from "react";
import {Redirect, withRouter} from "react-router-dom";
import PropTypes from "prop-types";

// The default path to redirect the users to.
const DEFAULT_PATH_NAME = "/app/passwords";

/**
 * Handle the application first load route.
 * When the iframe is loaded the url is pointing to the html document and the path the user is aiming is provided in
 * the url query parameters (pathname). Parse the url, and redirect the user to the right place.
 */
class HandleApplicationFirstLoadRoute extends Component {
  /**
   * Get the pathname from the url parameter.
   * By instance ?pathname=/app/users
   * @returns {string} If the pathname does not validate return an empty string.
   */
  getPathnameFromUrlParameter() {
    const pathname = new URLSearchParams(this.props.location.search).get("pathname");

    if (!this.validatePathname(pathname)) {
      return "";
    }

    return pathname;
  }

  /**
   * Validate a pathname.
   * A valid pathname contains only alphabetical, numerical, / and - characters
   * @param {string} pathname The pathname to test
   * @returns {boolean}
   */
  validatePathname(pathname) {
    return /^[A-Za-z0-9\-\/]*$/.test(pathname);
  }

  /**
   * The first uri to redirect too.
   * @returns {string}
   */
  get pathnameToRedirectTo() {
    const pathname = this.getPathnameFromUrlParameter();
    if (!pathname) {
      return DEFAULT_PATH_NAME;
    }
    return pathname;
  }

  /**
   * Render the component
   * @return {JSX}
   */
  render() {
    return <Redirect to={this.pathnameToRedirectTo}/>;
  }
}

HandleApplicationFirstLoadRoute.propTypes = {
  location: PropTypes.object // From router HOC
};

export default withRouter(HandleApplicationFirstLoadRoute);