1
0

DataStore.ts 19 KB

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