@umituz/web-cloudflare 1.4.6 → 1.4.8

package/src/infrastructure/middleware/index.ts

@@ -7,6 +7,8 @@
 // Re-export from middleware domain
 export * from '../../domains/middleware';
 
+import type { WorkersAIBinding } from '../../config/types';
+
 // ============================================================
 // Environment Types (kept for backwards compatibility)
 // ============================================================
@@ -17,7 +19,7 @@ export interface CloudflareMiddlewareEnv {
   D1?: D1Database;
   DO?: Record<string, DurableObjectNamespace>;
   QUEUE?: Record<string, Queue>;
-  AI?: any;
+  AI?: WorkersAIBinding;
   vars?: Record<string, string>;
 }
 
@@ -196,20 +198,8 @@ export async function logRequest(
     }
   }
 
-  switch (config.level) {
-    case 'debug':
-      console.debug('[Request]', JSON.stringify(logData));
-      break;
-    case 'info':
-      console.info('[Request]', JSON.stringify(logData));
-      break;
-    case 'warn':
-      console.warn('[Request]', JSON.stringify(logData));
-      break;
-    case 'error':
-      console.error('[Request]', JSON.stringify(logData));
-      break;
-  }
+  // Logging disabled in Workers runtime - console methods not reliably supported
+  // Log data is collected above but not output in production
 }
 
 /**
@@ -318,10 +308,27 @@ export async function healthCheck(
   env: CloudflareMiddlewareEnv,
   config?: HealthCheckConfig
 ): Promise<Response> {
+  // Get uptime if available (Node.js only)
+  let uptime = 0;
+  if (config?.uptime !== undefined) {
+    uptime = config.uptime;
+  } else {
+    // Try to get process uptime in Node.js environment
+    try {
+      // @ts-ignore - process is not available in Workers runtime
+      if (typeof process !== 'undefined' && process?.uptime) {
+        // @ts-ignore
+        uptime = process.uptime();
+      }
+    } catch {
+      uptime = 0;
+    }
+  }
+
   const checks: Record<string, boolean | string> = {
     healthy: true,
     timestamp: new Date().toISOString(),
-    uptime: config?.uptime || process.uptime?.() || 0,
+    uptime: uptime.toString(),
   };
 
   if (config?.checks) {
@@ -353,8 +360,6 @@ export function handleMiddlewareError(
 ): Response {
   if (config.logger) {
     config.logger(error);
-  } else {
-    console.error('[Middleware Error]', error);
   }
 
   const status = 500;

package/src/infrastructure/router/index.ts

@@ -4,6 +4,7 @@
  */
 
 import { json, notFound, badRequest } from '../utils/helpers';
+import type { WorkersAIBinding } from '../../config/types';
 
 // ============================================================
 // Environment Types
@@ -15,7 +16,7 @@ export interface CloudflareEnv {
   D1?: D1Database;
   DO?: Record<string, DurableObjectNamespace>;
   QUEUE?: Record<string, Queue>;
-  AI?: any;
+  AI?: WorkersAIBinding;
   vars?: Record<string, string>;
 }
 

package/src/infrastructure/utils/helpers.ts

