Use Plugins with Typescript

[damianon]

I'm trying to figure out how to use plugins (expire specifically) while using typescript.
The Store.set method doesn't accept a third parameter (expiration), even if I call Store.addPlugin(Expire)

[Mike-Logit]

@damianon I want to know this as well, specifically for expire.js. Were you able to find a fix? Maybe create your own ts definition file for the parts you use?

[damianon]

No, I ended up creating my on wrapper to expire entries

[EgorVasilev]

@damianon could you please share your solution?

[damianon]

Don't have the code at hand currently, but basically I wrapped the object and added an expiration timestamp. Upon reading the value I checked the timestamp and if expired returned null

[harry0000]

For future reader, try this.

https://github.com/DefinitelyTyped/DefinitelyTyped/blob/03a4c5c3eb10ac287b3400d5d0cdca7ab25b39c7/types/store/store-tests.ts#L68-L91

npm i @types/store

src/@types/store.d.ts

interface StoreJsAPI {
  // expirePlugin
  set(key: string, value: any, expiration: number): any;
}

import * as engine from 'store/src/store-engine';
import * as expirePlugin from 'store/plugins/expire';

const myStore = engine.createStore([], [expirePlugin]);
myStore.set('foo', 'bar', new Date().getTime() + 3000);

I hope this helps.

[laozhengfanle]

ts中,添加了过期时间插件,set方法由于声明的类型缺少第三个参数,导致无法使用set方法

[SoraDevin]

posting the solution to my problem for more convenience:

import engine from "store/src/store-engine";
import expirePlugin from "store/plugins/expire";

declare global {
  interface StoreJsAPI {
    // expirePlugin
    set(key: string, value: any, expiration: number): any;
  }
}

const store = engine.createStore([], [expirePlugin]);
const storeKey = "form-data";
const formExpiryDuration = 1000 * 60 * 60; // 1 Hour

export function getFormData() {
  return store.get(storeKey) || {};
}

export function setFormData(data: any) {
  store.set(
    storeKey,
    Object.assign(getFormData(), data),
    new Date().getTime() + formExpiryDuration,
  );
}

export function clearFormData() {
  store.set(storeKey, {});
}