nextemos 4.0.7 → 4.0.8

package/dist/config.d.ts

@@ -0,0 +1,16 @@
+export interface IConfig {
+    cacheStrategy: "default" | "no-store" | "no-cache" | "force-cache" | "reload" | "only-if-cached";
+    apiUrl: string | null;
+    cdnUrl: string;
+    videoCdnUrl: string | null;
+    cdnProvider: string | null;
+    thumborSource: string | null;
+}
+export declare const getConfig: () => {
+    cacheStrategy: "default" | "no-store" | "no-cache" | "force-cache" | "reload" | "only-if-cached";
+    apiUrl: string | null;
+    cdnUrl: string;
+    videoCdnUrl: string | null;
+    cdnProvider: string | null;
+    thumborSource: string | null;
+};

package/dist/config.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getConfig = void 0;
+const path_1 = require("path");
+const rc_config_loader_1 = require("rc-config-loader");
+const defaultConfigs = {
+    "cacheStrategy": "no-store",
+    "apiUrl": null,
+    "cdnUrl": "https://images.proj-e.com",
+    "videoCdnUrl": null,
+    "cdnProvider": "medianova",
+    "thumborSource": null
+};
+function loadRcFile() {
+    try {
+        const results = (0, rc_config_loader_1.rcFile)("nextemos", {
+            configFileName: (0, path_1.join)(process.cwd(), '.nextemosrc')
+        });
+        // Not Found
+        if (!results) {
+            return {};
+        }
+        return results.config;
+    }
+    catch (error) {
+        console.log("ERRRR!!!!❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌❌", error);
+        // Found it, but it is parsing error
+        return {}; // default value
+    }
+}
+// Config'i döndür
+const getConfig = () => {
+    // load config
+    const config = loadRcFile();
+    return Object.assign(Object.assign({}, defaultConfigs), config);
+};
+exports.getConfig = getConfig;

package/dist/{helpers → src/helpers}/cdn.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const config_1 = require("config");
 const html_entities_1 = require("html-entities");
