Hola, esta es mi primera pregunta sobre Stack Overflow .

Estoy tratando de agregar una capa de autenticación simple usando una biblioteca de organización que se basa en AD (Active Directory) y enrutamiento de clientes. Así que tendré que agregar un contenedor , no hay necesidad de un componente de Inicio.

He estado buscando dos días sobre cómo agregar una capa "principal" dentro de Storybook sin suerte.

Intenté agregar un decorador global, pero no funciona para las historias de documentación y muestra la interfaz de usuario de Storybook. (X) Esto no funciona para mi caso de uso.

Después de eso, creé una aplicación CRA que maneja el enrutamiento, agregué una página de inicio con un botón de inicio de sesión e intenté agregar una ruta catch all para manejar la salida estática de la compilación del libro de cuentos, se está compilando dentro de una carpeta pública, debajo de una anidada llamado libro de cuentos. (público/libro de cuentos/)

 <Router> <Switch> <Route path="/" component={Home} exact /> <Route path="/storybook/" onEnter={requireAuth} /> <Redirect to={CONFIG_GENERAL.REDIRECT.path} /> </Switch> </Router>

Esto está fallando en el lado del cliente, porque se ha servido como una ruta estática, se ha manejado en el lado del servidor. (Otro problema aquí sería el tiempo de construcción, habría dos archivos de índice principales..., uno que contiene la aplicación React que maneja el enrutamiento de autenticación y el de Storybook).

Intenté muchas tomas sin suerte siguiendo este camino, así que comencé a sentir que la única forma de manejar esto es de alguna manera dentro del mundo de Storybook, nuevamente...

NOTA: A pesar de que estoy empezando a sentir que la única forma de manejar la autenticación es en el lado del servidor con dos rutas diferentes, "home.html" y "storybook.html", no es así como puedo hacerlo, yo "~ debe" necesitar que se maneje del lado del cliente.