@frontmcp/uipack 0.6.1 → 0.6.3

package/esm/base-template/{index.js → index.mjs}

@@ -45,9 +45,6 @@ var scriptCache = /* @__PURE__ */ new Map();
 function getCachedScript(url) {
   return scriptCache.get(url);
 }
-function isScriptCached(url) {
-  return scriptCache.has(url);
-}
 function buildScriptTag(url, integrity, options = {}) {
   const attrs = [`src="${url}"`];
   if (integrity) {
@@ -78,8 +75,9 @@ function buildCdnScriptsFromTheme(theme, options = {}) {
   const iconsConfig = theme.cdn?.icons?.script ?? CDN.icons;
   if (inline) {
     if (tailwind) {
-      if (isScriptCached(tailwindUrl)) {
-        scripts.push(buildInlineScriptTag(getCachedScript(tailwindUrl)));
+      const cached = getCachedScript(tailwindUrl);
+      if (cached) {
+        scripts.push(buildInlineScriptTag(cached));
       } else {
         console.warn(
           "[frontmcp/ui] Inline mode requested but Tailwind script not cached. Call fetchAndCacheScriptsFromTheme() first."
@@ -87,8 +85,9 @@ function buildCdnScriptsFromTheme(theme, options = {}) {
       }
     }
     if (htmx) {
-      if (isScriptCached(htmxConfig.url)) {
-        scripts.push(buildInlineScriptTag(getCachedScript(htmxConfig.url)));
+      const cached = getCachedScript(htmxConfig.url);
+      if (cached) {
+        scripts.push(buildInlineScriptTag(cached));
       } else {
         console.warn(
           "[frontmcp/ui] Inline mode requested but HTMX script not cached. Call fetchAndCacheScriptsFromTheme() first."
@@ -96,8 +95,9 @@ function buildCdnScriptsFromTheme(theme, options = {}) {
       }
     }
     if (alpine) {
-      if (isScriptCached(alpineConfig.url)) {
-        scripts.push(buildInlineScriptTag(getCachedScript(alpineConfig.url)));
+      const cached = getCachedScript(alpineConfig.url);
+      if (cached) {
+        scripts.push(buildInlineScriptTag(cached));
       } else {
         console.warn(
           "[frontmcp/ui] Inline mode requested but Alpine.js script not cached. Call fetchAndCacheScriptsFromTheme() first."
@@ -105,8 +105,9 @@ function buildCdnScriptsFromTheme(theme, options = {}) {
       }
     }
     if (icons) {
-      if (isScriptCached(iconsConfig.url)) {
-        scripts.push(buildInlineScriptTag(getCachedScript(iconsConfig.url)));
+      const cached = getCachedScript(iconsConfig.url);
+      if (cached) {
+        scripts.push(buildInlineScriptTag(cached));
       } else {
         console.warn(
           "[frontmcp/ui] Inline mode requested but icons script not cached. Call fetchAndCacheScriptsFromTheme() first."
@@ -130,26 +131,6 @@ function buildCdnScriptsFromTheme(theme, options = {}) {
   return scripts.join("\n  ");
 }
 
-// libs/uipack/src/theme/platforms.ts
-var CLAUDE_PLATFORM = {
-  id: "claude",
-  name: "Claude (Artifacts)",
-  supportsWidgets: true,
-  supportsTailwind: true,
-  supportsHtmx: false,
-  // Network blocked, HTMX won't work for API calls
-  networkMode: "blocked",
-  scriptStrategy: "inline",
-  maxInlineSize: 100 * 1024,
-  // 100KB limit for artifacts
-  cspRestrictions: ["script-src 'unsafe-inline'", "connect-src 'none'"],
-  options: {
-    mode: "artifacts",
-    framework: "react"
-    // Claude artifacts prefer React
-  }
-};
-
 // libs/uipack/src/theme/presets/github-openai.ts
 var GITHUB_OPENAI_THEME = {
   name: "github-openai",
@@ -310,17 +291,31 @@ function emitColorScale(lines, name, scale) {
     if (value) lines.push(`--color-${name}-${shade}: ${value};`);
   }
 }
+var OPACITY_VARIANTS = [10, 20, 30, 50, 70, 90];
+function emitColorWithOpacityVariants(lines, name, value) {
+  lines.push(`--color-${name}: ${value};`);
+  for (const opacity of OPACITY_VARIANTS) {
+    lines.push(`--color-${name}-${opacity}: color-mix(in oklch, ${value} ${opacity}%, transparent);`);
+  }
+}
+function emitBrandColorWithVariants(lines, name, value) {
+  lines.push(`--color-${name}: ${value};`);
+  lines.push(`--color-${name}-hover: color-mix(in oklch, ${value} 85%, black);`);
+  for (const opacity of OPACITY_VARIANTS) {
+    lines.push(`--color-${name}-${opacity}: color-mix(in oklch, ${value} ${opacity}%, transparent);`);
+  }
+}
 function buildThemeCss(theme) {
   const lines = [];
   const semantic = theme.colors.semantic;
   if (typeof semantic.primary === "string") {
-    lines.push(`--color-primary: ${semantic.primary};`);
+    emitBrandColorWithVariants(lines, "primary", semantic.primary);
   } else if (semantic.primary) {
     emitColorScale(lines, "primary", semantic.primary);
   }
   if (semantic.secondary) {
     if (typeof semantic.secondary === "string") {
-      lines.push(`--color-secondary: ${semantic.secondary};`);
+      emitBrandColorWithVariants(lines, "secondary", semantic.secondary);
     } else {
       emitColorScale(lines, "secondary", semantic.secondary);
     }
@@ -339,10 +334,10 @@ function buildThemeCss(theme) {
       emitColorScale(lines, "neutral", semantic.neutral);
     }
   }
-  if (semantic.success) lines.push(`--color-success: ${semantic.success};`);
-  if (semantic.warning) lines.push(`--color-warning: ${semantic.warning};`);
-  if (semantic.danger) lines.push(`--color-danger: ${semantic.danger};`);
-  if (semantic.info) lines.push(`--color-info: ${semantic.info};`);
+  if (semantic.success) emitColorWithOpacityVariants(lines, "success", semantic.success);
+  if (semantic.warning) emitColorWithOpacityVariants(lines, "warning", semantic.warning);
+  if (semantic.danger) emitColorWithOpacityVariants(lines, "danger", semantic.danger);
+  if (semantic.info) emitColorWithOpacityVariants(lines, "info", semantic.info);
   const surface = theme.colors.surface;
   if (surface?.background) lines.push(`--color-background: ${surface.background};`);
   if (surface?.surface) lines.push(`--color-surface: ${surface.surface};`);