Files
webshop/shop/lib/utils.ts
DanielS 9c50ea8368
All checks were successful
Staging Build / build (push) Successful in 3m24s
fix: resolve internal supabase-kong urls to external domain
2026-07-04 16:38:27 +02:00

76 lines
2.9 KiB
TypeScript

import { clsx, type ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}
// This check can be removed, it is just for tutorial purposes
export const hasEnvVars =
(process.env.SUPABASE_URL || process.env.NEXT_PUBLIC_SUPABASE_URL) &&
(process.env.SUPABASE_ANON_KEY ||
process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY ||
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY);
export function resolveSupabaseUrl(url: string | undefined): string | undefined {
if (!url) return url;
if (typeof window !== 'undefined') {
try {
const parsed = new URL(url);
if (parsed.hostname === 'supabase-kong' || parsed.hostname === 'kong') {
parsed.hostname = window.location.hostname;
parsed.protocol = window.location.protocol;
if (window.location.hostname === 'localhost' && parsed.port === '8000') {
parsed.port = '8000';
} else {
parsed.port = ''; // Port entfernen für Produktion hinter Reverse Proxy
}
return parsed.toString().replace(/\/$/, '');
}
// Mitigate Mixed Content: if the site is HTTPS, force Supabase to HTTPS
if (window.location.protocol === 'https:' && parsed.protocol === 'http:') {
parsed.protocol = 'https:';
return parsed.toString().replace(/\/$/, '');
}
} catch {
let resolved = url
.replace('//supabase-kong:8000', `//${window.location.hostname}`)
.replace('//kong:8000', `//${window.location.hostname}`)
.replace('//supabase-kong', `//${window.location.hostname}`)
.replace('//kong', `//${window.location.hostname}`);
if (window.location.protocol === 'https:') {
resolved = resolved.replace('http://', 'https://');
}
return resolved;
}
} else {
// Server-Side: Umschreiben auf externe URL oder localhost:8000
try {
const parsed = new URL(url);
if (parsed.hostname === 'supabase-kong' || parsed.hostname === 'kong') {
if (process.env.NEXT_PUBLIC_SUPABASE_URL_EXTERNAL) {
const extUrl = new URL(process.env.NEXT_PUBLIC_SUPABASE_URL_EXTERNAL);
parsed.hostname = extUrl.hostname;
parsed.port = extUrl.port;
parsed.protocol = extUrl.protocol;
} else {
parsed.hostname = 'localhost';
parsed.port = '8000';
parsed.protocol = 'http:';
}
return parsed.toString().replace(/\/$/, '');
}
} catch {
const target = process.env.NEXT_PUBLIC_SUPABASE_URL_EXTERNAL || 'http://localhost:8000';
const targetUrl = new URL(target);
return url
.replace('//supabase-kong:8000', `//${targetUrl.host}`)
.replace('//kong:8000', `//${targetUrl.host}`)
.replace('//supabase-kong', `//${targetUrl.host}`)
.replace('//kong', `//${targetUrl.host}`);
}
}
return url;
}