oswaldlabsopensource / agastya Goto Github PK

Looks like some Google Translate API's have changed and therefore Agastya's translations have stopped working.

Minimal Working Example

<a mat-button>My Text</a>
<mat-nav-list role="navigation">
  <a mat-list-item>Second Text</a>
</mat-nav-list>

Expected Behaviour

Work as expected, i.e. apply certain CSS styles to these items (mat-button, mat-list-item [which is also mat-button], and display correctly as other elements.

Current Behaviour

Using button of Angular Material there's just a rectangle of certain colour, without distinguishing that there's a text inside. The easiest how does it works is to check the screenshots below (the same behaviour is with Night mode). On the pictures sidebar is used as a mobile menu, whilst toolbar as a menu for desktop.

Looks like Agastya access window explicitly, thus when using Server-Side Rendering (SSR) (e.g. Angular Universal) it breaks with the following error ReferenceError: window is not defined. Maybe it would be a good to add in the documentation for the workaround?

Using Express.js approach, see issue#830(comment)

Using NestJS approach applyDomino does works like so:

import { AngularUniversalModule, applyDomino } from '@nestjs/ng-universal';
import { join } from 'path';
import { Module } from '@nestjs/common';

const BROWSER_DIR = join(process.cwd(), 'dist/path/to/browser');
applyDomino(global, join(BROWSER_DIR, 'index.html'));

@Module({
  imports: [
    AngularUniversalModule.forRoot({
      bundle: require('dist/path/to/server/main'), // Bundle is created dynamically during build process.
      liveReload: true,
      viewsPath: BROWSER_DIR
    })
  ]
})
export class AppModule {}