Console error after login (TypeError: Cannot read properties of undefined (reading '1'))

[JoachimVeulemansSecuRoad]

Describe the bug
Fresh install for Monarc. I am using Docker & MySQL. I have created and seeded both databases as well as the initial user. When trying to log in, The auth request is accepted but the frontend has a error in the console preventing from site to actually log me in:
TypeError: Cannot read properties of undefined (reading '1')

Have I skipped a step? Thanks.

To Reproduce
Steps to reproduce the behavior:

1. Log in
2. See error

Expected behavior
Redirect to home page after login.

Desktop:

Questions	Answers
Type of issue	Bug
OS version (server)	Ubuntu
OS version (client)	Windows 11
PHP version	8.0
MONARC version / git hash	036cd44
Browser	Chrome

[ruslanbaidan]

We don't have an official docker support.
Could you provide more details of the steps you performed to install the app with docker ?

[JoachimVeulemansSecuRoad]

Build image with this Dockerfile: https://github.com/prouveyrol/Monarc-Docker/blob/main/Dockerfile. I have replaced the PHP version with 8.0-apache.

Execute SQL: https://github.com/monarc-project/MonarcAppFO/blob/master/db-bootstrap/monarc_structure.sql
Execute SQL: https://github.com/monarc-project/MonarcAppFO/blob/master/db-bootstrap/monarc_data.sql

Create docker-compose.yml with:

version: '3.1'

services:
  monarc:
    build:
      context: .
      dockerfile: Dockerfile    # source: https://github.com/prouveyrol/Monarc-Docker/blob/main/Dockerfile
    restart: always
    environment:
      db_host: IP
      db_common_name: monarc_common
      db_cli_name: monarc_cli
      db_user: monarc
      db_pass: PW
    ports:
      - 3008:80

Run docker container
Execute in container:

php ./vendor/robmorgan/phinx/bin/phinx migrate -c module/Monarc/FrontOffice/migrations/phinx.php
php ./vendor/robmorgan/phinx/bin/phinx migrate -c module/Monarc/Core/migrations/phinx.php
php ./vendor/robmorgan/phinx/bin/phinx seed:run -c ./module/Monarc/FrontOffice/migrations/phinx.php

Login with [email protected] and admin.

See request response:

See errors:

I have tried other languages ids like 0 and 2 but no success.

Thanks.

[ruslanbaidan]

The current Monarc composer.lock is built based on php 8.1 and it's recommended to use v8.1 (https://www.monarc.lu/news/2023/10/25/monarc-2127-released/), could you try to use 8.1-apache-buster.
The thing you may also need to do is turn off the error reporting for warnings and notices in your php.ini:
error_reporting = E_ALL & ~E_DEPRECATED & ~E_STRICT & ~E_NOTICE & ~E_WARNING

Did you also run from node_modules/ng_client dir npm ci ?

[JoachimVeulemansSecuRoad]

Hi @ruslanbaidan

I have tried the npm ci command but no success to getting it working. I have also tried using php 8.1-apache-buster but a dependency does not support it:

[JoachimVeulemansSecuRoad]

I have also tried clone the latest release version. No success either:

RUN git clone https://github.com/monarc-project/MonarcAppFO.git --branch v2.12.7-p3 /var/lib/monarc/fo

[ruslanbaidan]

I have also tried clone the latest release version. No success either:

RUN git clone https://github.com/monarc-project/MonarcAppFO.git --branch v2.12.7-p3 /var/lib/monarc/fo

There is no branch v2.12.7-p3 but a release tag, so after master branch clone (default) git checkout tags/v2.12.7-p3 should work out.

[JoachimVeulemansSecuRoad]

Hi @ruslanbaidan --branch also works with tags. What I meant was the same bug is in the latest release and not just in 'development' code. Thanks for looking in to this.

[ruslanbaidan]

There are no bugs in the code. The 3rd party docker file is not up-to-date.
You could see in the update script file that --ignore-platform-req=php option has to be used.

[JoachimVeulemansSecuRoad]

Hi @ruslanbaidan I have not yet found a solution to the problem. My current Dockerfile looks like this:

FROM php:8.1-apache-buster
MAINTAINER green

