@lukas_holdings/castdom 1.0.0

package/dist/index.js

@@ -0,0 +1,440 @@
+import { selectBreakpoint } from './chunk-ONS533CQ.js';
+export { diffBreakpoints, getStaleBreakpoints, interpolateBones, selectBreakpoint, validateBreakpoints } from './chunk-ONS533CQ.js';
+import { get, register, loadManifest } from './chunk-KGLTVTHU.js';
+export { clear, configure, get, getAllCSS, has, loadManifest, names, register, registerAll, remove } from './chunk-KGLTVTHU.js';
+import { generateCriticalCSS, renderStandalone } from './chunk-ZWZ5ZLJE.js';
+export { generateCSS, generateCriticalCSS, renderBonesHTML, renderResponsiveHTML, renderStandalone } from './chunk-ZWZ5ZLJE.js';
+import { BONE_KIND_INDEX, BONE_KIND_FROM_INDEX, DEFAULTS } from './chunk-EJRNKHL5.js';
+export { BONE_KIND_FROM_INDEX, BONE_KIND_INDEX, DEFAULTS } from './chunk-EJRNKHL5.js';
+
+// src/core/compress.ts
+function compressBones(bp) {
+  const sorted = [...bp.bones].sort((a, b) => a.y - b.y || a.x - b.x);
+  const data = [];
+  let prevX = 0;
+  let prevY = 0;
+  for (const bone of sorted) {
+    const x = Math.round(bone.x * 2);
+    const y = Math.round(bone.y * 2);
+    const w = Math.round(bone.w * 2);
+    const h = Math.round(bone.h * 2);
+    const r = Math.round(bone.r * 2);
+    const kind = BONE_KIND_INDEX[bone.kind ?? "block"];
+    data.push(x - prevX, y - prevY, w, h, r, kind);
+    prevX = x;
+    prevY = y;
+  }
+  return {
+    v: 1,
+    vw: bp.viewport,
+    c: [
+      Math.round(bp.containerWidth * 2),
+      Math.round(bp.containerHeight * 2)
+    ],
+    d: data
+  };
+}
+function decompressBones(compressed) {
+  const bones = [];
+  const d = compressed.d;
+  let prevX = 0;
+  let prevY = 0;
+  for (let i = 0; i < d.length; i += 6) {
+    const dx = d[i];
+    const dy = d[i + 1];
+    const w = d[i + 2];
+    const h = d[i + 3];
+    const r = d[i + 4];
+    const kindIdx = d[i + 5];
+    prevX += dx;
+    prevY += dy;
+    bones.push({
+      x: prevX / 2,
+      y: prevY / 2,
+      w: w / 2,
+      h: h / 2,
+      r: r / 2,
+      kind: BONE_KIND_FROM_INDEX[kindIdx] ?? "block"
+    });
+  }
+  return {
+    viewport: compressed.vw,
+    containerWidth: compressed.c[0] / 2,
+    containerHeight: compressed.c[1] / 2,
+    bones
+  };
+}
+function encodeBonesToBase64(compressed) {
+  const header = [compressed.v, compressed.vw, compressed.c[0], compressed.c[1]];
+  const allNums = [...header, compressed.d.length, ...compressed.d];
+  const bytes = [];
+  for (const n of allNums) {
+    const z = n >= 0 ? n * 2 : -n * 2 - 1;
+    let val = z;
+    while (val >= 128) {
+      bytes.push(val & 127 | 128);
+      val >>>= 7;
+    }
+    bytes.push(val & 127);
+  }
+  if (typeof Buffer !== "undefined") {
+    return Buffer.from(new Uint8Array(bytes)).toString("base64");
+  }
+  return btoa(String.fromCharCode(...bytes));
+}
+function decodeBonesToBase64(b64) {
+  let bytes;
+  if (typeof Buffer !== "undefined") {
+    bytes = Buffer.from(b64, "base64");
+  } else {
+    const raw = atob(b64);
+    bytes = new Uint8Array(raw.length);
+    for (let i = 0; i < raw.length; i++) bytes[i] = raw.charCodeAt(i);
+  }
+  const nums = [];
+  let pos = 0;
+  while (pos < bytes.length) {
+    let val = 0;
+    let shift = 0;
+    let b;
+    do {
+      b = bytes[pos++];
+      val |= (b & 127) << shift;
+      shift += 7;
+    } while (b & 128);
+    nums.push(val & 1 ? -(val >>> 1) - 1 : val >>> 1);
+  }
+  const v = nums[0];
+  const vw = nums[1];
+  const c = [nums[2], nums[3]];
+  const dLen = nums[4];
+  const d = nums.slice(5, 5 + dLen);
+  return { v, vw, c, d };
+}
+
+// src/core/animation.ts
+function generateKeyframes(config) {
+  const type = config?.type ?? "shimmer";
+  const prefix = config?.classPrefix ?? DEFAULTS.classPrefix;
+  config?.duration ?? DEFAULTS.animationDuration;
+  switch (type) {
+    case "shimmer":
+      return `@keyframes ${prefix}-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}`;
+    case "pulse":
+      return `@keyframes ${prefix}-pulse{0%,100%{opacity:1}50%{opacity:0.4}}`;
+    case "wave":
+      return `@keyframes ${prefix}-wave{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}`;
+    case "none":
+      return "";
+  }
+}
+function generateBoneAnimation(config) {
+  const type = config?.type ?? "shimmer";
+  const prefix = config?.classPrefix ?? DEFAULTS.classPrefix;
+  const duration = config?.duration ?? DEFAULTS.animationDuration;
+  const color = config?.color ?? DEFAULTS.color;
+  const shimmerColor = config?.shimmerColor ?? DEFAULTS.shimmerColor;
+  switch (type) {
+    case "shimmer":
+      return `background:linear-gradient(90deg,${color} 25%,${shimmerColor} 50%,${color} 75%);background-size:200% 100%;animation:${prefix}-shimmer ${duration}ms ease-in-out infinite`;
+    case "pulse":
+      return `background:${color};animation:${prefix}-pulse ${duration}ms ease-in-out infinite`;
+    case "wave":
+      return `background:${color};animation:${prefix}-wave ${duration}ms ease-in-out infinite`;
+    case "none":
+      return `background:${color}`;
+  }
+}
+function generateStaggerCSS(skeletonName, boneCount, config) {
+  const prefix = config?.classPrefix ?? DEFAULTS.classPrefix;
+  const stagger = config?.stagger ?? 50;
+  const rules = [];
+  for (let i = 0; i < boneCount; i++) {
+    rules.push(
+      `.${prefix}-${skeletonName} .${prefix}-bone:nth-child(${i + 1}){animation-delay:${i * stagger}ms}`
+    );
+  }
+  return rules.join("");
+}
+function generateAnimationCSS(skeletonName, boneCount, config) {
+  const prefix = config?.classPrefix ?? DEFAULTS.classPrefix;
+  const type = config?.type ?? "shimmer";
+  const parts = [];
+  const kf = generateKeyframes(config);
+  if (kf) parts.push(kf);
+  const anim = generateBoneAnimation(config);
+  parts.push(`.${prefix}-${skeletonName} .${prefix}-bone{position:absolute;${anim}}`);
+  if (type === "wave") {
+    parts.push(generateStaggerCSS(skeletonName, boneCount, config));
+  }
+  parts.push(
+    `@media(prefers-reduced-motion:reduce){.${prefix}-${skeletonName} .${prefix}-bone{animation:none!important}}`
+  );
+  return parts.join("\n");
+}
+
+// src/core/extractor.ts
+var INLINE_TAGS = /* @__PURE__ */ new Set([
+  "A",
+  "ABBR",
+  "B",
+  "BDO",
+  "BR",
+  "CITE",
+  "CODE",
+  "DFN",
+  "EM",
+  "I",
+  "KBD",
+  "MARK",
+  "Q",
+  "S",
+  "SAMP",
+  "SMALL",
+  "SPAN",
+  "STRONG",
+  "SUB",
+  "SUP",
+  "TIME",
+  "U",
+  "VAR",
+  "WBR"
+]);
+var SKIP_TAGS = /* @__PURE__ */ new Set([
+  "SCRIPT",
+  "STYLE",
+  "NOSCRIPT",
+  "TEMPLATE",
+  "SVG",
+  "CANVAS",
+  "VIDEO",
+  "AUDIO",
+  "IFRAME",
+  "OBJECT",
+  "EMBED"
+]);
+function detectKind(el) {
+  const tag = el.tagName;
+  if (tag === "IMG" || tag === "PICTURE") {
+    const w = el.getBoundingClientRect().width;
+    const h = el.getBoundingClientRect().height;
+    const ratio = Math.min(w, h) / Math.max(w, h);
+    if (ratio > 0.85 && w < 120) return "avatar";
+    return "image";
+  }
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return "input";
+  if (tag === "BUTTON" || el.getAttribute("role") === "button") return "button";
+  if (tag === "HR") return "divider";
+  if (/^H[1-6]$/.test(tag)) return "heading";
+  if (tag === "SVG" || tag === "svg") return "icon";
+  const style = getComputedStyle(el);
+  const borderRadius = parseInt(style.borderRadius, 10);
+  const rect = el.getBoundingClientRect();
+  if (borderRadius >= rect.width / 2 && rect.width < 120 && rect.width > 16) {
+    return "avatar";
+  }
+  if (el.childNodes.length > 0) {
+    const hasDirectText = Array.from(el.childNodes).some(
+      (n) => n.nodeType === Node.TEXT_NODE && n.textContent?.trim()
+    );
+    if (hasDirectText && INLINE_TAGS.has(tag)) return "text";
+    if (hasDirectText && tag === "P") return "text";
+  }
+  return "block";
+}
+function computeRadius(el, kind) {
+  if (kind === "avatar") return 9999;
+  if (kind === "button") {
+    const style2 = getComputedStyle(el);
+    return Math.min(parseInt(style2.borderRadius, 10) || 6, 9999);
+  }
+  const style = getComputedStyle(el);
+  const r = parseInt(style.borderRadius, 10);
+  return isNaN(r) ? 0 : Math.min(r, 9999);
+}
+function isVisible(el) {
+  const style = getComputedStyle(el);
+  if (style.display === "none") return false;
+  if (style.visibility === "hidden") return false;
+  if (parseFloat(style.opacity) === 0) return false;
+  const rect = el.getBoundingClientRect();
+  return rect.width > 0 && rect.height > 0;
+}
+function isLeaf(el, contentAware) {
+  const tag = el.tagName;
+  if (tag === "IMG" || tag === "PICTURE" || tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || tag === "BUTTON" || tag === "HR" || tag === "SVG" || tag === "svg") {
+    return true;
+  }
+  if (contentAware) {
+    const hasOnlyText = Array.from(el.childNodes).every(
+      (n) => n.nodeType === Node.TEXT_NODE || INLINE_TAGS.has(n.tagName)
+    );
+    if (hasOnlyText && el.textContent?.trim()) return true;
+  }
+  if (el.children.length === 0) return true;
+  return false;
+}
+function extractBones(container, options = {}) {
+  const contentAware = options.contentAware ?? DEFAULTS.contentAware;
+  const minSize = options.minBoneSize ?? DEFAULTS.minBoneSize;
+  const containerRect = container.getBoundingClientRect();
+  const bones = [];
+  function walk(el) {
+    if (SKIP_TAGS.has(el.tagName)) return;
+    if (!isVisible(el)) return;
+    if (isLeaf(el, contentAware)) {
+      const rect = el.getBoundingClientRect();
+      if (rect.width < minSize || rect.height < minSize) return;
+      const kind = contentAware ? detectKind(el) : "block";
+      const r = computeRadius(el, kind);
+      bones.push({
+        x: Math.round((rect.left - containerRect.left) * 2) / 2,
+        y: Math.round((rect.top - containerRect.top) * 2) / 2,
+        w: Math.round(rect.width * 2) / 2,
+        h: Math.round(rect.height * 2) / 2,
+        r,
+        kind
+      });
+      return;
+    }
+    for (const child of el.children) {
+      walk(child);
+    }
+  }
+  walk(container);
+  return {
+    viewport: window.innerWidth,
+    containerWidth: Math.round(containerRect.width * 2) / 2,
+    containerHeight: Math.round(containerRect.height * 2) / 2,
+    bones
+  };
+}
+function getExtractorScript(selector, options = {}) {
+  return `
+(function() {
+  ${isVisible.toString()}
+  ${isLeaf.toString()}
+  ${detectKind.toString()}
+  ${computeRadius.toString()}
+
+  var INLINE_TAGS = new Set(${JSON.stringify([...INLINE_TAGS])});
+  var SKIP_TAGS = new Set(${JSON.stringify([...SKIP_TAGS])});
+  var DEFAULTS = { contentAware: true, minBoneSize: 4 };
+
+  ${extractBones.toString()}
+
+  var container = document.querySelector(${JSON.stringify(selector)});
+  if (!container) throw new Error('CastDOM: Container not found: ' + ${JSON.stringify(selector)});
+  return extractBones(container, ${JSON.stringify(options)});
+})()
+  `.trim();
+}
+
+// src/components/vanilla.ts
+var ACTIVE_ATTR = "data-castdom-active";
+var SKELETON_ATTR = "data-castdom-skeleton";
+function createCastDOM(config) {
+  let styleEl = null;
+  let cssInjected = false;
+  const activeContainers = /* @__PURE__ */ new Set();
+  function ensureCSS() {
+    if (cssInjected || typeof document === "undefined") return;
+    styleEl = document.createElement("style");
+    styleEl.setAttribute("data-castdom", "critical");
+    styleEl.textContent = [
+      `@keyframes castdom-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}`,
+      `@keyframes castdom-pulse{0%,100%{opacity:1}50%{opacity:0.4}}`,
+      `@keyframes castdom-wave{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}`,
+      `@media(prefers-reduced-motion:reduce){.castdom-bone{animation:none!important}}`
+    ].join("");
+    document.head.appendChild(styleEl);
+    cssInjected = true;
+  }
+  return {
+    loadManifest(manifest) {
+      loadManifest(manifest);
+    },
+    register(data) {
+      register(data);
+    },
+    show(name, container) {
+      const entry = get(name);
+      if (!entry) {
+        console.warn(`CastDOM: Skeleton "${name}" not found in registry`);
+        return;
+      }
+      ensureCSS();
+      if (!container.hasAttribute(ACTIVE_ATTR)) {
+        container.setAttribute(ACTIVE_ATTR, "true");
+        for (const child of Array.from(container.children)) {
+          if (!child.hasAttribute(SKELETON_ATTR)) {
+            child.style.display = "none";
+          }
+        }
+      }
+      const vw = typeof window !== "undefined" ? window.innerWidth : 1280;
+      const bp = selectBreakpoint(entry.data, vw);
+      if (!bp) return;
+      const skeletonDiv = document.createElement("div");
+      skeletonDiv.setAttribute(SKELETON_ATTR, name);
+      skeletonDiv.innerHTML = renderStandalone(entry.data, config);
+      container.appendChild(skeletonDiv);
+      activeContainers.add(container);
+    },
+    hide(name, container) {
+      const skeleton = container.querySelector(`[${SKELETON_ATTR}="${name}"]`);
+      if (skeleton) skeleton.remove();
+      container.removeAttribute(ACTIVE_ATTR);
+      for (const child of Array.from(container.children)) {
+        if (!child.hasAttribute(SKELETON_ATTR)) {
+          child.style.display = "";
+        }
+      }
+      activeContainers.delete(container);
+    },
+    toggle(name, container, loading) {
+      if (loading) {
+        this.show(name, container);
+      } else {
+        this.hide(name, container);
+      }
+    },
+    html(name, viewportWidth) {
+      const entry = get(name);
+      if (!entry) return "";
+      return renderStandalone(entry.data, config);
+    },
+    css() {
+      return generateCriticalCSS(
+        Array.from(activeContainers).map((c) => {
+          const name = c.querySelector(`[${SKELETON_ATTR}]`)?.getAttribute(SKELETON_ATTR);
+          return name ? get(name)?.data : void 0;
+        }).filter(Boolean),
+        config
+      );
+    },
+    injectCSS() {
+      ensureCSS();
+    },
+    destroy() {
+      for (const container of activeContainers) {
+        const skeletons = container.querySelectorAll(`[${SKELETON_ATTR}]`);
+        for (const s of skeletons) s.remove();
+        container.removeAttribute(ACTIVE_ATTR);
+        for (const child of Array.from(container.children)) {
+          child.style.display = "";
+        }
+      }
+      activeContainers.clear();
+      if (styleEl) {
+        styleEl.remove();
+        styleEl = null;
+        cssInjected = false;
+      }
+    }
+  };
+}
+
+export { compressBones, createCastDOM, decodeBonesToBase64, decompressBones, encodeBonesToBase64, extractBones, generateAnimationCSS, generateBoneAnimation, generateKeyframes, generateStaggerCSS, getExtractorScript };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/compress.ts","../src/core/animation.ts","../src/core/extractor.ts","../src/components/vanilla.ts"],"names":["style"],"mappings":"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","file":"index.js","sourcesContent":["import type {\n  Bone,\n  BreakpointData,\n  CompressedBones,\n  BoneKind,\n} from \"./types.js\";\nimport { BONE_KIND_INDEX, BONE_KIND_FROM_INDEX } from \"./types.js\";\n\n/**\n * Compress bone data for storage/wire transfer.\n *\n * Strategy:\n * - Quantize all values to integers (multiply by 2, round, store as int)\n * - Delta-encode x/y positions (sorted top-to-bottom, left-to-right)\n * - Pack into a flat number array: [x, y, w, h, r, kind, ...]\n *\n * Achieves ~60-70% size reduction vs raw JSON.\n */\nexport function compressBones(bp: BreakpointData): CompressedBones {\n  // Sort bones top-to-bottom, left-to-right for better delta encoding\n  const sorted = [...bp.bones].sort((a, b) => a.y - b.y || a.x - b.x);\n\n  const data: number[] = [];\n  let prevX = 0;\n  let prevY = 0;\n\n  for (const bone of sorted) {\n    // Quantize to half-pixels (multiply by 2 to store as int)\n    const x = Math.round(bone.x * 2);\n    const y = Math.round(bone.y * 2);\n    const w = Math.round(bone.w * 2);\n    const h = Math.round(bone.h * 2);\n    const r = Math.round(bone.r * 2);\n    const kind = BONE_KIND_INDEX[bone.kind ?? \"block\"];\n\n    // Delta encode position\n    data.push(x - prevX, y - prevY, w, h, r, kind);\n    prevX = x;\n    prevY = y;\n  }\n\n  return {\n    v: 1,\n    vw: bp.viewport,\n    c: [\n      Math.round(bp.containerWidth * 2),\n      Math.round(bp.containerHeight * 2),\n    ],\n    d: data,\n  };\n}\n\n/** Decompress bone data back to a BreakpointData */\nexport function decompressBones(compressed: CompressedBones): BreakpointData {\n  const bones: Bone[] = [];\n  const d = compressed.d;\n  let prevX = 0;\n  let prevY = 0;\n\n  for (let i = 0; i < d.length; i += 6) {\n    const dx = d[i];\n    const dy = d[i + 1];\n    const w = d[i + 2];\n    const h = d[i + 3];\n    const r = d[i + 4];\n    const kindIdx = d[i + 5];\n\n    prevX += dx;\n    prevY += dy;\n\n    bones.push({\n      x: prevX / 2,\n      y: prevY / 2,\n      w: w / 2,\n      h: h / 2,\n      r: r / 2,\n      kind: BONE_KIND_FROM_INDEX[kindIdx] ?? \"block\",\n    });\n  }\n\n  return {\n    viewport: compressed.vw,\n    containerWidth: compressed.c[0] / 2,\n    containerHeight: compressed.c[1] / 2,\n    bones,\n  };\n}\n\n/**\n * Encode compressed bones to a base64 string for embedding.\n * Uses a simple variable-length integer encoding for even smaller output.\n */\nexport function encodeBonesToBase64(compressed: CompressedBones): string {\n  const header = [compressed.v, compressed.vw, compressed.c[0], compressed.c[1]];\n  const allNums = [...header, compressed.d.length, ...compressed.d];\n\n  // Zigzag encode signed integers, then varint encode\n  const bytes: number[] = [];\n  for (const n of allNums) {\n    // Zigzag: map signed to unsigned\n    const z = n >= 0 ? n * 2 : -n * 2 - 1;\n    // Varint: 7 bits per byte, high bit = continuation\n    let val = z;\n    while (val >= 0x80) {\n      bytes.push((val & 0x7f) | 0x80);\n      val >>>= 7;\n    }\n    bytes.push(val & 0x7f);\n  }\n\n  // Convert to base64\n  if (typeof Buffer !== \"undefined\") {\n    return Buffer.from(new Uint8Array(bytes)).toString(\"base64\");\n  }\n  // Browser fallback\n  return btoa(String.fromCharCode(...bytes));\n}\n\n/** Decode base64-encoded bones back to CompressedBones */\nexport function decodeBonesToBase64(b64: string): CompressedBones {\n  let bytes: Uint8Array;\n\n  if (typeof Buffer !== \"undefined\") {\n    bytes = Buffer.from(b64, \"base64\");\n  } else {\n    const raw = atob(b64);\n    bytes = new Uint8Array(raw.length);\n    for (let i = 0; i < raw.length; i++) bytes[i] = raw.charCodeAt(i);\n  }\n\n  // Decode varints\n  const nums: number[] = [];\n  let pos = 0;\n  while (pos < bytes.length) {\n    let val = 0;\n    let shift = 0;\n    let b: number;\n    do {\n      b = bytes[pos++];\n      val |= (b & 0x7f) << shift;\n      shift += 7;\n    } while (b & 0x80);\n    // Zigzag decode\n    nums.push(val & 1 ? -(val >>> 1) - 1 : val >>> 1);\n  }\n\n  const v = nums[0] as 1;\n  const vw = nums[1];\n  const c: [number, number] = [nums[2], nums[3]];\n  const dLen = nums[4];\n  const d = nums.slice(5, 5 + dLen);\n\n  return { v, vw, c, d };\n}\n","import type { CastDOMConfig } from \"./types.js\";\nimport { DEFAULTS } from \"./types.js\";\n\n/**\n * CSS animation generator for CastDOM skeletons.\n *\n * Generates optimized CSS animations:\n * - Shimmer (default): gradient sweep from left to right\n * - Pulse: opacity fade in/out\n * - Wave: staggered reveal animation\n * - None: static placeholder (for prefers-reduced-motion)\n */\n\nexport type AnimationType = \"shimmer\" | \"pulse\" | \"wave\" | \"none\";\n\nexport interface AnimationConfig {\n  type?: AnimationType;\n  duration?: number;\n  color?: string;\n  shimmerColor?: string;\n  classPrefix?: string;\n  /** Stagger delay between bones for wave animation (ms) */\n  stagger?: number;\n}\n\n/** Generate the CSS keyframes for a given animation type */\nexport function generateKeyframes(config?: AnimationConfig): string {\n  const type = config?.type ?? \"shimmer\";\n  const prefix = config?.classPrefix ?? DEFAULTS.classPrefix;\n  const duration = config?.duration ?? DEFAULTS.animationDuration;\n\n  switch (type) {\n    case \"shimmer\":\n      return `@keyframes ${prefix}-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}`;\n\n    case \"pulse\":\n      return `@keyframes ${prefix}-pulse{0%,100%{opacity:1}50%{opacity:0.4}}`;\n\n    case \"wave\":\n      return `@keyframes ${prefix}-wave{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}`;\n\n    case \"none\":\n      return \"\";\n  }\n}\n\n/** Generate the CSS for bone elements with a given animation type */\nexport function generateBoneAnimation(config?: AnimationConfig): string {\n  const type = config?.type ?? \"shimmer\";\n  const prefix = config?.classPrefix ?? DEFAULTS.classPrefix;\n  const duration = config?.duration ?? DEFAULTS.animationDuration;\n  const color = config?.color ?? DEFAULTS.color;\n  const shimmerColor = config?.shimmerColor ?? DEFAULTS.shimmerColor;\n\n  switch (type) {\n    case \"shimmer\":\n      return `background:linear-gradient(90deg,${color} 25%,${shimmerColor} 50%,${color} 75%);background-size:200% 100%;animation:${prefix}-shimmer ${duration}ms ease-in-out infinite`;\n\n    case \"pulse\":\n      return `background:${color};animation:${prefix}-pulse ${duration}ms ease-in-out infinite`;\n\n    case \"wave\":\n      return `background:${color};animation:${prefix}-wave ${duration}ms ease-in-out infinite`;\n\n    case \"none\":\n      return `background:${color}`;\n  }\n}\n\n/**\n * Generate stagger delays for wave animation.\n * Each bone gets a progressively delayed start.\n */\nexport function generateStaggerCSS(\n  skeletonName: string,\n  boneCount: number,\n  config?: AnimationConfig\n): string {\n  const prefix = config?.classPrefix ?? DEFAULTS.classPrefix;\n  const stagger = config?.stagger ?? 50;\n  const rules: string[] = [];\n\n  for (let i = 0; i < boneCount; i++) {\n    rules.push(\n      `.${prefix}-${skeletonName} .${prefix}-bone:nth-child(${i + 1}){animation-delay:${i * stagger}ms}`\n    );\n  }\n\n  return rules.join(\"\");\n}\n\n/**\n * Generate complete animation CSS bundle for a skeleton.\n * Includes keyframes, bone styles, and reduced-motion fallback.\n */\nexport function generateAnimationCSS(\n  skeletonName: string,\n  boneCount: number,\n  config?: AnimationConfig\n): string {\n  const prefix = config?.classPrefix ?? DEFAULTS.classPrefix;\n  const type = config?.type ?? \"shimmer\";\n\n  const parts: string[] = [];\n\n  // Keyframes\n  const kf = generateKeyframes(config);\n  if (kf) parts.push(kf);\n\n  // Bone animation\n  const anim = generateBoneAnimation(config);\n  parts.push(`.${prefix}-${skeletonName} .${prefix}-bone{position:absolute;${anim}}`);\n\n  // Stagger for wave\n  if (type === \"wave\") {\n    parts.push(generateStaggerCSS(skeletonName, boneCount, config));\n  }\n\n  // Reduced motion fallback\n  parts.push(\n    `@media(prefers-reduced-motion:reduce){.${prefix}-${skeletonName} .${prefix}-bone{animation:none!important}}`\n  );\n\n  return parts.join(\"\\n\");\n}\n","import type { Bone, BoneKind, BreakpointData, CastDOMConfig } from \"./types.js\";\nimport { DEFAULTS } from \"./types.js\";\n\n/**\n * DOM Extractor — runs in the browser context.\n * Reads getBoundingClientRect() on every visible element inside a container\n * and produces a flat array of bones.\n *\n * This is injected into the page via Playwright during the build step,\n * or can be called directly in dev mode.\n */\n\nconst INLINE_TAGS = new Set([\n  \"A\", \"ABBR\", \"B\", \"BDO\", \"BR\", \"CITE\", \"CODE\", \"DFN\", \"EM\", \"I\",\n  \"KBD\", \"MARK\", \"Q\", \"S\", \"SAMP\", \"SMALL\", \"SPAN\", \"STRONG\", \"SUB\",\n  \"SUP\", \"TIME\", \"U\", \"VAR\", \"WBR\",\n]);\n\nconst SKIP_TAGS = new Set([\n  \"SCRIPT\", \"STYLE\", \"NOSCRIPT\", \"TEMPLATE\", \"SVG\", \"CANVAS\",\n  \"VIDEO\", \"AUDIO\", \"IFRAME\", \"OBJECT\", \"EMBED\",\n]);\n\n/** Detect the semantic kind of a DOM element */\nfunction detectKind(el: Element): BoneKind {\n  const tag = el.tagName;\n\n  if (tag === \"IMG\" || tag === \"PICTURE\") {\n    const w = el.getBoundingClientRect().width;\n    const h = el.getBoundingClientRect().height;\n    const ratio = Math.min(w, h) / Math.max(w, h);\n    if (ratio > 0.85 && w < 120) return \"avatar\";\n    return \"image\";\n  }\n\n  if (tag === \"INPUT\" || tag === \"TEXTAREA\" || tag === \"SELECT\") return \"input\";\n  if (tag === \"BUTTON\" || el.getAttribute(\"role\") === \"button\") return \"button\";\n  if (tag === \"HR\") return \"divider\";\n  if (/^H[1-6]$/.test(tag)) return \"heading\";\n  if (tag === \"SVG\" || tag === \"svg\") return \"icon\";\n\n  // Check for avatar-like elements (small, round images via CSS)\n  const style = getComputedStyle(el);\n  const borderRadius = parseInt(style.borderRadius, 10);\n  const rect = el.getBoundingClientRect();\n  if (borderRadius >= rect.width / 2 && rect.width < 120 && rect.width > 16) {\n    return \"avatar\";\n  }\n\n  // Text detection\n  if (el.childNodes.length > 0) {\n    const hasDirectText = Array.from(el.childNodes).some(\n      (n) => n.nodeType === Node.TEXT_NODE && n.textContent?.trim()\n    );\n    if (hasDirectText && INLINE_TAGS.has(tag)) return \"text\";\n    if (hasDirectText && tag === \"P\") return \"text\";\n  }\n\n  return \"block\";\n}\n\n/** Compute border radius for a bone */\nfunction computeRadius(el: Element, kind: BoneKind): number {\n  if (kind === \"avatar\") return 9999;\n  if (kind === \"button\") {\n    const style = getComputedStyle(el);\n    return Math.min(parseInt(style.borderRadius, 10) || 6, 9999);\n  }\n\n  const style = getComputedStyle(el);\n  const r = parseInt(style.borderRadius, 10);\n  return isNaN(r) ? 0 : Math.min(r, 9999);\n}\n\n/** Check if element is visible */\nfunction isVisible(el: Element): boolean {\n  const style = getComputedStyle(el);\n  if (style.display === \"none\") return false;\n  if (style.visibility === \"hidden\") return false;\n  if (parseFloat(style.opacity) === 0) return false;\n\n  const rect = el.getBoundingClientRect();\n  return rect.width > 0 && rect.height > 0;\n}\n\n/** Check if element is a leaf (should be a bone, not traversed further) */\nfunction isLeaf(el: Element, contentAware: boolean): boolean {\n  const tag = el.tagName;\n\n  // Always leaf: replaced elements, form controls\n  if (\n    tag === \"IMG\" || tag === \"PICTURE\" || tag === \"INPUT\" ||\n    tag === \"TEXTAREA\" || tag === \"SELECT\" || tag === \"BUTTON\" ||\n    tag === \"HR\" || tag === \"SVG\" || tag === \"svg\"\n  ) {\n    return true;\n  }\n\n  // If content-aware, check for text-only leaves\n  if (contentAware) {\n    const hasOnlyText = Array.from(el.childNodes).every(\n      (n) => n.nodeType === Node.TEXT_NODE || INLINE_TAGS.has((n as Element).tagName)\n    );\n    if (hasOnlyText && el.textContent?.trim()) return true;\n  }\n\n  // No children = leaf\n  if (el.children.length === 0) return true;\n\n  return false;\n}\n\nexport interface ExtractOptions {\n  contentAware?: boolean;\n  minBoneSize?: number;\n}\n\n/**\n * Extract bones from a container element.\n * Call this in the browser context (via Playwright or directly).\n */\nexport function extractBones(\n  container: Element,\n  options: ExtractOptions = {}\n): BreakpointData {\n  const contentAware = options.contentAware ?? DEFAULTS.contentAware;\n  const minSize = options.minBoneSize ?? DEFAULTS.minBoneSize;\n  const containerRect = container.getBoundingClientRect();\n  const bones: Bone[] = [];\n\n  function walk(el: Element): void {\n    if (SKIP_TAGS.has(el.tagName)) return;\n    if (!isVisible(el)) return;\n\n    if (isLeaf(el, contentAware)) {\n      const rect = el.getBoundingClientRect();\n\n      // Skip tiny elements\n      if (rect.width < minSize || rect.height < minSize) return;\n\n      const kind = contentAware ? detectKind(el) : \"block\";\n      const r = computeRadius(el, kind);\n\n      // Quantize to nearest 0.5px for smaller output\n      bones.push({\n        x: Math.round((rect.left - containerRect.left) * 2) / 2,\n        y: Math.round((rect.top - containerRect.top) * 2) / 2,\n        w: Math.round(rect.width * 2) / 2,\n        h: Math.round(rect.height * 2) / 2,\n        r,\n        kind,\n      });\n      return;\n    }\n\n    // Traverse children\n    for (const child of el.children) {\n      walk(child);\n    }\n  }\n\n  walk(container);\n\n  return {\n    viewport: window.innerWidth,\n    containerWidth: Math.round(containerRect.width * 2) / 2,\n    containerHeight: Math.round(containerRect.height * 2) / 2,\n    bones,\n  };\n}\n\n/**\n * Serializable extraction function — returns a string that can be\n * evaluated in a Playwright page context.\n */\nexport function getExtractorScript(\n  selector: string,\n  options: ExtractOptions = {}\n): string {\n  // Serialize the entire extraction logic for injection\n  return `\n(function() {\n  ${isVisible.toString()}\n  ${isLeaf.toString()}\n  ${detectKind.toString()}\n  ${computeRadius.toString()}\n\n  var INLINE_TAGS = new Set(${JSON.stringify([...INLINE_TAGS])});\n  var SKIP_TAGS = new Set(${JSON.stringify([...SKIP_TAGS])});\n  var DEFAULTS = { contentAware: true, minBoneSize: 4 };\n\n  ${extractBones.toString()}\n\n  var container = document.querySelector(${JSON.stringify(selector)});\n  if (!container) throw new Error('CastDOM: Container not found: ' + ${JSON.stringify(selector)});\n  return extractBones(container, ${JSON.stringify(options)});\n})()\n  `.trim();\n}\n","import type { SkeletonData, CastDOMConfig } from \"../core/types.js\";\nimport { get as getFromRegistry, register, loadManifest } from \"../core/registry.js\";\nimport { renderStandalone, renderResponsiveHTML, generateCriticalCSS } from \"../core/renderer.js\";\nimport { selectBreakpoint } from \"../core/responsive.js\";\nimport { DEFAULTS } from \"../core/types.js\";\n\n/**\n * Vanilla JS API for CastDOM.\n * Use this when you're not using React or another framework.\n *\n * Usage:\n * ```js\n * import { createCastDOM } from 'castdom';\n *\n * const castdom = createCastDOM();\n * castdom.loadManifest(manifest);\n *\n * // Show skeleton\n * castdom.show('user-card', document.getElementById('container'));\n *\n * // Later, hide skeleton and show real content\n * castdom.hide('user-card', document.getElementById('container'));\n * ```\n */\n\nexport interface CastDOMInstance {\n  /** Load skeleton data from a manifest */\n  loadManifest(manifest: { skeletons: SkeletonData[] }): void;\n  /** Register a single skeleton */\n  register(data: SkeletonData): void;\n  /** Show a skeleton in a container element */\n  show(name: string, container: HTMLElement): void;\n  /** Hide the skeleton and restore the container */\n  hide(name: string, container: HTMLElement): void;\n  /** Toggle skeleton visibility based on loading state */\n  toggle(name: string, container: HTMLElement, loading: boolean): void;\n  /** Get the HTML string for a skeleton (for manual insertion) */\n  html(name: string, viewportWidth?: number): string;\n  /** Get the CSS for all registered skeletons */\n  css(): string;\n  /** Inject critical CSS into the document head */\n  injectCSS(): void;\n  /** Destroy the instance and clean up */\n  destroy(): void;\n}\n\nconst ACTIVE_ATTR = \"data-castdom-active\";\nconst SKELETON_ATTR = \"data-castdom-skeleton\";\n\nexport function createCastDOM(config?: Partial<CastDOMConfig>): CastDOMInstance {\n  let styleEl: HTMLStyleElement | null = null;\n  let cssInjected = false;\n  const activeContainers = new Set<HTMLElement>();\n\n  function ensureCSS(): void {\n    if (cssInjected || typeof document === \"undefined\") return;\n\n    styleEl = document.createElement(\"style\");\n    styleEl.setAttribute(\"data-castdom\", \"critical\");\n    styleEl.textContent = [\n      `@keyframes castdom-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}`,\n      `@keyframes castdom-pulse{0%,100%{opacity:1}50%{opacity:0.4}}`,\n      `@keyframes castdom-wave{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}`,\n      `@media(prefers-reduced-motion:reduce){.castdom-bone{animation:none!important}}`,\n    ].join(\"\");\n    document.head.appendChild(styleEl);\n    cssInjected = true;\n  }\n\n  return {\n    loadManifest(manifest) {\n      loadManifest(manifest);\n    },\n\n    register(data) {\n      register(data);\n    },\n\n    show(name, container) {\n      const entry = getFromRegistry(name);\n      if (!entry) {\n        console.warn(`CastDOM: Skeleton \"${name}\" not found in registry`);\n        return;\n      }\n\n      ensureCSS();\n\n      // Store original content\n      if (!container.hasAttribute(ACTIVE_ATTR)) {\n        container.setAttribute(ACTIVE_ATTR, \"true\");\n        // Hide children but keep them in DOM\n        for (const child of Array.from(container.children)) {\n          if (!child.hasAttribute(SKELETON_ATTR)) {\n            (child as HTMLElement).style.display = \"none\";\n          }\n        }\n      }\n\n      // Create skeleton element\n      const vw = typeof window !== \"undefined\" ? window.innerWidth : 1280;\n      const bp = selectBreakpoint(entry.data, vw);\n      if (!bp) return;\n\n      const skeletonDiv = document.createElement(\"div\");\n      skeletonDiv.setAttribute(SKELETON_ATTR, name);\n      skeletonDiv.innerHTML = renderStandalone(entry.data, config);\n      container.appendChild(skeletonDiv);\n      activeContainers.add(container);\n    },\n\n    hide(name, container) {\n      // Remove skeleton\n      const skeleton = container.querySelector(`[${SKELETON_ATTR}=\"${name}\"]`);\n      if (skeleton) skeleton.remove();\n\n      // Restore children\n      container.removeAttribute(ACTIVE_ATTR);\n      for (const child of Array.from(container.children)) {\n        if (!(child as HTMLElement).hasAttribute(SKELETON_ATTR)) {\n          (child as HTMLElement).style.display = \"\";\n        }\n      }\n      activeContainers.delete(container);\n    },\n\n    toggle(name, container, loading) {\n      if (loading) {\n        this.show(name, container);\n      } else {\n        this.hide(name, container);\n      }\n    },\n\n    html(name, viewportWidth) {\n      const entry = getFromRegistry(name);\n      if (!entry) return \"\";\n      return renderStandalone(entry.data, config);\n    },\n\n    css() {\n      return generateCriticalCSS(\n        Array.from(activeContainers)\n          .map((c) => {\n            const name = c.querySelector(`[${SKELETON_ATTR}]`)?.getAttribute(SKELETON_ATTR);\n            return name ? getFromRegistry(name)?.data : undefined;\n          })\n          .filter(Boolean) as SkeletonData[],\n        config\n      );\n    },\n\n    injectCSS() {\n      ensureCSS();\n    },\n\n    destroy() {\n      // Remove all active skeletons\n      for (const container of activeContainers) {\n        const skeletons = container.querySelectorAll(`[${SKELETON_ATTR}]`);\n        for (const s of skeletons) s.remove();\n        container.removeAttribute(ACTIVE_ATTR);\n        for (const child of Array.from(container.children)) {\n          (child as HTMLElement).style.display = \"\";\n        }\n      }\n      activeContainers.clear();\n\n      // Remove injected CSS\n      if (styleEl) {\n        styleEl.remove();\n        styleEl = null;\n        cssInjected = false;\n      }\n    },\n  };\n}\n\nexport default createCastDOM;\n"]}

