@studio-helga/once-ui-core 1.7.8

package/dist/server/index.js

@@ -0,0 +1,2 @@
+export * from './og-utils';
+//# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/server/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/server/og-utils.d.ts

@@ -0,0 +1,20 @@
+import { NextResponse } from 'next/server';
+export interface OGData {
+    url: string;
+    title: string;
+    description: string;
+    image: string;
+    faviconUrl?: string;
+}
+export interface OGFetchOptions {
+    timeout?: number;
+    userAgent?: string;
+    decodeEntities?: boolean;
+}
+export declare function handleOGFetch(request: Request, options?: OGFetchOptions): Promise<NextResponse>;
+export interface OGProxyOptions {
+    userAgent?: string;
+    cacheMaxAge?: number;
+}
+export declare function handleOGProxy(request: Request, options?: OGProxyOptions): Promise<NextResponse>;
+//# sourceMappingURL=og-utils.d.ts.map

package/dist/server/og-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"og-utils.d.ts","sourceRoot":"","sources":["../../src/server/og-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AA8CD,wBAAsB,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,GAAE,cAAmB,GAAG,OAAO,CAAC,YAAY,CAAC,CAkEzG;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAsB,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,GAAE,cAAmB,GAAG,OAAO,CAAC,YAAY,CAAC,CAuCzG"}

package/dist/server/og-utils.js

