@groundbrick/sveltekit-adapter 0.1.0

package/dist/client/ApiClient.d.ts

@@ -0,0 +1,17 @@
+import type { ApiClientConfig, RequestOptions } from '../types/index.js';
+export declare class ApiClient {
+    private config;
+    private logger;
+    constructor(config: ApiClientConfig);
+    get<T = unknown>(endpoint: string, options?: RequestOptions): Promise<T>;
+    post<T = unknown>(endpoint: string, data?: unknown, options?: RequestOptions): Promise<T>;
+    put<T = unknown>(endpoint: string, data?: unknown, options?: RequestOptions): Promise<T>;
+    patch<T = unknown>(endpoint: string, data?: unknown, options?: RequestOptions): Promise<T>;
+    delete<T = unknown>(endpoint: string, options?: RequestOptions): Promise<T>;
+    private request;
+    private prepareBody;
+    private fetchWithTimeout;
+    requestWithRetry<T>(endpoint: string, options?: RequestOptions, retries?: number): Promise<T>;
+}
+export declare function createApiClient(config: ApiClientConfig): ApiClient;
+//# sourceMappingURL=ApiClient.d.ts.map

package/dist/client/ApiClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiClient.d.ts","sourceRoot":"","sources":["../../src/client/ApiClient.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAe,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtF,qBAAa,SAAS;IAGN,OAAO,CAAC,MAAM;IAF1B,OAAO,CAAC,MAAM,CAAS;gBAEH,MAAM,EAAE,eAAe;IAerC,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;IAIxE,IAAI,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;IASzF,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;IAQxF,KAAK,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;IAQ1F,MAAM,CAAC,CAAC,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;YAQnE,OAAO;IAwFrB,OAAO,CAAC,WAAW;YAYL,gBAAgB;IAuBxB,gBAAgB,CAAC,CAAC,EACpB,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,cAAmB,EAC5B,OAAO,GAAE,MAAiC,GAC3C,OAAO,CAAC,CAAC,CAAC;CAgChB;AAMD,wBAAgB,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,CAElE"}

package/dist/client/ApiClient.js

