proje-react-panel 1.1.7 → 1.2.0

package/__tests__/utils/PreloadCacheHelper.test.ts

@@ -0,0 +1,25 @@
+import { OnResult, preloadCacheHelper } from '../../utils/PreloadCacheHelper';
+import { SelectPreloader } from '../../decorators/form/inputs/SelectInput';
+import { describe, expect, it, beforeEach, jest } from '@jest/globals';
+
+interface CacheMap {
+  cache: Map<SelectPreloader<unknown>, { label: string; value: unknown }[]>;
+  asyncQueue: Map<
+    SelectPreloader<unknown>,
+    ((result: { label: string; value: unknown }[]) => Promise<void>)[]
+  >;
+}
+
+describe('PreloadCacheHelper', () => {
+  beforeEach(() => {
+    // Clear the cache before each test
+    (preloadCacheHelper as unknown as CacheMap).cache = new Map();
+    (preloadCacheHelper as unknown as CacheMap).asyncQueue = new Map();
+  });
+
+  it('should maintain singleton instance', () => {
+    const instance1 = preloadCacheHelper;
+    const instance2 = preloadCacheHelper;
+    expect(instance1).toBe(instance2);
+  });
+});

package/jest.config.js

@@ -0,0 +1,18 @@
+/* eslint-env node */
+export default {
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+  roots: ['<rootDir>/src'],
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1',
+  },
+  collectCoverage: true,
+  coverageDirectory: 'coverage',
+  coverageReporters: ['text', 'lcov'],
+  verbose: true,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proje-react-panel",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "type": "module",
   "description": "",
   "author": "SEFA DEMİR",
@@ -10,7 +10,7 @@
   "source": "src/index.ts",
   "types": "dist/index.d.ts",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "jest",
     "build": "rollup -c",
     "lint": "eslint src --ext .ts,.tsx"
   },
@@ -39,6 +39,7 @@
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.2.0",
     "globals": "^16.0.0",
+    "jest": "^29.7.0",
     "prettier": "^3.5.3",
     "prettier-eslint": "^16.3.0",
     "react": "^19.0.0",
@@ -53,6 +54,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "svgicons2svgfont": "^15.0.1",
+    "ts-jest": "^29.3.4",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.31.1",
     "use-sync-external-store": "^1.4.0",

package/src/__tests__/utils/PreloadCacheHelper.test.ts

@@ -0,0 +1,71 @@
+import { OnPreload, OnResult, preloadCacheHelper } from '../../utils/PreloadCacheHelper';
+import { SelectPreloader } from '../../decorators/form/inputs/SelectInput';
+import { describe, expect, it, beforeEach, jest } from '@jest/globals';
+
+interface CacheMap {
+  cache: Map<SelectPreloader<unknown>, { label: string; value: unknown }[]>;
+  asyncQueue: Map<
+    SelectPreloader<unknown>,
+    ((result: { label: string; value: unknown }[]) => Promise<void>)[]
+  >;
+}
+
+describe('PreloadCacheHelper', () => {
+  beforeEach(() => {
+    // Clear the cache before each test
+    (preloadCacheHelper as unknown as CacheMap).cache = new Map();
+    (preloadCacheHelper as unknown as CacheMap).asyncQueue = new Map();
+  });
+
+  // Generated by AI
+  it('should cache and return results for the same key', async () => {
+    const mockSelectPreloaderKey = jest.fn() as SelectPreloader<number>;
+    const mockOnPreload = jest
+      .fn<OnPreload<number>>()
+      .mockResolvedValue([{ label: 'Test', value: 1 }]);
+    const mockOnResult = jest.fn<OnResult<number>>().mockImplementation(() => {
+      return Promise.resolve();
+    });
+
+    await preloadCacheHelper.setOrGetCache(mockSelectPreloaderKey, mockOnResult, mockOnPreload);
+    await preloadCacheHelper.setOrGetCache(mockSelectPreloaderKey, mockOnResult, mockOnPreload);
+
+    expect(mockSelectPreloaderKey).toHaveBeenCalledTimes(0);
+    expect(mockOnPreload).toHaveBeenCalledTimes(1);
+    expect(mockOnResult).toHaveBeenCalledTimes(2);
+  });
+
+  // Generated by AI
+  it('should handle preload errors gracefully', async () => {
+    const mockSelectPreloaderKey = jest.fn() as SelectPreloader<number>;
+    const mockOnPreload = jest
+      .fn<OnPreload<number>>()
+      .mockRejectedValue(new Error('Preload failed'));
+    const mockOnResult = jest
+      .fn<OnResult<number>>()
+      .mockImplementation(async () => Promise.resolve());
+
+    await expect(
+      preloadCacheHelper.setOrGetCache(mockSelectPreloaderKey, mockOnResult, mockOnPreload)
+    ).rejects.toThrow('Preload failed');
+
+    expect(mockOnResult).not.toHaveBeenCalled();
+  });
+
+  // Generated by AI
+  it('should clear async queue after successful preload', async () => {
+    const mockSelectPreloaderKey = jest.fn() as SelectPreloader<number>;
+    const mockOnPreload = jest
+      .fn<OnPreload<number>>()
+      .mockResolvedValue([{ label: 'Test', value: 1 }]);
+    const mockOnResult = jest
+      .fn<OnResult<number>>()
+      .mockImplementation(async () => Promise.resolve());
+
+    await preloadCacheHelper.setOrGetCache(mockSelectPreloaderKey, mockOnResult, mockOnPreload);
+
+    expect((preloadCacheHelper as unknown as CacheMap).asyncQueue.has(mockSelectPreloaderKey)).toBe(
+      false
+    );
+  });
+});

