@rededor/site-front-end-lib 20.0.26 → 20.0.27

package/core/services/seo/seo.service.ts

@@ -0,0 +1,537 @@
+import { Injectable, DOCUMENT, inject } from '@angular/core';
+import { Meta, Title } from '@angular/platform-browser';
+import { Location } from '@angular/common';
+
+import * as he from 'he';
+
+import { SocialMetaProperties } from '../../models/social-meta-properties.model';
+import { BreadcrumbsItems } from '../../models/breadcrumbs/breadcrumbs-items.model';
+import { BreadcrumbsJsonItem } from '../../models/breadcrumbs/breadcrumbs-json-item.model';
+import { SeoData } from '../../models/seo/seo-data.model';
+import { SeoUnidade } from '../../models/seo/seo-unidade.model';
+import { WpPost } from '../../models/wordpress/post/post.model';
+import { getSiteUrl } from '../../helpers/getSiteUrl.func';
+import { removeHtmlTags } from '../../helpers/removeHtmlTags.func';
+import { LIB_CONFIG, LibConfig } from '../../tokens/LibConfig';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class SeoService {
+  private title = inject(Title);
+  private meta = inject(Meta);
+  private location = inject(Location);
+  private libConfig = inject<LibConfig>(LIB_CONFIG);
+  private document = inject<Document>(DOCUMENT);
+
+  public separator = ' - ';
+  public defaultTitle = 'Rede D’Or';
+  public activeDescription!: string;
+  public sameAs = [
+    'https://www.facebook.com/rededor/',
+    'https://www.instagram.com/rededor_oficial/',
+    'https://www.linkedin.com/company/rededor-saoluiz',
+    'https://twitter.com/rededor',
+  ];
+  public twitterUser = '@rededor';
+
+  private canonicalTag!: HTMLLinkElement;
+  private jsonTag!: HTMLScriptElement;
+  private jsonTagId = 'seoJSON';
+  private breadcrumbsJsonTag!: HTMLScriptElement;
+  private breadcrumbsJsonTagId = 'breadcrumbsJSON';
+
+  public unidade: any = null;
+  public unidadeName: string = '';
+  public unidadePath: string = '';
+  public unidadeSlug: string = '';
+
+  public customJsonType: any[] = [];
+
+  public setFullSeo(data: SeoData) {
+    this.setTitle(data.title.text, !!data.title.sub);
+    this.setDescription(data.description);
+    this.setCanonicalHref(data.canonical);
+    this.setPageJson();
+    this.setSocialTags(data.socialTags);
+  }
+
+  /**
+   * Define tag description da página
+   * @param content conteúdo da descrição <string>
+   */
+  public setDescription(content: string): SeoService {
+    const descTag = this.meta.getTag("name='description'");
+    if (content) {
+      content = he.decode(content);
+      content = removeHtmlTags(content);
+    } else {
+      content = '';
+    }
+    this.activeDescription = content;
+    const tagContent = { name: 'description', content };
+    if (descTag) {
+      this.meta.updateTag(tagContent);
+    } else {
+      this.meta.addTag(tagContent);
+    }
+    return this;
+  }
+
+  /**
+   * Define meta tags para a página
+   * @param tag nome da tag meta
+   * @param content conteúdo da tag meta
+   * @param type tipo de tag meta
+   */
+  public setMetaTag(tag: string, content: string, type = 'name') {
+    const metatag = this.meta.getTag(`${type}='${tag}'`);
+    content = he.decode(content);
+    content = removeHtmlTags(content);
+    const tagContent = {
+      [type]: tag,
+      content,
+    };
+    if (!metatag) {
+      this.meta.addTag(tagContent);
+    } else {
+      this.meta.updateTag(tagContent);
+    }
+    return this;
+  }
+
+  /**
+   * Remove meta tags da página
+   * @param tag nome da tag meta
+   * @param content conteúdo da tag meta
+   * @param attr atributo da tag meta
+   * @param type tipo de tag meta
+   */
+  public removeTag(tag: string, content: string, attr: string, type = 'name') {
+    const metatag = this.meta.getTag(`${type}='${tag}'`);
+    if (metatag) {
+      this.meta.removeTag(`${attr}=${content}`);
+    }
+    return this;
+  }
+
+  /**
+   * Define meta tags para Facebook
+   * @param title título para o facebook
+   * @param description descrição para o facebook
+   * @param url url para definição do facebook
+   * @param img imagem para definição no facebook
+   */
+  public setMetaFacebook(title: string, description: string, url: string, img: string | null = null) {
+    this.setMetaTag('og:url', url, 'property');
+    this.setMetaTag('og:title', title, 'property');
+    this.setMetaTag('og:description', description, 'property');
+    this.setMetaTag('og:type', 'website', 'property');
+    this.setMetaTag('og:image', img ?? '', 'property');
+  }
+
+  /**
+   * Define meta tags para Twitter
+   * @param title título para o twitter
+   * @param description descrição para o twitter
+   * @param url url para o twitter
+   * @param img imagem para definição no twitter
+   */
+  public setMetaTwitter(title: string, description: string, url: string, img: string | null = null) {
+    this.setMetaTag('twitter:site', url, 'name');
+    this.setMetaTag('twitter:title', title, 'name');
+    this.setMetaTag('twitter:description', description, 'name');
+    this.setMetaTag('twitter:image', img ?? '', 'name');
+  }
+
+  /**
+   * Define tags de redes sociais (Twitter e Open Graph)
+   * @param properties
+   */
+  setSocialTags(properties?: SocialMetaProperties) {
+    const pagePath = this.location.path();
+    const siteurl = getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix);
+    let defaultProperties: SocialMetaProperties = {
+      twitterCard: 'summary',
+      twitterSite: this.twitterUser,
+      type: 'website',
+      title: this.getTitle(),
+      description: this.activeDescription || '',
+      url: `${siteurl}${pagePath}`,
+      image: this.libConfig?.logoPath ? `${siteurl}${this.libConfig.logoPath}` : 'https://www.rededorsaoluiz.com.br/assets/imgs/logo-rededor-blue.png',
+    };
+    if (properties) {
+      defaultProperties = { ...defaultProperties, ...properties };
+    }
+    this.setMetaTag('twitter:card', defaultProperties.twitterCard || '', 'name')
+      .setMetaTag('twitter:site', defaultProperties.twitterSite || '', 'name')
+      .setMetaTag('og:type', defaultProperties.type || '', 'property')
+      .setMetaTag('og:title', defaultProperties.title || '', 'property')
+      .setMetaTag('og:description', defaultProperties.description || '', 'property')
+      .setMetaTag('og:url', defaultProperties.url || '', 'property')
+      .setMetaTag('og:image', defaultProperties.image || '', 'property');
+
+    return this;
+  }
+
+  /**
+   * Define título da página
+   * @param title título da página <string>
+   * @param sub Se é subsite acrescenta unidade <boolean>
+   */
+  public setTitle(title: string, sub = false) {
+    if (title && title !== '') {
+      title = he.decode(title);
+      title = removeHtmlTags(title);
+      if (sub) {
+        title = he.decode(`${title}${this.separator}${this.unidadeName}`);
+      }
+      this.title.setTitle(title);
+    }
+    return this;
+  }
+
+  /** Obtem título atual da página */
+  public getTitle(): string {
+    return this.title.getTitle();
+  }
+
+  public set404Title(component: string = 'Default Component') {
+    if (component && component !== '') {
+      component = he.decode(component);
+      component = removeHtmlTags(component);
+      if (this.unidadeName) {
+        component = he.decode(`${component}${this.separator}${this.unidadeName}`);
+      }
+    }
+    const title = `Erro 404 - ${component} - ${this.libConfig?.siteName} - ${this.location.path()}`;
+    this.title.setTitle(title);
+    return this;
+  }
+
+  public set500Title(component: string = 'Default Component') {
+    if (component && component !== '') {
+      component = he.decode(component);
+      component = removeHtmlTags(component);
+      if (this.unidadeName) {
+        component = he.decode(`${component}${this.separator}${this.unidadeName}`);
+      }
+    }
+    const title = `Erro 500 - ${component} - ${this.libConfig?.siteName} - ${this.location.path()}`;
+    this.title.setTitle(title);
+    return this;
+  }
+
+  /** Cria tag script para JSON de breadcrumbs */
+  private createBreadcrumbsJSONTag(): HTMLScriptElement {
+    const tag: HTMLScriptElement = this.document.createElement('script');
+    tag.id = this.breadcrumbsJsonTagId;
+    tag.type = 'application/ld+json';
+    this.document.head.appendChild(tag);
+    this.breadcrumbsJsonTag = tag;
+    return tag;
+  }
+
+  /** Retorna tag para script json de breadcrumbs ou cria se não houver. */
+  private getBreadcrumbsJSONTag(): HTMLScriptElement {
+    const elements = this.document.head.children;
+    let i: number;
+    for (i = 0; i < elements.length; i++) {
+      const elem = elements[i] as HTMLScriptElement;
+      if (elem && elem.id === this.breadcrumbsJsonTagId) {
+        return elem;
+      }
+    }
+    return this.createBreadcrumbsJSONTag();
+  }
+
+  /** Define o JSON de breadcrumbs da página */
+  public setBreadcrumbsJson(items: BreadcrumbsItems[]) {
+    this.breadcrumbsJsonTag = this.getBreadcrumbsJSONTag();
+    const json = {
+      '@context': 'http://schema.org',
+      '@type': 'BreadcrumbList',
+      itemListElement: this.getJsonBreadcrumbItems(items),
+    };
+    this.breadcrumbsJsonTag.innerHTML = JSON.stringify(json);
+    return this;
+  }
+
+  /** Converte itens do breadcrumb em itens do JSON */
+  private getJsonBreadcrumbItems(items: BreadcrumbsItems[]): BreadcrumbsJsonItem[] {
+    const jsonItems = [
+      {
+        '@type': 'ListItem',
+        position: 1,
+        item: { '@id': this.getBreadcrumbItemUrl(['/']), name: he.encode('Página Inicial') },
+      } as BreadcrumbsJsonItem,
+    ];
+    items.forEach((item, i) => {
+      const jsonItem: BreadcrumbsJsonItem = {
+        '@type': 'ListItem',
+        position: i + 2,
+        item: { '@id': this.getBreadcrumbItemUrl(item?.url || []), name: he.encode(item.label) },
+      };
+      jsonItems.push(jsonItem);
+    });
+    return jsonItems;
+  }
+
+  /**
+   * Monta a url do item de breadcrumb proveniente do array de urls
+   * ou do caminho da própria página, conforme caso do último item.
+   */
+  private getBreadcrumbItemUrl(url: string[]): string {
+    const siteurl = getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix);
+    if (!url || url.length <= 0) {
+      const pagePath = this.location.path();
+      return `${siteurl}${pagePath}`;
+    }
+    url = url.filter((u) => u !== this.unidadePath);
+    const unidadePath = this.getUnidadePath();
+    const fullPath = `${unidadePath}/${url.join('/').replace(/^\/?/, '')}`;
+    return `${siteurl}${fullPath}`.replace(/\/$/, '');
+  }
+
+  /** Cria tag script para o JSON de SEO */
+  private createJSONTag(): HTMLScriptElement {
+    const tag: HTMLScriptElement = this.document.createElement('script');
+    tag.id = this.jsonTagId;
+    tag.type = 'application/ld+json';
+    this.document.head.appendChild(tag);
+    this.jsonTag = tag;
+    return tag;
+  }
+
+  /** Retorna tag para script json de breadcrumbs ou cria se não houver. */
+  private getJSONTag(): HTMLScriptElement {
+    const elements = this.document.head.children;
+    let i: number;
+    for (i = 0; i < elements.length; i++) {
+      const elem = elements[i] as HTMLScriptElement;
+      if (elem && elem.id === this.jsonTagId) {
+        return elem;
+      }
+    }
+    return this.createJSONTag();
+  }
+
+  /** Define JSON para SEO somente quando no servidor */
+  public setPageJson() {
+    this.jsonTag = this.getJSONTag();
+
+    const baseGraph = [this.getOrgJson(), this.getWebsiteJson(), this.getWebpageJson()];
+
+    const extendedGraph = this.customJsonType.length ? [...baseGraph, ...this.customJsonType] : baseGraph;
+
+    this.customJsonType = [];
+
+    const json = {
+      '@context': 'http://schema.org',
+      '@graph': extendedGraph,
+    };
+
+    this.jsonTag.innerHTML = JSON.stringify(json);
+
+    return this;
+  }
+
+  /** Obtem JSON da Organização */
+  private getOrgJson() {
+    const siteurl = getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix);
+    return {
+      '@type': 'Organization',
+      '@id': `${siteurl}#organization`,
+      name: this.defaultTitle,
+      keywords: this.libConfig?.keywords,
+      url: `${siteurl}`,
+      sameAs: this.sameAs,
+    };
+  }
+
+  /** Obtem JSON do Website (portal, unidades, etc) */
+  private getWebsiteJson() {
+    const unidadePath = this.getUnidadePath();
+    const siteurl = getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix);
+    return {
+      '@type': 'WebSite',
+      '@id': `${siteurl}${unidadePath}#website`,
+      url: `${siteurl}${unidadePath}`,
+      name: this.unidadeName,
+      keywords: this.libConfig?.keywords,
+    };
+  }
+
+  /** Obtem Json da página */
+  private getWebpageJson() {
+    const unidadePath = this.getUnidadePath();
+    const siteURL = getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix);
+    const pagePath = `${siteURL}${this.location.path()}`;
+    const desc = this.activeDescription ? this.activeDescription : '';
+    return {
+      '@type': 'WebPage',
+      '@id': `${pagePath}#webpage`,
+      url: pagePath,
+      inLanguage: 'pt-BR',
+      name: this.getTitle(),
+      isPartOf: { '@id': `${siteURL}${unidadePath}#website` },
+      about: { '@id': `${siteURL}#organization` },
+      description: desc,
+    };
+  }
+
+  private getUnidadePath() {
+    let unidadePath = '';
+    if (this.unidade && this.unidadePath) {
+      unidadePath = this.unidade?.path === '/' ? '' : this.unidadePath?.substring(0, this.unidadePath?.length - 1);
+    }
+    return unidadePath;
+  }
+
+  /**
+   * Obtém a URL canônica da página.
+   * @returns A URL canônica da página.
+   */
+  public getCanonicalHref(): string {
+    if (!this.canonicalTag) {
+      this.canonicalTag = this.getCanonicalTag();
+    }
+    return this.canonicalTag.href;
+  }
+
+  /** Cria tag para links canonicals no head */
+  private createCanonicalTag(): HTMLLinkElement {
+    const tag = this.document.createElement('link');
+    tag.setAttribute('rel', 'canonical');
+    this.document.head.appendChild(tag);
+    tag.setAttribute('href', this.document.URL);
+    this.canonicalTag = tag;
+    return tag;
+  }
+
+  /** Retorna tag para link canonical existe ou cria se não houver. */
+  private getCanonicalTag(): HTMLLinkElement {
+    const elements = this.document.head.children;
+    let i: number;
+    for (i = 0; i < elements.length; i++) {
+      const elem = elements[i] as HTMLLinkElement;
+      if (elem && elem.tagName === 'LINK' && elem.rel === 'canonical') {
+        return elem;
+      }
+    }
+    return this.createCanonicalTag();
+  }
+
+  /**
+   * Define link canonical da página
+   * @param url url canonical
+   */
+  public setCanonicalHref(url?: string) {
+    if (!this.canonicalTag) {
+      this.canonicalTag = this.getCanonicalTag();
+    }
+
+    let path = this.document.location.pathname;
+
+    if (this.libConfig?.siteSufix && path.includes(this.libConfig?.siteSufix)) {
+      path = path.replace(this.libConfig?.siteSufix, '');
+    }
+
+    if (!path.startsWith('/')) {
+      path = `/${path}`;
+    }
+
+    const canonicalUrl = url && this.isCustomCanonical(url) ? url : `${getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix)}${path}`;
+
+    this.canonicalTag.setAttribute('href', canonicalUrl);
+    return this;
+  }
+
+  /**
+   * Verifica se a URL fornecida é um link canonical personalizado
+   * @param url URL fornecida
+   */
+  public isCustomCanonical(url: string): boolean {
+    const siteurl = getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix);
+    return url.startsWith(siteurl);
+  }
+
+  /**
+   * Obtém uma url válida na aplicação proveniente de uma URL gerada
+   * pelo plugin Yoast para canonical automático.
+   * Ex.: https://wp.rededorsaoluiz.com.br/brasil/especialidades/cardiologia/
+   * @param urlFromWpApi URL canonica gerada pelo Yoast Plugin.
+   */
+  toLocalCanonical(urlFromWpApi: string): string {
+    const apiUrl = this.libConfig?.wpUrl ?? '';
+    const siteurl = getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix);
+    const unidadeSlug = this.unidadeSlug;
+    let converted = urlFromWpApi.replace(apiUrl, siteurl);
+    if (unidadeSlug !== '/' && converted.includes(`/${unidadeSlug}/`)) {
+      converted = converted.replace(`/${unidadeSlug}/`, `${this.unidadePath}`);
+    }
+    return converted;
+  }
+
+  getPostContent(post: WpPost): string {
+    const content = post?.acf?.['rdsl_post_content'] ? post?.acf?.rdsl_post_content?.find((content: any) => content.acf_fc_layout === 'text_html') : null;
+    return content?.content || post.content.rendered || '';
+  }
+
+  addArticleScript(post: WpPost, scriptName: string): void {
+    const postContent = this.getPostContent(post);
+    const postHeaderImage = post?.acf?.['rdsl_post_header_img']
+      ? {
+          url: post?.acf?.['rdsl_post_header_img'].url,
+          width: post?.acf?.['rdsl_post_header_img'].width,
+          height: post?.acf?.['rdsl_post_header_img'].height,
+        }
+      : null;
+
+    const structuredData = {
+      '@context': 'https://schema.org',
+      '@type': 'Article',
+      mainEntityOfPage: `${getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix)}${this.location.path()}`,
+      headline: post.title?.rendered,
+      datePublished: post.date_gmt,
+      publisher: {
+        '@type': 'Organization',
+        name: 'Rede D’Or',
+      },
+      description: post.title?.rendered,
+      articleBody: removeHtmlTags(he.decode(postContent)),
+      dateModified: post.modified_gmt,
+      image: {
+        '@type': 'ImageObject',
+        url: postHeaderImage?.url || post.featured_media_path || '',
+        height: postHeaderImage?.height || '',
+        width: postHeaderImage?.width || '',
+      },
+      author: {
+        '@type': 'Organization',
+        name: 'Rede D’Or',
+      },
+      wordcount: postContent.split(' ').length,
+    };
+
+    const script = this.document.createElement('script');
+
+    script.type = 'application/ld+json';
+    script.id = scriptName;
+    script.innerHTML = JSON.stringify(structuredData);
+
+    this.document.head.appendChild(script);
+  }
+
+  removeArticleScript(scriptName: string): void {
+    const script = this.document.getElementById(scriptName);
+    script?.remove();
+  }
+
+  public setUnidade({ unidade = null, unidadeName = '', unidadePath = '', unidadeSlug = '' }: SeoUnidade) {
+    this.unidade = unidade;
+    this.unidadeName = unidadeName;
+    this.unidadePath = unidadePath;
+    this.unidadeSlug = unidadeSlug;
+  }
+}

