Describe the bug A clear and concise deion of what the bug

Hello <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-ur

No problem <a class="user-mention notranslate" data-hovercard-type="user" data-hoverca

Can't getItem,about michelonsouza/encrypt-storage

michelonsouza commented on June 28, 2024

Hello @fernandofas , I hope you are well.
Unless you assign the encrypt-storage instance to the window it will never exist in the global context, and I don't advise doing that in production.

in any <filename>.d.ts file declare this module:

import { EncryptStorage } from 'encrypt-storage';

declare global {
  export interface Window {
    encryptStorage?: EncryptStorage;
  }
}

After that, where to declare your encrypt-storage instance use this code:

const encryptStorage = new EncryptStorage('@secretkey', { prefix: '@instance1' });

window.encryptStorage = encryptStorage;

Hope this helps.

Thanks.

from encrypt-storage.

fernandofas commented on June 28, 2024

Hi there, I'm not using ts files and where do I suppose to place this: declare global { export interface Window { encryptStorage?: EncryptStorage; } } Kind regards, Fernando Fas

…

On Mon, 6 Feb 2023 at 17:33, Michelon Souza ***@***.***> wrote: Hello @fernandofas <https://github.com/fernandofas> , I hope you are well. Unless you assign the encrypt-storage instance to the window it will never exist in the global context, and I don't advise doing that in production. in any <filename>.d.ts file declare this module: import { EncryptStorage } from 'encrypt-storage'; declare global { export interface Window { encryptStorage?: EncryptStorage; }} After that, where to declare your encrypt-storage instance use this code: const encryptStorage = new ***@***.***', { prefix: ***@***.***' }); window.encryptStorage = encryptStorage; Hope this helps. Thanks. — Reply to this email directly, view it on GitHub <#589 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEOL6Q3ID6HLGPVJUE6UNZTWWEYWBANCNFSM6AAAAAAUOZPRHM> . You are receiving this because you were mentioned.Message ID: ***@***.***>

from encrypt-storage.

fernandofas commented on June 28, 2024

If you can send an example that would be clear and would help many other users avoiding sending issues statements on github. Kind regards, Fernando Fas

…

On Mon, 6 Feb 2023 at 17:33, Michelon Souza ***@***.***> wrote: Hello @fernandofas <https://github.com/fernandofas> , I hope you are well. Unless you assign the encrypt-storage instance to the window it will never exist in the global context, and I don't advise doing that in production. in any <filename>.d.ts file declare this module: import { EncryptStorage } from 'encrypt-storage'; declare global { export interface Window { encryptStorage?: EncryptStorage; }} After that, where to declare your encrypt-storage instance use this code: const encryptStorage = new ***@***.***', { prefix: ***@***.***' }); window.encryptStorage = encryptStorage; Hope this helps. Thanks. — Reply to this email directly, view it on GitHub <#589 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEOL6Q3ID6HLGPVJUE6UNZTWWEYWBANCNFSM6AAAAAAUOZPRHM> . You are receiving this because you were mentioned.Message ID: ***@***.***>

from encrypt-storage.

michelonsouza commented on June 28, 2024

No problem @fernandofas,
it would be more or less like this:

using import from node_modules:

import { EncryptStorage } from 'encrypt-storage';

const prefix = '@application-name';
const secret = '@secret-key'; // greater than 10 characters

export const encryptStorage = new EncryptStorage(secret, {
   prefix,
});

// add to global scope
window.encryptStorage = encryptStorage;

using CDNs

<body>
  <!-- ...after other codes -->
  <script src="https://unpkg.com/encrypt-storage@latest/dist/index.js"></script>
  <!-- or <script src="https://cdn.jsdelivr.net/npm/encrypt-storage@latest/dist/index.js"></script> -->
  <script>
    const encryptStorage = new EncryptStorage('secret-key-value', {
      prefix: '@application-name',
    });
    
    // add to global scope
    window.encryptStorage = encryptStorage;
  </script>
</body>

I hope I helped and understood your problem @fernandofas .

Thank you very much for using the library.

from encrypt-storage.

Can't getItem about encrypt-storage HOT 4 CLOSED

Comments (4)

Related Issues (17)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent