@frontmcp/ui 0.5.0

package/src/theme/cdn.d.ts

@@ -0,0 +1,194 @@
+/**
+ * @file cdn.ts
+ * @description CDN Configuration for FrontMCP UI.
+ *
+ * Centralized configuration for all CDN resources used by FrontMCP UI.
+ * All resources are loaded at runtime - no build step required.
+ *
+ * For platforms with blocked network (e.g., Claude Artifacts),
+ * scripts can be fetched once and cached for inline injection.
+ *
+ * CDN URLs can be customized via theme configuration for:
+ * - Using private CDN mirrors
+ * - Self-hosting resources
+ * - Compliance with CSP policies
+ *
+ * @example
+ * ```typescript
+ * import { buildCdnScriptsFromTheme, DEFAULT_THEME } from '@frontmcp/ui';
+ *
+ * // Use default CDN URLs
+ * const scripts = buildCdnScripts();
+ *
+ * // Use theme-configured CDN URLs
+ * const themedScripts = buildCdnScriptsFromTheme(DEFAULT_THEME);
+ * ```
+ *
+ * @module @frontmcp/ui/theme/cdn
+ */
+import type { ThemeConfig } from './theme';
+/**
+ * CDN resource configuration
+ */
+export declare const CDN: {
+    /**
+     * Tailwind CSS v4 Browser CDN
+     * Generates styles on-the-fly with @theme support
+     * @see https://tailwindcss.com/docs/installation/play-cdn
+     */
+    readonly tailwind: "https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4";
+    /**
+     * HTMX 2.x - High power tools for HTML
+     * Enables AJAX, WebSockets, Server Sent Events directly in HTML
+     * @see https://htmx.org
+     */
+    readonly htmx: {
+        readonly url: "https://cdnjs.cloudflare.com/ajax/libs/htmx/2.0.7/htmx.min.js";
+        readonly integrity: "sha512-T6VLg/MJYMbLTmQ8VLvonbWg8VOvmDhXcOvHzCwo6ShdGuUU5SEcp1IAPXL4k9lVoMi8gRXl5K/S/zh43Y9rJA==";
+    };
+    /**
+     * Alpine.js - Lightweight reactive framework
+     * Used for more complex client-side interactions
+     * @see https://alpinejs.dev
+     */
+    readonly alpine: {
+        readonly url: "https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js";
+        readonly integrity: "sha384-6zY8MFQJ/EqS1r4RJl+7j8rvZPuBWpT0RzWf+IFcKhxqUzQNmJzA1X1VEVZhYaEz";
+    };
+    /**
+     * Google Fonts - Inter for modern UI typography
+     */
+    readonly fonts: {
+        readonly preconnect: readonly ["https://fonts.googleapis.com", "https://fonts.gstatic.com"];
+        readonly inter: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
+        readonly mono: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
+    };
+    /**
+     * Lucide Icons - Beautiful & consistent icons
+     * @see https://lucide.dev
+     */
+    readonly icons: {
+        readonly url: "https://cdn.jsdelivr.net/npm/lucide@0.294.0/dist/umd/lucide.min.js";
+        readonly integrity: "sha384-wpLmHb7v7V1LsEuTmPQ9tXqWZvTtRWWVqJuE+Yz6X0I6O2T6bHJVeXH1lVWqF4qE";
+    };
+};
+/**
+ * Fetch a script and cache its content
+ */
+export declare function fetchScript(url: string): Promise<string>;
+/**
+ * Fetch and cache all required scripts for offline use
+ * Call this at startup to prepare for blocked-network platforms
+ */
+export declare function fetchAndCacheScripts(options?: {
+    tailwind?: boolean;
+    htmx?: boolean;
+    alpine?: boolean;
+    icons?: boolean;
+}): Promise<Map<string, string>>;
+/**
+ * Get cached script content
+ */
+export declare function getCachedScript(url: string): string | undefined;
+/**
+ * Check if a script is cached
+ */
+export declare function isScriptCached(url: string): boolean;
+/**
+ * Clear the script cache
+ */
+export declare function clearScriptCache(): void;
+/**
+ * Options for building CDN script tags
+ */
+export interface CdnScriptOptions {
+    /** Include Tailwind CSS (default: true) */
+    tailwind?: boolean;
+    /** Include HTMX (default: true) */
+    htmx?: boolean;
+    /** Include Alpine.js (default: false) */
+    alpine?: boolean;
+    /** Include Lucide icons (default: false) */
+    icons?: boolean;
+    /** Include Inter font (default: true) */
+    interFont?: boolean;
+    /** Include JetBrains Mono font (default: false) */
+    monoFont?: boolean;
+    /** Use inline scripts from cache (for blocked network) */
+    inline?: boolean;
+}
+/**
+ * Build font preconnect links
+ */
+export declare function buildFontPreconnect(): string;
+/**
+ * Build font stylesheet links
+ */
+export declare function buildFontStylesheets(options?: {
+    inter?: boolean;
+    mono?: boolean;
+}): string;
+/**
+ * Build all CDN script tags based on options
+ *
+ * @remarks
+ * When `inline: true` is specified, scripts must be pre-cached via `fetchAndCacheScripts()`.
+ * Uncached scripts will be silently skipped with a console warning.
+ */
+export declare function buildCdnScripts(options?: CdnScriptOptions): string;
+/**
+ * Options for theme-aware CDN script building
+ */
+export interface ThemeCdnScriptOptions {
+    /** Include Tailwind CSS (default: true) */
+    tailwind?: boolean;
+    /** Include HTMX (default: true) */
+    htmx?: boolean;
+    /** Include Alpine.js (default: false) */
+    alpine?: boolean;
+    /** Include icon library (default: false) */
+    icons?: boolean;
+    /** Use inline scripts from cache (for blocked network) */
+    inline?: boolean;
+}
+/**
+ * Build font preconnect links from theme CDN configuration
+ *
+ * @param theme - Theme configuration with CDN settings
+ * @returns HTML preconnect link tags
+ */
+export declare function buildFontPreconnectFromTheme(theme: ThemeConfig): string;
+/**
+ * Build font stylesheet links from theme CDN configuration
+ *
+ * @param theme - Theme configuration with CDN settings
+ * @returns HTML stylesheet link tags
+ */
+export declare function buildFontStylesheetsFromTheme(theme: ThemeConfig): string;
+/**
+ * Build all CDN script tags from theme configuration
+ *
+ * Uses theme.cdn configuration if available, falls back to global CDN defaults.
+ *
+ * @remarks
+ * When `inline: true` is specified, scripts must be pre-cached via `fetchAndCacheScriptsFromTheme()`.
+ * Uncached scripts will be silently skipped with a console warning.
+ *
+ * @param theme - Theme configuration with CDN settings
+ * @param options - Script inclusion options
+ * @returns HTML script tags
+ */
+export declare function buildCdnScriptsFromTheme(theme: ThemeConfig, options?: ThemeCdnScriptOptions): string;
+/**
+ * Fetch and cache scripts based on theme CDN configuration
+ *
+ * @param theme - Theme configuration with CDN settings
+ * @param options - Which scripts to cache
+ * @returns Map of cached script URLs to content
+ */
+export declare function fetchAndCacheScriptsFromTheme(theme: ThemeConfig, options?: {
+    tailwind?: boolean;
+    htmx?: boolean;
+    alpine?: boolean;
+    icons?: boolean;
+}): Promise<Map<string, string>>;

