first commit

2026-08-26 14:21:53 +03:00
commit fef66cd9dd
38 changed files with 5783 additions and 0 deletions
@@ -0,0 +1,80 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+
+export function slugify(text: string): string {
+  return text
+    .toLowerCase()
+    .replace(/\s+/g, '-')
+    .replace(/[^\w-]+/g, '')
+    .replace(/--+/g, '-')
+    .trim()
+}
+
+export function maskSecret(value: string): string {
+  if (!value) return '••••••••'
+  if (value.length <= 8) return '••••••••••••'
+  return value.slice(0, 4) + '•'.repeat(Math.min(value.length - 8, 16)) + value.slice(-4)
+}
+
+export function envBadgeStyles(env: string) {
+  switch (env) {
+    case 'production':
+      return {
+        bg: 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20 hover:border-emerald-500/40',
+        active: 'bg-emerald-500 text-slate-950 font-semibold shadow-lg shadow-emerald-500/25 border-emerald-400',
+        dot: 'bg-emerald-400',
+      }
+    case 'staging':
+      return {
+        bg: 'bg-amber-500/10 text-amber-400 border-amber-500/20 hover:border-amber-500/40',
+        active: 'bg-amber-500 text-slate-950 font-semibold shadow-lg shadow-amber-500/25 border-amber-400',
+        dot: 'bg-amber-400',
+      }
+    case 'development':
+      return {
+        bg: 'bg-cyan-500/10 text-cyan-400 border-cyan-500/20 hover:border-cyan-500/40',
+        active: 'bg-cyan-500 text-slate-950 font-semibold shadow-lg shadow-cyan-500/25 border-cyan-400',
+        dot: 'bg-cyan-400',
+      }
+    default:
+      return {
+        bg: 'bg-slate-500/10 text-slate-400 border-slate-500/20 hover:border-slate-500/40',
+        active: 'bg-slate-500 text-slate-950 font-semibold shadow-lg shadow-slate-500/25 border-slate-400',
+        dot: 'bg-slate-400',
+      }
+  }
+}
+
+export function envColor(env: string) {
+  switch (env) {
+    case 'production':
+      return 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20'
+    case 'staging':
+      return 'bg-amber-500/10 text-amber-400 border-amber-500/20'
+    case 'development':
+      return 'bg-cyan-500/10 text-cyan-400 border-cyan-500/20'
+    default:
+      return 'bg-slate-500/10 text-slate-400 border-slate-500/20'
+  }
+}
+
+export function typeColor(type: string) {
+  switch (type) {
+    case 'secret':
+      return 'bg-rose-500/10 text-rose-400 border-rose-500/20'
+    case 'url':
+      return 'bg-sky-500/10 text-sky-400 border-sky-500/20'
+    case 'json':
+      return 'bg-purple-500/10 text-purple-400 border-purple-500/20'
+    case 'boolean':
+      return 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20'
+    case 'number':
+      return 'bg-amber-500/10 text-amber-400 border-amber-500/20'
+    default:
+      return 'bg-slate-500/10 text-slate-300 border-slate-500/20'
+  }
+}