package/core/services/server-response/server-response.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ServerResponseService } from './server-response.service';
+
+describe('ServerResponseService', () => {
+  let service: ServerResponseService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ServerResponseService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/core/services/server-response/server-response.service.ts

@@ -0,0 +1,107 @@
+import { Injectable, inject } from '@angular/core';
+import { Response } from 'express';
+import { RESPONSE } from '../../tokens/express.tokens';
+
+export interface IServerResponseService {
+  getHeader(key: string): string;
+  setHeader(key: string, value: string): this;
+  setHeaders(dictionary: { [key: string]: string }): this;
+  appendHeader(key: string, value: string, delimiter?: string): this;
+  setStatus(code: number, message?: string): this;
+  setNotFound(message?: string): this;
+  setError(message?: string): this;
+  setRedirect(redirectParams?: { statusCode: number; message: string; url?: string }): this;
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ServerResponseService implements IServerResponseService {
+  private response = inject(RESPONSE, { optional: true });
+
+  getHeader(key: string): string {
+    if (this.response) {
+      return this.response.getHeader(key) as string;
+    }
+    return '';
+  }
+
+  setHeader(key: string, value: string): this {
+    if (this.response) {
+      this.response.header(key, value);
+    }
+    return this;
+  }
+
+  appendHeader(key: string, value: string, delimiter = ','): this {
+    if (this.response) {
+      const current = this.getHeader(key);
+      if (!current) {
+        return this.setHeader(key, value);
+      }
+      const newValue = [...current.split(delimiter), value].filter((el, i, a) => i === a.indexOf(el)).join(delimiter);
+      this.response.header(key, newValue);
+    }
+    return this;
+  }
+
+  setHeaders(dictionary: { [key: string]: string }): this {
+    if (this.response) {
+      Object.keys(dictionary).forEach((key) => this.setHeader(key, dictionary[key]));
+    }
+    return this;
+  }
+
+  setStatus(code: number, message?: string): this {
+    if (this.response) {
+      this.response.statusCode = code;
+      if (message) {
+        this.response.statusMessage = message;
+      }
+    }
+    return this;
+  }
+
+  setNotFound(message = 'Não encontrado'): this {
+    if (this.response) {
+      this.response.statusCode = 404;
+      this.response.statusMessage = message;
+    }
+    return this;
+  }
+
+  setUnauthorized(message = 'Não autorizado'): this {
+    if (this.response) {
+      this.response.statusCode = 401;
+      this.response.statusMessage = message;
+    }
+    return this;
+  }
+
+  setError(message = 'Erro interno de servidor'): this {
+    if (this.response) {
+      this.response.statusCode = 500;
+      this.response.statusMessage = message;
+    }
+    return this;
+  }
+
+  setRedirect(
+    { statusCode, message, url }: { statusCode?: number; message?: string; url?: string } = {
+      statusCode: 301,
+      message: 'Redirecionado permanentemente',
+      url: undefined,
+    },
+  ): this {
+    if (this.response) {
+      this.response.statusCode = statusCode || 301;
+      this.response.statusMessage = message || 'Redirecionado permanentemente';
+      if (url) {
+        this.response.locals['redirectUrl'] = url; // Utilizado no ssr para redirect
+      }
+    }
+    return this;
+  }
+}
+
+export type HttpCacheDirective = 'public' | 'private' | 'no-store' | 'no-cache' | 'must-revalidate' | 'no-transform' | 'proxy-revalidate';

package/core/services/site-back-end/site-back-end.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { SiteBackendService } from './site-back-end.service';
+
+describe('SiteBackEndService', () => {
+  let service: SiteBackendService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(SiteBackendService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});