# integration-cross-storage-domain

> Integracion entre dominios, de cualquier plataforma, como por ejemplo REACT y VUE

Latest version **1.2.0** (published 2020-11-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install integration-cross-storage-domain
pnpm add integration-cross-storage-domain
yarn add integration-cross-storage-domain
bun add integration-cross-storage-domain
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2020-11-26 |
| First published | 2020-11-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 10.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | jorge delgadillo |
| Maintainers | jdelgadillo |
| Keywords | integration, storage, cross, domain, pharol |

## Links

- npm: https://www.npmjs.com/package/integration-cross-storage-domain
- Repository: https://github.com/jdelgadilloz1905/integration-cross-storage-domain
- Homepage: https://github.com/jdelgadilloz1905/integration-cross-storage-domain#readme
- Issues: https://github.com/jdelgadilloz1905/integration-cross-storage-domain/issues
- npm.io page: https://npm.io/package/integration-cross-storage-domain

## Alternatives

- [localforage](https://npm.io/package/localforage.md) — 6.2M weekly downloads
- [localforage-observable](https://npm.io/package/localforage-observable.md) — 30.8K weekly downloads
- [@y/y](https://npm.io/package/@y/y.md) — 30.1K weekly downloads
- [@metaobjectsdev/render](https://npm.io/package/@metaobjectsdev/render.md) — 3.5K weekly downloads
- [@ledgerhq/coin-algorand](https://npm.io/package/@ledgerhq/coin-algorand.md) — 1.1K weekly downloads

## Recent versions

- 1.2.0 (latest) — 2020-11-26
- 1.1.9 — 2020-11-24
- 1.1.8 — 2020-11-24
- 1.1.7 — 2020-11-24
- 1.1.6 — 2020-11-20
- 1.1.5 — 2020-11-19
- 1.1.4 — 2020-11-18
- 1.1.3 — 2020-11-18
- 1.1.1 — 2020-11-13

## README

<!-- @format -->

Integracion entre dos dominios de diferente plataforma, en este caso VUE y
REACT, desde una plataforma puedes mandar variables al localStorage en el otro
dominio.

una vez instalado el plugin se debera instalar el paquete 'dotenv' para las URL
permitidas

Crear en el archivo .env la constante REACT_APP_WHITELISTREACT y dentro colocar
las URL o Lista blanca

Ejemplo demostrativo de como pasar una variable del localStorage de VUE a REACT

//Para efectos de demostracion se carga toda la informacion en el mounted para
que realice el envio directo al otro dominio

crear un archivo index.vue

<template>
  <div>
    <h1>ENVIANDO VARIABLES A RECT</h1>
  </div>
</template>
<script>
import Vue from "vue";
import integrationDomain from "integration-cross-storage-domain";

Vue.use(integrationDomain);

export default {

mounted() {

var cdstorage = integrationDomain.crossDomainStorage({ origin:
"http://localhost:8000", path: "/" });

    cdstorage.setItem(
      "variable_3000",
      "Esto es una variable creada desde VUE a REACT..."
    );

    cdstorage.setItem(
      "variable2_3000",
      "Esto es una variable creada desde VUE a REACT...2"
    );

    cdstorage.setItem(
      "variable3_3000",
      "Esto es una variable creada desde VUE a REACT...3"
    );

} };

CREAR ARCHIVO EN REACT PARA RECIBIR LAS VARIABLES DEL LOCALSTORAGE DE VUE

//el componenDidMount se especifica el metodo que va recibir la informacion de
VUE para crear las variables en el localStorage

/\*_ @format _/

import React, { Component } from 'react' import { conectOtherDomain } from
'integration-cross-storage-domain'

class Emisor extends Component { componentDidMount() { conectOtherDomain() }
render() { return ( <div> <h1>RECIBIENDO LAS VARIABLES DE VUE</h1> </div> ) } }

export default Emisor

Tambien se puede aplicar a cualquier otra plataforma que utilice javascript
nativo

---
_Source: https://npm.io/package/integration-cross-storage-domain · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._