@igstack/app-catalog-frontend-core 0.0.1

package/src/util/createEhRouter.tsx

@@ -0,0 +1,22 @@
+import { createRouter } from '@tanstack/react-router'
+import type { EhRouterInitParams } from '~/types/types'
+import { routeTree } from '~/routeTree.gen'
+
+export function createEhRouter({ context, history }: EhRouterInitParams) {
+  return createRouter({
+    routeTree,
+    context,
+    history,
+    // Since we're using React Query, we don't want loader calls to ever be stale
+    // This will ensure that the loader is always called when the route is preloaded or visited
+    defaultPreloadStaleTime: 0,
+    defaultNotFoundComponent: () => <div>404 - Page Not Found</div>,
+    pathParamsAllowedCharacters: ['@'],
+  })
+}
+
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: ReturnType<typeof createEhRouter>
+  }
+}

package/src/util/error-utils.ts

@@ -0,0 +1,31 @@
+export class DexieErrorWrapper extends Error {
+  public readonly cause: Error
+  constructor(inner: unknown) {
+    super(inner instanceof Error ? inner.message : String(inner))
+    this.name = 'DexieErrorWrapper'
+    this.stack = inner instanceof Error ? inner.stack : undefined
+    this.cause = inner instanceof Error ? inner : new Error(String(inner))
+  }
+}
+
+export function isDexieError(error: unknown): error is DexieErrorWrapper {
+  return error instanceof DexieErrorWrapper
+}
+
+export function isDexieMigrationError(error: unknown): boolean {
+  if (error instanceof DexieErrorWrapper) {
+    const cause = error.cause
+    if (cause instanceof Error) {
+      const errorName = cause.name.toLowerCase()
+      const errorMessage = cause.message.toLowerCase()
+      return (
+        errorName.includes('upgradeerror') ||
+        errorName.includes('versionerror') ||
+        errorMessage.includes('upgrade') ||
+        errorMessage.includes('migration') ||
+        errorMessage.includes('version')
+      )
+    }
+  }
+  return false
+}

package/src/util/highlightMatches.tsx

@@ -0,0 +1,29 @@
+import React from 'react'
+
+// Escape regex special characters
+function escapeRegex(str: string): string {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+}
+
+export function highlightMatches(text: string, query: string): React.ReactNode {
+  if (!query) return text
+
+  const safeQuery = escapeRegex(query)
+  const regex = new RegExp(`(${safeQuery})`, 'gi')
+  const parts = text.split(regex)
+
+  return (
+    <>
+      {parts.map((part, idx) => {
+        const key = `${part}-${text.indexOf(part, idx)}`
+        return idx % 2 === 1 ? (
+          <span key={key} className="bg-highlight">
+            {part}
+          </span>
+        ) : (
+          <React.Fragment key={key}>{part}</React.Fragment>
+        )
+      })}
+    </>
+  )
+}

package/src/util/reactQueryUtils.ts

@@ -0,0 +1,20 @@
+import type { TRPCRouter } from '@igstack/app-catalog-backend-core'
+import type { TRPCClient } from '@trpc/client'
+import type { EhReactQueryMeta } from '~/types/tanstackQuery'
+import type { AcDb } from '~/userDb/AcDb'
+
+export function getTrpcFromMeta(ctx: {
+  meta?: EhReactQueryMeta
+}): TRPCClient<TRPCRouter> {
+  if (!ctx.meta) {
+    throw new Error('Missing TRPC client in context of react-query')
+  }
+  return ctx.meta.trpcClient
+}
+
+export function getDbFromMeta(ctx: { meta?: EhReactQueryMeta }): AcDb {
+  if (!ctx.meta) {
+    throw new Error('Missing DB in context of react-query')
+  }
+  return ctx.meta.db
+}

package/src/util/slug-utils.ts

@@ -0,0 +1,17 @@
+/**
+ * Converts a URL slug to a human-readable display name
+ * @param slug - The URL slug
+ * @returns A formatted display name
+ */
+export function slugToDisplayName(slug: string): string {
+  return slug.replace(/-/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase())
+}
+
+/**
+ * Decodes a URL-encoded slug back to its original form
+ * @param encodedSlug - The URL-encoded slug
+ * @returns The decoded slug
+ */
+export function decodeSlug(encodedSlug: string): string {
+  return decodeURIComponent(encodedSlug)
+}