.gitlab-ci.yml

@@ -202,6 +202,8 @@ prepare:production:
     - docker login -u gitlab-ci-token -p ${CI_BUILD_TOKEN} ${CI_REGISTRY}
     - docker build -t $CI_REGISTRY_IMAGE/server:$CI_PIPELINE_ID -f containers/server/Dockerfile dist/.
     - docker push $CI_REGISTRY_IMAGE/server:$CI_PIPELINE_ID
+    - docker tag $CI_REGISTRY_IMAGE/server:$CI_PIPELINE_ID $CI_REGISTRY_IMAGE/server:latest
+    - docker push $CI_REGISTRY_IMAGE/server:latest
   only:
     refs:
       - master
@@ -292,7 +294,7 @@ review:stop:
     - docker:dind
   script:
     ## Sync assets with CDN
-    - aws s3 sync dist $S3_REPOSITORY_URL
+    - aws s3 sync dist $S3_REPOSITORY_URL --cache-control max-age=31536000
     - $(aws ecr get-login --no-include-email --region us-east-1)
     ## Update docker server container
     - docker login -u gitlab-ci-token -p ${CI_BUILD_TOKEN} ${CI_REGISTRY}

containers/server/Dockerfile

@@ -5,6 +5,10 @@ FROM node:13-alpine
 
 COPY . /dist
 
-CMD node "--max-old-space-size=2048" /dist/server
+RUN npm install pm2 -g
+
+CMD pm2-runtime /dist/server \
+    --max-memory-restart 512M \
+    --instances 2
 
 VOLUME ["/dist"]
\ No newline at end of file

cypress/integration/onboarding/onboarding.spec.js

