1. class FormCache {
  2. constructor() {
  3. this.cache = {}; // Store form data and results
  4. this.logLevel = 'verbose'; // Set log level (e.g., 'debug', 'info', 'warn', 'error', 'verbose')
  5. }
  7. _log(message) {
  8. console.log(`[${this.logLevel}] ${message}`);
  9. }
  11. /**
  12. * Caches the result of a web form submission.
  13. * @param {string} formId - Unique identifier for the form.
  14. * @param {object} formData - The form data.
  15. * @param {function} submitForm - Function to submit the form (returns a promise).
  16. * @returns {Promise<any>} - A promise that resolves with the cached result, or rejects if not cached.
  17. */
  18. cacheFormResult(formId, formData, submitForm) {
  19. this._log(`Caching form ${formId} with data: ${JSON.stringify(formData)}`);
  21. const cacheKey = `${formId}-${JSON.stringify(formData)}`;
  23. if (this.cache[cacheKey]) {
  24. this._log(`Retrieving from cache for form ${formId}`);
  25. return this.cache[cacheKey];
  26. }
  28. return submitForm()
  29. .then(result => {
  30. this.cache[cacheKey] = result; // Store the result in the cache
  31. this._log(`Form ${formId} cached successfully.`);
  32. return result;
  33. })
  34. .catch(error => {
  35. this._log(`Error submitting form ${formId}:`, error);
  36. throw error; // Re-throw the error
  37. });
  38. }
  40. /**
  41. * Retrieves a form result from the cache.
  42. * @param {string} formId - Unique identifier for the form.
  43. * @param {object} formData - The form data.
  44. * @returns {any} - The cached result, or undefined if not found.
  45. */
  46. getFormResult(formId, formData) {
  47. const cacheKey = `${formId}-${JSON.stringify(formData)}`;
  49. if (this.cache[cacheKey]) {
  50. this._log(`Retrieving from cache for form ${formId}`);
  51. return this.cache[cacheKey];
  52. } else {
  53. this._log(`Form ${formId} not found in cache.`);
  54. return undefined;
  55. }
  56. }
  58. /**
  59. * Clears the cache.
  60. */
  61. clearCache() {
  62. this._log("Clearing the cache.");
  63. this.cache = {};
  64. }
  65. }
  68. // Example Usage (replace with your actual form submission logic)
  69. // const formCache = new FormCache();
  71. // async function submitMyForm(formData) {
  72. // // Simulate a form submission with a promise
  73. // return new Promise(resolve => {
  74. // setTimeout(() => {
  75. // resolve(`Result for form with data: ${JSON.stringify(formData)}`);
  76. // }, 500);
  77. // });
  78. // }
  80. // async function main() {
  81. // const formId = "my-form";
  82. // const formData = { name: "John Doe", age: 30 };
  84. // // First submission - submit the form
  85. // const result1 = await formCache.cacheFormResult(formId, formData, submitMyForm);
  86. // console.log("First result:", result1);
  88. // // Second submission with the same data - retrieve from cache
  89. // const result2 = formCache.getFormResult(formId, formData);
  90. // console.log("Second result (from cache):", result2);
  92. // //Try getting a non-cached form
  93. // const result3 = formCache.getFormResult('different-form', {a:1});
  94. // console.log("Third result (not cached):", result3);
  96. // //Clear the cache
  97. // formCache.clearCache();
  98. // }
  100. // main();

Add your comment