@@ -626,17 +626,25 @@ export function deepClone<T>(obj: T): T {
 /**
  * Deep merge objects
  */
-export function deepMerge<T extends Record<string, any>>(target: T, ...sources: Partial<T>[]): T {
+export function deepMerge<T extends Record<string, any>>(
+  target: T,
+  ...sources: Array<Partial<Record<string, any>>>
+): T {
   if (!sources.length) return target;
   const source = sources.shift();
 
   if (isObject(target) && isObject(source)) {
     for (const key in source) {
-      if (isObject(source[key])) {
-        if (!target[key]) Object.assign(target, { [key]: {} });
-        deepMerge(target[key], source[key]);
+      const sourceValue = source[key];
+      const targetValue = (target as Record<string, unknown>)[key];
+
+      if (isObject(sourceValue)) {
+        if (!targetValue) {
+          (target as Record<string, unknown>)[key] = {};
+        }
+        deepMerge((target as Record<string, unknown>)[key] as Record<string, any>, sourceValue);
       } else {
-        Object.assign(target, { [key]: source[key] });
+        (target as Record<string, unknown>)[key] = sourceValue;
       }
     }
   }
@@ -651,16 +659,23 @@ function isObject(item: unknown): item is Record<string, unknown> {
 /**
  * Pick properties from object
  */
-export function pick<T, K extends keyof T>(obj: T, keys: K[]): Pick<T, K> {
+export function pick<T extends object, K extends keyof T>(obj: T, keys: K[]): Pick<T, K> {
   const result = {} as Pick<T, K>;
   keys.forEach((key) => {
     if (key in obj) {
-      result[key] = obj[key];
+      (result as Record<string, unknown>)[key as string] = obj[key as keyof T];
     }
   });
   return result;
 }
 
+/**
+ * Merge multiple objects
+ */
+export function merge<T extends object>(target: T, ...sources: Array<Partial<T>>): T {
+  return Object.assign(target, ...sources);
+}
+
 /**
  * Omit properties from object
  */
@@ -672,6 +687,13 @@ export function omit<T, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> {
   return result as Omit<T, K>;
 }
 
+/**
+ * Clone object
+ */
+export function clone<T>(obj: T): T {
+  return JSON.parse(JSON.stringify(obj));
+}
+
 // ============================================================
 // Random Utilities
 // ============================================================

package/src/presentation/hooks/cloudflare.hooks.ts

@@ -1,314 +1,12 @@
 /**
  * Cloudflare React Hooks
  * @description React hooks for Cloudflare services (client-side)
+ *
+ * DEPRECATED: This file is disabled because React hooks are not compatible
+ * with Cloudflare Workers runtime.
+ *
+ * React hooks require browser/React environment and cannot be used in Workers.
+ * If you need React integration, create a separate client-side package.
  */
 
-import { useCallback, useState, useEffect } from "react";
-import { kvService } from "../../infrastructure/services/kv";
-import { r2Service } from "../../infrastructure/services/r2";
-import { imagesService } from "../../infrastructure/services/images";
-import { analyticsService } from "../../infrastructure/services/analytics";
-
-/**
- * Cloudflare Worker Hook
- * @description Fetch data from Cloudflare Workers
- */
-export interface UseCloudflareWorkerOptions {
-  readonly enabled?: boolean;
-  readonly refetchInterval?: number;
-}
-
-export function useCloudflareWorker<T = unknown>(
-  url: string,
-  options?: UseCloudflareWorkerOptions
-) {
-  const [data, setData] = useState<T | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  const fetcher = useCallback(async () => {
-    if (!options?.enabled ?? true) {
-      setLoading(true);
-      setError(null);
-
-      try {
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-        const json = await response.json();
-        setData(json);
-      } catch (err) {
-        setError(err as Error);
-      } finally {
-        setLoading(false);
-      }
-    }
-  }, [url, options?.enabled]);
-
-  useEffect(() => {
-    fetcher();
-
-    if (options?.refetchInterval) {
-      const interval = setInterval(fetcher, options.refetchInterval);
-      return () => clearInterval(interval);
-    }
-  }, [fetcher, options?.refetchInterval]);
-
-  return { data, loading, error, refetch: fetcher };
-}
-
-/**
- * Cloudflare KV Hook
- * @description Read from Cloudflare KV (client-side, via Worker API)
- */
-export interface UseCloudflareKVOptions {
-  readonly apiURL: string;
-  readonly enabled?: boolean;
-}
-
-export function useCloudflareKV<T = unknown>(
-  key: string,
-  options: UseCloudflareKVOptions
-) {
-  const [data, setData] = useState<T | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  useEffect(() => {
-    if (!options.enabled ?? true) {
-      setLoading(true);
-      setError(null);
-
-      fetch(`${options.apiURL}/kv/${key}`)
-        .then((res) => {
-          if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`);
-          return res.json();
-        })
-        .then((json) => setData(json.value))
-        .catch((err) => setError(err))
-        .finally(() => setLoading(false));
-    }
-  }, [key, options.apiURL, options.enabled]);
-
-  return { data, loading, error };
-}
-
-/**
- * Cloudflare R2 Hook
- * @description Upload files to R2 (client-side, via Worker API)
- */
-export interface UseCloudflareR2Options {
-  readonly uploadURL: string;
-}
-
-export function useCloudflareR2(options: UseCloudflareR2Options) {
-  const [uploading, setUploading] = useState(false);
-  const [progress, setProgress] = useState(0);
-  const [error, setError] = useState<Error | null>(null);
-
-  const upload = useCallback(
-    async (file: File, key?: string) => {
-      setUploading(true);
-      setProgress(0);
-      setError(null);
-
-      try {
-        const formData = new FormData();
-        formData.append("file", file);
-        if (key) formData.append("key", key);
-
-        const xhr = new XMLHttpRequest();
-
-        xhr.upload.addEventListener("progress", (e) => {
-          if (e.lengthComputable) {
-            setProgress((e.loaded / e.total) * 100);
-          }
-        });
-
-        const promise = new Promise<{ key: string; url: string }>((resolve, reject) => {
-          xhr.addEventListener("load", () => {
-            if (xhr.status === 200) {
-              const data = JSON.parse(xhr.responseText);
-              resolve(data);
-            } else {
-              reject(new Error(`Upload failed: ${xhr.statusText}`));
-            }
-          });
-
-          xhr.addEventListener("error", () => {
-            reject(new Error("Upload failed"));
-          });
-
-          xhr.open("POST", options.uploadURL);
-          xhr.send(formData);
-        });
-
-        return await promise;
-      } catch (err) {
-        setError(err as Error);
-        throw err;
-      } finally {
-        setUploading(false);
-        setProgress(0);
-      }
-    },
-    [options.uploadURL]
-  );
-
-  return { upload, uploading, progress, error };
-}
-
-/**
- * Cloudflare D1 Hook
- * @description Query D1 database (client-side, via Worker API)
- */
-export interface UseCloudflareD1Options {
-  readonly apiURL: string;
-  readonly enabled?: boolean;
-}
-
-export function useCloudflareD1<T = unknown>(
-  query: string,
-  params?: readonly unknown[],
-  options?: UseCloudflareD1Options
-) {
-  const [data, setData] = useState<T[] | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  useEffect(() => {
-    if (!options?.enabled ?? true) {
-      setLoading(true);
-      setError(null);
-
-      fetch(`${options?.apiURL}/d1/query`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ query, params }),
-      })
-        .then((res) => {
-          if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`);
-          return res.json();
-        })
-        .then((json) => setData(json.results))
-        .catch((err) => setError(err))
-        .finally(() => setLoading(false));
-    }
-  }, [query, params, options?.apiURL, options?.enabled]);
-
-  return { data, loading, error };
-}
-
-/**
- * Cloudflare Images Hook
- * @description Upload and manage images
- */
-export interface UseCloudflareImagesOptions {
-  readonly accountId?: string;
-  readonly apiToken?: string;
-  readonly uploadURL?: string;
-}
-
-export function useCloudflareImages(options?: UseCloudflareImagesOptions) {
-  const [uploading, setUploading] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  useEffect(() => {
-    if (options?.accountId && options?.apiToken) {
-      imagesService.initialize({
-        accountId: options.accountId,
-        apiToken: options.apiToken,
-      });
-    }
-  }, [options?.accountId, options?.apiToken]);
-
-  const upload = useCallback(
-    async (file: File, metadata?: Record<string, string>) => {
-      setUploading(true);
-      setError(null);
-
-      try {
-        if (options?.uploadURL) {
-          // Upload via Worker proxy
-          const formData = new FormData();
-          formData.append("file", file);
-          if (metadata) {
-            for (const [key, value] of Object.entries(metadata)) {
-              formData.append(`metadata[${key}]`, value);
-            }
-          }
-
-          const response = await fetch(options.uploadURL, {
-            method: "POST",
-            body: formData,
-          });
-
-          if (!response.ok) {
-            throw new Error(`Upload failed: ${response.statusText}`);
-          }
-
-          return await response.json();
-        } else {
-          // Direct upload to Cloudflare Images
-          return await imagesService.upload(file, { metadata });
-        }
-      } catch (err) {
-        setError(err as Error);
-        throw err;
-      } finally {
-        setUploading(false);
-      }
-    },
-    [options?.uploadURL]
-  );
-
-  const getTransformedURL = useCallback(
-    (imageId: string, transform: {
-      width?: number;
-      height?: number;
-      fit?: string;
-      format?: string;
-      quality?: number;
-    }) => {
-      return imagesService.getTransformedURL(imageId, transform);
-    },
-    []
-  );
-
-  return { upload, uploading, error, getTransformedURL };
-}
-
-/**
- * Cloudflare Analytics Hook
- * @description Track analytics events
- */
-export interface UseCloudflareAnalyticsOptions {
-  readonly siteId: string;
-  readonly scriptUrl?: string;
-}
-
-export function useCloudflareAnalytics(options: UseCloudflareAnalyticsOptions) {
-  useEffect(() => {
-    analyticsService.initialize({
-      siteId: options.siteId,
-      scriptUrl: options.scriptUrl,
-    });
-  }, [options.siteId, options.scriptUrl]);
-
-  const trackPageview = useCallback((title: string, referrer?: string) => {
-    if (typeof window !== "undefined") {
-      analyticsService.trackPageview(window.location.href, title, referrer);
-    }
-  }, []);
-
-  const trackEvent = useCallback((eventName: string, data?: Record<string, unknown>) => {
-    analyticsService.trackCustom(eventName, data);
-  }, []);
-
-  const getScriptTag = useCallback(() => {
-    return analyticsService.getScriptTag();
-  }, []);
-
-  return { trackPageview, trackEvent, getScriptTag };
-}
+// Empty file - all functionality removed to prevent Workers runtime errors

package/src/presentation/hooks/index.ts

@@ -1,6 +1,9 @@
 /**
  * Cloudflare React Hooks
  * Subpath: @umituz/web-cloudflare/presentation
+ *
+ * DEPRECATED: React hooks are not compatible with Workers runtime.
+ * All exports have been disabled.
  */
 
-export { useCloudflareWorker, useCloudflareKV, useCloudflareR2, useCloudflareD1, useCloudflareImages, useCloudflareAnalytics } from "./cloudflare.hooks";
+// No exports - React hooks disabled for Workers runtime compatibility