use-web-extension-storage

Use browser storage

React hook для web extension storage API

Системные требования

• Node.JS версии 14 и выше
• yarn первой версии, последний стабильный релиз

Особенности

• Поддерживается только storage.local

Как использовать

import React from 'react';
import useBrowserStorage from 'use-web-extension-storage';

const someWebExtensionReactComponent = () => {
    const [someKey, setSomeKey] = useBrowserStorage<boolean>(
        'key-name',
        'key-default-value',
    );

    return (
        <div>
            Storage value: {someKey}
            <br />
            <input
                type="text"
                placeholder="Enter some text"
                value={someKey}
                onChange={(e) => setSomeKey(e.target.value)}
            />
        </div>
    );
};

Разработка

Для связи пакета с проектом можно использовать стандартный инструмент yarn link или пакет yalc.

Документация yalc: https://github.com/wclr/yalc#usage

1. yarn build Сборка production билда

---

2. yarn watch Отсдеживание изменений кода и их сборка

---

3. yarn lint Запуск eslint

---

4. yarn prettier Запуск prettier

---

5. yarn test Запуск unit тестов

Релиз

1. yarn publish Сборка и публикация пакета

Если релиз происходит локально то перед командой yarn publish выполняется команда prepublishOnly. Важно! Если используется yarn версии 2 и выше то prepublishOnly работать не будет.