@@ -0,0 +1,125 @@
+import { NextResponse } from 'next/server';
+function decodeHTMLEntities(text) {
+    return text.replace(/&(#?[a-zA-Z0-9]+);/g, (match, entity) => {
+        const entities = {
+            'amp': '&',
+            'lt': '<',
+            'gt': '>',
+            'quot': '"',
+            'apos': "'",
+            '#x27': "'",
+            '#39': "'",
+            '#x26': '&',
+            '#38': '&'
+        };
+        if (entity.startsWith('#')) {
+            const code = entity.startsWith('#x') ?
+                parseInt(entity.slice(2), 16) :
+                parseInt(entity.slice(1), 10);
+            return String.fromCharCode(code);
+        }
+        return entities[entity] || match;
+    });
+}
+async function fetchWithTimeout(url, timeout = 5000, userAgent = 'Mozilla/5.0 (compatible; OG-Fetcher/1.0)') {
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), timeout);
+    try {
+        const response = await fetch(url, {
+            signal: controller.signal,
+            headers: {
+                'User-Agent': userAgent
+            }
+        });
+        clearTimeout(timeoutId);
+        return response;
+    }
+    catch (error) {
+        clearTimeout(timeoutId);
+        throw error;
+    }
+}
+export async function handleOGFetch(request, options = {}) {
+    const { timeout = 5000, userAgent = 'Mozilla/5.0 (compatible; OG-Fetcher/1.0)', decodeEntities = true } = options;
+    const { searchParams } = new URL(request.url);
+    const url = searchParams.get('url');
+    if (!url) {
+        return NextResponse.json({ error: 'URL parameter is required' }, { status: 400 });
+    }
+    try {
+        const response = await fetchWithTimeout(url, timeout, userAgent);
+        if (!response.ok) {
+            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+        }
+        const html = await response.text();
+        const ogData = {
+            url: url,
+            title: '',
+            description: '',
+            image: '',
+        };
+        const titleMatch = html.match(/<title[^>]*>([^<]+)<\/title>/i);
+        if (titleMatch) {
+            ogData.title = titleMatch[1].trim();
+        }
+        const ogTitleMatch = html.match(/<meta[^>]*property=["']og:title["'][^>]*content=["']([^"']+)["'][^>]*>/i);
+        if (ogTitleMatch) {
+            ogData.title = ogTitleMatch[1].trim();
+        }
+        const descMatch = html.match(/<meta[^>]*name=["']description["'][^>]*content=["']([^"']+)["'][^>]*>/i)
+            || html.match(/<meta[^>]*content=["']([^"']+)["'][^>]*name=["']description["'][^>]*>/i)
+            || html.match(/<meta[^>]*property=["']og:description["'][^>]*content=["']([^"']+)["'][^>]*>/i);
+        if (descMatch) {
+            ogData.description = descMatch[1].trim();
+        }
+        const ogImageMatch = html.match(/<meta[^>]*property=["']og:image["'][^>]*content=["']([^"']+)["'][^>]*>/i)
+            || html.match(/<meta[^>]*content=["']([^"']+)["'][^>]*property=["']og:image["'][^>]*>/i);
+        if (ogImageMatch) {
+            ogData.image = ogImageMatch[1].trim();
+        }
+        const faviconMatch = html.match(/<link[^>]*rel=["'](?:icon|shortcut icon)["'][^>]*href=["']([^"']+)["'][^>]*>/i);
+        if (faviconMatch) {
+            ogData.faviconUrl = faviconMatch[1].trim();
+        }
+        if (decodeEntities) {
+            ogData.title = decodeHTMLEntities(ogData.title);
+            ogData.description = decodeHTMLEntities(ogData.description);
+        }
+        return NextResponse.json(ogData);
+    }
+    catch (error) {
+        console.error('Error fetching OG data:', error);
+        return NextResponse.json({ error: 'Failed to fetch Open Graph data', message: error instanceof Error ? error.message : 'Unknown error' }, { status: 500 });
+    }
+}
+export async function handleOGProxy(request, options = {}) {
+    const { userAgent = 'Mozilla/5.0 (compatible; OG-Proxy/1.0)', cacheMaxAge = 3600 } = options;
+    const { searchParams } = new URL(request.url);
+    const url = searchParams.get('url');
+    if (!url) {
+        return NextResponse.json({ error: 'URL parameter is required' }, { status: 400 });
+    }
+    try {
+        const response = await fetch(url, {
+            headers: {
+                'User-Agent': userAgent,
+            },
+        });
+        if (!response.ok) {
+            return NextResponse.json({ error: `Failed to fetch image: ${response.status}` }, { status: response.status });
+        }
+        const contentType = response.headers.get('content-type') || 'image/jpeg';
+        const buffer = await response.arrayBuffer();
+        return new NextResponse(buffer, {
+            headers: {
+                'Content-Type': contentType,
+                'Cache-Control': `public, max-age=${cacheMaxAge}`,
+            },
+        });
+    }
+    catch (error) {
+        console.error('Error proxying image:', error);
+        return NextResponse.json({ error: 'Failed to proxy image', message: error instanceof Error ? error.message : 'Unknown error' }, { status: 500 });
+    }
+}
+//# sourceMappingURL=og-utils.js.map

package/dist/server/og-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"og-utils.js","sourceRoot":"","sources":["../../src/server/og-utils.ts"],"names":[],"mappings":"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"}

package/dist/styles/background.scss

@@ -0,0 +1,423 @@
+  /****************************/
+ /*     BACKGROUND-COLOR     */
+/****************************/
+
+/* PAGE */
+.page-background {
+    background-color: var(--page-background);
+}
+
+.surface-background {
+    background-color: var(--surface-background);
+    backdrop-filter: var(--backdrop-filter);
+}
+
+.overlay-background {
+    background-color: var(--backdrop);
+}
+
+/* NEUTRAL */
+.neutral-background-weak,
+.neutral-background-medium,
+.neutral-background-strong,
+.neutral-background-alpha-weak,
+.neutral-background-alpha-medium,
+.neutral-background-alpha-strong {
+    ::selection {
+        background-color: var(--neutral-on-background-weak);
+        color: var(--neutral-background-weak);
+    }
+}
+
+.neutral-solid-weak,
+.neutral-solid-medium,
+.neutral-solid-strong {
+    ::selection {
+        background-color: var(--neutral-background-weak);
+        color: var(--neutral-on-background-medium);
+    }
+}
+
+.neutral-background-weak {
+    background-color: var(--neutral-background-weak);
+}
+
+.neutral-background-medium {
+    background-color: var(--neutral-background-medium);
+}
+
+.neutral-background-strong {
+    background-color: var(--neutral-background-strong);
+}
+
+.neutral-solid-weak {
+    background-color: var(--neutral-solid-weak);
+}
+
+.neutral-solid-medium {
+    background-color: var(--neutral-solid-medium);
+}
+
+.neutral-solid-strong {
+    background-color: var(--neutral-solid-strong);
+}
+
+.neutral-background-alpha-weak {
+    background-color: var(--neutral-alpha-weak);
+}
+
+.neutral-background-alpha-medium {
+    background-color: var(--neutral-alpha-medium);
+}
+
+.neutral-background-alpha-strong {
+    background-color: var(--neutral-alpha-strong);
+}
+
+/* BRAND */
+.brand-background-weak,
+.brand-background-medium,
+.brand-background-strong,
+.brand-background-alpha-weak,
+.brand-background-alpha-medium,
+.brand-background-alpha-strong {
+    ::selection {
+        background-color: var(--brand-on-background-weak);
+        color: var(--brand-background-weak);
+    }
+}
+
+.brand-solid-weak,
+.brand-solid-medium,
+.brand-solid-strong {
+    ::selection {
+        background-color: var(--brand-background-weak);
+        color: var(--brand-on-background-medium);
+    }
+}
+
+.brand-background-weak {
+    background-color: var(--brand-background-weak);
+}
+
+.brand-background-medium {
+    background-color: var(--brand-background-medium);
+}
+
+.brand-background-strong {
+    background-color: var(--brand-background-strong);
+}
+
+.brand-solid-weak {
+    background-color: var(--brand-solid-weak);
+}
+
+.brand-solid-medium {
+    background-color: var(--brand-solid-medium);
+}
+
+.brand-solid-strong {
+    background-color: var(--brand-solid-strong);
+}
+
+.brand-background-alpha-weak {
+    background-color: var(--brand-alpha-weak);
+}
+
+.brand-background-alpha-medium {
+    background-color: var(--brand-alpha-medium);
+}
+
+.brand-background-alpha-strong {
+    background-color: var(--brand-alpha-strong);
+}
+
+/* ACCENT */
+.accent-background-weak,
+.accent-background-medium,
+.accent-background-strong,
+.accent-background-alpha-weak,
+.accent-background-alpha-medium,
+.accent-background-alpha-strong {
+    ::selection {
+        background-color: var(--accent-on-background-weak);
+        color: var(--accent-background-weak);
+    }
+}
+
+.accent-solid-weak,
+.accent-solid-medium,
+.accent-solid-strong {
+    ::selection {
+        background-color: var(--accent-background-weak);
+        color: var(--accent-on-background-medium);
+    }
+}
+
+.accent-background-weak {
+    background-color: var(--accent-background-weak);
+}
+
+.accent-background-medium {
+    background-color: var(--accent-background-medium);
+}
+
+.accent-background-strong {
+    background-color: var(--accent-background-strong);
+}
+
+.accent-solid-weak {
+    background-color: var(--accent-solid-weak);
+}
+
+.accent-solid-medium {
+    background-color: var(--accent-solid-medium);
+}
+
+.accent-solid-strong {
+    background-color: var(--accent-solid-strong);
+}
+
+.accent-background-alpha-weak {
+    background-color: var(--accent-alpha-weak);
+}
+
+.accent-background-alpha-medium {
+    background-color: var(--accent-alpha-medium);
+}
+
+.accent-background-alpha-strong {
+    background-color: var(--accent-alpha-strong);
+}
+
+/* INFO */
+.info-background-weak,
+.info-background-medium,
+.info-background-strong,
+.info-background-alpha-weak,
+.info-background-alpha-medium,
+.info-background-alpha-strong {
+    ::selection {
+        background-color: var(--info-on-background-weak);
+        color: var(--info-background-weak);
+    }
+}
+
+.info-solid-weak,
+.info-solid-medium,
+.info-solid-strong {
+    ::selection {
+        background-color: var(--info-background-weak);
+        color: var(--info-on-background-medium);
+    }
+}
+
+.info-background-weak {
+    background-color: var(--info-background-weak);
+}
+
+.info-background-medium {
+    background-color: var(--info-background-medium);
+}
+
+.info-background-strong {
+    background-color: var(--info-background-strong);
+}
+
+.info-solid-weak {
+    background-color: var(--info-solid-weak);
+}
+
+.info-solid-medium {
+    background-color: var(--info-solid-medium);
+}
+
+.info-solid-strong {
+    background-color: var(--info-solid-strong);
+}
+
+.info-background-alpha-weak {
+    background-color: var(--info-alpha-weak);
+}
+
+.info-background-alpha-medium {
+    background-color: var(--info-alpha-medium);
+}
+
+.info-background-alpha-strong {
+    background-color: var(--info-alpha-strong);
+}
+
+/* DANGER */
+.danger-background-weak,
+.danger-background-medium,
+.danger-background-strong,
+.danger-background-alpha-weak,
+.danger-background-alpha-medium,
+.danger-background-alpha-strong {
+    ::selection {
+        background-color: var(--danger-on-background-weak);
+        color: var(--danger-background-weak);
+    }
+}
+
+.danger-solid-weak,
+.danger-solid-medium,
+.danger-solid-strong {
+    ::selection {
+        background-color: var(--danger-background-weak);
+        color: var(--danger-on-background-medium);
+    }
+}
+
+.danger-background-weak {
+    background-color: var(--danger-background-weak);
+}
+
+.danger-background-medium {
+    background-color: var(--danger-background-medium);
+}
+
+.danger-background-strong {
+    background-color: var(--danger-background-strong);
+}
+
+.danger-solid-weak {
+    background-color: var(--danger-solid-weak);
+}
+
+.danger-solid-medium {
+    background-color: var(--danger-solid-medium);
+}
+
+.danger-solid-strong {
+    background-color: var(--danger-solid-strong);
+}
+
+.danger-background-alpha-weak {
+    background-color: var(--danger-alpha-weak);
+}
+
+.danger-background-alpha-medium {
+    background-color: var(--danger-alpha-medium);
+}
+
+.danger-background-alpha-strong {
+    background-color: var(--danger-alpha-strong);
+}
+
+/* WARNING */
+.warning-background-weak,
+.warning-background-medium,
+.warning-background-strong,
+.warning-background-alpha-weak,
+.warning-background-alpha-medium,
+.warning-background-alpha-strong {
+    ::selection {
+        background-color: var(--warning-on-background-weak);
+        color: var(--warning-background-weak);
+    }
+}
+
+.warning-solid-weak,
+.warning-solid-medium,
+.warning-solid-strong {
+    ::selection {
+        background-color: var(--warning-background-weak);
+        color: var(--warning-on-background-medium);
+    }
+}
+
+.warning-background-weak {
+    background-color: var(--warning-background-weak);
+}
+
+.warning-background-medium {
+    background-color: var(--warning-background-medium);
+}
+
+.warning-background-strong {
+    background-color: var(--warning-background-strong);
+}
+
+.warning-solid-weak {
+    background-color: var(--warning-solid-weak);
+}
+
+.warning-solid-medium {
+    background-color: var(--warning-solid-medium);
+}
+
+.warning-solid-strong {
+    background-color: var(--warning-solid-strong);
+}
+
+.warning-background-alpha-weak {
+    background-color: var(--warning-alpha-weak);
+}
+
+.warning-background-alpha-medium {
+    background-color: var(--warning-alpha-medium);
+}
+
+.warning-background-alpha-strong {
+    background-color: var(--warning-alpha-strong);
+}
+
+/* SUCCESS */
+.success-background-weak,
+.success-background-medium,
+.success-background-strong,
+.success-background-alpha-weak,
+.success-background-alpha-medium,
+.success-background-alpha-strong {
+    ::selection {
+        background-color: var(--success-on-background-weak);
+        color: var(--success-background-weak);
+    }
+}
+
+.success-solid-weak,
+.success-solid-medium,
+.success-solid-strong {
+    ::selection {
+        background-color: var(--success-background-weak);
+        color: var(--success-on-background-medium);
+    }
+}
+
+.success-background-weak {
+    background-color: var(--success-background-weak);
+}
+
+.success-background-medium {
+    background-color: var(--success-background-medium);
+}
+
+.success-background-strong {
+    background-color: var(--success-background-strong);
+}
+
+.success-solid-weak {
+    background-color: var(--success-solid-weak);
+}
+
+.success-solid-medium {
+    background-color: var(--success-solid-medium);
+}
+
+.success-solid-strong {
+    background-color: var(--success-solid-strong);
+}
+
+.success-background-alpha-weak {
+    background-color: var(--success-alpha-weak);
+}
+
+.success-background-alpha-medium {
+    background-color: var(--success-alpha-medium);
+}
+
+.success-background-alpha-strong {
+    background-color: var(--success-alpha-strong);
+}