{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "database-migration-schema-diff", "title": "Database Migration Schema Diff", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/database-migration-schema-diff/database-migration-schema-diff.component.ts", "content": "import { ChangeDetectionStrategy, Component, DestroyRef, Input, inject, signal } from '@angular/core'\nimport {\n Check,\n CheckCircle2,\n Clock,\n Code2,\n Copy,\n Database,\n FileCode2,\n HardDrive,\n Layers,\n Loader2,\n LucideAngularModule,\n Play,\n RotateCcw,\n ShieldCheck,\n Terminal,\n Timer,\n Undo2,\n Zap,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport {\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n} from '@/ui/card/card.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\nimport {\n UiTabsComponent,\n UiTabsContentComponent,\n UiTabsListComponent,\n UiTabsTriggerComponent,\n} from '@/ui/tabs/tabs.component'\n\nexport interface DiffLine {\n num: number\n type: 'addition' | 'modification' | 'deletion' | 'neutral'\n prefix: string\n text: string\n}\n\nexport interface HistoricalMigration {\n id: string\n filename: string\n version: string\n description: string\n appliedAt: string\n author: string\n executionTime: string\n tablesAffected: string\n status: 'applied' | 'pending' | 'rolled_back'\n checksum: string\n}\n\nexport type DatabaseMigrationSchemaDiffTab = 'up' | 'rollback' | 'impact' | 'cli'\n\nconst upSqlRaw = `-- Up Migration\n-- Migration: 20260821142850_add_org_billing_seats_and_quotas.sql\n-- Target: public.organizations\n\nALTER TABLE public.organizations\n ADD COLUMN billing_seats_allocated INTEGER NOT NULL DEFAULT 5,\n ADD COLUMN max_seat_limit INTEGER NOT NULL DEFAULT 20,\n ADD COLUMN last_seat_audit_at TIMESTAMPTZ DEFAULT NOW();\n\nCREATE INDEX idx_orgs_seat_audit ON public.organizations(last_seat_audit_at);`\n\nconst downSqlRaw = `-- Down Migration (Rollback)\n-- Reverts: 20260821142850_add_org_billing_seats_and_quotas.sql\n-- Target: public.organizations\n\nDROP INDEX IF EXISTS idx_orgs_seat_audit;\n\nALTER TABLE public.organizations\n DROP COLUMN IF EXISTS billing_seats_allocated,\n DROP COLUMN IF EXISTS max_seat_limit,\n DROP COLUMN IF EXISTS last_seat_audit_at;`\n\nconst cliCommand = 'npx prisma migrate deploy --schema=./prisma/schema.prisma'\n\nconst upDiffLines: DiffLine[] = [\n { num: 1, type: 'neutral', prefix: ' ', text: '-- Up Migration' },\n { num: 2, type: 'neutral', prefix: ' ', text: '-- Migration: 20260821142850_add_org_billing_seats_and_quotas.sql' },\n { num: 3, type: 'neutral', prefix: ' ', text: '-- Target: public.organizations' },\n { num: 4, type: 'neutral', prefix: ' ', text: '' },\n { num: 5, type: 'modification', prefix: '~', text: 'ALTER TABLE public.organizations ' },\n { num: 6, type: 'addition', prefix: '+', text: ' ADD COLUMN billing_seats_allocated INTEGER NOT NULL DEFAULT 5,' },\n { num: 7, type: 'addition', prefix: '+', text: ' ADD COLUMN max_seat_limit INTEGER NOT NULL DEFAULT 20,' },\n { num: 8, type: 'addition', prefix: '+', text: ' ADD COLUMN last_seat_audit_at TIMESTAMPTZ DEFAULT NOW();' },\n { num: 9, type: 'neutral', prefix: ' ', text: '' },\n {\n num: 10,\n type: 'addition',\n prefix: '+',\n text: 'CREATE INDEX idx_orgs_seat_audit ON public.organizations(last_seat_audit_at);',\n },\n]\n\nconst downDiffLines: DiffLine[] = [\n { num: 1, type: 'neutral', prefix: ' ', text: '-- Down Migration (Rollback)' },\n { num: 2, type: 'neutral', prefix: ' ', text: '-- Reverts: 20260821142850_add_org_billing_seats_and_quotas.sql' },\n { num: 3, type: 'neutral', prefix: ' ', text: '-- Target: public.organizations' },\n { num: 4, type: 'neutral', prefix: ' ', text: '' },\n { num: 5, type: 'deletion', prefix: '-', text: 'DROP INDEX IF EXISTS idx_orgs_seat_audit;' },\n { num: 6, type: 'neutral', prefix: ' ', text: '' },\n { num: 7, type: 'modification', prefix: '~', text: 'ALTER TABLE public.organizations ' },\n { num: 8, type: 'deletion', prefix: '-', text: ' DROP COLUMN IF EXISTS billing_seats_allocated,' },\n { num: 9, type: 'deletion', prefix: '-', text: ' DROP COLUMN IF EXISTS max_seat_limit,' },\n { num: 10, type: 'deletion', prefix: '-', text: ' DROP COLUMN IF EXISTS last_seat_audit_at;' },\n]\n\nconst historicalMigrations: HistoricalMigration[] = [\n {\n id: 'mig_48',\n filename: '20260814091522_add_audit_logs_partitioning.sql',\n version: 'v2026.08.14.02',\n description: 'Partition audit_logs table by month range and attach default tablespace',\n appliedAt: 'Aug 14, 2026 · 09:15 UTC',\n author: 'alex.chen@corp',\n executionTime: '1.8s',\n tablesAffected: 'audit_logs, audit_logs_2026_08',\n status: 'applied',\n checksum: 'sha256:4e8b39c0',\n },\n {\n id: 'mig_47',\n filename: '20260810143011_create_api_rate_limits_table.sql',\n version: 'v2026.08.10.01',\n description: 'Create rate_limits table & redis fallback synchronization schema',\n appliedAt: 'Aug 10, 2026 · 14:30 UTC',\n author: 'sarah.m@corp',\n executionTime: '0.9s',\n tablesAffected: 'api_rate_limits',\n status: 'applied',\n checksum: 'sha256:d12c88f1',\n },\n {\n id: 'mig_46',\n filename: '20260802110540_add_saml_sso_workspaces.sql',\n version: 'v2026.08.02.03',\n description: 'Add SAML SSO domain verification and enterprise IdP metadata records',\n appliedAt: 'Aug 02, 2026 · 11:05 UTC',\n author: 'devops-bot',\n executionTime: '2.1s',\n tablesAffected: 'workspaces, idp_configs',\n status: 'applied',\n checksum: 'sha256:88a3b114',\n },\n {\n id: 'mig_45',\n filename: '20260725184219_optimize_query_cache_indexes.sql',\n version: 'v2026.07.25.01',\n description: 'Add CONCURRENT B-Tree composite index on team_id + created_at timestamp',\n appliedAt: 'Jul 25, 2026 · 18:42 UTC',\n author: 'alex.chen@corp',\n executionTime: '4.2s',\n tablesAffected: 'query_logs, cache_entries',\n status: 'applied',\n checksum: 'sha256:fa2300b9',\n },\n {\n id: 'mig_44',\n filename: '20260718082005_init_multi_tenant_memberships.sql',\n version: 'v2026.07.18.01',\n description: 'Initialize organization_memberships, team_roles, and permission cascades',\n appliedAt: 'Jul 18, 2026 · 08:20 UTC',\n author: 'elena.r@corp',\n executionTime: '1.2s',\n tablesAffected: 'org_members, permissions',\n status: 'applied',\n checksum: 'sha256:56df9201',\n },\n]\n\n/**\n * DatabaseMigrationSchemaDiff -- the React block, 1:1: target cluster header with the pending /\n * in-sync badge, \"Preview Rollback Script\" and \"Apply Migration\" actions, four telemetry cards,\n * the migration inspector (Up diff, Down rollback, schema impact and Prisma CLI tabs, with copy\n * buttons) and the recent applied migrations table. Edit the data consts above.\n */\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-database-migration-schema-diff, [ui-database-migration-schema-diff]',\n standalone: true,\n // React renders the root
itself: keep this wrapper out of the layout.\n host: { class: 'contents' },\n imports: [\n LucideAngularModule,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiCardDescriptionComponent,\n UiCardContentComponent,\n UiSeparatorComponent,\n UiTableComponent,\n UiTableHeaderComponent,\n UiTableBodyComponent,\n UiTableRowComponent,\n UiTableHeadComponent,\n UiTableCellComponent,\n UiTabsComponent,\n UiTabsListComponent,\n UiTabsTriggerComponent,\n UiTabsContentComponent,\n ],\n template: `\n
\n \n \n \n
\n
\n
\n
\n \n PostgreSQL 16.2 · production_primary_cluster\n
\n \n \n Connected\n
\n
\n\n
\n v2026.08.21.01_add_org_billing_seats\n \n db.us-east-1.aws.neon.tech:5432\n \n public schema\n
\n
\n\n
\n @if (!isApplied()) {\n \n \n 1 Pending Migration Ready to Apply\n \n } @else {\n \n \n All Migrations Applied · In Sync\n \n }\n\n \n \n Preview Rollback Script\n \n\n @if (!isApplied()) {\n \n @if (isApplying()) {\n \n } @else {\n \n }\n {{ isApplying() ? 'Applying Migration...' : 'Apply Migration (prisma migrate deploy)' }}\n \n } @else {\n \n \n Reset State\n \n }\n
\n
\n \n \n\n \n
\n \n \n \n
\n Total Applied Migrations\n
\n \n
\n
\n
\n
{{ isApplied() ? '49' : '48' }}
\n

48 Migrations Applied · Baseline to v2026.08.14

\n
\n
\n \n 100% successful execution history\n
\n \n \n\n \n \n \n
\n Pending Migrations\n
\n @if (!isApplied()) {\n \n } @else {\n \n }\n
\n
\n
\n
{{ isApplied() ? '0' : '1' }}
\n

\n {{ isApplied() ? '0 Pending · Schema up to date' : '1 Pending Deployment' }}\n

\n
\n
\n @if (!isApplied()) {\n \n } @else {\n \n }\n {{ !isApplied() ? 'Safe DDL · Non-blocking ALTER' : 'Schema verified against shadow DB' }}\n
\n \n \n\n \n \n \n
\n Last Migration Execution\n
\n \n
\n
\n
\n
{{ isApplied() ? '0.12s' : '3.4s' }}
\n

3.4s execution time · 0 lock timeouts

\n
\n
\n \n Zero query contention or lock waits\n
\n \n \n\n \n \n \n
\n Target Schema Integrity\n
\n \n
\n
\n
\n
100%
\n

100% Validated · Zero Drift

\n
\n
\n \n Prisma schema & DB in sync\n
\n \n \n
\n\n \n \n \n
\n
\n
\n \n

\n 20260821142850_add_org_billing_seats_and_quotas.sql\n

\n @if (!isApplied()) {\n Pending DDL Execution\n } @else {\n Applied in Production\n }\n
\n

\n Target Table: public.organizations · Author:\n alex.chen@corp · Estimated duration:\n ~120ms\n

\n
\n\n
\n \n
\n
\n \n\n \n \n
\n \n \n \n \n
\n\n \n \n \n
\n Forward Migration (Up)\n ·\n +3 columns added\n ·\n +1 index created\n
\n SQL (PostgreSQL DDL)\n
\n\n \n
\n @for (line of upDiffLines; track line.num) {\n
\n {{\n line.num\n }}\n {{ line.prefix }}\n {{ line.text }}\n
\n }\n
\n \n \n\n \n \n \n
\n Revert Script (Down)\n ·\n -3 columns dropped\n ·\n -1 index dropped\n
\n SQL (PostgreSQL DDL)\n \n\n \n
\n @for (line of downDiffLines; track line.num) {\n
\n {{\n line.num\n }}\n {{ line.prefix }}\n {{ line.text }}\n
\n }\n
\n \n \n\n \n \n
\n
\n
\n \n Target Table & Column Additions\n
\n
\n
\n billing_seats_allocated\n INTEGER NOT NULL DEFAULT 5\n
\n
\n max_seat_limit\n INTEGER NOT NULL DEFAULT 20\n
\n
\n last_seat_audit_at\n TIMESTAMPTZ DEFAULT NOW()\n
\n
\n
\n\n
\n
\n \n Lock Safety & Concurrency Evaluation\n
\n
\n
\n Lock Level Required\n ACCESS EXCLUSIVE (Catalog only)\n
\n
\n Table Rewrite Required\n No (PG11+ Constant Default)\n
\n
\n Estimated Lock Duration\n < 2ms\n
\n
\n
\n
\n \n\n \n \n
\n
\n
\n \n Execute via Prisma CLI\n
\n \n
\n
\n {{ cliCommand }}\n
\n

\n Applies all pending migrations to the configured datasource cluster without prompting for interactive\n confirmation.\n

\n
\n \n \n \n \n\n \n \n \n
\n
\n

Recent Applied Migrations

\n

\n Historical DDL execution logs, author signatures, and validation checksums\n

\n
\n 5 Most Recent\n
\n \n\n \n
\n
\n \n \n Migration & Version\n Target Scope\n Executed At\n Author\n Duration\n Status\n \n \n \n @for (migration of historicalMigrations; track migration.id) {\n \n \n
\n
{{ migration.filename }}
\n
\n {{ migration.version }}\n ·\n {{ migration.description }}\n
\n
\n \n \n {{ migration.tablesAffected }}\n \n {{ migration.appliedAt }}\n {{ migration.author }}\n \n {{ migration.executionTime }}\n \n \n \n \n Applied\n \n \n \n }\n \n
\n
\n \n \n \n `,\n})\nexport class UiDatabaseMigrationSchemaDiffComponent {\n @Input('class') className?: string\n\n protected readonly upDiffLines = upDiffLines\n protected readonly downDiffLines = downDiffLines\n protected readonly historicalMigrations = historicalMigrations\n protected readonly cliCommand = cliCommand\n\n readonly activeTab = signal('up')\n readonly isApplying = signal(false)\n readonly isApplied = signal(false)\n readonly copiedUpSql = signal(false)\n readonly copiedDownSql = signal(false)\n readonly copiedCli = signal(false)\n\n protected readonly Check = Check\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly Clock = Clock\n protected readonly Code2 = Code2\n protected readonly Copy = Copy\n protected readonly Database = Database\n protected readonly FileCode2 = FileCode2\n protected readonly HardDrive = HardDrive\n protected readonly Layers = Layers\n protected readonly Loader2 = Loader2\n protected readonly Play = Play\n protected readonly RotateCcw = RotateCcw\n protected readonly ShieldCheck = ShieldCheck\n protected readonly Terminal = Terminal\n protected readonly Timer = Timer\n protected readonly Undo2 = Undo2\n protected readonly Zap = Zap\n\n private readonly timers = new Set>()\n\n constructor() {\n inject(DestroyRef).onDestroy(() => this.timers.forEach((t) => clearTimeout(t)))\n }\n\n protected get rootClass(): string {\n return cn('w-full space-y-6', this.className)\n }\n\n protected pendingCardClass(): string {\n return cn('border-border bg-card shadow-xs transition-colors', !this.isApplied() && 'border-warning/40')\n }\n\n protected pendingIconClass(): string {\n return cn(\n 'flex size-8 items-center justify-center rounded-md',\n !this.isApplied() ? 'bg-warning/10 text-warning' : 'bg-success/10 text-success',\n )\n }\n\n protected pendingFooterClass(): string {\n return cn('mt-3 flex items-center gap-1.5 text-xs font-medium', !this.isApplied() ? 'text-warning' : 'text-success')\n }\n\n protected sqlCopied(): boolean {\n return this.activeTab() === 'rollback' ? this.copiedDownSql() : this.copiedUpSql()\n }\n\n protected lineClass(line: DiffLine): string {\n return cn(\n 'flex items-center px-3 py-0.5 transition-colors',\n line.type === 'addition' && 'border-success bg-success/10 text-success border-l-2 font-medium',\n line.type === 'deletion' && 'border-destructive bg-destructive/10 text-destructive border-l-2 font-medium',\n line.type === 'modification' && 'border-info bg-info/10 text-info border-l-2 font-medium',\n line.type === 'neutral' && 'text-muted-foreground border-l-2 border-transparent',\n )\n }\n\n protected prefixClass(line: DiffLine): string {\n return cn(\n 'w-4 shrink-0 text-center font-bold select-none',\n line.type === 'addition' && 'text-success',\n line.type === 'deletion' && 'text-destructive',\n line.type === 'modification' && 'text-info',\n line.type === 'neutral' && 'text-transparent',\n )\n }\n\n setActiveTab(value: string): void {\n if (value === 'up' || value === 'rollback' || value === 'impact' || value === 'cli') this.activeTab.set(value)\n }\n\n handleApplyMigration(): void {\n if (this.isApplying() || this.isApplied()) return\n this.isApplying.set(true)\n this.later(900, () => {\n this.isApplying.set(false)\n this.isApplied.set(true)\n })\n }\n\n handlePreviewRollback(): void {\n this.activeTab.set('rollback')\n }\n\n handleResetState(): void {\n this.isApplied.set(false)\n this.isApplying.set(false)\n }\n\n copySql(): void {\n const rollback = this.activeTab() === 'rollback'\n this.copyToClipboard(rollback ? downSqlRaw : upSqlRaw, rollback ? 'down' : 'up')\n }\n\n copyCli(): void {\n this.copyToClipboard(cliCommand, 'cli')\n }\n\n copyToClipboard(text: string, type: 'up' | 'down' | 'cli'): void {\n if (typeof navigator !== 'undefined' && navigator.clipboard) navigator.clipboard.writeText(text).catch(() => {})\n const flag = type === 'up' ? this.copiedUpSql : type === 'down' ? this.copiedDownSql : this.copiedCli\n flag.set(true)\n this.later(2000, () => flag.set(false))\n }\n\n private later(ms: number, fn: () => void): void {\n const t = setTimeout(() => {\n this.timers.delete(t)\n fn()\n }, ms)\n this.timers.add(t)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/database-migration-schema-diff/database-migration-schema-diff.component.ts" }, { "path": "packages/registry-angular/blocks/database-migration-schema-diff/index.ts", "content": "export {\n UiDatabaseMigrationSchemaDiffComponent,\n type DiffLine,\n type HistoricalMigration,\n type DatabaseMigrationSchemaDiffTab,\n} from './database-migration-schema-diff.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/database-migration-schema-diff/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/badge.json", "https://uipkge.dev/r/angular/button.json", "https://uipkge.dev/r/angular/card.json", "https://uipkge.dev/r/angular/separator.json", "https://uipkge.dev/r/angular/table.json", "https://uipkge.dev/r/angular/tabs.json" ], "description": "Prisma, Flyway, and Liquibase database migration runner with pending DDL visual diffs, rollback scripts, schema integrity telemetry, and execution history.", "categories": [ "devops", "app" ] }