+import generateRandomId from "../../support/utilities";
+
 context('Onboarding', () => {
 
-  const remindText = 'remind test text';
+  const username = generateRandomId();
+  const password = `${generateRandomId()}0oA!`;
+  const email = 'test@minds.com';
+
+  const usernameField = 'minds-form-register #username';
+  const emailField = 'minds-form-register #email';
+  const passwordField = 'minds-form-register #password';
+  const password2Field = 'minds-form-register #password2';
+  const checkbox = '[data-cy=data-minds-accept-tos-input]';
+  const submitButton = 'minds-form-register .mdl-card__actions button';
 
   before(() => {
-    cy.getCookie('minds_sess')
-      .then((sessionCookie) => {
-        if (sessionCookie === null) {
-          return cy.login(true);
+    cy.visit('/register');
+    cy.location('pathname').should('eq', '/register');
+    cy.server();
+    cy.route("POST", "**/api/v1/register").as("register");
+
+    cy.get(usernameField)
+      .focus()
+      .type(username);
+
+    cy.get(emailField)
+      .focus()
+      .type(email);
+
+    cy.get(passwordField)
+      .focus()
+      .type(password);
+
+    cy.wait(500);
+
+    cy.get(password2Field)
+      .focus()
+      .type(password);
+
+    cy.get(checkbox)
+      .click({ force: true });
+
+    //submit
+    cy.get(submitButton)
+      .click()
+      .wait('@register')
+      .then((xhr) => {
+          expect(xhr.status).to.equal(200);
         }
-      });
-    cy.visit(`/onboarding`);
+      );
+
+    cy.wait(500);
+    cy.location('pathname').should('eq', '/onboarding/notice');
+  });
 
-    // create two test groups
+  after(() => {
+    cy.deleteUser(username, password);
+    cy.clearCookies();
   });
 
   beforeEach(() => {
@@ -21,7 +65,7 @@ context('Onboarding', () => {
   it('should go through the process of onboarding', () => {
     // notice should appear
     cy.get('h1.m-onboarding__noticeTitle').contains('Welcome to the Minds Community');
-    cy.get('h2.m-onboarding__noticeTitle').contains(`@${Cypress.env().username}`);
+    cy.get('h2.m-onboarding__noticeTitle').contains(username);
 
     // should redirect to /hashtags
     cy.get('.m-onboarding__form button.mf-button').contains("Let's Get Setup").click();
@@ -73,8 +117,8 @@ context('Onboarding', () => {
 
     // should have a Location input
     cy.get('.m-onboarding__controls > .m-onboarding__control label[data-minds=location]').contains('Location');
-    cy.get('.m-onboarding__controls > .m-onboarding__control input[data-minds=locationInput]').type('London');
-    cy.get('ul.m-onboarding__cities > li:first-child').click();
+    // cy.get('.m-onboarding__controls > .m-onboarding__control input[data-minds=locationInput]').type('London');
+    // cy.get('ul.m-onboarding__cities > li:first-child').click();
 
 
     // should have Date of Birth inputs
@@ -91,7 +135,11 @@ context('Onboarding', () => {
 
     // should have a continue and a skip button
     cy.get('button.mf-button--hollow').contains('Skip');
-    cy.get('button.mf-button--alt').contains('Continue').click();
+    cy.get('button.mf-button--alt').contains('Finish').click();
+
+    // TODO: disable the following line and uncomment the rest when we re-enable the screens
+    // should be in the newsfeed
+    cy.location('pathname').should('eq', '/newsfeed/subscriptions');
 
     // should be in the Groups step
 
@@ -105,8 +153,8 @@ context('Onboarding', () => {
     // cy.get('.m-groupList__list .m-groupList__item:first-child .m-join__subscribe i').contains('add');
 
     // should have a continue and a skip button
-    cy.get('button.mf-button--hollow').contains('Skip');
-    cy.get('button.mf-button--alt').contains('Continue').click();
+    // cy.get('button.mf-button--hollow').contains('Skip');
+    // cy.get('button.mf-button--alt').contains('Continue').click();
 
 
     // should be in the Channels step
@@ -120,10 +168,10 @@ context('Onboarding', () => {
     // cy.get('.m-channelList__list .m-channelList__item:first-child .m-join__subscribe i').contains('add');
 
     // should have a continue and a skip button
-    cy.get('button.mf-button--hollow').contains('Skip');
-    cy.get('button.mf-button--alt').contains('Finish').click();
+    // cy.get('button.mf-button--hollow').contains('Skip');
+    // cy.get('button.mf-button--alt').contains('Finish').click();
 
     // should be in the newsfeed
-    cy.location('pathname').should('eq', '/newsfeed/subscriptions');
+    // cy.location('pathname').should('eq', '/newsfeed/subscriptions');
   });
 });

cypress/integration/registration.spec.js

@@ -60,7 +60,7 @@ context('Registration', () => {
       });
 
     cy.wait(500);
-    cy.location('pathname').should('eq', '/newsfeed/subscriptions');
+    cy.location('pathname').should('eq', '/onboarding/notice');
   });
 
   it('should display an error if passwords do not match', () => {

server.ts

@@ -120,13 +120,13 @@ const cache = () => {
       (isMobileOrTablet() ? '/mobile' : '/desktop');
     const exists = myCache.has(key);
     if (exists) {
-      console.log(`from cache: ${key}`);
       const cachedBody = myCache.get(key);
       res.send(cachedBody);
       return;
     } else {
       res.sendResponse = res.send;
       res.send = body => {
+        if (res.finished) return;
         myCache.set(key, body);
         res.sendResponse(body);
       };
@@ -135,8 +135,8 @@ const cache = () => {
   };
 };
 
-app.get('node-cache-stats', (req, res) => {
-  res.sendResponse(myCache.getStats());
+app.get('/node-cache-stats', (req, res) => {
+  res.send(myCache.getStats());
 });
 
 // All regular routes use the Universal engine
@@ -205,3 +205,5 @@ app.get('*', cache(), (req, res) => {
 app.listen(PORT, () => {
   console.log(`Node server listening on http://localhost:${PORT}`);
 });
+
+app.keepAliveTimeout = 65000;

src/app/app.browser.module.ts

@@ -6,6 +6,10 @@ import { Minds } from './app.component';
 import * as PlotlyJS from 'plotly.js/dist/plotly-basic.min.js';
 import { PlotlyModule } from 'angular-plotly.js';
 import { CookieModule } from '@gorniv/ngx-universal';
+import {
+  RedirectService,
+  BrowserRedirectService,
+} from './common/services/redirect.service';
 
 PlotlyModule.plotlyjs = PlotlyJS;
 
@@ -15,6 +19,10 @@ PlotlyModule.plotlyjs = PlotlyJS;
   providers: [
     { provide: 'ORIGIN_URL', useValue: location.origin },
     { provide: 'QUERY_STRING', useValue: location.search || '' },
+    {
+      provide: RedirectService,
+      useClass: BrowserRedirectService,
+    },
   ],
 })
 export class AppBrowserModule {}

src/app/app.component.html

@@ -60,6 +60,4 @@
   ></m-modal-signup>
 
   <m-channel--onboarding *ngIf="showOnboarding"></m-channel--onboarding>
-
-  <m-cookies-notice *ngIf="!session.isLoggedIn()"> </m-cookies-notice>
 </ng-container>

src/app/app.server.module.ts

@@ -9,6 +9,10 @@ import { MindsModule } from './app.module';
 import { Minds } from './app.component';
 import { PlotlyModule } from 'angular-plotly.js';
 import { CookieService, CookieBackendService } from '@gorniv/ngx-universal';
+import {
+  ServerRedirectService,
+  RedirectService,
+} from './common/services/redirect.service';
 
 PlotlyModule.plotlyjs = {
   plot: () => {
@@ -38,6 +42,10 @@ export class ServerXhr implements XhrFactory {
       provide: CookieService,
       useClass: CookieBackendService,
     },
+    {
+      provide: RedirectService,
+      useClass: ServerRedirectService,
+    },
   ],
   bootstrap: [Minds],
 })

src/app/common/common.module.ts

@@ -144,6 +144,7 @@ import { MediaProxyService } from './services/media-proxy.service';
 import { HorizontalFeedService } from './services/horizontal-feed.service';
 import { FormInputCheckboxComponent } from './components/forms/checkbox/checkbox.component';
 import { AttachmentPasteDirective } from './directives/paste/attachment-paste.directive';
+import { RedirectService } from './services/redirect.service';
 
 const routes: Routes = [
   {
@@ -432,28 +433,16 @@ const routes: Routes = [
     },
     {
       provide: ConfigsService,
-      useFactory: (client, injector) =>
-        new ConfigsService(client, injector.get('QUERY_STRING')),
-      deps: [Client, Injector],
-    },
-    {
-      provide: MetaService,
-      useFactory: (
-        titleService,
-        metaService,
-        siteService,
-        location,
-        configsService
-      ) =>
-        new MetaService(
-          titleService,
-          metaService,
-          siteService,
-          location,
-          configsService
+      useFactory: (client, injector, redirect, location) =>
+        new ConfigsService(
+          client,
+          injector.get('QUERY_STRING'),
+          redirect,
+          location
         ),
-      deps: [Title, Meta, SiteService, Location, ConfigsService],
+      deps: [Client, Injector, RedirectService, Location],
     },
+    MetaService,
     MediaProxyService,
     V2TopbarService,
     {

src/app/common/components/channel-mode-selector/channel-mode-selector.component.spec.ts

@@ -39,6 +39,7 @@ describe('ChannelModeSelector', () => {
       subscribers_count: 182,
       impressions: 18200,
       mode: ChannelMode.PUBLIC,
+      nsfw: [],
     };
 
     clientMock.response['api/v1/channel/info'] = { status: 'success' };

src/app/common/components/date-dropdowns/date-dropdowns.component.scss

@@ -2,27 +2,32 @@ m-date__dropdowns {
   display: flex;
   justify-content: space-between;
 
-  select {
-    display: inline-block;
-    background-color: #fff;
-    box-sizing: border-box;
-    margin: 0 10px 0 0;
-    padding: 8px 10px;
-    height: 36px;
+  .m-dateDropdowns__selectWrapper {
+    position: relative;
+    overflow: hidden;
     min-width: 80px;
     max-width: 90px;
-
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
-    font-size: 16px;
-    line-height: 21px;
-    border-radius: 2px;
+    border-radius: 3px;
+    margin: 0 10px 0 0;
 
     @include m-theme() {
-      color: themed($m-grey-800);
       background-color: themed($m-white);
-      border: 1px solid #e2e2e2;
+      box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+    }
+
+    &::after {
+      content: '\25bc';
+      font-size: 10px;
+      padding: 10px;
+      position: absolute;
+      right: 0;
+      top: 0;
+      text-align: center;
+      pointer-events: none;
+
+      @include m-theme() {
+        color: themed($m-grey-200);
+      }
     }
 
     // month
@@ -40,4 +45,28 @@ m-date__dropdowns {
       min-width: 77px;
     }
   }
+
+  select {
+    display: inline-block;
+    background-color: #fff;
+    box-sizing: border-box;
+    padding: 8px 10px;
+    height: 36px;
+    width: 100%;
+
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+    font-size: 16px;
+    line-height: 21px;
+    border-radius: 2px;
+
+    appearance: none;
+
+    @include m-theme() {
+      color: themed($m-grey-800);
+      background-color: themed($m-white);
+      border: 1px solid #e2e2e2;
+    }
+  }
 }

src/app/common/components/date-dropdowns/date-dropdowns.component.ts

@@ -3,27 +3,33 @@ import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 @Component({
   selector: 'm-date__dropdowns',
   template: `
-    <select
-      data-minds="monthDropdown"
-      [ngModel]="selectedMonth"
-      (ngModelChange)="selectMonth($event)"
-    >
-      <option *ngFor="let month of monthNames">{{ month }}</option>
-    </select>
-    <select
-      data-minds="dayDropdown"
-      [ngModel]="selectedDay"
-      (ngModelChange)="selectDay($event)"
-    >
-      <option *ngFor="let day of days">{{ day }}</option>
-    </select>
-    <select
-      data-minds="yearDropdown"
-      [ngModel]="selectedYear"
-      (ngModelChange)="selectYear($event)"
-    >
-      <option *ngFor="let year of years">{{ year }}</option>
-    </select>
+    <div class="m-dateDropdowns__selectWrapper">
+      <select
+        data-minds="monthDropdown"
+        [ngModel]="selectedMonth"
+        (ngModelChange)="selectMonth($event)"
+      >
+        <option *ngFor="let month of monthNames">{{ month }}</option>
+      </select>
+    </div>
+    <div class="m-dateDropdowns__selectWrapper">
+      <select
+        data-minds="dayDropdown"
+        [ngModel]="selectedDay"
+        (ngModelChange)="selectDay($event)"
+      >
+        <option *ngFor="let day of days">{{ day }}</option>
+      </select>
+    </div>
+    <div class="m-dateDropdowns__selectWrapper">
+      <select
+        data-minds="yearDropdown"
+        [ngModel]="selectedYear"
+        (ngModelChange)="selectYear($event)"
+      >
+        <option *ngFor="let year of years">{{ year }}</option>
+      </select>
+    </div>
   `,
 })
 export class DateDropdownsComponent implements OnInit {
@@ -56,30 +62,42 @@ export class DateDropdownsComponent implements OnInit {
   ngOnInit() {
     this.years = this.range(100, this.selectedYear, false);
     this.selectedYear = this.years[0];
-    this.selectMonth('January');
+    this.selectMonth('January', false);
   }
 
-  selectMonth(month: string) {
+  selectMonth(month: string, emit: boolean = true) {
     this.selectedMonth = month;
 
     this.populateDays(
       this.getDaysInMonth(this.getMonthNumber(month), this.selectedYear)
     );
-    this.selectedDateChange.emit(this.buildDate());
+
+    if (emit) {
+      this.emitChanges();
+    }
   }
 
-  selectDay(day: string) {
+  selectDay(day: string, emit: boolean = true) {
     this.selectedDay = day;
 
-    this.selectedDateChange.emit(this.buildDate());
+    if (emit) {
+      this.emitChanges();
+    }
   }
 
-  selectYear(year) {
+  selectYear(year, emit: boolean = true) {
     this.selectedYear = year;
 
     this.populateDays(
       this.getDaysInMonth(this.getMonthNumber(this.selectedMonth), year)
     );
+
+    if (emit) {
+      this.emitChanges();
+    }
+  }
+
+  emitChanges() {
     this.selectedDateChange.emit(this.buildDate());
   }
 

src/app/common/components/marketing/footer.component.html

@@ -54,8 +54,8 @@
         </li>
 
         <li>
-          <a href="https://irl.minds.com/" target="_blank" i18n>
-            Minds IRL
+          <a href="https://change.minds.com/" target="_blank" i18n>
+            Events
           </a>
         </li>
       </ul>

src/app/common/components/rich-embed/rich-embed.html

@@ -9,7 +9,7 @@
     [ngClass]="{ 'm-inline-embed': hasInlineContentLoaded() }"
     (click)="action($event)"
     target="_blank"
-    rel="noopener noreferrer"
+    rel="noopener nofollow ugc"
     *ngIf="src.thumbnail_src || inlineEmbed"
   >
     <div

src/app/common/layout/v2-topbar/v2-topbar.component.scss

@@ -56,7 +56,6 @@
     }
 
     .m-v2-topbar__Container__LoginWrapper > a {
-      margin-right: 40px;
       @include m-theme() {
         background: transparent;
         border: 1px solid themed($m-black-always);
@@ -330,9 +329,7 @@
   > a.m-v2-topbarLoginWrapper__login {
     padding: 0;
     border: none !important;
-    @media screen and(max-width: $max-mobile) {
-      margin-right: 10px;
-    }
+    margin-right: $minds-margin * 2;
   }
 
   > a.m-v2-topbarLoginWrapper__joinMindsNow {

src/app/common/pipes/tags.ts

@@ -20,13 +20,13 @@ export class TagsPipe implements PipeTransform {
     url: {
       rule: /(\b(https?|ftp|file):\/\/[^\s\]]+)/gim,
       replace: m => {
-        return `<a href="${m.match[1]}" target="_blank" rel="noopener noreferrer">${m.match[1]}</a>`;
+        return `<a href="${m.match[1]}" target="_blank" rel="noopener nofollow ugc">${m.match[1]}</a>`;
       },
     },
     mail: {
       rule: /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/gim,
       replace: m => {
-        return `<a href="mailto:${m.match[0]}" target="_blank" rel="noopener noreferrer">${m.match[0]}</a>`;
+        return `<a href="mailto:${m.match[0]}" target="_blank" rel="noopener nofollow ugc">${m.match[0]}</a>`;
       },
     },
     hash: {

src/app/common/services/configs.service.ts

 import { Client } from '../api/client.service';
-import { Injectable, Inject, Optional } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { map, tap } from 'rxjs/operators';
+import { Injectable, Inject, Optional, Injector } from '@angular/core';
+import { RedirectService } from './redirect.service';
+import { Location } from '@angular/common';
 
 @Injectable()
 export class ConfigsService {
@@ -9,7 +9,9 @@ export class ConfigsService {
 
   constructor(
     private client: Client,
-    @Inject('QUERY_STRING') private queryString: string
+    @Inject('QUERY_STRING') private queryString: string,
+    private redirectService: RedirectService,
+    private location: Location
   ) {}
 
   async loadFromRemote() {
@@ -17,6 +19,7 @@ export class ConfigsService {
       this.configs = await this.client.get(
         `api/v1/minds/config${this.queryString}`
       );
+      this.redirectToRootIfInvalidDomain();
     } catch (err) {
       console.error(err);
     }
@@ -29,4 +32,17 @@ export class ConfigsService {
   set(key, value): void {
     this.configs[key] = value;
   }
+
+  /**
+   * Redirect to the root domain if we have an invalid domain response from configs
+   * @return void
+   */
+  private redirectToRootIfInvalidDomain(): void {
+    if (this.get('redirect_to_root_on_init') === true) {
+      const redirectTo: string =
+        this.get('site_url') + this.location.path().substr(1);
+      this.redirectService.redirect(redirectTo);
+      throw `Invalid domain. Redirecting to ${redirectTo}`;
+    }
+  }
 }

src/app/common/services/meta.service.ts

-import { Injectable, Optional } from '@angular/core';
+import { Injectable, Optional, Inject } from '@angular/core';
 import { Title, Meta } from '@angular/platform-browser';
 import { SiteService } from './site.service';
 import { Location } from '@angular/common';
 import { ConfigsService } from './configs.service';
+import { DOCUMENT } from '@angular/common';
 
 const DEFAULT_META_TITLE = 'Minds';
 const DEFAULT_META_DESCRIPTION = '...';
+export const MIN_METRIC_FOR_ROBOTS = 5;
 
 @Injectable()
 export class MetaService {
@@ -18,7 +20,8 @@ export class MetaService {
     private metaService: Meta,
     private site: SiteService,
     private location: Location,
-    private configs: ConfigsService
+    private configs: ConfigsService,
+    @Inject(DOCUMENT) private dom
   ) {
     this.reset();
   }
@@ -29,6 +32,12 @@ export class MetaService {
       ? this.site.title + ' - ' + this.site.oneLineHeadline
       : DEFAULT_META_TITLE;
 
+    value = this.stripHtml(value);
+
+    if (value.length > 60) {
+      value = value.substr(0, 57) + '...';
+    }
+
     if (value && join) {
       title = [value, defaultTitle]
         .filter(fragment => Boolean(fragment))
@@ -38,12 +47,17 @@ export class MetaService {
     } else {
       title = defaultTitle;
     }
+
     this.title = title;
     this.applyTitle();
     return this;
   }
 
   setDescription(value: string): MetaService {
+    value = this.stripHtml(value);
+    if (value.length > 160) {
+      value = value.substr(0, 157) + '...';
+    }
     this.metaService.updateTag({ name: 'description', content: value });
     return this;
   }
@@ -54,6 +68,33 @@ export class MetaService {
     return this;
   }
 
+  setCanonicalUrl(value: string): MetaService {
+    // Find and clear or canonical links
+    const links: HTMLLinkElement[] = this.dom.head.querySelectorAll(
+      '[rel="canonical"]'
+    );
+    if (links.length) {
+      for (const link of links) {
+        this.dom.head.removeChild(link);
+      }
+    }
+
+    if (value) {
+      // TODO: fix duplicated code with ogUrl here...
+      if (value && value.indexOf('/') === 0) {
+        // Relative path
+        value = this.site.baseUrl + value.substr(1);
+      }
+
+      let link: HTMLLinkElement;
+      link = this.dom.createElement('link');
+      link.setAttribute('rel', 'canonical');
+      link.setAttribute('href', value);
+      this.dom.head.appendChild(link);
+    }
+    return this;
+  }
+
   setOgUrl(value: string): MetaService {
     if (value && value.indexOf('/') === 0) {
       // Relative path
@@ -100,11 +141,24 @@ export class MetaService {
     return this;
   }
 
+  setLanguage(language: string): MetaService {
+    return this;
+  }
+
   setRobots(value: string): MetaService {
     this.metaService.updateTag({ name: 'robots', content: value });
     return this;
   }
 
+  setNsfw(value: boolean): MetaService {
+    if (value) {
+      this.metaService.updateTag({ name: 'rating', content: 'adult' });
+    } else {
+      this.metaService.removeTag("name='rating'");
+    }
+    return this;
+  }
+
   reset(
     data: {
       title?: string;
@@ -119,7 +173,9 @@ export class MetaService {
       .setOgType('website')
       .setOgUrl(data.ogUrl || this.location.path())
       .setOgImage(data.ogImage || null, { width: 0, height: 0 })
-      .setRobots(data.robots || 'all');
+      .setCanonicalUrl('') // Only user canonical when required
+      .setRobots(data.robots || 'all')
+      .setNsfw(false);
   }
 
   private applyTitle(): void {
@@ -133,4 +189,16 @@ export class MetaService {
       content: this.title,
     });
   }
+
+  /**
+   * Removes any html found and returns on text
+   * @param value
+   * @return string
+   */
+  private stripHtml(value: string): string {
+    if (!value) return '';
+    const fakeEl = this.dom.createElement('span');
+    fakeEl.innerHTML = value;
+    return fakeEl.textContent || fakeEl.innerText;
+  }
 }

src/app/common/services/redirect.service.ts

+import { Inject, Injectable } from '@angular/core';
+import { RESPONSE } from '@nguniversal/express-engine/tokens';
+
+export class RedirectService {
+  public redirect(url: string): void {}
+}
+
+export class BrowserRedirectService extends RedirectService {
+  redirect(url: string): void {
+    window.location.href = url;
+  }
+}
+
+export class ServerRedirectService extends RedirectService {
+  constructor(@Inject(RESPONSE) private res) {
+    super();
+  }
+
+  redirect(url: string, permanent: boolean = false): void {
+    const code = permanent ? 301 : 302;
+    this.res.redirect(code, url);
+    this.res.end();
+  }
+}

src/app/interfaces/entities.ts

@@ -115,6 +115,7 @@ export interface MindsUser {
     has_custom_background?: boolean;
   };
   mode: ChannelMode;
+  nsfw: Array<number>;
 }
 
 export interface MindsGroup {

src/app/modules/blogs/view/infinite.ts

@@ -10,7 +10,10 @@ import { AnalyticsService } from '../../../services/analytics';
 import { MindsBlogResponse } from '../../../interfaces/responses';
 import { MindsBlogEntity } from '../../../interfaces/entities';
 import { ConfigsService } from '../../../common/services/configs.service';
-import { MetaService } from '../../../common/services/meta.service';
+import {
+  MetaService,
+  MIN_METRIC_FOR_ROBOTS,
+} from '../../../common/services/meta.service';
 
 @Component({
   selector: 'm-blog-view-infinite',
@@ -124,7 +127,16 @@ export class BlogViewInfinite {
       .setTitle(blog.custom_meta['title'] || blog.title)
       .setDescription(description)
       //.setAuthor(this.blog.custom_meta['author'] || `@${this.blog.ownerObj.username}`)
+      .setOgType('article')
+      .setCanonicalUrl(blog.perma_url)
       .setOgUrl(blog.perma_url)
-      .setOgImage(blog.thumbnail_src);
+      .setOgImage(blog.thumbnail_src)
+      .setRobots(
+        blog['thumbs:up:count'] >= MIN_METRIC_FOR_ROBOTS ? 'all' : 'noindex'
+      );
+
+    if (blog.nsfw.length) {
+      this.metaService.setNsfw(true);
+    }
   }
 }

src/app/modules/channels/channel.component.spec.ts

@@ -96,7 +96,8 @@ describe('ChannelComponent', () => {
         { provide: Client, useValue: clientMock },
         { provide: Upload, useValue: uploadMock },
         { provide: Session, useValue: sessionMock },
-        { provide: MetaService, useValue: MockService(MetaService) },
+        MetaService,
+        SiteService,
         { provide: ScrollService, useValue: scrollServiceMock },
         { provide: RecentService, useValue: recentServiceMock },
         { provide: ContextService, useValue: contextServiceMock },
@@ -141,6 +142,7 @@ describe('ChannelComponent', () => {
         large: 'thumbs',
         master: 'thumbs',
       },
+      nsfw: [],
     };
     comp.editing = false;
     fixture.detectChanges();

src/app/modules/channels/channel.component.ts

@@ -18,7 +18,10 @@ import { DialogService } from '../../common/services/confirm-leave-dialog.servic
 import { BlockListService } from '../../common/services/block-list.service';
 import { ChannelSortedComponent } from './sorted/sorted.component';
 import { ClientMetaService } from '../../common/services/client-meta.service';
-import { MetaService } from '../../common/services/meta.service';
+import {
+  MetaService,
+  MIN_METRIC_FOR_ROBOTS,
+} from '../../common/services/meta.service';
 import { ConfigsService } from '../../common/services/configs.service';
 
 @Component({
@@ -70,6 +73,9 @@ export class ChannelComponent {
 
   ngOnInit() {
     this.updateMeta();
+    if (this.user) {
+      this.clientMetaService.recordView(this.user);
+    }
 
     this.context.set('activity');
     this.onScroll();
@@ -121,16 +127,26 @@ export class ChannelComponent {
 
   private updateMeta(): void {
     if (this.user) {
-      this.metaService.setTitle(`${this.user.name} (@${this.user.username})`);
-      this.metaService.setDescription(
-        this.user.briefdescription || `Subscribe to @${this.user.username}`
-      );
-      this.metaService.setOgUrl(`/${this.user.username.toLowerCase()}`);
-      this.metaService.setOgImage(this.user.avatar_url.master, {
-        width: 2000,
-        height: 1000,
-      });
-      this.metaService.setRobots(this.user.is_mature ? 'noindex' : 'all');
+      const url = `/${this.user.username.toLowerCase()}`;
+      this.metaService
+        .setTitle(`${this.user.name} (@${this.user.username})`)
+        .setDescription(
+          this.user.briefdescription || `Subscribe to @${this.user.username}`
+        )
+        .setOgUrl(url)
+        .setCanonicalUrl(url)
+        .setOgImage(this.user.avatar_url.master, {
+          width: 2000,
+          height: 1000,
+        })
+        .setRobots(
+          this.user['subscribers_count'] < MIN_METRIC_FOR_ROBOTS
+            ? 'noindex'
+            : 'all'
+        );
+      if (this.user.is_mature || this.user.nsfw.length) {
+        this.metaService.setNsfw(true);
+      }
     } else if (this.username) {
       this.metaService.setTitle(this.username);
     } else {
@@ -171,6 +187,7 @@ export class ChannelComponent {
           this.addRecent();
         }
 
+        // this.load() is only called if this.user was not previously set
         this.clientMetaService.recordView(this.user);
       })
       .catch(e => {

src/app/modules/channels/feed/feed.spec.ts

@@ -91,6 +91,7 @@ describe('ChannelFeed', () => {
       impressions: 18200,
       pinned_posts: ['a', 'b', 'c'],
       mode: ChannelMode.PUBLIC,
+      nsfw: [],
     };
     comp.feed = [
       { guid: 'aaaa' },

src/app/modules/channels/sidebar/sidebar.spec.ts

@@ -191,6 +191,7 @@ describe('ChannelSidebar', () => {
       subscribers_count: 182,
       impressions: 18200,
       mode: ChannelMode.PUBLIC,
+      nsfw: [],
     };
     comp.editing = false;
     uploadMock.response[`api/v1/channel/avatar`] = {

src/app/modules/channels/social-profiles/social-profiles.html

@@ -10,7 +10,7 @@
     <a
       *ngIf="profile.key && profile.value"
       [href]="getSocialProfileURL(profile.value)"
-      rel="noopener noreferrer"
+      rel="noopener nofollow ugc"
       target="_blank"
       ><i [ngClass]="[ getSocialProfileIconClass(profile) ]"></i
     ></a>

src/app/modules/comments/poster/poster.component.ts

@@ -67,6 +67,7 @@ export class CommentPosterComponent {
   async post(e) {
     e.preventDefault();
 
+    this.attachment.resetPreviewRequests();
     if (this.content.length > this.maxLength) {
       return;
     }

src/app/modules/forms/login/login.html

@@ -89,7 +89,6 @@
         i18n-placeholder="@@M__COMMON__USERNAME"
         autocomplete="username"
         (keydown.enter)="login(); $event.preventDefault();"
-        autofocus
       />
       <div class="m-login__error" *ngIf="!!usernameError">
         <ng-container

src/app/modules/forms/register/register.html

@@ -39,7 +39,6 @@
         readonly
         onfocus="this.removeAttribute('readonly');"
         [class.m-input--hide-placeholder]="showLabels"
-        autofocus
       />
       <div
         class="m-register__error"

src/app/modules/groups/sidebar-markers/sidebar-markers.component.ts

@@ -4,6 +4,8 @@ import {
   ViewChild,
   ChangeDetectorRef,
   HostListener,
+  OnInit,
+  OnDestroy,
   Inject,
   PLATFORM_ID,
 } from '@angular/core';
@@ -20,7 +22,7 @@ import { GroupsService } from '../groups-service';
   selector: 'm-group--sidebar-markers',
   templateUrl: 'sidebar-markers.component.html',
 })
-export class GroupsSidebarMarkersComponent {
+export class GroupsSidebarMarkersComponent implements OnInit, OnDestroy {
   inProgress: boolean = false;
   $updateMarker;
   markers = [];
@@ -46,6 +48,8 @@ export class GroupsSidebarMarkersComponent {
       await this.load(true);
       this.listenForMarkers();
       this.listenForMembershipUpdates();
+    } else {
+      this.inProgress = true; // Server side should start in loading spinner state
     }
   }
 
@@ -58,6 +62,10 @@ export class GroupsSidebarMarkersComponent {
         return;
       }
       if (update.show) {
+        // if the group already exists in the list, don't re-add it
+        if (this.groups.findIndex(g => g.guid == update.guid) !== -1) {
+          return;
+        }
         this.groupsService.load(update.guid).then(group => {
           this.groups.unshift(group);
         });

src/app/modules/hashtags/sidebar-selector/sidebar-selector.component.ts

@@ -38,7 +38,7 @@ export class SidebarSelectorComponent implements OnInit {
   showAll: boolean = true;
   loading: boolean;
   showExtendedList: boolean = false;
-  showTrending: boolean = false;
+  showTrending: boolean = true;
 
   constructor(
     protected topbarHashtagsService: TopbarHashtagsService,

src/app/modules/homepage-v2/homepage-v2.component.html

@@ -5,8 +5,6 @@
   [showBottombar]="false"
   [forceBackground]="false"
   [class.m-homepage__formExperiment]="!!registerForm"
-  pageTitle="Minds Social Network"
-  i18n-pageTitle
 >
   <div class="m-marketing__main m-marketing__section--style-2">
     <div class="m-grid m-marketing__wrapper">
@@ -18,13 +16,11 @@
         </h1>
 
         <h2 ngPreserveWhitespaces i18n>
-          Take back control of your social media
+          {{ headline }}
         </h2>
 
         <p class="m-marketing__description" i18n>
-          A place to have open conversations and bring people together. Free
-          your mind and get paid for creating content, driving traffic and
-          referring friends.
+          {{ description }}
         </p>
 
         <button

src/app/modules/homepage-v2/homepage-v2.component.ts

@@ -8,6 +8,7 @@ import { RegisterForm } from '../forms/register/register';
 import { FeaturesService } from '../../services/features.service';
 import { ConfigsService } from '../../common/services/configs.service';
 import { OnboardingV2Service } from '../onboarding-v2/service/onboarding.service';
+import { MetaService } from '../../common/services/meta.service';
 
 @Component({
   selector: 'm-homepage__v2',
@@ -18,16 +19,19 @@ export class HomepageV2Component {
 
   readonly cdnAssetsUrl: string;
   readonly siteUrl: string;
+  readonly headline = 'Take back control of your social media';
+  readonly description =
+    'A place to have open conversations and bring people together. Free your mind and get paid for creating content, driving traffic and referring friends.';
 
   constructor(
     public client: Client,
     public router: Router,
     public navigation: NavigationService,
     public session: Session,
-    private loginReferrer: LoginReferrerService,
     private featuresService: FeaturesService,
     configs: ConfigsService,
-    private onboardingService: OnboardingV2Service
+    private onboardingService: OnboardingV2Service,
+    private metaService: MetaService
   ) {
     this.cdnAssetsUrl = configs.get('cdn_assets_url');
     this.siteUrl = configs.get('site_url');
@@ -38,6 +42,11 @@ export class HomepageV2Component {
       this.router.navigate(['/newsfeed']);
       return;
     }
+    this.metaService
+      .setTitle(`Minds - ${this.headline}`, false)
+      .setDescription(this.description)
+      .setCanonicalUrl('/')
+      .setOgUrl('/');
   }
 
   registered() {

src/app/modules/legacy/components/cards/activity/activity.html

@@ -21,6 +21,7 @@
         >{{activity.ownerObj.name}}</strong
       >
       <m-channel--badges
+        data-nosnippet
         class="m-channel--badges-activity"
         [user]="activity.ownerObj"
         badges="[ 'admin', 'verified' ]"

src/app/modules/media/view/view.component.html

@@ -272,8 +272,6 @@
             class="mdl-cell mdl-cell--12-col m-media--description"
             *ngIf="entity.description"
             [innerHtml]="entity.description | safe"
-            [hidden]="!descriptionContainer.innerText.trim('')"
-            #descriptionContainer
           ></div>
         </div>
 

src/app/modules/newsfeed/single/single.component.ts

@@ -10,7 +10,10 @@ import { EntitiesService } from '../../../common/services/entities.service';
 import { Client } from '../../../services/api/client';
 import { FeaturesService } from '../../../services/features.service';
 import { ClientMetaService } from '../../../common/services/client-meta.service';
-import { MetaService } from '../../../common/services/meta.service';
+import {
+  MetaService,
+  MIN_METRIC_FOR_ROBOTS,
+} from '../../../common/services/meta.service';
 import { ConfigsService } from '../../../common/services/configs.service';
 
 @Component({
@@ -154,20 +157,38 @@ export class NewsfeedSingleComponent {
 
   private updateMeta(): void {
     const activity = this.activity.remind_object || this.activity;
+
+    const title: string =
+      activity.title ||
+      activity.message ||
+      `@${activity.ownerObj.username}'s post on Minds`;
+
+    let description: string;
+    if (title.length > 60) {
+      description = `...${title.substr(57)}`;
+    } else {
+      description = activity.blurb || '';
+    }
+    description += `. Subscribe to @${activity.ownerObj.username} on Minds`;
+
     this.metaService
-      .setTitle(`@${activity.ownerObj.username} on Minds`)
-      .setDescription(
-        activity.title ||
-          activity.message ||
-          `Subscribe to @${activity.ownerObj.username} on Minds`
-      )
+      .setTitle(title)
+      .setDescription(description)
       .setOgImage(
         activity.custom_type === 'batch'
           ? activity.custom_data[0]['src']
           : activity.thumbnail_src,
         { width: 2000, height: 1000 }
+      )
+      .setCanonicalUrl(`/newsfeed/${activity.guid}`)
+      .setRobots(
+        activity['thumbs:up:count'] >= MIN_METRIC_FOR_ROBOTS ? 'all' : 'noindex'
       );
 
+    if (activity.nsfw.length) {
+      this.metaService.setNsfw(true);
+    }
+
     if (activity.custom_type === 'video') {
       this.metaService.setOgType('video');
       this.metaService.setOgImage(activity.custom_data['thumbnail_src']);

src/app/modules/onboarding-v2/page/onboarding.component.scss

@@ -383,6 +383,7 @@ m-onboarding {
             line-height: 21px;
             padding-left: 8px;
             margin-bottom: 8px;
+            box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
 
             @include m-theme() {
               color: themed($m-grey-800);
@@ -405,6 +406,7 @@ m-onboarding {
               flex-grow: 1;
               display: flex;
               margin-bottom: 8px;
+              box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
 
               .m-phone-input--wrapper {
                 justify-content: flex-start;
@@ -421,6 +423,7 @@ m-onboarding {
 
                   font-size: 16px;
                   line-height: 21px;
+                  box-shadow: none;
 
                   @include m-theme() {
                     color: themed($m-grey-800);

src/app/modules/onboarding-v2/page/onboarding.component.ts

@@ -21,14 +21,14 @@ export class OnboardingComponent implements OnDestroy {
       name: 'Info',
       selected: false,
     },
-    {
-      name: 'Groups',
-      selected: false,
-    },
-    {
-      name: 'Channels',
-      selected: false,
-    },
+    // {
+    //   name: 'Groups',
+    //   selected: false,
+    // },
+    // {
+    //   name: 'Channels',
+    //   selected: false,
+    // },
   ];
   showTitle: boolean = false;
   shown: boolean = false;

src/app/modules/onboarding-v2/steps/channels/channels.component.ts

@@ -9,6 +9,6 @@ export class ChannelsStepComponent {
   constructor(private router: Router) {}
 
   finish() {
-    this.router.navigate(['/newsfeed']);
+    this.router.navigate(['/newsfeed/global/top']);
   }
 }

src/app/modules/onboarding-v2/steps/channels/list/list.component.scss

@@ -4,6 +4,8 @@ m-onboarding__channelList {
 
   .m-onboarding__channelList {
     display: flex;
+    position: relative;
+
     h3 {
       margin: 0;
       font-size: 13px;
@@ -33,6 +35,8 @@ m-onboarding__channelList {
     padding: 0;
     list-style: none;
     width: 100%;
+    max-height: 245px;
+    overflow-y: auto;
   }
 
   .m-channelList__item {
@@ -43,6 +47,27 @@ m-onboarding__channelList {
       border-bottom: 0;
     }
 
+    &:nth-child(4) {
+      & ~ :last-child {
+        position: relative;
+        z-index: 1;
+      }
+
+      & ~ :nth-last-child(2):after {
+        content: '';
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: linear-gradient(
+          to bottom,
+          rgba(255, 255, 255, 0) 0%,
+          #fff 100%
+        );
+        height: 65px;
+      }
+    }
+
     a {
       display: flex;
       text-decoration: none;

src/app/modules/onboarding-v2/steps/channels/list/list.component.ts

@@ -61,7 +61,7 @@ export class ChannelListComponent implements OnInit {
           query,
           nsfw,
         })
-        .setLimit(3)
+        .setLimit(12)
         .setExportUserCounts(true)
         .fetch();
     } catch (e) {

src/app/modules/onboarding-v2/steps/groups/list/list.component.scss

@@ -4,6 +4,8 @@ m-onboarding__groupList {
 
   .m-onboarding__groupList {
     display: flex;
+    position: relative;
+
     h3 {
       margin: 0;
       font-size: 13px;
@@ -33,6 +35,8 @@ m-onboarding__groupList {
     padding: 0;
     list-style: none;
     width: 100%;
+    max-height: 245px;
+    overflow-y: auto;
   }
 
   .m-groupList__item {
@@ -43,6 +47,27 @@ m-onboarding__groupList {
       border-bottom: 0;
     }
 
+    &:nth-child(4) {
+      & ~ :last-child {
+        position: relative;
+        z-index: 1;
+      }
+
+      & ~ :nth-last-child(2):after {
+        content: '';
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: linear-gradient(
+          to bottom,
+          rgba(255, 255, 255, 0) 0%,
+          #fff 100%
+        );
+        height: 65px;
+      }
+    }
+
     a {
       display: flex;
       flex-grow: 1;

src/app/modules/onboarding-v2/steps/groups/list/list.component.ts

@@ -61,7 +61,7 @@ export class GroupListComponent implements OnInit {
           query,
           nsfw,
         })
-        .setLimit(3)
+        .setLimit(12)
         .setCastToActivities(true)
         .fetch();
     } catch (e) {

src/app/modules/onboarding-v2/steps/hashtags/hashtags.component.ts

 import { Component, OnInit } from '@angular/core';
 import { TopbarHashtagsService } from '../../../hashtags/service/topbar.service';
 import { Router } from '@angular/router';
+import { Storage } from '../../../../services/storage';
 
 type Hashtag = {
   value: string;
@@ -16,9 +17,14 @@ export class HashtagsStepComponent implements OnInit {
   error: string;
   inProgress: boolean;
 
-  constructor(private service: TopbarHashtagsService, private router: Router) {}
+  constructor(
+    private service: TopbarHashtagsService,
+    private storage: Storage,
+    private router: Router
+  ) {}
 
   ngOnInit() {
+    this.storage.set('preferred_hashtag_state', '1'); // turn on preferred hashtags for discovery
     this.load();
   }
 

src/app/modules/onboarding-v2/steps/info/info.component.html

@@ -70,7 +70,7 @@
       Skip
     </button>
     <button class="mf-button mf-button--alt" (click)="continue()" i18n>
-      Continue
+      Finish
     </button>
   </div>
 </div>

src/app/modules/onboarding-v2/steps/info/info.component.ts

@@ -24,6 +24,7 @@ export class InfoStepComponent {
   locationError: string;
   date: string;
   dateOfBirthError: string;
+  dateOfBirthChanged: boolean = false;
 
   cities: Array<any> = [];
 
@@ -86,6 +87,9 @@ export class InfoStepComponent {
   }
 
   async updateDateOfBirth() {
+    if (!this.dateOfBirthChanged) {
+      return true;
+    }
     this.dateOfBirthError = null;
 
     try {
@@ -102,6 +106,7 @@ export class InfoStepComponent {
 
   selectedDateChange(date: string) {
     this.date = date;
+    this.dateOfBirthChanged = true;
   }
 
   cancel() {
@@ -112,12 +117,12 @@ export class InfoStepComponent {
   }
 
   skip() {
-    this.router.navigate(['/onboarding', 'groups']);
+    this.router.navigate(['/newsfeed']);
   }
 
   continue() {
     if (this.saveData()) {
-      this.router.navigate(['/onboarding', 'groups']);
+      this.router.navigate(['/newsfeed']);
     }
   }
 

src/app/modules/onboarding-v2/steps/notice/notice.component.ts

@@ -28,7 +28,7 @@ export class NoticeStepComponent implements OnInit {
   }
 
   skip() {
-    this.router.navigate(['/newsfeed']);
+    this.router.navigate(['/newsfeed/global/top']);
   }
 
   isMobile() {

src/app/modules/wallet/tokens/contributions/contributions.component.ts

@@ -2,14 +2,16 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
+  Inject,
+  PLATFORM_ID,
 } from '@angular/core';
 import { Router } from '@angular/router';
+import { isPlatformServer } from '@angular/common';
 
 import { Client } from '../../../../services/api/client';
 import { Session } from '../../../../services/session';
 
 @Component({
-  moduleId: module.id,
   selector: 'm-wallet-token--contributions',
   templateUrl: 'contributions.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -25,7 +27,8 @@ export class WalletTokenContributionsComponent {
     protected client: Client,
     protected cd: ChangeDetectorRef,
     public session: Session,
-    protected router: Router
+    protected router: Router,
+    @Inject(PLATFORM_ID) protected platformId: Object
   ) {}
 
   ngOnInit() {
@@ -45,6 +48,10 @@ export class WalletTokenContributionsComponent {
       return;
     }
 
+    if (isPlatformServer(this.platformId)) {
+      return;
+    }
+
     if (refresh) {
       this.contributions = [];
     }

src/app/services/attachment.spec.ts

@@ -173,4 +173,38 @@ describe('Service: Attachment Service', () => {
     tick(1000);
     expect(clientMock.get).toHaveBeenCalledTimes(1);
   }));
+
+  it('should populate the request array', fakeAsync(() => {
+    spyOn(service, 'addPreviewRequest');
+
+    service.preview('https://github.com/releases');
+    tick(1000);
+
+    expect(service.addPreviewRequest).toHaveBeenCalledTimes(1);
+  }));
+
+  it('should check the request array on response', fakeAsync(() => {
+    spyOn(service, 'getPreviewRequests');
+
+    service.preview('https://github.com/releases');
+    tick(1000);
+
+    expect(service.getPreviewRequests).toHaveBeenCalledTimes(1);
+  }));
+
+  it('should reset the request array when called', fakeAsync(() => {
+    service.addPreviewRequest('https://github.com/releases');
+    expect(service.getPreviewRequests().length).toBe(1);
+
+    service.resetPreviewRequests();
+    tick(1000);
+
+    expect(service.getPreviewRequests().length).toBe(0);
+  }));
+
+  it('should discard changes if request array has been cleared', fakeAsync(() => {
+    service.preview('https://github.com/releases');
+    tick(1000);
+    expect(this.meta).toBeFalsy();
+  }));
 });

src/app/services/attachment.ts

@@ -33,6 +33,7 @@ export class AttachmentService {
   private pendingDelete: boolean = false;
 
   private xhr: XMLHttpRequest = null;
+  private previewRequests: string[] = [];
 
   constructor(
     public session: Session,
@@ -356,7 +357,37 @@ export class AttachmentService {
     this.meta.description = '';
   }
 
-  preview(content: string, detectChangesFn?: Function) {
+  /**
+   * Resets preview requests to null.
+   */
+  resetPreviewRequests(): AttachmentService {
+    this.previewRequests = [];
+    return this;
+  }
+
+  /**
+   * Returns preview requests.
+   */
+  getPreviewRequests(): string[] {
+    return this.previewRequests;
+  }
+
+  /**
+   * Adds a new preview request.
+   * @param { string } url -
+   */
+  addPreviewRequest(url: string): AttachmentService {
+    this.previewRequests.push(url);
+    return this;
+  }
+
+  /**
+   * Gets attachment preview from content.
+   * @param { string } content - Content to be parsed for preview URL.
+   * @param { Function } detectChangesFn - Function to be ran on change emission.
+   * @returns void.
+   */
+  preview(content: string, detectChangesFn?: Function): void {
     let match = content.match(/(\b(https?|ftp|file):\/\/[^\s\]\)]+)/gi),
       url;
 
@@ -389,6 +420,7 @@ export class AttachmentService {
     }
 
     this.attachment.richUrl = url;
+    this.addPreviewRequest(url);
 
     if (detectChangesFn) detectChangesFn();
 
@@ -401,7 +433,7 @@ export class AttachmentService {
       this.clientService
         .get('api/v1/newsfeed/preview', { url })
         .then((data: any) => {
-          if (!data) {
+          if (!data || this.getPreviewRequests().length < 1) {
             this.resetRich();
             if (detectChangesFn) detectChangesFn();
             return;

src/app/services/providers.ts

@@ -50,6 +50,7 @@ import { ConfigsService } from '../common/services/configs.service';
 import { TransferHttpInterceptorService } from './transfer-http-interceptor.service';
 import { CookieHttpInterceptorService } from './api/cookie-http-interceptor.service';
 import { CookieService } from '../common/services/cookie.service';
+import { RedirectService } from '../common/services/redirect.service';
 
 export const MINDS_PROVIDERS: any[] = [
   SiteService,
@@ -186,9 +187,14 @@ export const MINDS_PROVIDERS: any[] = [
   },
   {
     provide: ConfigsService,
-    useFactory: (client, injector) =>
-      new ConfigsService(client, injector.get('QUERY_STRING')),
-    deps: [Client, Injector],
+    useFactory: (client, injector, redirect, location) =>
+      new ConfigsService(
+        client,
+        injector.get('QUERY_STRING'),
+        redirect,
+        location
+      ),
+    deps: [Client, Injector, RedirectService, Location],
   },
   {
     provide: FeaturesService,

src/index.html

@@ -24,6 +24,19 @@
       sizes="16x16"
       href="/en/assets/logos/bulb-16x16.png"
     />
+    <link
+      rel="preload"
+      href="https://cdn-assets.minds.com/front/fonts/material-icons.css"
+      as="style"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      href="https://cdn-assets.minds.com/front/fonts/material-icons.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
 
     <title>Minds</title>
   </head>

tsconfig.json

@@ -19,6 +19,7 @@
     "baseUrl": "./",
     "paths": {
       "fs": [ "./shims/noop" ],
+      "bn.js": [ "../node_modules/bn.js/lib/bn.js" ]
     }
   }
-}
\ No newline at end of file
+}