Activities of "i.atta"

Hi Sumeyye,

Thank you for the follow-up.

The issue was caused by referencing stylesheet files (e.g., layout-bundle.css) directly in index.html, while the actual build output contained hashed filenames due to Angular’s outputHashing setting in angular.json.

Since the file names didn't match, the browser fell back to loading index.html instead of the CSS, resulting in a MIME type error in Safari.

After disabling outputHashing, the files are generated without hashes, and the issue is resolved.

Would disabling outputHashing have any implications on browser caching, and if so, what’s the best practice to handle this scenario while keeping caching efficiency?

"configurations": { "production": { "budgets": [ { "type": "initial", "maximumWarning": "2mb", "maximumError": "2.5mb" }, { "type": "anyComponentStyle", "maximumWarning": "2kb", "maximumError": "100kb" } ], "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ], "outputHashing": "all" },

Hi berkansasmaz , We registered two apps on Azure, one for desktop and one for our ABP API The desktop client authenticates using Azure AD and gets the access token to access our API then, the desktop client calls our ABP API using the generated token, and we are able to get the user info

Now we want to register this user under the tenant, log him in, and return the token so the user can access our API using abp application user. How can we achieve this?

    context.Services.AddAuthentication()
        .AddJwtBearer("AzureAdBearer", options =>
        {
            options.Authority = "";
            options.TokenValidationParameters = new TokenValidationParameters
            {
                ValidateIssuer = true,
                ValidIssuer = "",
                ValidateAudience = true,
                ValidAudience = ""
            };
        });

[Route("api/app/desktop-auth")]
[ApiController]
[Authorize(AuthenticationSchemes = "AzureAdBearer")] // Important: require AzureAdBearer
public class DesktopAuthController : DiyarSaaSController
{}

Unfortunately, the issue is still the same on ,Safari even after adding the styles in the index.html

<link rel="preload" href="layout-bundle.css" as="style" onload="this.rel='stylesheet'" /> <noscript> <link rel="stylesheet" href="layout-bundle.css" /> </noscript>

Any Update please?

We have already integrated Azure AD authentication in our ABP backend application for multitenancy.

Now, we are building a desktop client application, and we want this desktop app to authenticate users using the same Azure AD configuration.

Is there any official article or recommended approach for implementing the correct authentication flow for desktop applications in ABP with Azure AD?

Hello, We are deploying our Angular project to ,Azure App Service and in the pipeline, we build the project using yarn build:prod and we run the applications using pm2 serve /home/site/wwwroot --no-daemon --spa

No other configurations

Please note that if we set inject to false, it will work on all devices, but the CSS delay will back again

"styles": [ ... { "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.css", "inject": false, "bundleName": "layout-bundle" }, { "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.rtl.css", "inject": false, "bundleName": "layout-bundle.rtl" } ... ],

Hi This is on iPhone Safari & ,Chrome same issue even after clearing all cached data

Hello You are using web in the video , try to open it from your mobile device

Hello After we set inject to true "styles": [ ... { "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.css", "inject": true, "bundleName": "layout-bundle" }, { "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.rtl.css", "inject": true, "bundleName": "layout-bundle.rtl" } ... ],

The website is no longer open on mobile devices, We will send you the link through your email so you can check it

Hi sumeyye your quick reply will be highly appreciated