1
0

DataStore.ts 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366
  1. /* eslint-disable @typescript-eslint/no-explicit-any */
  2. //#region types
  3. /** Function that takes the data in the old format and returns the data in the new format. Also supports an asynchronous migration. */
  4. type MigrationFunc = (oldData: any) => any | Promise<any>;
  5. /** Dictionary of format version numbers and the function that migrates to them from the previous whole integer */
  6. export type DataMigrationsDict = Record<number, MigrationFunc>;
  7. /** Options for the DataStore instance */
  8. export type DataStoreOptions<TData> =
  9. & {
  10. /**
  11. * A unique internal ID for this data store.
  12. * To avoid conflicts with other scripts, it is recommended to use a prefix that is unique to your script.
  13. * If you want to change the ID, you should make use of the {@linkcode DataStore.migrateId()} method.
  14. */
  15. id: string;
  16. /**
  17. * The default data object to use if no data is saved in persistent storage yet.
  18. * Until the data is loaded from persistent storage with {@linkcode DataStore.loadData()}, this will be the data returned by {@linkcode DataStore.getData()}.
  19. *
  20. * ⚠️ This has to be an object that can be serialized to JSON using `JSON.stringify()`, so no functions or circular references are allowed, they will cause unexpected behavior.
  21. */
  22. defaultData: TData;
  23. /**
  24. * An incremental, whole integer version number of the current format of data.
  25. * If the format of the data is changed in any way, this number should be incremented, in which case all necessary functions of the migrations dictionary will be run consecutively.
  26. *
  27. * ⚠️ Never decrement this number and optimally don't skip any numbers either!
  28. */
  29. formatVersion: number;
  30. /**
  31. * A dictionary of functions that can be used to migrate data from older versions to newer ones.
  32. * The keys of the dictionary should be the format version that the functions can migrate to, from the previous whole integer value.
  33. * The values should be functions that take the data in the old format and return the data in the new format.
  34. * The functions will be run in order from the oldest to the newest version.
  35. * If the current format version is not in the dictionary, no migrations will be run.
  36. */
  37. migrations?: DataMigrationsDict;
  38. /**
  39. * Where the data should be saved (`"GM"` by default).
  40. * The protected methods {@linkcode DataStore.getValue()}, {@linkcode DataStore.setValue()} and {@linkcode DataStore.deleteValue()} are used to interact with the storage.
  41. * `"GM"` storage, `"localStorage"` and `"sessionStorage"` are supported out of the box, but in an extended class you can overwrite those methods to implement any other storage method.
  42. */
  43. storageMethod?: "GM" | "localStorage" | "sessionStorage";
  44. }
  45. & (
  46. | {
  47. /**
  48. * Function to use to encode the data prior to saving it in persistent storage.
  49. * If this is specified, make sure to declare {@linkcode decodeData()} as well.
  50. *
  51. * You can make use of UserUtils' [`compress()`](https://github.com/Sv443-Network/UserUtils?tab=readme-ov-file#compress) function here to make the data use up less space at the cost of a little bit of performance.
  52. * @param data The input data as a serialized object (JSON string)
  53. */
  54. encodeData: (data: string) => string | Promise<string>,
  55. /**
  56. * Function to use to decode the data after reading it from persistent storage.
  57. * If this is specified, make sure to declare {@linkcode encodeData()} as well.
  58. *
  59. * You can make use of UserUtils' [`decompress()`](https://github.com/Sv443-Network/UserUtils?tab=readme-ov-file#decompress) function here to make the data use up less space at the cost of a little bit of performance.
  60. * @returns The resulting data as a valid serialized object (JSON string)
  61. */
  62. decodeData: (data: string) => string | Promise<string>,
  63. }
  64. | {
  65. encodeData?: never,
  66. decodeData?: never,
  67. }
  68. );
  69. //#region class
  70. /**
  71. * Manages a hybrid synchronous & asynchronous persistent JSON database that is cached in memory and persistently saved across sessions using [GM storage](https://wiki.greasespot.net/GM.setValue) (default), [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) or [sessionStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage).
  72. * Supports migrating data from older format versions to newer ones and populating the cache with default data if no persistent data is found.
  73. * Can be overridden to implement any other storage method.
  74. *
  75. * All methods are at least `protected`, so you can easily extend this class and overwrite them to use a different storage method or to add additional functionality.
  76. * Remember that you can call `super.methodName()` in the subclass to access the original method.
  77. *
  78. * ⚠️ The stored data has to be **serializable using `JSON.stringify()`**, meaning no undefined, circular references, etc. are allowed.
  79. * ⚠️ If the storageMethod is left as the default of `"GM"` the directives `@grant GM.getValue` and `@grant GM.setValue` are required. If you then also use the method {@linkcode DataStore.deleteData()}, the extra directive `@grant GM.deleteValue` is needed too.
  80. * ⚠️ Make sure to call {@linkcode loadData()} at least once after creating an instance, or the returned data will be the same as `options.defaultData`
  81. *
  82. * @template TData The type of the data that is saved in persistent storage for the currently set format version (will be automatically inferred from `defaultData` if not provided)
  83. */
  84. export class DataStore<TData extends object = object> {
  85. public readonly id: string;
  86. public readonly formatVersion: number;
  87. public readonly defaultData: TData;
  88. public readonly encodeData: DataStoreOptions<TData>["encodeData"];
  89. public readonly decodeData: DataStoreOptions<TData>["decodeData"];
  90. public readonly storageMethod: Required<DataStoreOptions<TData>>["storageMethod"];
  91. private cachedData: TData;
  92. private migrations?: DataMigrationsDict;
  93. /**
  94. * Creates an instance of DataStore to manage a sync & async database that is cached in memory and persistently saved across sessions.
  95. * Supports migrating data from older versions to newer ones and populating the cache with default data if no persistent data is found.
  96. *
  97. * ⚠️ Requires the directives `@grant GM.getValue` and `@grant GM.setValue` if the storageMethod is left as the default of `"GM"`
  98. * ⚠️ Make sure to call {@linkcode loadData()} at least once after creating an instance, or the returned data will be the same as `options.defaultData`
  99. *
  100. * @template TData The type of the data that is saved in persistent storage for the currently set format version (will be automatically inferred from `defaultData` if not provided) - **This has to be a JSON-compatible object!** (no undefined, circular references, etc.)
  101. * @param options The options for this DataStore instance
  102. */
  103. constructor(options: DataStoreOptions<TData>) {
  104. this.id = options.id;
  105. this.formatVersion = options.formatVersion;
  106. this.defaultData = options.defaultData;
  107. this.cachedData = options.defaultData;
  108. this.migrations = options.migrations;
  109. this.storageMethod = options.storageMethod ?? "GM";
  110. this.encodeData = options.encodeData;
  111. this.decodeData = options.decodeData;
  112. }
  113. //#region public
  114. /**
  115. * Loads the data saved in persistent storage into the in-memory cache and also returns it.
  116. * Automatically populates persistent storage with default data if it doesn't contain any data yet.
  117. * Also runs all necessary migration functions if the data format has changed since the last time the data was saved.
  118. */
  119. public async loadData(): Promise<TData> {
  120. try {
  121. const gmData = await this.getValue(`_uucfg-${this.id}`, JSON.stringify(this.defaultData));
  122. let gmFmtVer = Number(await this.getValue(`_uucfgver-${this.id}`, NaN));
  123. if(typeof gmData !== "string") {
  124. await this.saveDefaultData();
  125. return { ...this.defaultData };
  126. }
  127. const isEncoded = Boolean(await this.getValue(`_uucfgenc-${this.id}`, false));
  128. let saveData = false;
  129. if(isNaN(gmFmtVer)) {
  130. await this.setValue(`_uucfgver-${this.id}`, gmFmtVer = this.formatVersion);
  131. saveData = true;
  132. }
  133. let parsed = await this.deserializeData(gmData, isEncoded);
  134. if(gmFmtVer < this.formatVersion && this.migrations)
  135. parsed = await this.runMigrations(parsed, gmFmtVer);
  136. if(saveData)
  137. await this.setData(parsed);
  138. this.cachedData = { ...parsed };
  139. return this.cachedData;
  140. }
  141. catch(err) {
  142. console.warn("Error while parsing JSON data, resetting it to the default value.", err);
  143. await this.saveDefaultData();
  144. return this.defaultData;
  145. }
  146. }
  147. /**
  148. * Returns a copy of the data from the in-memory cache.
  149. * Use {@linkcode loadData()} to get fresh data from persistent storage (usually not necessary since the cache should always exactly reflect persistent storage).
  150. * @param deepCopy Whether to return a deep copy of the data (default: `false`) - only necessary if your data object is nested and may have a bigger performance impact if enabled
  151. */
  152. public getData(deepCopy = false): TData {
  153. return deepCopy
  154. ? this.deepCopy(this.cachedData)
  155. : { ...this.cachedData };
  156. }
  157. /** Saves the data synchronously to the in-memory cache and asynchronously to the persistent storage */
  158. public setData(data: TData): Promise<void> {
  159. this.cachedData = data;
  160. const useEncoding = this.encodingEnabled();
  161. return new Promise<void>(async (resolve) => {
  162. await Promise.all([
  163. this.setValue(`_uucfg-${this.id}`, await this.serializeData(data, useEncoding)),
  164. this.setValue(`_uucfgver-${this.id}`, this.formatVersion),
  165. this.setValue(`_uucfgenc-${this.id}`, useEncoding),
  166. ]);
  167. resolve();
  168. });
  169. }
  170. /** Saves the default data passed in the constructor synchronously to the in-memory cache and asynchronously to persistent storage */
  171. public async saveDefaultData(): Promise<void> {
  172. this.cachedData = this.defaultData;
  173. const useEncoding = this.encodingEnabled();
  174. return new Promise<void>(async (resolve) => {
  175. await Promise.all([
  176. this.setValue(`_uucfg-${this.id}`, await this.serializeData(this.defaultData, useEncoding)),
  177. this.setValue(`_uucfgver-${this.id}`, this.formatVersion),
  178. this.setValue(`_uucfgenc-${this.id}`, useEncoding),
  179. ]);
  180. resolve();
  181. });
  182. }
  183. /**
  184. * Call this method to clear all persistently stored data associated with this DataStore instance.
  185. * The in-memory cache will be left untouched, so you may still access the data with {@linkcode getData()}
  186. * Calling {@linkcode loadData()} or {@linkcode setData()} after this method was called will recreate persistent storage with the cached or default data.
  187. *
  188. * ⚠️ This requires the additional directive `@grant GM.deleteValue` if the storageMethod is left as the default of `"GM"`
  189. */
  190. public async deleteData(): Promise<void> {
  191. await Promise.all([
  192. this.deleteValue(`_uucfg-${this.id}`),
  193. this.deleteValue(`_uucfgver-${this.id}`),
  194. this.deleteValue(`_uucfgenc-${this.id}`),
  195. ]);
  196. }
  197. /** Returns whether encoding and decoding are enabled for this DataStore instance */
  198. public encodingEnabled(): this is Required<Pick<DataStoreOptions<TData>, "encodeData" | "decodeData">> {
  199. return Boolean(this.encodeData && this.decodeData);
  200. }
  201. //#region migrations
  202. /**
  203. * Runs all necessary migration functions consecutively and saves the result to the in-memory cache and persistent storage and also returns it.
  204. * This method is automatically called by {@linkcode loadData()} if the data format has changed since the last time the data was saved.
  205. * Though calling this method manually is not necessary, it can be useful if you want to run migrations for special occasions like a user importing potentially outdated data that has been previously exported.
  206. *
  207. * If one of the migrations fails, the data will be reset to the default value if `resetOnError` is set to `true` (default). Otherwise, an error will be thrown and no data will be saved.
  208. */
  209. public async runMigrations(oldData: any, oldFmtVer: number, resetOnError = true): Promise<TData> {
  210. if(!this.migrations)
  211. return oldData as TData;
  212. let newData = oldData;
  213. const sortedMigrations = Object.entries(this.migrations)
  214. .sort(([a], [b]) => Number(a) - Number(b));
  215. let lastFmtVer = oldFmtVer;
  216. for(const [fmtVer, migrationFunc] of sortedMigrations) {
  217. const ver = Number(fmtVer);
  218. if(oldFmtVer < this.formatVersion && oldFmtVer < ver) {
  219. try {
  220. const migRes = migrationFunc(newData);
  221. newData = migRes instanceof Promise ? await migRes : migRes;
  222. lastFmtVer = oldFmtVer = ver;
  223. }
  224. catch(err) {
  225. if(!resetOnError)
  226. throw new Error(`Error while running migration function for format version '${fmtVer}'`);
  227. console.error(`Error while running migration function for format version '${fmtVer}' - resetting to the default value.`, err);
  228. await this.saveDefaultData();
  229. return this.getData();
  230. }
  231. }
  232. }
  233. await Promise.all([
  234. this.setValue(`_uucfg-${this.id}`, await this.serializeData(newData)),
  235. this.setValue(`_uucfgver-${this.id}`, lastFmtVer),
  236. this.setValue(`_uucfgenc-${this.id}`, this.encodingEnabled()),
  237. ]);
  238. return this.cachedData = { ...newData as TData };
  239. }
  240. /**
  241. * Tries to migrate the currently saved persistent data from one or more old IDs to the ID set in the constructor.
  242. * If no data exist for the old ID(s), nothing will be done, but some time may still pass trying to fetch the non-existent data.
  243. */
  244. public async migrateId(oldIds: string | string[]): Promise<void> {
  245. const ids = Array.isArray(oldIds) ? oldIds : [oldIds];
  246. await Promise.all(ids.map(async id => {
  247. const data = await this.getValue(`_uucfg-${id}`, JSON.stringify(this.defaultData));
  248. const fmtVer = Number(await this.getValue(`_uucfgver-${id}`, NaN));
  249. const isEncoded = Boolean(await this.getValue(`_uucfgenc-${id}`, false));
  250. if(data === undefined || isNaN(fmtVer))
  251. return;
  252. const parsed = await this.deserializeData(data, isEncoded);
  253. await Promise.allSettled([
  254. this.setValue(`_uucfg-${this.id}`, await this.serializeData(parsed)),
  255. this.setValue(`_uucfgver-${this.id}`, fmtVer),
  256. this.setValue(`_uucfgenc-${this.id}`, isEncoded),
  257. this.deleteValue(`_uucfg-${id}`),
  258. this.deleteValue(`_uucfgver-${id}`),
  259. this.deleteValue(`_uucfgenc-${id}`),
  260. ]);
  261. }));
  262. }
  263. //#region serialization
  264. /** Serializes the data using the optional this.encodeData() and returns it as a string */
  265. protected async serializeData(data: TData, useEncoding = true): Promise<string> {
  266. const stringData = JSON.stringify(data);
  267. if(!this.encodingEnabled() || !useEncoding)
  268. return stringData;
  269. const encRes = this.encodeData(stringData);
  270. if(encRes instanceof Promise)
  271. return await encRes;
  272. return encRes;
  273. }
  274. /** Deserializes the data using the optional this.decodeData() and returns it as a JSON object */
  275. protected async deserializeData(data: string, useEncoding = true): Promise<TData> {
  276. let decRes = this.encodingEnabled() && useEncoding ? this.decodeData(data) : undefined;
  277. if(decRes instanceof Promise)
  278. decRes = await decRes;
  279. return JSON.parse(decRes ?? data) as TData;
  280. }
  281. //#region misc
  282. /** Copies a JSON-compatible object and loses all its internal references in the process */
  283. protected deepCopy<T>(obj: T): T {
  284. return JSON.parse(JSON.stringify(obj));
  285. }
  286. //#region storage
  287. /** Gets a value from persistent storage - can be overwritten in a subclass if you want to use something other than GM storage */
  288. protected async getValue<TValue extends GM.Value = string>(name: string, defaultValue: TValue): Promise<string | TValue> {
  289. switch(this.storageMethod) {
  290. case "localStorage":
  291. return localStorage.getItem(name) as TValue ?? defaultValue;
  292. case "sessionStorage":
  293. return sessionStorage.getItem(name) as string ?? defaultValue;
  294. default:
  295. return GM.getValue<TValue>(name, defaultValue);
  296. }
  297. }
  298. /**
  299. * Sets a value in persistent storage - can be overwritten in a subclass if you want to use something other than GM storage.
  300. * The default storage engines will stringify all passed values like numbers or booleans, so be aware of that.
  301. */
  302. protected async setValue(name: string, value: GM.Value): Promise<void> {
  303. switch(this.storageMethod) {
  304. case "localStorage":
  305. return localStorage.setItem(name, String(value));
  306. case "sessionStorage":
  307. return sessionStorage.setItem(name, String(value));
  308. default:
  309. return GM.setValue(name, String(value));
  310. }
  311. }
  312. /** Deletes a value from persistent storage - can be overwritten in a subclass if you want to use something other than GM storage */
  313. protected async deleteValue(name: string): Promise<void> {
  314. switch(this.storageMethod) {
  315. case "localStorage":
  316. return localStorage.removeItem(name);
  317. case "sessionStorage":
  318. return sessionStorage.removeItem(name);
  319. default:
  320. return GM.deleteValue(name);
  321. }
  322. }
  323. }