feat(desktop): adds indexes and constraints page (#269)

Co-authored-by: Valerii Strilets <valerii.strilets@gmail.com>

Author: Rudra-Sankha-Sinhamahapatra

apps/api/drizzle/schema/subscriptions.ts

@@ -11,7 +11,7 @@ import {
 import { baseTable } from '../base-table'
 import { users } from './auth'
 
-export const subscriptionPeriod = pgEnum('subscription_period', ['monthly', 'yearly'] as const)
+export const subscriptionPeriod = pgEnum('subscription_period', ['monthly', 'yearly'])
 
 export const subscriptions = pgTable('subscriptions', {
   ...baseTable,

apps/desktop/src/components/global-banner.tsx

@@ -58,7 +58,9 @@ export function GlobalBanner() {
           `}
           >
             {typeConfig.info.icon}
-            <span className="flex-1 leading-none">You are offline. Please check your internet connection.</span>
+            <span className="flex-1 leading-none">
+              You are currently offline. Some features may be unavailable until your internet connection is restored.
+            </span>
           </div>
         </motion.div>
       )}

apps/desktop/src/components/sidebar-link.tsx

@@ -0,0 +1,20 @@
+import type { LinkProps } from '@tanstack/react-router'
+import type { ComponentProps } from 'react'
+import { cn } from '@conar/ui/lib/utils'
+import { Link } from '@tanstack/react-router'
+
+export function SidebarLink({
+  className,
+  ...props
+}: LinkProps & Omit<ComponentProps<'a'>, 'children'>) {
+  return (
+    <Link
+      activeProps={{ className: 'border-primary/20 bg-primary/10 text-primary hover:bg-primary/20' }}
+      inactiveProps={{ className: 'border-transparent text-foreground hover:bg-accent/30' }}
+      className={cn(`
+        flex w-full items-center gap-2 rounded-md border px-2 py-1 text-sm
+      `, className)}
+      {...props}
+    />
+  )
+}

apps/desktop/src/entities/connection/dialects/mssql/schema/index.ts

@@ -1,4 +1,6 @@
 import type { WithSchema } from '../../../utils/types'
 import type { InformationSchema } from './information'
+import type { Sys } from './sys'
 
 export type Database = WithSchema<InformationSchema, 'information_schema'>
+  & WithSchema<Sys, 'sys'>

apps/desktop/src/entities/connection/dialects/mssql/schema/sys.ts

@@ -0,0 +1,62 @@
+/**
+ * @name sys
+ * @type schema
+ */
+export interface Sys {
+  indexes: Indexes
+  tables: Tables
+  schemas: Schemas
+  index_columns: IndexColumns
+  columns: Columns
+}
+
+/**
+ * @name indexes
+ * @type table
+ */
+interface Indexes {
+  object_id: number
+  index_id: number
+  name: string
+  is_unique: boolean
+  is_primary_key: boolean
+}
+
+/**
+ * @name tables
+ * @type table
+ */
+interface Tables {
+  object_id: number
+  schema_id: number
+  name: string
+}
+
+/**
+ * @name schemas
+ * @type table
+ */
+interface Schemas {
+  schema_id: number
+  name: string
+}
+
+/**
+ * @name index_columns
+ * @type table
+ */
+interface IndexColumns {
+  object_id: number
+  index_id: number
+  column_id: number
+}
+
+/**
+ * @name columns
+ * @type table
+ */
+interface Columns {
+  object_id: number
+  column_id: number
+  name: string
+}

apps/desktop/src/entities/connection/dialects/mysql/schema/information.ts

@@ -8,6 +8,7 @@ export interface InformationSchema {
   VIEWS: Views
   TABLE_CONSTRAINTS: TableConstraints
   KEY_COLUMN_USAGE: KeyColumnUsage
+  STATISTICS: Statistics
 }
 
 /**
@@ -116,3 +117,15 @@ interface KeyColumnUsage {
   REFERENCED_TABLE_NAME: string | null
   REFERENCED_COLUMN_NAME: string | null
 }
+
+/**
+ * @name STATISTICS
+ * @type table
+ */
+interface Statistics {
+  TABLE_SCHEMA: string
+  TABLE_NAME: string
+  INDEX_NAME: string
+  COLUMN_NAME: string
+  NON_UNIQUE: number
+}

apps/desktop/src/entities/connection/dialects/postgres/schema/catalog.ts

@@ -4,6 +4,9 @@
  */
 export interface PgCatalog {
   pg_namespace: PgNamespace
+  pg_class: PgClass
+  pg_index: PgIndex
+  pg_attribute: PgAttribute
 }
 
 /**
@@ -16,3 +19,36 @@ interface PgNamespace {
   nspowner: number
   nspacl: string | null
 }
+
+/**
+ * @name pg_class
+ * @type table
+ */
+interface PgClass {
+  oid: number
+  relname: string
+  relnamespace: number
+  relkind: string
+}
+
+/**
+ * @name pg_index
+ * @type table
+ */
+interface PgIndex {
+  indrelid: number
+  indexrelid: number
+  indkey: unknown
+  indisunique: boolean
+  indisprimary: boolean
+}
+
+/**
+ * @name pg_attribute
+ * @type table
+ */
+interface PgAttribute {
+  attrelid: number
+  attnum: number
+  attname: string
+}

apps/desktop/src/entities/connection/hooks/use-connection-link-params.ts

@@ -9,9 +9,9 @@ export function useConnectionLinkParams(id: string) {
 
   return useMemo((): LinkProps => {
     if (lastOpenedPage) {
-      if (lastOpenedPage === '/_protected/database/$id/enums/') {
+      if (lastOpenedPage === '/_protected/database/$id/definitions/enums/') {
         return {
-          to: '/database/$id/enums',
+          to: '/database/$id/definitions/enums',
           params: { id },
         }
       }

apps/desktop/src/entities/connection/queries/index.ts

@@ -1,6 +1,7 @@
 export * from './columns'
 export * from './constraints'
 export * from './enums'
+export * from './indexes'
 export * from './rows'
 export * from './tables-and-schemas'
 export * from './total'

apps/desktop/src/entities/connection/queries/indexes.ts

@@ -0,0 +1,14 @@
+import type { connections } from '~/drizzle'
+import { queryOptions, useQuery } from '@tanstack/react-query'
+import { indexesQuery } from '../sql/index'
+
+export function connectionIndexesQuery({ connection }: { connection: typeof connections.$inferSelect }) {
+  return queryOptions({
+    queryKey: ['connection', connection.id, 'indexes'],
+    queryFn: () => indexesQuery(connection),
+  })
+}
+
+export function useConnectionIndexes(...params: Parameters<typeof connectionIndexesQuery>) {
+  return useQuery(connectionIndexesQuery(...params))
+}