fix: Feed page for search predicates with overlay array predicates (#676)

Using `arrayOverlaps(posts.tags, ['Typescript', 'ORM'])`
this prevents the SQL-driver from throwing an error
with invalid parameterization of values for arrays.

Author: Julienng

src/utils/feed.server.ts

@@ -1,5 +1,5 @@
 import { feedEntries } from '~/db/schema'
-import { eq, and, sql, inArray, gte, lte } from 'drizzle-orm'
+import { eq, and, sql, inArray, gte, lte, arrayOverlaps } from 'drizzle-orm'
 import { getAuthenticatedUser } from './auth.server-helpers'
 import { getEffectiveCapabilities } from './capabilities.server'
 import type { EntryType, ReleaseLevel } from '~/db/schema'
@@ -110,12 +110,7 @@ export function buildFeedQueryConditions(
     filters.libraries &&
     filters.libraries.length > 0
   ) {
-    conditions.push(
-      sql`${feedEntries.libraryIds} && ARRAY[${sql.join(
-        filters.libraries.map((l) => sql`${l}`),
-        sql`, `,
-      )}]::text[]`,
-    )
+    conditions.push(arrayOverlaps(feedEntries.libraryIds, filters.libraries))
   }
 
   // Partner filter (array overlap) - use parameterized array
@@ -124,22 +119,12 @@ export function buildFeedQueryConditions(
     filters.partners &&
     filters.partners.length > 0
   ) {
-    conditions.push(
-      sql`${feedEntries.partnerIds} && ARRAY[${sql.join(
-        filters.partners.map((p) => sql`${p}`),
-        sql`, `,
-      )}]::text[]`,
-    )
+    conditions.push(arrayOverlaps(feedEntries.partnerIds, filters.partners))
   }
 
   // Tag filter (array overlap) - use parameterized array
   if (excludeFacet !== 'tags' && filters.tags && filters.tags.length > 0) {
-    conditions.push(
-      sql`${feedEntries.tags} && ARRAY[${sql.join(
-        filters.tags.map((t) => sql`${t}`),
-        sql`, `,
-      )}]::text[]`,
-    )
+    conditions.push(arrayOverlaps(feedEntries.tags, filters.tags))
   }
 
   // Featured filter

src/utils/showcase.server.ts

@@ -6,7 +6,16 @@ import {
   type ShowcaseStatus,
   type ShowcaseUseCase,
 } from '~/db/schema'
-import { and, eq, or, sql, desc, arrayContains, isNotNull } from 'drizzle-orm'
+import {
+  and,
+  eq,
+  or,
+  sql,
+  desc,
+  arrayContains,
+  isNotNull,
+  arrayOverlaps,
+} from 'drizzle-orm'
 import { requireCapability } from './auth.server'
 import { getEffectiveCapabilities } from './capabilities.server'
 import { libraryIds } from '~/libraries'
@@ -525,10 +534,7 @@ export async function searchShowcasesCore(
 
   if (filters.useCases && filters.useCases.length > 0) {
     conditions.push(
-      sql`${showcases.useCases} && ARRAY[${sql.join(
-        filters.useCases.map((uc) => sql`${uc}`),
-        sql`, `,
-      )}]::showcase_use_case[]`,
+      arrayOverlaps(showcases.useCases, filters.useCases as ShowcaseUseCase[]),
     )
   }
 

src/utils/users.server.ts

@@ -1,7 +1,7 @@
 import { createServerFn } from '@tanstack/react-start'
 import { db } from '~/db/client'
 import { users } from '~/db/schema'
-import { eq, and, or, ilike, sql, asc, desc } from 'drizzle-orm'
+import { eq, and, or, ilike, sql, asc, desc, arrayOverlaps } from 'drizzle-orm'
 import type { InferSelectModel } from 'drizzle-orm'
 import { getAuthenticatedUser } from './auth.server-helpers'
 import { getBulkEffectiveCapabilities } from './capabilities.server'
@@ -109,10 +109,10 @@ export const listUsers = createServerFn({ method: 'POST' })
     ) {
       // Use PostgreSQL array overlap operator (&&) with parameterized values
       conditions.push(
-        sql`${users.capabilities} && ARRAY[${sql.join(
-          data.capabilityFilter.map((c) => sql`${c}`),
-          sql`, `,
-        )}]::capability[]`,
+        arrayOverlaps(
+          users.capabilities,
+          data.capabilityFilter as Capability[],
+        ),
       )
     }