@blinkdotnew/sdk 0.13.2 → 0.14.1

package/README.md

@@ -195,23 +195,31 @@ const unsubscribe = blink.auth.onAuthStateChanged((state) => {
 
 ### Database Operations
 
+**🎉 NEW: Automatic Case Conversion!**  
+The SDK now automatically converts between JavaScript camelCase and SQL snake_case:
+- **Write code in camelCase**: `userId`, `createdAt`, `isCompleted`
+- **Stored as snake_case**: `user_id`, `created_at`, `is_completed`
+- **No manual conversion needed!**
+
 ```typescript
 // Create (ID auto-generated if not provided)
 const todo = await blink.db.todos.create({
   id: 'todo_12345', // Optional - auto-generated if not provided
   title: 'Learn Blink SDK',
-  user_id: user.id
+  userId: user.id,        // camelCase in code
+  createdAt: new Date(),  // camelCase in code
+  isCompleted: false      // camelCase in code
 })
 
-// Read with filtering - returns a plain array of records
+// Read with filtering - returns camelCase fields
 const todos = await blink.db.todos.list({
   where: {
     AND: [
-      { user_id: user.id },
+      { userId: user.id },                    // camelCase in filters
       { OR: [{ status: 'open' }, { priority: 'high' }] }
     ]
   },
-  orderBy: { created_at: 'desc' },
+  orderBy: { createdAt: 'desc' },           // camelCase in orderBy
   limit: 20
 })
 // `todos` is a direct array: Todo[]

package/dist/index.js

@@ -67,6 +67,28 @@ var BlinkNotificationsError = class extends BlinkError {
 };
 
 // ../core/src/query-builder.ts
+function camelToSnake(str) {
+  return str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
+}
+function convertFilterKeysToSnakeCase(condition) {
+  if (!condition) return condition;
+  if ("AND" in condition) {
+    return {
+      AND: condition.AND?.map(convertFilterKeysToSnakeCase)
+    };
+  }
+  if ("OR" in condition) {
+    return {
+      OR: condition.OR?.map(convertFilterKeysToSnakeCase)
+    };
+  }
+  const converted = {};
+  for (const [field, value] of Object.entries(condition)) {
+    const snakeField = camelToSnake(field);
+    converted[snakeField] = value;
+  }
+  return converted;
+}
 function buildFilterQuery(condition) {
   if (!condition) return "";
   if ("AND" in condition) {
@@ -140,12 +162,14 @@ function encodeQueryValue(value) {
 function buildQuery(options = {}) {
   const params = {};
   if (options.select && options.select.length > 0) {
-    params.select = options.select.join(",");
+    const snakeFields = options.select.map(camelToSnake);
+    params.select = snakeFields.join(",");
   } else {
     params.select = "*";
   }
   if (options.where) {
-    const filterQuery = buildFilterQuery(options.where);
+    const convertedWhere = convertFilterKeysToSnakeCase(options.where);
+    const filterQuery = buildFilterQuery(convertedWhere);
     if (filterQuery) {
       const filterParams = filterQuery.split("&");
       for (const param of filterParams) {
@@ -160,7 +184,7 @@ function buildQuery(options = {}) {
     if (typeof options.orderBy === "string") {
       params.order = options.orderBy;
     } else {
-      const orderClauses = Object.entries(options.orderBy).map(([field, direction]) => `${field}.${direction}`);
+      const orderClauses = Object.entries(options.orderBy).map(([field, direction]) => `${camelToSnake(field)}.${direction}`);
       params.order = orderClauses.join(",");
     }
   }
@@ -177,6 +201,34 @@ function buildQuery(options = {}) {
 }
 
 // ../core/src/http-client.ts
+function camelToSnake2(str) {
+  return str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
+}
+function snakeToCamel(str) {
+  return str.replace(/_([a-z])/g, (_, letter) => letter.toUpperCase());
+}
+function convertKeysToSnakeCase(obj) {
+  if (obj === null || obj === void 0) return obj;
+  if (typeof obj !== "object") return obj;
+  if (Array.isArray(obj)) return obj.map(convertKeysToSnakeCase);
+  const converted = {};
+  for (const [key, value] of Object.entries(obj)) {
+    const snakeKey = camelToSnake2(key);
+    converted[snakeKey] = convertKeysToSnakeCase(value);
+  }
+  return converted;
+}
+function convertKeysToCamelCase(obj) {
+  if (obj === null || obj === void 0) return obj;
+  if (typeof obj !== "object") return obj;
+  if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
+  const converted = {};
+  for (const [key, value] of Object.entries(obj)) {
+    const camelKey = snakeToCamel(key);
+    converted[camelKey] = convertKeysToCamelCase(value);
+  }
+  return converted;
+}
 var HttpClient = class {
   authUrl = "https://blink.new";
   coreUrl = "https://core.blink.new";
@@ -260,45 +312,86 @@ var HttpClient = class {
    */
   // Table operations (PostgREST-compatible)
   async dbGet(table, searchParams) {
-    return this.get(`/api/db/${this.projectId}/rest/v1/${table}`, searchParams);
+    const response = await this.get(`/api/db/${this.projectId}/rest/v1/${table}`, searchParams);
+    const convertedData = convertKeysToCamelCase(response.data);
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   async dbPost(table, body, options = {}) {
     const headers = {};
     if (options.returning) {
       headers.Prefer = "return=representation";
     }
-    return this.post(`/api/db/${this.projectId}/rest/v1/${table}`, body, headers);
+    const convertedBody = convertKeysToSnakeCase(body);
+    const response = await this.post(`/api/db/${this.projectId}/rest/v1/${table}`, convertedBody, headers);
+    const convertedData = convertKeysToCamelCase(response.data);
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   async dbPatch(table, body, searchParams, options = {}) {
     const headers = {};
     if (options.returning) {
       headers.Prefer = "return=representation";
     }
-    return this.request(`/api/db/${this.projectId}/rest/v1/${table}`, {
+    const convertedBody = convertKeysToSnakeCase(body);
+    const response = await this.request(`/api/db/${this.projectId}/rest/v1/${table}`, {
       method: "PATCH",
-      body,
+      body: convertedBody,
       headers,
       searchParams
     });
+    const convertedData = convertKeysToCamelCase(response.data);
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   async dbDelete(table, searchParams, options = {}) {
     const headers = {};
     if (options.returning) {
       headers.Prefer = "return=representation";
     }
-    return this.request(`/api/db/${this.projectId}/rest/v1/${table}`, {
+    const response = await this.request(`/api/db/${this.projectId}/rest/v1/${table}`, {
       method: "DELETE",
       headers,
       searchParams
     });
+    const convertedData = convertKeysToCamelCase(response.data);
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   // Raw SQL operations
   async dbSql(query, params) {
-    return this.post(`/api/db/${this.projectId}/sql`, { query, params });
+    const response = await this.post(`/api/db/${this.projectId}/sql`, { query, params });
+    const convertedData = {
+      ...response.data,
+      rows: convertKeysToCamelCase(response.data.rows)
+    };
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   // Batch SQL operations
   async dbBatch(statements, mode = "write") {
-    return this.post(`/api/db/${this.projectId}/batch`, { statements, mode });
+    const response = await this.post(`/api/db/${this.projectId}/batch`, { statements, mode });
+    const convertedData = {
+      ...response.data,
+      results: response.data.results.map((result) => ({
+        ...result,
+        rows: convertKeysToCamelCase(result.rows)
+      }))
+    };
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   /**
    * Upload file with progress tracking
@@ -837,7 +930,17 @@ var BlinkAuth = class {
    * Redirect to Blink auth page
    */
   login(nextUrl) {
-    const redirectUrl = nextUrl || (typeof window !== "undefined" ? window.location.href : "");
+    let redirectUrl = nextUrl || (typeof window !== "undefined" ? window.location.href : "");
+    if (redirectUrl && typeof window !== "undefined") {
+      try {
+        const url = new URL(redirectUrl);
+        url.searchParams.delete("redirect_url");
+        url.searchParams.delete("redirect");
+        redirectUrl = url.toString();
+      } catch (e) {
+        console.warn("Failed to parse redirect URL:", e);
+      }
+    }
     const authUrl = new URL("/auth", this.authUrl);
     authUrl.searchParams.set("redirect_url", redirectUrl);
     if (this.config.projectId) {
@@ -1164,8 +1267,15 @@ var BlinkAuth = class {
       issuedAt: tokensWithTimestamp.issued_at
     });
     if (persist && typeof window !== "undefined") {
-      localStorage.setItem("blink_tokens", JSON.stringify(tokensWithTimestamp));
-      console.log("\u{1F4BE} Tokens persisted to localStorage");
+      try {
+        localStorage.setItem("blink_tokens", JSON.stringify(tokensWithTimestamp));
+        console.log("\u{1F4BE} Tokens persisted to localStorage");
+      } catch (error) {
+        console.log("\u{1F4A5} Error persisting tokens to localStorage:", error);
+        if (error instanceof DOMException && error.name === "SecurityError") {
+          console.log("\u{1F6AB} localStorage access blocked - running in cross-origin iframe");
+        }
+      }
     }
     let user = null;
     try {
@@ -1208,7 +1318,11 @@ var BlinkAuth = class {
   }
   clearTokens() {
     if (typeof window !== "undefined") {
-      localStorage.removeItem("blink_tokens");
+      try {
+        localStorage.removeItem("blink_tokens");
+      } catch (error) {
+        console.log("\u{1F4A5} Error clearing tokens from localStorage:", error);
+      }
     }
     this.updateAuthState({
       user: null,
@@ -1223,7 +1337,9 @@ var BlinkAuth = class {
       const stored = localStorage.getItem("blink_tokens");
       console.log("\u{1F50D} Checking localStorage for tokens:", {
         hasStoredData: !!stored,
-        storedLength: stored?.length || 0
+        storedLength: stored?.length || 0,
+        origin: window.location.origin,
+        isIframe: window.self !== window.top
       });
       if (stored) {
         const tokens = JSON.parse(stored);
@@ -1237,8 +1353,10 @@ var BlinkAuth = class {
       }
       return null;
     } catch (error) {
-      console.log("\u{1F4A5} Error parsing stored tokens:", error);
-      localStorage.removeItem("blink_tokens");
+      console.log("\u{1F4A5} Error accessing localStorage:", error);
+      if (error instanceof DOMException && error.name === "SecurityError") {
+        console.log("\u{1F6AB} localStorage access blocked - likely due to cross-origin iframe restrictions");
+      }
       return null;
     }
   }

package/dist/index.mjs

@@ -65,6 +65,28 @@ var BlinkNotificationsError = class extends BlinkError {
 };
 
 // ../core/src/query-builder.ts
+function camelToSnake(str) {
+  return str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
+}
+function convertFilterKeysToSnakeCase(condition) {
+  if (!condition) return condition;
+  if ("AND" in condition) {
+    return {
+      AND: condition.AND?.map(convertFilterKeysToSnakeCase)
+    };
+  }
+  if ("OR" in condition) {
+    return {
+      OR: condition.OR?.map(convertFilterKeysToSnakeCase)
+    };
+  }
+  const converted = {};
+  for (const [field, value] of Object.entries(condition)) {
+    const snakeField = camelToSnake(field);
+    converted[snakeField] = value;
+  }
+  return converted;
+}
 function buildFilterQuery(condition) {
   if (!condition) return "";
   if ("AND" in condition) {
@@ -138,12 +160,14 @@ function encodeQueryValue(value) {
 function buildQuery(options = {}) {
   const params = {};
   if (options.select && options.select.length > 0) {
-    params.select = options.select.join(",");
+    const snakeFields = options.select.map(camelToSnake);
+    params.select = snakeFields.join(",");
   } else {
     params.select = "*";
   }
   if (options.where) {
-    const filterQuery = buildFilterQuery(options.where);
+    const convertedWhere = convertFilterKeysToSnakeCase(options.where);
+    const filterQuery = buildFilterQuery(convertedWhere);
     if (filterQuery) {
       const filterParams = filterQuery.split("&");
       for (const param of filterParams) {
@@ -158,7 +182,7 @@ function buildQuery(options = {}) {
     if (typeof options.orderBy === "string") {
       params.order = options.orderBy;
     } else {
-      const orderClauses = Object.entries(options.orderBy).map(([field, direction]) => `${field}.${direction}`);
+      const orderClauses = Object.entries(options.orderBy).map(([field, direction]) => `${camelToSnake(field)}.${direction}`);
       params.order = orderClauses.join(",");
     }
   }
@@ -175,6 +199,34 @@ function buildQuery(options = {}) {
 }
 
 // ../core/src/http-client.ts
+function camelToSnake2(str) {
+  return str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
+}
+function snakeToCamel(str) {
+  return str.replace(/_([a-z])/g, (_, letter) => letter.toUpperCase());
+}
+function convertKeysToSnakeCase(obj) {
+  if (obj === null || obj === void 0) return obj;
+  if (typeof obj !== "object") return obj;
+  if (Array.isArray(obj)) return obj.map(convertKeysToSnakeCase);
+  const converted = {};
+  for (const [key, value] of Object.entries(obj)) {
+    const snakeKey = camelToSnake2(key);
+    converted[snakeKey] = convertKeysToSnakeCase(value);
+  }
+  return converted;
+}
+function convertKeysToCamelCase(obj) {
+  if (obj === null || obj === void 0) return obj;
+  if (typeof obj !== "object") return obj;
+  if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
+  const converted = {};
+  for (const [key, value] of Object.entries(obj)) {
+    const camelKey = snakeToCamel(key);
+    converted[camelKey] = convertKeysToCamelCase(value);
+  }
+  return converted;
+}
 var HttpClient = class {
   authUrl = "https://blink.new";
   coreUrl = "https://core.blink.new";
@@ -258,45 +310,86 @@ var HttpClient = class {
    */
   // Table operations (PostgREST-compatible)
   async dbGet(table, searchParams) {
-    return this.get(`/api/db/${this.projectId}/rest/v1/${table}`, searchParams);
+    const response = await this.get(`/api/db/${this.projectId}/rest/v1/${table}`, searchParams);
+    const convertedData = convertKeysToCamelCase(response.data);
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   async dbPost(table, body, options = {}) {
     const headers = {};
     if (options.returning) {
       headers.Prefer = "return=representation";
     }
-    return this.post(`/api/db/${this.projectId}/rest/v1/${table}`, body, headers);
+    const convertedBody = convertKeysToSnakeCase(body);
+    const response = await this.post(`/api/db/${this.projectId}/rest/v1/${table}`, convertedBody, headers);
+    const convertedData = convertKeysToCamelCase(response.data);
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   async dbPatch(table, body, searchParams, options = {}) {
     const headers = {};
     if (options.returning) {
       headers.Prefer = "return=representation";
     }
-    return this.request(`/api/db/${this.projectId}/rest/v1/${table}`, {
+    const convertedBody = convertKeysToSnakeCase(body);
+    const response = await this.request(`/api/db/${this.projectId}/rest/v1/${table}`, {
       method: "PATCH",
-      body,
+      body: convertedBody,
       headers,
       searchParams
     });
+    const convertedData = convertKeysToCamelCase(response.data);
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   async dbDelete(table, searchParams, options = {}) {
     const headers = {};
     if (options.returning) {
       headers.Prefer = "return=representation";
     }
-    return this.request(`/api/db/${this.projectId}/rest/v1/${table}`, {
+    const response = await this.request(`/api/db/${this.projectId}/rest/v1/${table}`, {
       method: "DELETE",
       headers,
       searchParams
     });
+    const convertedData = convertKeysToCamelCase(response.data);
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   // Raw SQL operations
   async dbSql(query, params) {
-    return this.post(`/api/db/${this.projectId}/sql`, { query, params });
+    const response = await this.post(`/api/db/${this.projectId}/sql`, { query, params });
+    const convertedData = {
+      ...response.data,
+      rows: convertKeysToCamelCase(response.data.rows)
+    };
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   // Batch SQL operations
   async dbBatch(statements, mode = "write") {
-    return this.post(`/api/db/${this.projectId}/batch`, { statements, mode });
+    const response = await this.post(`/api/db/${this.projectId}/batch`, { statements, mode });
+    const convertedData = {
+      ...response.data,
+      results: response.data.results.map((result) => ({
+        ...result,
+        rows: convertKeysToCamelCase(result.rows)
+      }))
+    };
+    return {
+      ...response,
+      data: convertedData
+    };
   }
   /**
    * Upload file with progress tracking
@@ -835,7 +928,17 @@ var BlinkAuth = class {
    * Redirect to Blink auth page
    */
   login(nextUrl) {
-    const redirectUrl = nextUrl || (typeof window !== "undefined" ? window.location.href : "");
+    let redirectUrl = nextUrl || (typeof window !== "undefined" ? window.location.href : "");
+    if (redirectUrl && typeof window !== "undefined") {
+      try {
+        const url = new URL(redirectUrl);
+        url.searchParams.delete("redirect_url");
+        url.searchParams.delete("redirect");
+        redirectUrl = url.toString();
+      } catch (e) {
+        console.warn("Failed to parse redirect URL:", e);
+      }
+    }
     const authUrl = new URL("/auth", this.authUrl);
     authUrl.searchParams.set("redirect_url", redirectUrl);
     if (this.config.projectId) {
@@ -1162,8 +1265,15 @@ var BlinkAuth = class {
       issuedAt: tokensWithTimestamp.issued_at
     });
     if (persist && typeof window !== "undefined") {
-      localStorage.setItem("blink_tokens", JSON.stringify(tokensWithTimestamp));
-      console.log("\u{1F4BE} Tokens persisted to localStorage");
+      try {
+        localStorage.setItem("blink_tokens", JSON.stringify(tokensWithTimestamp));
+        console.log("\u{1F4BE} Tokens persisted to localStorage");
+      } catch (error) {
+        console.log("\u{1F4A5} Error persisting tokens to localStorage:", error);
+        if (error instanceof DOMException && error.name === "SecurityError") {
+          console.log("\u{1F6AB} localStorage access blocked - running in cross-origin iframe");
+        }
+      }
     }
     let user = null;
     try {
@@ -1206,7 +1316,11 @@ var BlinkAuth = class {
   }
   clearTokens() {
     if (typeof window !== "undefined") {
-      localStorage.removeItem("blink_tokens");
+      try {
+        localStorage.removeItem("blink_tokens");
+      } catch (error) {
+        console.log("\u{1F4A5} Error clearing tokens from localStorage:", error);
+      }
     }
     this.updateAuthState({
       user: null,
@@ -1221,7 +1335,9 @@ var BlinkAuth = class {
       const stored = localStorage.getItem("blink_tokens");
       console.log("\u{1F50D} Checking localStorage for tokens:", {
         hasStoredData: !!stored,
-        storedLength: stored?.length || 0
+        storedLength: stored?.length || 0,
+        origin: window.location.origin,
+        isIframe: window.self !== window.top
       });
       if (stored) {
         const tokens = JSON.parse(stored);
@@ -1235,8 +1351,10 @@ var BlinkAuth = class {
       }
       return null;
     } catch (error) {
-      console.log("\u{1F4A5} Error parsing stored tokens:", error);
-      localStorage.removeItem("blink_tokens");
+      console.log("\u{1F4A5} Error accessing localStorage:", error);
+      if (error instanceof DOMException && error.name === "SecurityError") {
+        console.log("\u{1F6AB} localStorage access blocked - likely due to cross-origin iframe restrictions");
+      }
       return null;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkdotnew/sdk",
-  "version": "0.13.2",
+  "version": "0.14.1",
   "description": "Blink TypeScript SDK for client-side applications - Zero-boilerplate CRUD + auth + AI + analytics + notifications for modern SaaS/AI apps",
   "keywords": [
     "blink",