RUN apt-get update && apt-get install -y zip unzip git gettext curl gsfonts software-properties-common && rm -rf /var/lib/apt/lists/*

#Setting up source code
RUN git clone https://github.com/monarc-project/MonarcAppFO.git --branch v2.12.7-p3 /var/lib/monarc/fo
WORKDIR /var/lib/monarc/fo
RUN ls
RUN ls scripts
RUN mkdir -p data/cache && mkdir -p data/LazyServices/Proxy

#Install composer
RUN curl -sS https://getcomposer.org/installer -o composer-setup.php
RUN php composer-setup.php --install-dir=/usr/bin --filename=composer
RUN apt-get update && apt-get install -y libmagickwand-dev --no-install-recommends && rm -rf /var/lib/apt/lists/*
RUN mkdir ~/.ssh
RUN echo "Host github.com\n\tStrictHostKeyChecking no\n" >> ~/.ssh/config
RUN printf "\n" | pecl install imagick apcu
RUN docker-php-ext-enable imagick apcu
RUN docker-php-ext-install bcmath intl gd pdo_mysql xml
#RUN composer update
RUN composer install -o --no-dev --no-cache --ignore-platform-req=php
RUN chown -R www-data:www-data data/
RUN chmod -R 700 data/

#Conf apache
RUN a2dismod status && a2enmod ssl && a2enmod rewrite && a2enmod headers
RUN rm /etc/apache2/sites-enabled/000-default.conf
COPY vhost.conf /etc/apache2/sites-available/monarc.conf
RUN ln -s /etc/apache2/sites-available/monarc.conf /etc/apache2/sites-enabled/monarc.conf
RUN service apache2 restart

#Setting up Back-end
RUN mkdir -p module/Monarc
RUN ln -s /var/lib/monarc/fo/vendor/monarc/core ./module/Monarc/Core
RUN ln -s /var/lib/monarc/fo/vendor/monarc/frontoffice ./module/Monarc/FrontOffice

#Setting up Front-end
RUN mkdir node_modules
RUN git clone https://github.com/monarc-project/ng-client.git node_modules/ng_client --branch v2.12.7
RUN git clone https://github.com/monarc-project/ng-anr.git node_modules/ng_anr --branch v2.12.7
#Setting up db connection
COPY local.php ./config/autoload/local.php

#Update monarc
RUN curl -sL https://deb.nodesource.com/setup_14.x | bash -
RUN apt-get update && apt-get -y install nodejs && rm -rf /var/lib/apt/lists/*
RUN npm install -g grunt-cli
EXPOSE 80

CMD ["sh", "-c", "/var/lib/monarc/fo/scripts/update-all.sh -c; apache2-foreground"]

When the Docker is launched, I am executing the following commands:

cd node_modules/ng_client
npm ci
cd ../..

./scripts/link_modules_resources.sh
./scripts/compile_translations.sh
./scripts/update_config_variables.sh

[ruslanbaidan]

There are a few things that I noted:

1. Missing dir creation: RUN mkdir -p data/cache && mkdir -p data/DoctrineORMModule/Proxy && mkdir -p data/LazyServices/Proxy
2. It's not clear what is inside of the vhost.conf. The vhost config should be like here. And the rest of the commands should be aligned with the vagrant script.
3. Manual config.php change action is required to be able to connect to the created and configured database.

[JoachimVeulemansSecuRoad]

1. I have added the dir creation at the end of the Dockerfile. I also had to add: RUN chmod -R a+w data
2. This is the config:

<VirtualHost _default_:80>
    ServerAdmin [email protected]
    ServerName monarc.local
    DocumentRoot /var/lib/monarc/fo/public

    <Directory /var/lib/monarc/fo/public>
        DirectoryIndex index.php
        AllowOverride All
        Require all granted
    </Directory>

    <IfModule mod_headers.c>
       Header always set X-Content-Type-Options nosniff
       Header always set X-XSS-Protection "1; mode=block"
       Header always set X-Robots-Tag none
       Header always set X-Frame-Options SAMEORIGIN
    </IfModule>

    SetEnv APP_ENV "production"
</VirtualHost>

My local.php file in /var/lib/monarc/fo/config/autoload has the following config for 'doctrine':

'doctrine' => [
        'connection' => [
            'orm_default' => [
                'params' => [
                    'host' => getenv('db_host'),
                    'user' => getenv('db_user'),
                    'password' => getenv('db_pass'),
                    'dbname' => getenv('db_common_name'),
                ],
            ],
            'orm_cli' => [
                'params' => [
                    'host' => getenv('db_host'),
                    'user' => getenv('db_user'),
                    'password' => getenv('db_pass'),
                    'dbname' => getenv('db_cli_name'),
                ],
            ],
        ],
    ],

In my docker-compose.yml, I am passing the correct values.

[ruslanbaidan]

It looks/sounds good.
And what are the challenges with the application run ?