@@ -0,0 +1,184 @@
+import { createLogger } from '@groundbrick/logger';
+export class ApiClient {
+    config;
+    logger;
+    constructor(config) {
+        this.config = config;
+        this.logger = createLogger().child('api-client');
+    }
+    // ============================================================================
+    // AUTHENTICATION STATUS
+    // ============================================================================
+    // Authentication is now handled via HttpOnly cookies server-side
+    // Client no longer needs to manage tokens
+    // ============================================================================
+    // HTTP METHODS
+    // ============================================================================
+    async get(endpoint, options) {
+        return this.request(endpoint, { ...options, method: 'GET' });
+    }
+    async post(endpoint, data, options) {
+        const resp = await this.request(endpoint, {
+            ...options,
+            method: 'POST',
+            body: this.prepareBody(data)
+        });
+        return resp;
+    }
+    async put(endpoint, data, options) {
+        return this.request(endpoint, {
+            ...options,
+            method: 'PUT',
+            body: this.prepareBody(data)
+        });
+    }
+    async patch(endpoint, data, options) {
+        return this.request(endpoint, {
+            ...options,
+            method: 'PATCH',
+            body: this.prepareBody(data)
+        });
+    }
+    async delete(endpoint, options) {
+        return this.request(endpoint, { ...options, method: 'DELETE' });
+    }
+    // ============================================================================
+    // CORE REQUEST METHOD
+    // ============================================================================
+    async request(endpoint, options = {}) {
+        const url = `${this.config.baseUrl}${endpoint}`;
+        const timeout = options.timeout || this.config.timeout || 10000;
+        this.logger.debug('Making API request', {
+            method: options.method || 'GET',
+            url,
+            credentials: 'include' // HttpOnly cookies sent automatically
+        });
+        // Prepare headers - don't set Content-Type for FormData (browser will set with boundary)
+        const headers = {
+            ...this.config.defaultHeaders,
+            ...options.headers,
+        };
+        // Handle Content-Type based on body type
+        if (options.body instanceof FormData) {
+            // For FormData, remove any Content-Type header to let browser set it with boundary
+            delete headers['Content-Type'];
+        }
+        else {
+            // For regular requests, ensure JSON content type
+            headers['Content-Type'] = 'application/json';
+        }
+        // HttpOnly cookies are sent automatically with credentials: 'include'
+        // Create request options
+        const requestOptions = {
+            ...options,
+            headers,
+            credentials: 'include', // Include cookies for authentication
+        };
+        let response;
+        const startTime = Date.now();
+        try {
+            // Make request with timeout
+            response = await this.fetchWithTimeout(url, requestOptions, timeout);
+            const duration = Date.now() - startTime;
+            this.logger.debug('API request completed', {
+                url,
+                status: response.status,
+                duration
+            });
+        }
+        catch (error) {
+            const duration = Date.now() - startTime;
+            this.logger.error('API request failed', error, {
+                url,
+                duration,
+                method: options.method
+            });
+            throw new Error(`Network error: ${error.message}`);
+        }
+        // Handle response
+        let responseData;
+        try {
+            responseData = await response.json();
+        }
+        catch (error) {
+            throw new Error('Invalid JSON response from server');
+        }
+        // Handle error responses
+        if (!response.ok) {
+            const errorMessage = responseData.error || `HTTP ${response.status}: ${response.statusText}`;
+            this.logger.warn('API request returned error', {
+                url,
+                status: response.status,
+                error: errorMessage
+            });
+            // Just throw the error with status info - let the caller handle it
+            return responseData;
+        }
+        return responseData;
+    }
+    // ============================================================================
+    // UTILITY METHODS
+    // ============================================================================
+    prepareBody(data) {
+        if (!data)
+            return undefined;
+        // If it's already FormData, use it as-is
+        if (data instanceof FormData) {
+            return data;
+        }
+        // For regular objects, stringify to JSON
+        return JSON.stringify(data);
+    }
+    async fetchWithTimeout(url, options, timeout) {
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), timeout);
+        try {
+            const response = await fetch(url, {
+                ...options,
+                signal: controller.signal
+            });
+            return response;
+        }
+        finally {
+            clearTimeout(timeoutId);
+        }
+    }
+    // ============================================================================
+    // RETRY MECHANISM
+    // ============================================================================
+    async requestWithRetry(endpoint, options = {}, retries = this.config.retries || 3) {
+        let lastError;
+        for (let attempt = 1; attempt <= retries; attempt++) {
+            try {
+                return await this.request(endpoint, options);
+            }
+            catch (error) {
+                lastError = error;
+                this.logger.warn('Request attempt failed', {
+                    attempt,
+                    retries,
+                    error: lastError.message,
+                    endpoint
+                });
+                // Don't retry on authentication errors or client errors (4xx)
+                if (lastError.message.includes('Authentication required') ||
+                    lastError.message.includes('HTTP 4')) {
+                    throw lastError;
+                }
+                // Wait before retrying (exponential backoff)
+                if (attempt < retries) {
+                    const delay = Math.pow(2, attempt - 1) * 1000;
+                    await new Promise(resolve => setTimeout(resolve, delay));
+                }
+            }
+        }
+        throw lastError;
+    }
+}
+// ============================================================================
+// FACTORY FUNCTION
+// ============================================================================
+export function createApiClient(config) {
+    return new ApiClient(config);
+}
+//# sourceMappingURL=ApiClient.js.map

package/dist/client/ApiClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiClient.js","sourceRoot":"","sources":["../../src/client/ApiClient.ts"],"names":[],"mappings":"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"}