-// Ortam değişkenlerinden CDN URL'si alınıyor, tanımlı değilse varsayılan olarak 'https://images.proj-e.com' kullanılıyor
-const CDN_URL = process.env.CDN_URL || 'https://images.proj-e.com';
-const VIDEO_CDN_URL = process.env.VIDEO_CDN_URL || CDN_URL;
-// Ortam değişkenlerinden CDN sağlayıcısı alınıyor
-const CDN_PROVIDER = process.env.CDN_PROVIDER;
+const { cdnUrl, cdnProvider, videoCdnUrl, thumborSource } = (0, config_1.getConfig)();
+const CDN_URL = process.env.CDN_URL || cdnUrl;
+const VIDEO_CDN_URL = process.env.VIDEO_CDN_URL || videoCdnUrl || CDN_URL;
+const CDN_PROVIDER = process.env.CDN_PROVIDER || cdnProvider;
+const THUMBOR_SOURCE = process.env.THUMBOR_SOURCE || thumborSource;
 // CDN işlemleri için kullanılan nesne
 const cdn = {
     // CDN URL'sini döndüren özellik
@@ -93,9 +94,8 @@ const thumborImageProcessor = (props) => {
     // Filtreler birleştirilerek URL'ye ekleniyor
     thumbUrl.push(filters.join(''));
     // Ortam değişkeninden Thumbor kaynağı alınıyor, eğer tanımlıysa URL'ye ekleniyor
-    const source = process.env.THUMBOR_SOURCE || '';
-    if (source)
-        thumbUrl.push(source);
+    if (THUMBOR_SOURCE)
+        thumbUrl.push(THUMBOR_SOURCE);
     // Görüntü yolu ekleniyor
     thumbUrl.push(encodeURI((0, html_entities_1.decode)(props.path)));
     // Sonuç olarak oluşturulan URL döndürülüyor

package/dist/{helpers → src/helpers}/fetchRequest.js

@@ -34,14 +34,16 @@ const fetchRequest = () => {
      */
     const request = (_a) => __awaiter(void 0, void 0, void 0, function* () {
         var { url, method, params } = _a, options = __rest(_a, ["url", "method", "params"]);
+        const { cacheStrategy } = (0, __1.getConfig)();
         const apiURL = new URL(url);
         if (params)
             Object.keys(params).forEach(key => apiURL.searchParams.append(key, params[key]));
         if (method === __1.HTTPMethod.POST)
             options.headers = Object.assign({ ['Content-Type']: 'application/json' }, options.headers);
-        console.log(`Fetch Request: ${method} - ${apiURL} - ${JSON.stringify(options)}`);
+        const requestOptions = Object.assign(Object.assign({ cache: cacheStrategy }, options), { method });
+        console.log(`Fetch Request: ${method} - ${apiURL} - ${JSON.stringify(requestOptions)}`);
         try {
-            const response = yield fetch(apiURL.toString(), Object.assign(Object.assign({}, options), { method }));
+            const response = yield fetch(apiURL.toString(), requestOptions);
             // Headers nesnesini Object'e dönüştürme
             const headers = {};
             if (response === null || response === void 0 ? void 0 : response.headers) {
@@ -56,7 +58,6 @@ const fetchRequest = () => {
                     errorMessage: errorDetail,
                     headers
                 };
-                // throw new Error(`Fetch Request HTTP Error: ${response.status} - ${apiURL} - ${errorDetail}`);
             }
             // response data nesnesini JSON'a dönüştürme.
             const responseData = yield response.json().catch(() => ({}));

package/dist/{index.d.ts → src/index.d.ts}

@@ -1,5 +1,5 @@
 export * from './helpers';
-export * from './hooks';
 export * from './interfaces';
 export * from './enums';
 export * from './services';
+export * from '../config';

package/dist/{index.js → src/index.js}

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./helpers"), exports);
-__exportStar(require("./hooks"), exports);
 __exportStar(require("./interfaces"), exports);
 __exportStar(require("./enums"), exports);
 __exportStar(require("./services"), exports);
+__exportStar(require("../config"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextemos",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "description": "For helpers and hooks used in NextJS projects",
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,26 +26,20 @@
   "license": "ISC",
   "devDependencies": {
     "@types/node": "^20.14.2",
-    "@types/react": "^18.3.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "rimraf": "^5.0.7",
+    "ts-node": "^10.9.2",
     "typescript": "^5.4.5"
   },
-  "peerDependencies": {
-    "react": ">=18"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://PROJE-INC@dev.azure.com/PROJE-INC/FrontEnd/_git/nextemos"
   },
   "keywords": [
-    "react",
-    "nextjs",
     "typescript",
     "nextemos"
   ],
   "dependencies": {
-    "html-entities": "^2.5.2"
+    "html-entities": "^2.5.2",
+    "rc-config-loader": "^4.1.3"
   }
 }

package/dist/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export { default as useFetch } from './useFetch';
-export { default as useLocalStorage } from './useLocalStorage';
-export { default as useMediaQuery } from './useMediaQuery';

package/dist/hooks/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaQuery = exports.useLocalStorage = exports.useFetch = void 0;
-/// hooks
-var useFetch_1 = require("./useFetch");
-Object.defineProperty(exports, "useFetch", { enumerable: true, get: function () { return __importDefault(useFetch_1).default; } });
-var useLocalStorage_1 = require("./useLocalStorage");
-Object.defineProperty(exports, "useLocalStorage", { enumerable: true, get: function () { return __importDefault(useLocalStorage_1).default; } });
-var useMediaQuery_1 = require("./useMediaQuery");
-Object.defineProperty(exports, "useMediaQuery", { enumerable: true, get: function () { return __importDefault(useMediaQuery_1).default; } });

package/dist/hooks/useFetch.d.ts

@@ -1,24 +0,0 @@
-/**
- * Interface for the fetch props.
- */
-interface IFetchProps {
-    method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'HEAD' | 'OPTIONS';
-    url: string;
-    requestOptions?: RequestInit;
-}
-/**
- * Custom hook for making HTTP requests using the fetch API.
- *
- * @param {IFetchProps} param0 - The fetch props.
- * @returns {Object} - An object containing the response, headers, loading state, error, and refetch function.
- */
-declare const useFetch: <T>({ method, url, requestOptions }: IFetchProps) => {
-    response: T | null;
-    loading: boolean;
-    error: string | null;
-    headers: {
-        [key: string]: string;
-    };
-    refetch: () => void;
-};
-export default useFetch;

package/dist/hooks/useFetch.js

@@ -1,88 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-/**
- * Custom hook for making HTTP requests using the fetch API.
- *
- * @param {IFetchProps} param0 - The fetch props.
- * @returns {Object} - An object containing the response, headers, loading state, error, and refetch function.
- */
-const useFetch = ({ method = "GET", url, requestOptions = {} }) => {
-    // State for storing the response data.
-    const [response, setResponse] = (0, react_1.useState)(null);
-    // State for tracking the loading state.
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    // State for storing the error message.
-    const [error, setError] = (0, react_1.useState)(null);
-    // State for storing the response headers.
-    const [headers, setHeader] = (0, react_1.useState)({});
-    // State for triggering a refetch.
-    const [reload, setReload] = (0, react_1.useState)(0);
-    /**
-     * Function for triggering a refetch.
-     */
-    const refetch = () => setReload((prev) => prev + 1);
-    (0, react_1.useEffect)(() => {
-        // Create an AbortController instance to cancel the fetch request if needed.
-        const controller = new AbortController();
-        const signal = controller.signal;
-        /**
-         * Function for fetching the data.
-         */
-        const fetchData = () => __awaiter(void 0, void 0, void 0, function* () {
-            setLoading(true);
-            try {
-                // Make the fetch request with the provided method, URL, and options.
-                const res = yield fetch(url, Object.assign(Object.assign({ method: method.toUpperCase() }, requestOptions), { signal }));
-                // Check if the response is not OK and throw an error.
-                if (!res.ok) {
-                    throw new Error(`Error: ${res.statusText}`);
-                }
-                // Parse the response headers as JSON
-                const _headers = {};
-                res.headers.forEach((value, name) => {
-                    _headers[name] = value;
-                });
-                setHeader(_headers);
-                // Parse the response data as JSON.
-                const data = yield res.json();
-                // Update the response state with the fetched data.
-                setResponse(data);
-            }
-            catch (error) {
-                // Handle any errors that occur during the fetch request.
-                if (error instanceof Error) {
-                    setError(error.message);
-                }
-                else {
-                    setError('An unknown error occurred');
-                }
-            }
-            finally {
-                setLoading(false);
-            }
-        });
-        // Call the fetchData function.
-        fetchData();
-        // Cleanup function to abort the fetch request if the component unmounts or the dependencies change.
-        return () => controller.abort();
-    }, [url, reload]);
-    // Return the response, loading state, error, and refetch function.
-    return {
-        response,
-        loading,
-        error,
-        headers,
-        refetch
-    };
-};
-exports.default = useFetch;

package/dist/hooks/useLocalStorage.d.ts

@@ -1,9 +0,0 @@
-/**
- * Custom hook that synchronizes state with localStorage.
- *
- * @param {string} key - The key to store the value under in localStorage.
- * @param {any} initialValue - The initial value to use if the key does not exist in localStorage.
- * @returns {[any, function]} - The current value stored in localStorage and a function to update it.
- */
-declare const useLocalStorage: (key: string, initialValue: any) => any[];
-export default useLocalStorage;

package/dist/hooks/useLocalStorage.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-/**
- * Custom hook that synchronizes state with localStorage.
- *
- * @param {string} key - The key to store the value under in localStorage.
- * @param {any} initialValue - The initial value to use if the key does not exist in localStorage.
- * @returns {[any, function]} - The current value stored in localStorage and a function to update it.
- */
-const useLocalStorage = (key, initialValue) => {
-    // Initialize the state with a function to read from localStorage or use the initial value
-    const [storedValue, setStoredValue] = (0, react_1.useState)(() => {
-        try {
-            // Attempt to get the item from localStorage using the key
-            const item = window.localStorage.getItem(key);
-            // If the item exists, parse it from JSON; otherwise, return the initial value
-            return item ? JSON.parse(item) : initialValue;
-        }
-        catch (error) {
-            // Log any errors and return the initial value
-            console.error(error);
-            return initialValue;
-        }
-    });
-    /**
-     * Function to update the state and localStorage.
-     *
-     * @param {any} value - The new value to store, or a function that returns the new value.
-     */
-    const setValue = (value) => {
-        try {
-            // Determine the new value to store, supporting functional updates
-            const valueToStore = value instanceof Function ? value(storedValue) : value;
-            // Update the state with the new value
-            setStoredValue(valueToStore);
-            // Store the new value in localStorage as a JSON string
-            window.localStorage.setItem(key, JSON.stringify(valueToStore));
-        }
-        catch (error) {
-            // Log any errors that occur during the update
-            console.error(error);
-        }
-    };
-    // Return the current value and the function to update it
-    return [storedValue, setValue];
-};
-exports.default = useLocalStorage;

package/dist/hooks/useMediaQuery.d.ts

@@ -1,37 +0,0 @@
-interface IWindowSize {
-    width: number;
-    height: number;
-}
-/**
- * useMediaQuery Hook
- *
- * @description
- * A custom React hook that listens for the window size and checks if it matches a specified media query.
- *
- * This hook is particularly useful in responsive design scenarios where you need to render different components
- * or apply different styles based on the screen size (e.g., mobile vs desktop).
- *
- * @param {Object} options - The options for the hook.
- * @param {string} options.query - The media query string to be matched (e.g., '(max-width: 960px)').
- * If not provided, it defaults to a common mobile screen width.
- *
- * @returns {Object} An object containing:
- * - `width` (number): The current width of the window.
- * - `height` (number): The current height of the window.
- * - `isMobile` (boolean): Whether the screen matches the provided media query (typically for mobile screens).
- *
- * @example
- * const { width, height, isMobile } = useMediaQuery({ query: '(max-width: 768px)' });
- *
- * if (isMobile) {
- *   // Render mobile-specific component or apply mobile-specific styles
- * } else {
- *   // Render desktop-specific component or apply desktop-specific styles
- * }
- */
-declare const useMediaQuery: ({ query }?: {
-    query?: string;
-}) => IWindowSize & {
-    isMobile: boolean;
-};
-export default useMediaQuery;

package/dist/hooks/useMediaQuery.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-/**
- * useMediaQuery Hook
- *
- * @description
- * A custom React hook that listens for the window size and checks if it matches a specified media query.
- *
- * This hook is particularly useful in responsive design scenarios where you need to render different components
- * or apply different styles based on the screen size (e.g., mobile vs desktop).
- *
- * @param {Object} options - The options for the hook.
- * @param {string} options.query - The media query string to be matched (e.g., '(max-width: 960px)').
- * If not provided, it defaults to a common mobile screen width.
- *
- * @returns {Object} An object containing:
- * - `width` (number): The current width of the window.
- * - `height` (number): The current height of the window.
- * - `isMobile` (boolean): Whether the screen matches the provided media query (typically for mobile screens).
- *
- * @example
- * const { width, height, isMobile } = useMediaQuery({ query: '(max-width: 768px)' });
- *
- * if (isMobile) {
- *   // Render mobile-specific component or apply mobile-specific styles
- * } else {
- *   // Render desktop-specific component or apply desktop-specific styles
- * }
- */
-const useMediaQuery = ({ query = process.env.NEXT_PUBLIC_MAX_MATCHES || '(max-width: 960px)' } = {}) => {
-    const [windowSize, setWindowSize] = (0, react_1.useState)({ width: 0, height: 0 });
-    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
-    /**
-     * handleResize
-     *
-     * @description
-     * Updates the window size state when the window is resized.
-     */
-    const handleResize = () => {
-        const { innerWidth, innerHeight } = window;
-        setWindowSize({ width: innerWidth, height: innerHeight });
-    };
-    /**
-     * handleChange
-     *
-     * @description
-     * Updates the isMobile state when the media query status changes.
-     */
-    const handleChange = (event) => {
-        setIsMobile(event.matches);
-    };
-    (0, react_1.useEffect)(() => {
-        if (typeof window !== 'undefined') {
-            // Initialize window size and media query match
-            handleResize();
-            const mediaQuery = window.matchMedia(query);
-            setIsMobile(mediaQuery.matches);
-            // Add event listeners
-            mediaQuery.addEventListener('change', handleChange);
-            window.addEventListener('resize', handleResize);
-            // Cleanup event listeners on component unmount
-            return () => {
-                mediaQuery.removeEventListener('change', handleChange);
-                window.removeEventListener('resize', handleResize);
-            };
-        }
-    }, [query]);
-    return Object.assign(Object.assign({}, windowSize), { isMobile });
-};
-exports.default = useMediaQuery;

package/dist/test.d.ts

@@ -1 +0,0 @@
-export default function test(): void;

package/dist/test.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = test;
-const hooks_1 = require("./hooks");
-const services_1 = require("./services");
-function test() {
-    const res = services_1.Service.Blog.GetBlogCategoryTreeRequest({ categoryId: 11 });
-    const resp = (0, hooks_1.useFetch)({
-        url: 'https://api.example.com/blog/categories',
-        method: 'GET',
-        requestOptions: {
-            headers: {
-                'Authorization': 'Bearer YOUR_ACCESS_TOKEN',
-            },
-        },
-    });
-    return;
-}