package/dist/next.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var chunkO4OOMGGM_cjs = require('./chunk-O4OOMGGM.cjs');
+require('./chunk-ORY4OMZ5.cjs');
+var chunkYDT4TPB7_cjs = require('./chunk-YDT4TPB7.cjs');
+var chunkQLEBTZIB_cjs = require('./chunk-QLEBTZIB.cjs');
+var chunkXS5HAU5E_cjs = require('./chunk-XS5HAU5E.cjs');
+require('./chunk-JRQ6EVQP.cjs');
+
+// src/adapters/nextjs.ts
+function initCastDOM(manifest) {
+  chunkYDT4TPB7_cjs.loadManifest(manifest);
+}
+function getSkeletonProps(names, config) {
+  const skeletonHTML = {};
+  const skeletons = [];
+  for (const name of names) {
+    const entry = chunkYDT4TPB7_cjs.get(name);
+    if (entry) {
+      skeletonHTML[name] = chunkQLEBTZIB_cjs.renderSkeleton(entry.data, { config });
+      skeletons.push(entry.data);
+    }
+  }
+  return {
+    skeletonHTML,
+    skeletonCSS: chunkXS5HAU5E_cjs.generateCriticalCSS(skeletons, config)
+  };
+}
+function generateCastDOMHead(skeletonNames, config) {
+  const skeletons = [];
+  for (const name of skeletonNames) {
+    const entry = chunkYDT4TPB7_cjs.get(name);
+    if (entry) skeletons.push(entry.data);
+  }
+  if (skeletons.length === 0) return "";
+  return [chunkQLEBTZIB_cjs.renderCriticalStyleTag(skeletons, config), chunkQLEBTZIB_cjs.renderHydrationScript()].join("\n");
+}
+function withCastDOMConfig(nextConfig = {}) {
+  return {
+    ...nextConfig,
+    webpack(config, options) {
+      const existingWebpack = typeof nextConfig.webpack === "function" ? nextConfig.webpack(config, options) : config;
+      return existingWebpack;
+    }
+  };
+}
+
+Object.defineProperty(exports, "CastDOM", {
+  enumerable: true,
+  get: function () { return chunkO4OOMGGM_cjs.CastDOM; }
+});
+Object.defineProperty(exports, "CastDOMStyle", {
+  enumerable: true,
+  get: function () { return chunkO4OOMGGM_cjs.CastDOMStyle; }
+});
+Object.defineProperty(exports, "useCastDOM", {
+  enumerable: true,
+  get: function () { return chunkO4OOMGGM_cjs.useCastDOM; }
+});
+exports.generateCastDOMHead = generateCastDOMHead;
+exports.getSkeletonProps = getSkeletonProps;
+exports.initCastDOM = initCastDOM;
+exports.withCastDOMConfig = withCastDOMConfig;
+//# sourceMappingURL=next.cjs.map
+//# sourceMappingURL=next.cjs.map

