RA HEADER - Remote Component

Esse componente foi idealizado para ser o primeiro Remote Component a ser usado nos projetos.

Props

• iositeUrl: string
• iosearchUrl: string
• ramaisUrl: string
• unAuthorize: Function

Astro

Para usar o componente é necessário chamar o componente <RemoteComponent>;

import { browser } from 'ra/core';
import { keycloakStore, getResumedUserName } from 'ra/stores';

<RemoteComponent
  clientUrl="http://..."
  ssrUrl="http://..."
  componentProps={{
    iositeUrl: 'http://...'
    iosearchUrl: 'http://...'
    ramaisUrl: 'http://...'
  }}
  modules={{
    'ra/core': { browser },
    'ra/stores': { keycloakStore, getResumedUserName },
    'glider-js': {}
  }}
/>

Any Project

<link
  href="https://storage.googleapis.com/reclameaqui-assets/libraries/header/style.css"
  rel="stylesheet"
/>
...
<div id="header"></div>

<scritp type="module">
  import { Header } from 'https://storage.googleapis.com/reclameaqui-assets/libraries/header/index.js?v8';
  new Header({ hydrate: true, target: document.querySelector('#header'), props: {
    iositeUrl: 'http://...',
    iosearchUrl: 'http://...',
    ramaisUrl: 'http://...',
  } });
</script>

How to deploy

Para STG:

yarn build-deploy -a stg

Para PRD:

yarn build-deploy -a prd