storage-sync-accessor-decorator

Works only for property assignment cases

Usage

1import { observable } from "mobx";
2import { createStorageSyncDecorator } from "storage-sync-accessor-decorator";
3
4const storageSync = createStorageSyncDecorator({
5  get: ({ key, fallback }) => {
6    return JSON.parse(localStorage.getItem(key) || '')
7  },
8  set: ({ key,value }) => {
9    localStorage.setItem(key, JSON.stringify(value))
10  }
11})
12
13
14class SomeModel {
15  @storageSync({ key: 'foo', fallback: 10 })
16  accessor foo!: number;
17
18  @storageSync({ fallback: 10 }) // key will be 'bar'
19  accessor bar!: number
20
21  @storageSync({ fallback: '100' })
22  @observable
23  accessor baz!: number
24}

other cases

1
2import { createStorage, GetFromStorageConfig } from 'yammies/storage';
3
4export const storage = createStorage({
5  prefix: 'my-prefix',
6});
7
8
9interface StorageSyncDecoratorConfig<T>
10  extends Omit<GetFromStorageConfig<T>, 'key' | 'prefix'> {
11  /**
12   * Ключ хранилища, если не указан, то будет использовано имя свойства
13   */
14  key?: GetFromStorageConfig<T>['key'];
15}
16
17export const storageSync = createStorageSyncDecorator<
18  StorageSyncDecoratorConfig<any>
19>({
20  get: storage.get,
21  set: storage.set,
22});
23