package/dist/next.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/nextjs.ts"],"names":["loadManifest","get","renderSkeleton","generateCriticalCSS","renderCriticalStyleTag","renderHydrationScript"],"mappings":";;;;;;;;;;AA8CO,SAAS,YAAY,QAAA,EAA+C;AACzE,EAAAA,8BAAA,CAAa,QAAQ,CAAA;AACvB;AAaO,SAAS,gBAAA,CACd,OACA,MAAA,EAC+D;AAC/D,EAAA,MAAM,eAAuC,EAAC;AAC9C,EAAA,MAAM,YAA4B,EAAC;AAEnC,EAAA,KAAA,MAAW,QAAQ,KAAA,EAAO;AACxB,IAAA,MAAM,KAAA,GAAQC,sBAAgB,IAAI,CAAA;AAClC,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,YAAA,CAAa,IAAI,CAAA,GAAIC,gCAAA,CAAe,MAAM,IAAA,EAAM,EAAE,QAAQ,CAAA;AAC1D,MAAA,SAAA,CAAU,IAAA,CAAK,MAAM,IAAI,CAAA;AAAA,IAC3B;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,YAAA;AAAA,IACA,WAAA,EAAaC,qCAAA,CAAoB,SAAA,EAAW,MAAM;AAAA,GACpD;AACF;AAaO,SAAS,mBAAA,CACd,eACA,MAAA,EACQ;AACR,EAAA,MAAM,YAA4B,EAAC;AAEnC,EAAA,KAAA,MAAW,QAAQ,aAAA,EAAe;AAChC,IAAA,MAAM,KAAA,GAAQF,sBAAgB,IAAI,CAAA;AAClC,IAAA,IAAI,KAAA,EAAO,SAAA,CAAU,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAAA,EACtC;AAEA,EAAA,IAAI,SAAA,CAAU,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAEnC,EAAA,OAAO,CAACG,yCAAuB,SAAA,EAAW,MAAM,GAAGC,uCAAA,EAAuB,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA;AACvF;AAkCO,SAAS,iBAAA,CAAkB,UAAA,GAAsC,EAAC,EAA4B;AACnG,EAAA,OAAO;AAAA,IACL,GAAG,UAAA;AAAA,IACH,OAAA,CAAQ,QAAiC,OAAA,EAAkC;AAEzE,MAAA,MAAM,eAAA,GACJ,OAAO,UAAA,CAAW,OAAA,KAAY,aACzB,UAAA,CAAW,OAAA,CAAqB,MAAA,EAAQ,OAAO,CAAA,GAChD,MAAA;AAEN,MAAA,OAAO,eAAA;AAAA,IACT;AAAA,GACF;AACF","file":"next.cjs","sourcesContent":["import type { SkeletonData, CastDOMConfig } from \"../core/types.js\";\nimport { renderSkeleton, renderCriticalStyleTag, renderHydrationScript } from \"../seo/ssr.js\";\nimport { register, loadManifest, get as getFromRegistry } from \"../core/registry.js\";\nimport { generateCriticalCSS } from \"../core/renderer.js\";\n\n/**\n * Next.js adapter for CastDOM.\n *\n * Supports:\n * - App Router (React Server Components)\n * - Pages Router (getServerSideProps / getStaticProps)\n * - Automatic loading.tsx generation\n * - Middleware-based skeleton injection\n *\n * Usage (App Router):\n * ```tsx\n * // app/layout.tsx\n * import { CastDOMProvider } from \"castdom/next\";\n * import manifest from \".castdom/manifest.json\";\n *\n * export default function RootLayout({ children }) {\n *   return (\n *     <CastDOMProvider manifest={manifest}>\n *       {children}\n *     </CastDOMProvider>\n *   );\n * }\n * ```\n *\n * Usage (Pages Router):\n * ```tsx\n * // pages/_app.tsx\n * import { initCastDOM } from \"castdom/next\";\n * import manifest from \".castdom/manifest.json\";\n *\n * initCastDOM(manifest);\n * ```\n */\n\n// Re-export React components for convenience\nexport { CastDOM, CastDOMStyle, useCastDOM } from \"../components/react.js\";\n\n/**\n * Initialize CastDOM in a Next.js app.\n * Call once in _app.tsx or layout.tsx.\n */\nexport function initCastDOM(manifest: { skeletons: SkeletonData[] }): void {\n  loadManifest(manifest);\n}\n\n/**\n * Server-side helper for getServerSideProps / getStaticProps.\n * Returns skeleton HTML that can be passed as props.\n *\n * ```ts\n * export async function getServerSideProps() {\n *   const { skeletonHTML, skeletonCSS } = getSkeletonProps([\"user-card\", \"feed-item\"]);\n *   return { props: { skeletonHTML, skeletonCSS } };\n * }\n * ```\n */\nexport function getSkeletonProps(\n  names: string[],\n  config?: Partial<CastDOMConfig>\n): { skeletonHTML: Record<string, string>; skeletonCSS: string } {\n  const skeletonHTML: Record<string, string> = {};\n  const skeletons: SkeletonData[] = [];\n\n  for (const name of names) {\n    const entry = getFromRegistry(name);\n    if (entry) {\n      skeletonHTML[name] = renderSkeleton(entry.data, { config });\n      skeletons.push(entry.data);\n    }\n  }\n\n  return {\n    skeletonHTML,\n    skeletonCSS: generateCriticalCSS(skeletons, config),\n  };\n}\n\n/**\n * Next.js App Router metadata helper.\n * Generates <head> tags for skeleton critical CSS.\n *\n * ```tsx\n * // app/layout.tsx\n * import { generateCastDOMMetadata } from \"castdom/next\";\n *\n * export const metadata = generateCastDOMMetadata([\"user-card\"]);\n * ```\n */\nexport function generateCastDOMHead(\n  skeletonNames: string[],\n  config?: Partial<CastDOMConfig>\n): string {\n  const skeletons: SkeletonData[] = [];\n\n  for (const name of skeletonNames) {\n    const entry = getFromRegistry(name);\n    if (entry) skeletons.push(entry.data);\n  }\n\n  if (skeletons.length === 0) return \"\";\n\n  return [renderCriticalStyleTag(skeletons, config), renderHydrationScript()].join(\"\\n\");\n}\n\n/**\n * Next.js middleware helper — injects skeleton HTML into streaming responses.\n * Use this for automatic skeleton injection without modifying page components.\n *\n * ```ts\n * // middleware.ts\n * import { withCastDOM } from \"castdom/next\";\n *\n * export default withCastDOM({\n *   skeletons: { \"/dashboard\": \"dashboard-skeleton\" },\n * });\n * ```\n */\nexport interface CastDOMMiddlewareConfig {\n  /** Map of route patterns to skeleton names */\n  skeletons: Record<string, string | string[]>;\n  /** Config overrides */\n  config?: Partial<CastDOMConfig>;\n}\n\n/**\n * Create a Next.js config plugin that adds CastDOM webpack config.\n *\n * ```js\n * // next.config.js\n * const { withCastDOMConfig } = require(\"castdom/next\");\n *\n * module.exports = withCastDOMConfig({\n *   // your next.js config\n * });\n * ```\n */\nexport function withCastDOMConfig(nextConfig: Record<string, unknown> = {}): Record<string, unknown> {\n  return {\n    ...nextConfig,\n    webpack(config: Record<string, unknown>, options: Record<string, unknown>) {\n      // Add .castdom to module resolution\n      const existingWebpack =\n        typeof nextConfig.webpack === \"function\"\n          ? (nextConfig.webpack as Function)(config, options)\n          : config;\n\n      return existingWebpack;\n    },\n  };\n}\n"]}