package/src/components/form/Select.tsx

@@ -23,6 +23,7 @@ export function Select<TValue>({ input, fieldName }: SelectProps) {
   const styles = useMemo(() => darkSelectStyles<TValue>(), []);
   useEffect(() => {
     if (inputSelect.onSelectPreloader) {
+      const
       inputSelect.onSelectPreloader().then(option => {
         setOptions(option);
       });

package/src/decorators/form/inputs/SelectInput.ts

@@ -1,7 +1,8 @@
 import { ExtendedInput, ExtendedInputOptions, InputConfiguration, InputOptions } from '../Input';
 
+export type SelectPreloader<T> = () => Promise<{ label: string; value: T }[]>;
 export interface SelectInputOptions<T> extends InputOptions {
-  onSelectPreloader?: () => Promise<{ label: string; value: T }[]>;
+  onSelectPreloader?: SelectPreloader<T>;
   defaultOptions?: { value: T; label: string }[];
   csvExport?: never;
   defaultValue?: never;
@@ -9,7 +10,7 @@ export interface SelectInputOptions<T> extends InputOptions {
 
 export interface SelectInputConfiguration<T> extends InputConfiguration {
   type: 'select';
-  onSelectPreloader?: () => Promise<{ label: string; value: T }[]>;
+  onSelectPreloader?: SelectPreloader<T>;
   defaultOptions?: { value: T; label: string }[];
   csvExport?: never;
   defaultValue?: never;

package/src/utils/PreloadCacheHelper.ts

@@ -0,0 +1,54 @@
+import { SelectPreloader } from '../decorators/form/inputs/SelectInput';
+
+export type OnResult<T> = (result: { label: string; value: T }[]) => Promise<void>;
+export type OnPreload<T> = () => Promise<{ label: string; value: T }[]>;
+
+class PreloadCacheHelper {
+  private static instance: PreloadCacheHelper;
+  private cache: Map<SelectPreloader<unknown>, { label: string; value: unknown }[]>;
+  private asyncQueue: Map<
+    SelectPreloader<unknown>,
+    ((result: { label: string; value: unknown }[]) => Promise<void>)[]
+  >;
+
+  private constructor() {
+    this.cache = new Map();
+  }
+
+  public async setOrGetCache<T>(
+    key: SelectPreloader<T>,
+    onResult: OnResult<T>,
+    onPreload: OnPreload<T>
+  ): Promise<void> {
+    if (this.cache.has(key)) {
+      onResult(this.cache.get(key) as { label: string; value: T }[]);
+      return;
+    }
+    if (this.asyncQueue.get(key) === undefined) {
+      this.asyncQueue.set(key, []);
+    }
+    const length = this.asyncQueue.get(key)!.length;
+    if (!this.asyncQueue.get(key)!.includes(onResult as OnResult<unknown>)) {
+      this.asyncQueue.get(key)?.push(onResult as OnResult<unknown>);
+    } else {
+      return;
+    }
+    if (length > 0) {
+      return;
+    }
+
+    const result = await onPreload();
+    this.cache.set(key, result);
+    this.asyncQueue.get(key)?.forEach(onResult => onResult(result));
+    this.asyncQueue.delete(key);
+  }
+
+  public static getInstance() {
+    if (!PreloadCacheHelper.instance) {
+      PreloadCacheHelper.instance = new PreloadCacheHelper();
+    }
+    return PreloadCacheHelper.instance;
+  }
+}
+
+export const preloadCacheHelper = PreloadCacheHelper.getInstance();