DataStore.ts 18 KB

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