package/dist/client/NotificationComponent.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Simple notification component for SvelteKit apps
+ * Copy this to your app and customize as needed
+ */
+export declare const NotificationTemplate = "\n<script lang=\"ts\">\n  import { notifications, removeNotification } from '@groundbrick/sveltekit-adapter/client';\n  \n  function getNotificationClass(type: string): string {\n    const baseClass = 'alert alert-dismissible fade show';\n    switch (type) {\n      case 'success':\n        return baseClass + ' alert-success';\n      case 'error':\n        return baseClass + ' alert-danger';\n      case 'warning':\n        return baseClass + ' alert-warning';\n      case 'info':\n        return baseClass + ' alert-info';\n      default:\n        return baseClass + ' alert-secondary';\n    }\n  }\n\n  function getNotificationIcon(type: string): string {\n    switch (type) {\n      case 'success':\n        return '\u2705';\n      case 'error':\n        return '\u274C';\n      case 'warning':\n        return '\u26A0\uFE0F';\n      case 'info':\n        return '\u2139\uFE0F';\n      default:\n        return '\uD83D\uDCE2';\n    }\n  }\n</script>\n\n<!-- Notification Container -->\n{#if $notifications.length > 0}\n  <div class=\"notification-container position-fixed top-0 end-0 p-3\" style=\"z-index: 1050;\">\n    {#each $notifications as notification (notification.id)}\n      <div class=\"{getNotificationClass(notification.type)}\" role=\"alert\">\n        <div class=\"d-flex align-items-start\">\n          <span class=\"me-2\">{getNotificationIcon(notification.type)}</span>\n          <div class=\"flex-grow-1\">\n            {#if notification.title}\n              <h6 class=\"alert-heading mb-1\">{notification.title}</h6>\n            {/if}\n            <div>{notification.message}</div>\n          </div>\n          <button \n            type=\"button\" \n            class=\"btn-close\" \n            aria-label=\"Close\"\n            on:click={() => removeNotification(notification.id)}\n          ></button>\n        </div>\n      </div>\n    {/each}\n  </div>\n{/if}\n\n<style>\n  .notification-container {\n    max-width: 400px;\n  }\n  \n  .alert {\n    margin-bottom: 1rem;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  }\n  \n  @media (max-width: 576px) {\n    .notification-container {\n      left: 0.75rem;\n      right: 0.75rem;\n      max-width: none;\n    }\n  }\n</style>\n";
+export declare const usageInstructions = "\nTo use the notification system in your SvelteKit app:\n\n1. Copy the NotificationTemplate above to a new component file (e.g., src/lib/components/Notifications.svelte)\n\n2. Add it to your app's root layout (src/app.html or src/routes/+layout.svelte):\n\n```svelte\n<script>\n  import { useNavigationNotificationClear } from '@groundbrick/sveltekit-adapter/client';\n  import Notifications from '$lib/components/Notifications.svelte';\n  \n  // Enable auto-clearing of notifications on navigation\n  useNavigationNotificationClear();\n</script>\n\n<!-- Your app content -->\n<main>\n  <slot />\n</main>\n\n<!-- Notifications -->\n<Notifications />\n```\n\n3. Use the notification functions in your pages:\n\n```svelte\n<script>\n  import { showSuccess, showError, showWarning, showInfo } from '@groundbrick/sveltekit-adapter/client';\n  \n  async function saveData() {\n    try {\n      await apiClient.post('/data', formData);\n      showSuccess('Data saved successfully!');\n    } catch (error) {\n      showError('Failed to save data. Please try again.');\n    }\n  }\n</script>\n```\n\n4. Customize the notification component styling to match your app's design.\n";
+//# sourceMappingURL=NotificationComponent.d.ts.map

package/dist/client/NotificationComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationComponent.d.ts","sourceRoot":"","sources":["../../src/client/NotificationComponent.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,eAAO,MAAM,oBAAoB,2qEA+EhC,CAAC;AAGF,eAAO,MAAM,iBAAiB,spCA2C7B,CAAC"}

package/dist/client/NotificationComponent.js