package/dist/next.d.cts

@@ -0,0 +1,72 @@
+import { C as CastDOMConfig, S as SkeletonData } from './types-ChD5jENU.cjs';
+export { CastDOM, CastDOMStyle, useCastDOM } from './react.cjs';
+import 'react';
+
+/**
+ * Initialize CastDOM in a Next.js app.
+ * Call once in _app.tsx or layout.tsx.
+ */
+declare function initCastDOM(manifest: {
+    skeletons: SkeletonData[];
+}): void;
+/**
+ * Server-side helper for getServerSideProps / getStaticProps.
+ * Returns skeleton HTML that can be passed as props.
+ *
+ * ```ts
+ * export async function getServerSideProps() {
+ *   const { skeletonHTML, skeletonCSS } = getSkeletonProps(["user-card", "feed-item"]);
+ *   return { props: { skeletonHTML, skeletonCSS } };
+ * }
+ * ```
+ */
+declare function getSkeletonProps(names: string[], config?: Partial<CastDOMConfig>): {
+    skeletonHTML: Record<string, string>;
+    skeletonCSS: string;
+};
+/**
+ * Next.js App Router metadata helper.
+ * Generates <head> tags for skeleton critical CSS.
+ *
+ * ```tsx
+ * // app/layout.tsx
+ * import { generateCastDOMMetadata } from "castdom/next";
+ *
+ * export const metadata = generateCastDOMMetadata(["user-card"]);
+ * ```
+ */
+declare function generateCastDOMHead(skeletonNames: string[], config?: Partial<CastDOMConfig>): string;
+/**
+ * Next.js middleware helper — injects skeleton HTML into streaming responses.
+ * Use this for automatic skeleton injection without modifying page components.
+ *
+ * ```ts
+ * // middleware.ts
+ * import { withCastDOM } from "castdom/next";
+ *
+ * export default withCastDOM({
+ *   skeletons: { "/dashboard": "dashboard-skeleton" },
+ * });
+ * ```
+ */
+interface CastDOMMiddlewareConfig {
+    /** Map of route patterns to skeleton names */
+    skeletons: Record<string, string | string[]>;
+    /** Config overrides */
+    config?: Partial<CastDOMConfig>;
+}
+/**
+ * Create a Next.js config plugin that adds CastDOM webpack config.
+ *
+ * ```js
+ * // next.config.js
+ * const { withCastDOMConfig } = require("castdom/next");
+ *
+ * module.exports = withCastDOMConfig({
+ *   // your next.js config
+ * });
+ * ```
+ */
+declare function withCastDOMConfig(nextConfig?: Record<string, unknown>): Record<string, unknown>;
+
+export { type CastDOMMiddlewareConfig, generateCastDOMHead, getSkeletonProps, initCastDOM, withCastDOMConfig };