package/src/theme/cdn.js

@@ -0,0 +1,375 @@
+"use strict";
+/**
+ * @file cdn.ts
+ * @description CDN Configuration for FrontMCP UI.
+ *
+ * Centralized configuration for all CDN resources used by FrontMCP UI.
+ * All resources are loaded at runtime - no build step required.
+ *
+ * For platforms with blocked network (e.g., Claude Artifacts),
+ * scripts can be fetched once and cached for inline injection.
+ *
+ * CDN URLs can be customized via theme configuration for:
+ * - Using private CDN mirrors
+ * - Self-hosting resources
+ * - Compliance with CSP policies
+ *
+ * @example
+ * ```typescript
+ * import { buildCdnScriptsFromTheme, DEFAULT_THEME } from '@frontmcp/ui';
+ *
+ * // Use default CDN URLs
+ * const scripts = buildCdnScripts();
+ *
+ * // Use theme-configured CDN URLs
+ * const themedScripts = buildCdnScriptsFromTheme(DEFAULT_THEME);
+ * ```
+ *
+ * @module @frontmcp/ui/theme/cdn
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CDN = void 0;
+exports.fetchScript = fetchScript;
+exports.fetchAndCacheScripts = fetchAndCacheScripts;
+exports.getCachedScript = getCachedScript;
+exports.isScriptCached = isScriptCached;
+exports.clearScriptCache = clearScriptCache;
+exports.buildFontPreconnect = buildFontPreconnect;
+exports.buildFontStylesheets = buildFontStylesheets;
+exports.buildCdnScripts = buildCdnScripts;
+exports.buildFontPreconnectFromTheme = buildFontPreconnectFromTheme;
+exports.buildFontStylesheetsFromTheme = buildFontStylesheetsFromTheme;
+exports.buildCdnScriptsFromTheme = buildCdnScriptsFromTheme;
+exports.fetchAndCacheScriptsFromTheme = fetchAndCacheScriptsFromTheme;
+// ============================================
+// CDN URLs
+// ============================================
+/**
+ * CDN resource configuration
+ */
+exports.CDN = {
+    /**
+     * Tailwind CSS v4 Browser CDN
+     * Generates styles on-the-fly with @theme support
+     * @see https://tailwindcss.com/docs/installation/play-cdn
+     */
+    tailwind: 'https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4',
+    /**
+     * HTMX 2.x - High power tools for HTML
+     * Enables AJAX, WebSockets, Server Sent Events directly in HTML
+     * @see https://htmx.org
+     */
+    htmx: {
+        url: 'https://cdnjs.cloudflare.com/ajax/libs/htmx/2.0.7/htmx.min.js',
+        integrity: 'sha512-T6VLg/MJYMbLTmQ8VLvonbWg8VOvmDhXcOvHzCwo6ShdGuUU5SEcp1IAPXL4k9lVoMi8gRXl5K/S/zh43Y9rJA==',
+    },
+    /**
+     * Alpine.js - Lightweight reactive framework
+     * Used for more complex client-side interactions
+     * @see https://alpinejs.dev
+     */
+    alpine: {
+        url: 'https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js',
+        integrity: 'sha384-6zY8MFQJ/EqS1r4RJl+7j8rvZPuBWpT0RzWf+IFcKhxqUzQNmJzA1X1VEVZhYaEz',
+    },
+    /**
+     * Google Fonts - Inter for modern UI typography
+     */
+    fonts: {
+        preconnect: ['https://fonts.googleapis.com', 'https://fonts.gstatic.com'],
+        inter: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap',
+        mono: 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap',
+    },
+    /**
+     * Lucide Icons - Beautiful & consistent icons
+     * @see https://lucide.dev
+     */
+    icons: {
+        url: 'https://cdn.jsdelivr.net/npm/lucide@0.294.0/dist/umd/lucide.min.js',
+        integrity: 'sha384-wpLmHb7v7V1LsEuTmPQ9tXqWZvTtRWWVqJuE+Yz6X0I6O2T6bHJVeXH1lVWqF4qE',
+    },
+};
+// ============================================
+// Script Cache for Offline/Blocked Platforms
+// ============================================
+/**
+ * Cached script content for platforms with blocked network
+ * These are populated by fetchAndCacheScripts()
+ */
+const scriptCache = new Map();
+/**
+ * Fetch a script and cache its content
+ */
+async function fetchScript(url) {
+    if (scriptCache.has(url)) {
+        return scriptCache.get(url);
+    }
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch script: ${url} (${response.status})`);
+    }
+    const content = await response.text();
+    scriptCache.set(url, content);
+    return content;
+}
+/**
+ * Fetch and cache all required scripts for offline use
+ * Call this at startup to prepare for blocked-network platforms
+ */
+async function fetchAndCacheScripts(options = {}) {
+    const { tailwind = true, htmx = true, alpine = false, icons = false } = options;
+    const urls = [];
+    if (tailwind)
+        urls.push(exports.CDN.tailwind);
+    if (htmx)
+        urls.push(exports.CDN.htmx.url);
+    if (alpine)
+        urls.push(exports.CDN.alpine.url);
+    if (icons)
+        urls.push(exports.CDN.icons.url);
+    await Promise.all(urls.map(fetchScript));
+    return scriptCache;
+}
+/**
+ * Get cached script content
+ */
+function getCachedScript(url) {
+    return scriptCache.get(url);
+}
+/**
+ * Check if a script is cached
+ */
+function isScriptCached(url) {
+    return scriptCache.has(url);
+}
+/**
+ * Clear the script cache
+ */
+function clearScriptCache() {
+    scriptCache.clear();
+}
+/**
+ * Build font preconnect links
+ */
+function buildFontPreconnect() {
+    return exports.CDN.fonts.preconnect
+        .map((url, i) => `<link rel="preconnect" href="${url}"${i > 0 ? ' crossorigin' : ''}>`)
+        .join('\n  ');
+}
+/**
+ * Build font stylesheet links
+ */
+function buildFontStylesheets(options = {}) {
+    const { inter = true, mono = false } = options;
+    const links = [];
+    if (inter) {
+        links.push(`<link href="${exports.CDN.fonts.inter}" rel="stylesheet">`);
+    }
+    if (mono) {
+        links.push(`<link href="${exports.CDN.fonts.mono}" rel="stylesheet">`);
+    }
+    return links.join('\n  ');
+}
+/**
+ * Build script tag with optional integrity
+ */
+function buildScriptTag(url, integrity, options = {}) {
+    const attrs = [`src="${url}"`];
+    if (integrity) {
+        attrs.push(`integrity="${integrity}"`);
+        attrs.push('crossorigin="anonymous"');
+    }
+    if (options.defer)
+        attrs.push('defer');
+    if (options.async)
+        attrs.push('async');
+    return `<script ${attrs.join(' ')}></script>`;
+}
+/**
+ * Build inline script tag from cached content
+ */
+function buildInlineScriptTag(content) {
+    return `<script>${content}</script>`;
+}
+/**
+ * Build all CDN script tags based on options
+ *
+ * @remarks
+ * When `inline: true` is specified, scripts must be pre-cached via `fetchAndCacheScripts()`.
+ * Uncached scripts will be silently skipped with a console warning.
+ */
+function buildCdnScripts(options = {}) {
+    const { tailwind = true, htmx = true, alpine = false, icons = false, inline = false } = options;
+    const scripts = [];
+    if (inline) {
+        // Use cached inline scripts - warn if not cached
+        if (tailwind) {
+            if (isScriptCached(exports.CDN.tailwind)) {
+                scripts.push(buildInlineScriptTag(getCachedScript(exports.CDN.tailwind)));
+            }
+            else {
+                console.warn('[frontmcp/ui] Inline mode requested but Tailwind script not cached. Call fetchAndCacheScripts() first.');
+            }
+        }
+        if (htmx) {
+            if (isScriptCached(exports.CDN.htmx.url)) {
+                scripts.push(buildInlineScriptTag(getCachedScript(exports.CDN.htmx.url)));
+            }
+            else {
+                console.warn('[frontmcp/ui] Inline mode requested but HTMX script not cached. Call fetchAndCacheScripts() first.');
+            }
+        }
+        if (alpine) {
+            if (isScriptCached(exports.CDN.alpine.url)) {
+                scripts.push(buildInlineScriptTag(getCachedScript(exports.CDN.alpine.url)));
+            }
+            else {
+                console.warn('[frontmcp/ui] Inline mode requested but Alpine.js script not cached. Call fetchAndCacheScripts() first.');
+            }
+        }
+        if (icons) {
+            if (isScriptCached(exports.CDN.icons.url)) {
+                scripts.push(buildInlineScriptTag(getCachedScript(exports.CDN.icons.url)));
+            }
+            else {
+                console.warn('[frontmcp/ui] Inline mode requested but Lucide icons script not cached. Call fetchAndCacheScripts() first.');
+            }
+        }
+    }
+    else {
+        // Use CDN URLs
+        if (tailwind) {
+            scripts.push(buildScriptTag(exports.CDN.tailwind));
+        }
+        if (htmx) {
+            scripts.push(buildScriptTag(exports.CDN.htmx.url, exports.CDN.htmx.integrity));
+        }
+        if (alpine) {
+            scripts.push(buildScriptTag(exports.CDN.alpine.url, exports.CDN.alpine.integrity, { defer: true }));
+        }
+        if (icons) {
+            scripts.push(buildScriptTag(exports.CDN.icons.url, exports.CDN.icons.integrity));
+        }
+    }
+    return scripts.join('\n  ');
+}
+/**
+ * Build font preconnect links from theme CDN configuration
+ *
+ * @param theme - Theme configuration with CDN settings
+ * @returns HTML preconnect link tags
+ */
+function buildFontPreconnectFromTheme(theme) {
+    const preconnect = theme.cdn?.fonts?.preconnect ?? exports.CDN.fonts.preconnect;
+    return preconnect.map((url, i) => `<link rel="preconnect" href="${url}"${i > 0 ? ' crossorigin' : ''}>`).join('\n  ');
+}
+/**
+ * Build font stylesheet links from theme CDN configuration
+ *
+ * @param theme - Theme configuration with CDN settings
+ * @returns HTML stylesheet link tags
+ */
+function buildFontStylesheetsFromTheme(theme) {
+    const stylesheets = theme.cdn?.fonts?.stylesheets ?? [exports.CDN.fonts.inter];
+    return stylesheets.map((url) => `<link href="${url}" rel="stylesheet">`).join('\n  ');
+}
+/**
+ * Build all CDN script tags from theme configuration
+ *
+ * Uses theme.cdn configuration if available, falls back to global CDN defaults.
+ *
+ * @remarks
+ * When `inline: true` is specified, scripts must be pre-cached via `fetchAndCacheScriptsFromTheme()`.
+ * Uncached scripts will be silently skipped with a console warning.
+ *
+ * @param theme - Theme configuration with CDN settings
+ * @param options - Script inclusion options
+ * @returns HTML script tags
+ */
+function buildCdnScriptsFromTheme(theme, options = {}) {
+    const { tailwind = true, htmx = true, alpine = false, icons = false, inline = false } = options;
+    const scripts = [];
+    // Get URLs from theme or fallback to defaults
+    const tailwindUrl = theme.cdn?.scripts?.tailwind ?? exports.CDN.tailwind;
+    const htmxConfig = theme.cdn?.scripts?.htmx ?? exports.CDN.htmx;
+    const alpineConfig = theme.cdn?.scripts?.alpine ?? exports.CDN.alpine;
+    const iconsConfig = theme.cdn?.icons?.script ?? exports.CDN.icons;
+    if (inline) {
+        // Use cached inline scripts - warn if not cached
+        if (tailwind) {
+            if (isScriptCached(tailwindUrl)) {
+                scripts.push(buildInlineScriptTag(getCachedScript(tailwindUrl)));
+            }
+            else {
+                console.warn('[frontmcp/ui] Inline mode requested but Tailwind script not cached. Call fetchAndCacheScriptsFromTheme() first.');
+            }
+        }
+        if (htmx) {
+            if (isScriptCached(htmxConfig.url)) {
+                scripts.push(buildInlineScriptTag(getCachedScript(htmxConfig.url)));
+            }
+            else {
+                console.warn('[frontmcp/ui] Inline mode requested but HTMX script not cached. Call fetchAndCacheScriptsFromTheme() first.');
+            }
+        }
+        if (alpine) {
+            if (isScriptCached(alpineConfig.url)) {
+                scripts.push(buildInlineScriptTag(getCachedScript(alpineConfig.url)));
+            }
+            else {
+                console.warn('[frontmcp/ui] Inline mode requested but Alpine.js script not cached. Call fetchAndCacheScriptsFromTheme() first.');
+            }
+        }
+        if (icons) {
+            if (isScriptCached(iconsConfig.url)) {
+                scripts.push(buildInlineScriptTag(getCachedScript(iconsConfig.url)));
+            }
+            else {
+                console.warn('[frontmcp/ui] Inline mode requested but icons script not cached. Call fetchAndCacheScriptsFromTheme() first.');
+            }
+        }
+    }
+    else {
+        // Use CDN URLs from theme
+        if (tailwind) {
+            scripts.push(buildScriptTag(tailwindUrl));
+        }
+        if (htmx) {
+            scripts.push(buildScriptTag(htmxConfig.url, htmxConfig.integrity));
+        }
+        if (alpine) {
+            scripts.push(buildScriptTag(alpineConfig.url, alpineConfig.integrity, { defer: true }));
+        }
+        if (icons) {
+            scripts.push(buildScriptTag(iconsConfig.url, iconsConfig.integrity));
+        }
+    }
+    return scripts.join('\n  ');
+}
+/**
+ * Fetch and cache scripts based on theme CDN configuration
+ *
+ * @param theme - Theme configuration with CDN settings
+ * @param options - Which scripts to cache
+ * @returns Map of cached script URLs to content
+ */
+async function fetchAndCacheScriptsFromTheme(theme, options = {}) {
+    const { tailwind = true, htmx = true, alpine = false, icons = false } = options;
+    const urls = [];
+    // Get URLs from theme or fallback to defaults
+    const tailwindUrl = theme.cdn?.scripts?.tailwind ?? exports.CDN.tailwind;
+    const htmxConfig = theme.cdn?.scripts?.htmx ?? exports.CDN.htmx;
+    const alpineConfig = theme.cdn?.scripts?.alpine ?? exports.CDN.alpine;
+    const iconsConfig = theme.cdn?.icons?.script ?? exports.CDN.icons;
+    if (tailwind)
+        urls.push(tailwindUrl);
+    if (htmx)
+        urls.push(htmxConfig.url);
+    if (alpine)
+        urls.push(alpineConfig.url);
+    if (icons)
+        urls.push(iconsConfig.url);
+    await Promise.all(urls.map(fetchScript));
+    return scriptCache;
+}
+//# sourceMappingURL=cdn.js.map

package/src/theme/cdn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdn.js","sourceRoot":"","sources":["../../../src/theme/cdn.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @file cdn.ts\n * @description CDN Configuration for FrontMCP UI.\n *\n * Centralized configuration for all CDN resources used by FrontMCP UI.\n * All resources are loaded at runtime - no build step required.\n *\n * For platforms with blocked network (e.g., Claude Artifacts),\n * scripts can be fetched once and cached for inline injection.\n *\n * CDN URLs can be customized via theme configuration for:\n * - Using private CDN mirrors\n * - Self-hosting resources\n * - Compliance with CSP policies\n *\n * @example\n * ```typescript\n * import { buildCdnScriptsFromTheme, DEFAULT_THEME } from '@frontmcp/ui';\n *\n * // Use default CDN URLs\n * const scripts = buildCdnScripts();\n *\n * // Use theme-configured CDN URLs\n * const themedScripts = buildCdnScriptsFromTheme(DEFAULT_THEME);\n * ```\n *\n * @module @frontmcp/ui/theme/cdn\n */\n\nimport type { ThemeConfig } from './theme';\n\n// ============================================\n// CDN URLs\n// ============================================\n\n/**\n * CDN resource configuration\n */\nexport const CDN = {\n  /**\n   * Tailwind CSS v4 Browser CDN\n   * Generates styles on-the-fly with @theme support\n   * @see https://tailwindcss.com/docs/installation/play-cdn\n   */\n  tailwind: 'https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4',\n\n  /**\n   * HTMX 2.x - High power tools for HTML\n   * Enables AJAX, WebSockets, Server Sent Events directly in HTML\n   * @see https://htmx.org\n   */\n  htmx: {\n    url: 'https://cdnjs.cloudflare.com/ajax/libs/htmx/2.0.7/htmx.min.js',\n    integrity: 'sha512-T6VLg/MJYMbLTmQ8VLvonbWg8VOvmDhXcOvHzCwo6ShdGuUU5SEcp1IAPXL4k9lVoMi8gRXl5K/S/zh43Y9rJA==',\n  },\n\n  /**\n   * Alpine.js - Lightweight reactive framework\n   * Used for more complex client-side interactions\n   * @see https://alpinejs.dev\n   */\n  alpine: {\n    url: 'https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js',\n    integrity: 'sha384-6zY8MFQJ/EqS1r4RJl+7j8rvZPuBWpT0RzWf+IFcKhxqUzQNmJzA1X1VEVZhYaEz',\n  },\n\n  /**\n   * Google Fonts - Inter for modern UI typography\n   */\n  fonts: {\n    preconnect: ['https://fonts.googleapis.com', 'https://fonts.gstatic.com'],\n    inter: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap',\n    mono: 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap',\n  },\n\n  /**\n   * Lucide Icons - Beautiful & consistent icons\n   * @see https://lucide.dev\n   */\n  icons: {\n    url: 'https://cdn.jsdelivr.net/npm/lucide@0.294.0/dist/umd/lucide.min.js',\n    integrity: 'sha384-wpLmHb7v7V1LsEuTmPQ9tXqWZvTtRWWVqJuE+Yz6X0I6O2T6bHJVeXH1lVWqF4qE',\n  },\n} as const;\n\n// ============================================\n// Script Cache for Offline/Blocked Platforms\n// ============================================\n\n/**\n * Cached script content for platforms with blocked network\n * These are populated by fetchAndCacheScripts()\n */\nconst scriptCache: Map<string, string> = new Map();\n\n/**\n * Fetch a script and cache its content\n */\nexport async function fetchScript(url: string): Promise<string> {\n  if (scriptCache.has(url)) {\n    return scriptCache.get(url)!;\n  }\n\n  const response = await fetch(url);\n  if (!response.ok) {\n    throw new Error(`Failed to fetch script: ${url} (${response.status})`);\n  }\n\n  const content = await response.text();\n  scriptCache.set(url, content);\n  return content;\n}\n\n/**\n * Fetch and cache all required scripts for offline use\n * Call this at startup to prepare for blocked-network platforms\n */\nexport async function fetchAndCacheScripts(\n  options: {\n    tailwind?: boolean;\n    htmx?: boolean;\n    alpine?: boolean;\n    icons?: boolean;\n  } = {},\n): Promise<Map<string, string>> {\n  const { tailwind = true, htmx = true, alpine = false, icons = false } = options;\n  const urls: string[] = [];\n\n  if (tailwind) urls.push(CDN.tailwind);\n  if (htmx) urls.push(CDN.htmx.url);\n  if (alpine) urls.push(CDN.alpine.url);\n  if (icons) urls.push(CDN.icons.url);\n\n  await Promise.all(urls.map(fetchScript));\n  return scriptCache;\n}\n\n/**\n * Get cached script content\n */\nexport function getCachedScript(url: string): string | undefined {\n  return scriptCache.get(url);\n}\n\n/**\n * Check if a script is cached\n */\nexport function isScriptCached(url: string): boolean {\n  return scriptCache.has(url);\n}\n\n/**\n * Clear the script cache\n */\nexport function clearScriptCache(): void {\n  scriptCache.clear();\n}\n\n// ============================================\n// CDN Builder Utilities\n// ============================================\n\n/**\n * Options for building CDN script tags\n */\nexport interface CdnScriptOptions {\n  /** Include Tailwind CSS (default: true) */\n  tailwind?: boolean;\n  /** Include HTMX (default: true) */\n  htmx?: boolean;\n  /** Include Alpine.js (default: false) */\n  alpine?: boolean;\n  /** Include Lucide icons (default: false) */\n  icons?: boolean;\n  /** Include Inter font (default: true) */\n  interFont?: boolean;\n  /** Include JetBrains Mono font (default: false) */\n  monoFont?: boolean;\n  /** Use inline scripts from cache (for blocked network) */\n  inline?: boolean;\n}\n\n/**\n * Build font preconnect links\n */\nexport function buildFontPreconnect(): string {\n  return CDN.fonts.preconnect\n    .map((url, i) => `<link rel=\"preconnect\" href=\"${url}\"${i > 0 ? ' crossorigin' : ''}>`)\n    .join('\\n  ');\n}\n\n/**\n * Build font stylesheet links\n */\nexport function buildFontStylesheets(options: { inter?: boolean; mono?: boolean } = {}): string {\n  const { inter = true, mono = false } = options;\n  const links: string[] = [];\n\n  if (inter) {\n    links.push(`<link href=\"${CDN.fonts.inter}\" rel=\"stylesheet\">`);\n  }\n  if (mono) {\n    links.push(`<link href=\"${CDN.fonts.mono}\" rel=\"stylesheet\">`);\n  }\n\n  return links.join('\\n  ');\n}\n\n/**\n * Build script tag with optional integrity\n */\nfunction buildScriptTag(url: string, integrity?: string, options: { defer?: boolean; async?: boolean } = {}): string {\n  const attrs: string[] = [`src=\"${url}\"`];\n\n  if (integrity) {\n    attrs.push(`integrity=\"${integrity}\"`);\n    attrs.push('crossorigin=\"anonymous\"');\n  }\n  if (options.defer) attrs.push('defer');\n  if (options.async) attrs.push('async');\n\n  return `<script ${attrs.join(' ')}></script>`;\n}\n\n/**\n * Build inline script tag from cached content\n */\nfunction buildInlineScriptTag(content: string): string {\n  return `<script>${content}</script>`;\n}\n\n/**\n * Build all CDN script tags based on options\n *\n * @remarks\n * When `inline: true` is specified, scripts must be pre-cached via `fetchAndCacheScripts()`.\n * Uncached scripts will be silently skipped with a console warning.\n */\nexport function buildCdnScripts(options: CdnScriptOptions = {}): string {\n  const { tailwind = true, htmx = true, alpine = false, icons = false, inline = false } = options;\n\n  const scripts: string[] = [];\n\n  if (inline) {\n    // Use cached inline scripts - warn if not cached\n    if (tailwind) {\n      if (isScriptCached(CDN.tailwind)) {\n        scripts.push(buildInlineScriptTag(getCachedScript(CDN.tailwind)!));\n      } else {\n        console.warn(\n          '[frontmcp/ui] Inline mode requested but Tailwind script not cached. Call fetchAndCacheScripts() first.',\n        );\n      }\n    }\n    if (htmx) {\n      if (isScriptCached(CDN.htmx.url)) {\n        scripts.push(buildInlineScriptTag(getCachedScript(CDN.htmx.url)!));\n      } else {\n        console.warn(\n          '[frontmcp/ui] Inline mode requested but HTMX script not cached. Call fetchAndCacheScripts() first.',\n        );\n      }\n    }\n    if (alpine) {\n      if (isScriptCached(CDN.alpine.url)) {\n        scripts.push(buildInlineScriptTag(getCachedScript(CDN.alpine.url)!));\n      } else {\n        console.warn(\n          '[frontmcp/ui] Inline mode requested but Alpine.js script not cached. Call fetchAndCacheScripts() first.',\n        );\n      }\n    }\n    if (icons) {\n      if (isScriptCached(CDN.icons.url)) {\n        scripts.push(buildInlineScriptTag(getCachedScript(CDN.icons.url)!));\n      } else {\n        console.warn(\n          '[frontmcp/ui] Inline mode requested but Lucide icons script not cached. Call fetchAndCacheScripts() first.',\n        );\n      }\n    }\n  } else {\n    // Use CDN URLs\n    if (tailwind) {\n      scripts.push(buildScriptTag(CDN.tailwind));\n    }\n    if (htmx) {\n      scripts.push(buildScriptTag(CDN.htmx.url, CDN.htmx.integrity));\n    }\n    if (alpine) {\n      scripts.push(buildScriptTag(CDN.alpine.url, CDN.alpine.integrity, { defer: true }));\n    }\n    if (icons) {\n      scripts.push(buildScriptTag(CDN.icons.url, CDN.icons.integrity));\n    }\n  }\n\n  return scripts.join('\\n  ');\n}\n\n// ============================================\n// Theme-Aware CDN Builders\n// ============================================\n\n/**\n * Options for theme-aware CDN script building\n */\nexport interface ThemeCdnScriptOptions {\n  /** Include Tailwind CSS (default: true) */\n  tailwind?: boolean;\n  /** Include HTMX (default: true) */\n  htmx?: boolean;\n  /** Include Alpine.js (default: false) */\n  alpine?: boolean;\n  /** Include icon library (default: false) */\n  icons?: boolean;\n  /** Use inline scripts from cache (for blocked network) */\n  inline?: boolean;\n}\n\n/**\n * Build font preconnect links from theme CDN configuration\n *\n * @param theme - Theme configuration with CDN settings\n * @returns HTML preconnect link tags\n */\nexport function buildFontPreconnectFromTheme(theme: ThemeConfig): string {\n  const preconnect = theme.cdn?.fonts?.preconnect ?? CDN.fonts.preconnect;\n  return preconnect.map((url, i) => `<link rel=\"preconnect\" href=\"${url}\"${i > 0 ? ' crossorigin' : ''}>`).join('\\n  ');\n}\n\n/**\n * Build font stylesheet links from theme CDN configuration\n *\n * @param theme - Theme configuration with CDN settings\n * @returns HTML stylesheet link tags\n */\nexport function buildFontStylesheetsFromTheme(theme: ThemeConfig): string {\n  const stylesheets = theme.cdn?.fonts?.stylesheets ?? [CDN.fonts.inter];\n  return stylesheets.map((url) => `<link href=\"${url}\" rel=\"stylesheet\">`).join('\\n  ');\n}\n\n/**\n * Build all CDN script tags from theme configuration\n *\n * Uses theme.cdn configuration if available, falls back to global CDN defaults.\n *\n * @remarks\n * When `inline: true` is specified, scripts must be pre-cached via `fetchAndCacheScriptsFromTheme()`.\n * Uncached scripts will be silently skipped with a console warning.\n *\n * @param theme - Theme configuration with CDN settings\n * @param options - Script inclusion options\n * @returns HTML script tags\n */\nexport function buildCdnScriptsFromTheme(theme: ThemeConfig, options: ThemeCdnScriptOptions = {}): string {\n  const { tailwind = true, htmx = true, alpine = false, icons = false, inline = false } = options;\n\n  const scripts: string[] = [];\n\n  // Get URLs from theme or fallback to defaults\n  const tailwindUrl = theme.cdn?.scripts?.tailwind ?? CDN.tailwind;\n  const htmxConfig = theme.cdn?.scripts?.htmx ?? CDN.htmx;\n  const alpineConfig = theme.cdn?.scripts?.alpine ?? CDN.alpine;\n  const iconsConfig = theme.cdn?.icons?.script ?? CDN.icons;\n\n  if (inline) {\n    // Use cached inline scripts - warn if not cached\n    if (tailwind) {\n      if (isScriptCached(tailwindUrl)) {\n        scripts.push(buildInlineScriptTag(getCachedScript(tailwindUrl)!));\n      } else {\n        console.warn(\n          '[frontmcp/ui] Inline mode requested but Tailwind script not cached. Call fetchAndCacheScriptsFromTheme() first.',\n        );\n      }\n    }\n    if (htmx) {\n      if (isScriptCached(htmxConfig.url)) {\n        scripts.push(buildInlineScriptTag(getCachedScript(htmxConfig.url)!));\n      } else {\n        console.warn(\n          '[frontmcp/ui] Inline mode requested but HTMX script not cached. Call fetchAndCacheScriptsFromTheme() first.',\n        );\n      }\n    }\n    if (alpine) {\n      if (isScriptCached(alpineConfig.url)) {\n        scripts.push(buildInlineScriptTag(getCachedScript(alpineConfig.url)!));\n      } else {\n        console.warn(\n          '[frontmcp/ui] Inline mode requested but Alpine.js script not cached. Call fetchAndCacheScriptsFromTheme() first.',\n        );\n      }\n    }\n    if (icons) {\n      if (isScriptCached(iconsConfig.url)) {\n        scripts.push(buildInlineScriptTag(getCachedScript(iconsConfig.url)!));\n      } else {\n        console.warn(\n          '[frontmcp/ui] Inline mode requested but icons script not cached. Call fetchAndCacheScriptsFromTheme() first.',\n        );\n      }\n    }\n  } else {\n    // Use CDN URLs from theme\n    if (tailwind) {\n      scripts.push(buildScriptTag(tailwindUrl));\n    }\n    if (htmx) {\n      scripts.push(buildScriptTag(htmxConfig.url, htmxConfig.integrity));\n    }\n    if (alpine) {\n      scripts.push(buildScriptTag(alpineConfig.url, alpineConfig.integrity, { defer: true }));\n    }\n    if (icons) {\n      scripts.push(buildScriptTag(iconsConfig.url, iconsConfig.integrity));\n    }\n  }\n\n  return scripts.join('\\n  ');\n}\n\n/**\n * Fetch and cache scripts based on theme CDN configuration\n *\n * @param theme - Theme configuration with CDN settings\n * @param options - Which scripts to cache\n * @returns Map of cached script URLs to content\n */\nexport async function fetchAndCacheScriptsFromTheme(\n  theme: ThemeConfig,\n  options: {\n    tailwind?: boolean;\n    htmx?: boolean;\n    alpine?: boolean;\n    icons?: boolean;\n  } = {},\n): Promise<Map<string, string>> {\n  const { tailwind = true, htmx = true, alpine = false, icons = false } = options;\n  const urls: string[] = [];\n\n  // Get URLs from theme or fallback to defaults\n  const tailwindUrl = theme.cdn?.scripts?.tailwind ?? CDN.tailwind;\n  const htmxConfig = theme.cdn?.scripts?.htmx ?? CDN.htmx;\n  const alpineConfig = theme.cdn?.scripts?.alpine ?? CDN.alpine;\n  const iconsConfig = theme.cdn?.icons?.script ?? CDN.icons;\n\n  if (tailwind) urls.push(tailwindUrl);\n  if (htmx) urls.push(htmxConfig.url);\n  if (alpine) urls.push(alpineConfig.url);\n  if (icons) urls.push(iconsConfig.url);\n\n  await Promise.all(urls.map(fetchScript));\n  return scriptCache;\n}\n"]}

package/src/theme/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @file index.ts
+ * @description Theme Module for FrontMCP UI.
+ *
+ * Provides comprehensive theming capabilities including:
+ * - Color palettes and semantic tokens
+ * - Typography and spacing configuration
+ * - CDN resource customization
+ * - Platform-specific configurations
+ * - Theme presets (GitHub/OpenAI default)
+ *
+ * @module @frontmcp/ui/theme
+ */
+export { CDN, type CdnScriptOptions, type ThemeCdnScriptOptions, fetchScript, fetchAndCacheScripts, fetchAndCacheScriptsFromTheme, getCachedScript, isScriptCached, clearScriptCache, buildFontPreconnect, buildFontPreconnectFromTheme, buildFontStylesheets, buildFontStylesheetsFromTheme, buildCdnScripts, buildCdnScriptsFromTheme, } from './cdn';
+export { type PlatformId, type NetworkMode, type ScriptStrategy, type PlatformCapabilities, OPENAI_PLATFORM, CLAUDE_PLATFORM, GEMINI_PLATFORM, NGROK_PLATFORM, CUSTOM_PLATFORM, PLATFORM_PRESETS, getPlatform, createPlatform, canUseCdn, needsInlineScripts, supportsFullInteractivity, getFallbackMode, } from './platforms';
+export { type DeepPartial, type ColorScale, type SemanticColors, type SurfaceColors, type TextColors, type BorderColors, type ThemeColors, type FontFamilies, type FontSizes, type FontWeights, type ThemeTypography, type ThemeSpacing, type ThemeRadius, type ThemeShadows, type ButtonTokens, type CardTokens, type InputTokens, type ComponentTokens, type CdnScriptResource, type ThemeCdnFonts, type ThemeCdnIcons, type ThemeCdnScripts, type ThemeCdnConfig, type ThemeConfig, mergeThemes, createTheme, buildThemeCss, buildStyleBlock, } from './theme';
+export { GITHUB_OPENAI_THEME, DEFAULT_THEME } from './presets';