@@ -0,0 +1,131 @@
+/**
+ * Simple notification component for SvelteKit apps
+ * Copy this to your app and customize as needed
+ */
+// This is a template component. Copy to your app's components folder and customize.
+export const NotificationTemplate = `
+<script lang="ts">
+  import { notifications, removeNotification } from '@groundbrick/sveltekit-adapter/client';
+  
+  function getNotificationClass(type: string): string {
+    const baseClass = 'alert alert-dismissible fade show';
+    switch (type) {
+      case 'success':
+        return baseClass + ' alert-success';
+      case 'error':
+        return baseClass + ' alert-danger';
+      case 'warning':
+        return baseClass + ' alert-warning';
+      case 'info':
+        return baseClass + ' alert-info';
+      default:
+        return baseClass + ' alert-secondary';
+    }
+  }
+
+  function getNotificationIcon(type: string): string {
+    switch (type) {
+      case 'success':
+        return '✅';
+      case 'error':
+        return '❌';
+      case 'warning':
+        return '⚠️';
+      case 'info':
+        return 'ℹ️';
+      default:
+        return '📢';
+    }
+  }
+</script>
+
+<!-- Notification Container -->
+{#if $notifications.length > 0}
+  <div class="notification-container position-fixed top-0 end-0 p-3" style="z-index: 1050;">
+    {#each $notifications as notification (notification.id)}
+      <div class="{getNotificationClass(notification.type)}" role="alert">
+        <div class="d-flex align-items-start">
+          <span class="me-2">{getNotificationIcon(notification.type)}</span>
+          <div class="flex-grow-1">
+            {#if notification.title}
+              <h6 class="alert-heading mb-1">{notification.title}</h6>
+            {/if}
+            <div>{notification.message}</div>
+          </div>
+          <button 
+            type="button" 
+            class="btn-close" 
+            aria-label="Close"
+            on:click={() => removeNotification(notification.id)}
+          ></button>
+        </div>
+      </div>
+    {/each}
+  </div>
+{/if}
+
+<style>
+  .notification-container {
+    max-width: 400px;
+  }
+  
+  .alert {
+    margin-bottom: 1rem;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  }
+  
+  @media (max-width: 576px) {
+    .notification-container {
+      left: 0.75rem;
+      right: 0.75rem;
+      max-width: none;
+    }
+  }
+</style>
+`;
+// Usage instructions
+export const usageInstructions = `
+To use the notification system in your SvelteKit app:
+
+1. Copy the NotificationTemplate above to a new component file (e.g., src/lib/components/Notifications.svelte)
+
+2. Add it to your app's root layout (src/app.html or src/routes/+layout.svelte):
+
+\`\`\`svelte
+<script>
+  import { useNavigationNotificationClear } from '@groundbrick/sveltekit-adapter/client';
+  import Notifications from '$lib/components/Notifications.svelte';
+  
+  // Enable auto-clearing of notifications on navigation
+  useNavigationNotificationClear();
+</script>
+
+<!-- Your app content -->
+<main>
+  <slot />
+</main>
+
+<!-- Notifications -->
+<Notifications />
+\`\`\`
+
+3. Use the notification functions in your pages:
+
+\`\`\`svelte
+<script>
+  import { showSuccess, showError, showWarning, showInfo } from '@groundbrick/sveltekit-adapter/client';
+  
+  async function saveData() {
+    try {
+      await apiClient.post('/data', formData);
+      showSuccess('Data saved successfully!');
+    } catch (error) {
+      showError('Failed to save data. Please try again.');
+    }
+  }
+</script>
+\`\`\`
+
+4. Customize the notification component styling to match your app's design.
+`;
+//# sourceMappingURL=NotificationComponent.js.map

package/dist/client/NotificationComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationComponent.js","sourceRoot":"","sources":["../../src/client/NotificationComponent.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,oFAAoF;AACpF,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EnC,CAAC;AAEF,qBAAqB;AACrB,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ChC,CAAC"}