npm - @lukas_holdings/castdom - Versions diffs - 1.0.0 - Mend

@lukas_holdings/castdom 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/LICENSE +21 -0
package/README.md +707 -0
package/bin/castdom.js +2 -0
package/dist/astro.cjs +86 -0
package/dist/astro.cjs.map +1 -0
package/dist/astro.d.cts +88 -0
package/dist/astro.d.ts +88 -0
package/dist/astro.js +80 -0
package/dist/astro.js.map +1 -0
package/dist/chunk-COLESJ66.js +57 -0
package/dist/chunk-COLESJ66.js.map +1 -0
package/dist/chunk-EJRNKHL5.js +31 -0
package/dist/chunk-EJRNKHL5.js.map +1 -0
package/dist/chunk-JRQ6EVQP.cjs +35 -0
package/dist/chunk-JRQ6EVQP.cjs.map +1 -0
package/dist/chunk-KGLTVTHU.js +73 -0
package/dist/chunk-KGLTVTHU.js.map +1 -0
package/dist/chunk-O4OOMGGM.cjs +198 -0
package/dist/chunk-O4OOMGGM.cjs.map +1 -0
package/dist/chunk-ONS533CQ.js +104 -0
package/dist/chunk-ONS533CQ.js.map +1 -0
package/dist/chunk-ORY4OMZ5.cjs +110 -0
package/dist/chunk-ORY4OMZ5.cjs.map +1 -0
package/dist/chunk-QLEBTZIB.cjs +64 -0
package/dist/chunk-QLEBTZIB.cjs.map +1 -0
package/dist/chunk-XS5HAU5E.cjs +109 -0
package/dist/chunk-XS5HAU5E.cjs.map +1 -0
package/dist/chunk-YDT4TPB7.cjs +84 -0
package/dist/chunk-YDT4TPB7.cjs.map +1 -0
package/dist/chunk-ZBJB7WVV.js +193 -0
package/dist/chunk-ZBJB7WVV.js.map +1 -0
package/dist/chunk-ZWZ5ZLJE.js +103 -0
package/dist/chunk-ZWZ5ZLJE.js.map +1 -0
package/dist/cli.js +135 -0
package/dist/index.cjs +540 -0
package/dist/index.cjs.map +1 -0
package/dist/index.d.cts +176 -0
package/dist/index.d.ts +176 -0
package/dist/index.js +440 -0
package/dist/index.js.map +1 -0
package/dist/next.cjs +65 -0
package/dist/next.cjs.map +1 -0
package/dist/next.d.cts +72 -0
package/dist/next.d.ts +72 -0
package/dist/next.js +48 -0
package/dist/next.js.map +1 -0
package/dist/react.cjs +30 -0
package/dist/react.cjs.map +1 -0
package/dist/react.d.cts +70 -0
package/dist/react.d.ts +70 -0
package/dist/react.js +7 -0
package/dist/react.js.map +1 -0
package/dist/renderer-B1R7u2wm.d.ts +30 -0
package/dist/renderer-Bfzjr6l9.d.cts +30 -0
package/dist/ssr.cjs +46 -0
package/dist/ssr.cjs.map +1 -0
package/dist/ssr.d.cts +83 -0
package/dist/ssr.d.ts +83 -0
package/dist/ssr.js +5 -0
package/dist/ssr.js.map +1 -0
package/dist/types-ChD5jENU.d.cts +105 -0
package/dist/types-ChD5jENU.d.ts +105 -0
package/dist/vite.cjs +83 -0
package/dist/vite.cjs.map +1 -0
package/dist/vite.d.cts +81 -0
package/dist/vite.d.ts +81 -0
package/dist/vite.js +77 -0
package/dist/vite.js.map +1 -0
package/package.json +130 -0

package/dist/next.d.ts ADDED Viewed

@@ -0,0 +1,72 @@
+import { C as CastDOMConfig, S as SkeletonData } from './types-ChD5jENU.js';
+export { CastDOM, CastDOMStyle, useCastDOM } from './react.js';
+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 };

package/dist/next.js ADDED Viewed

@@ -0,0 +1,48 @@
+export { CastDOM, CastDOMStyle, useCastDOM } from './chunk-ZBJB7WVV.js';
+import './chunk-ONS533CQ.js';
+import { loadManifest, get } from './chunk-KGLTVTHU.js';
+import { renderSkeleton, renderCriticalStyleTag, renderHydrationScript } from './chunk-COLESJ66.js';
+import { generateCriticalCSS } from './chunk-ZWZ5ZLJE.js';
+import './chunk-EJRNKHL5.js';
+// src/adapters/nextjs.ts
+function initCastDOM(manifest) {
+  loadManifest(manifest);
+}
+function getSkeletonProps(names, config) {
+  const skeletonHTML = {};
+  const skeletons = [];
+  for (const name of names) {
+    const entry = get(name);
+    if (entry) {
+      skeletonHTML[name] = renderSkeleton(entry.data, { config });
+      skeletons.push(entry.data);
+    }
+  }
+  return {
+    skeletonHTML,
+    skeletonCSS: generateCriticalCSS(skeletons, config)
+  };
+}
+function generateCastDOMHead(skeletonNames, config) {
+  const skeletons = [];
+  for (const name of skeletonNames) {
+    const entry = get(name);
+    if (entry) skeletons.push(entry.data);
+  }
+  if (skeletons.length === 0) return "";
+  return [renderCriticalStyleTag(skeletons, config), renderHydrationScript()].join("\n");
+}
+function withCastDOMConfig(nextConfig = {}) {
+  return {
+    ...nextConfig,
+    webpack(config, options) {
+      const existingWebpack = typeof nextConfig.webpack === "function" ? nextConfig.webpack(config, options) : config;
+      return existingWebpack;
+    }
+  };
+}
+export { generateCastDOMHead, getSkeletonProps, initCastDOM, withCastDOMConfig };
+//# sourceMappingURL=next.js.map
+//# sourceMappingURL=next.js.map

package/dist/next.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/adapters/nextjs.ts"],"names":[],"mappings":";;;;;;;;AA8CO,SAAS,YAAY,QAAA,EAA+C;AACzE,EAAA,YAAA,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,GAAQ,IAAgB,IAAI,CAAA;AAClC,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,YAAA,CAAa,IAAI,CAAA,GAAI,cAAA,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,EAAa,mBAAA,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,GAAQ,IAAgB,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,CAAC,uBAAuB,SAAA,EAAW,MAAM,GAAG,qBAAA,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.js","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/react.cjs ADDED Viewed

@@ -0,0 +1,30 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var chunkO4OOMGGM_cjs = require('./chunk-O4OOMGGM.cjs');
+require('./chunk-ORY4OMZ5.cjs');
+require('./chunk-YDT4TPB7.cjs');
+require('./chunk-XS5HAU5E.cjs');
+require('./chunk-JRQ6EVQP.cjs');
+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, "default", {
+  enumerable: true,
+  get: function () { return chunkO4OOMGGM_cjs.react_default; }
+});
+Object.defineProperty(exports, "useCastDOM", {
+  enumerable: true,
+  get: function () { return chunkO4OOMGGM_cjs.useCastDOM; }
+});
+//# sourceMappingURL=react.cjs.map
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":[],"names":[],"mappings":"","file":"react.cjs"}

package/dist/react.d.cts ADDED Viewed

@@ -0,0 +1,70 @@
+import { ReactNode, CSSProperties } from 'react';
+import { S as SkeletonData, B as BreakpointData } from './types-ChD5jENU.cjs';
+interface CastDOMProps {
+    /** Name of the registered skeleton */
+    name: string;
+    /** Children to render once loaded */
+    children: ReactNode;
+    /** Whether the content is still loading (default: false when children mount) */
+    loading?: boolean;
+    /** Custom fallback while skeleton data loads from registry */
+    fallback?: ReactNode;
+    /** Animation type override */
+    animation?: "shimmer" | "pulse" | "wave" | "none";
+    /** Base color override */
+    color?: string;
+    /** Shimmer highlight color override */
+    shimmerColor?: string;
+    /** Animation duration override (ms) */
+    duration?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+    /** Callback when skeleton is shown */
+    onSkeletonShow?: () => void;
+    /** Callback when real content replaces skeleton */
+    onContentShow?: () => void;
+    /** Aria label for the loading state */
+    ariaLabel?: string;
+}
+/**
+ * <CastDOM> — wraps your component and shows an extracted skeleton while loading.
+ *
+ * Usage:
+ * ```tsx
+ * <CastDOM name="user-card" loading={isLoading}>
+ *   <UserCard data={data} />
+ * </CastDOM>
+ * ```
+ *
+ * The skeleton auto-resolves from the global registry.
+ * Register skeletons once at app entry with `loadManifest()`.
+ */
+declare function CastDOM({ name, children, loading, fallback, animation, color, shimmerColor, duration, className, style, onSkeletonShow, onContentShow, ariaLabel, }: CastDOMProps): ReactNode;
+/**
+ * <CastDOMStyle> — renders the critical CSS for registered skeletons.
+ * Place this in your <head> or layout for optimal performance.
+ *
+ * ```tsx
+ * <head>
+ *   <CastDOMStyle skeletons={["user-card", "feed-item"]} />
+ * </head>
+ * ```
+ */
+declare function CastDOMStyle({ skeletons, }: {
+    skeletons?: string[];
+}): ReactNode;
+/**
+ * Hook: useCastDOM — programmatic access to skeleton data.
+ */
+declare function useCastDOM(name: string): {
+    exists: boolean;
+    data: SkeletonData | null;
+    breakpoint: BreakpointData | null;
+    css: string;
+    html: string;
+};
+export { CastDOM, type CastDOMProps, CastDOMStyle, CastDOM as default, useCastDOM };

package/dist/react.d.ts ADDED Viewed

@@ -0,0 +1,70 @@
+import { ReactNode, CSSProperties } from 'react';
+import { S as SkeletonData, B as BreakpointData } from './types-ChD5jENU.js';
+interface CastDOMProps {
+    /** Name of the registered skeleton */
+    name: string;
+    /** Children to render once loaded */
+    children: ReactNode;
+    /** Whether the content is still loading (default: false when children mount) */
+    loading?: boolean;
+    /** Custom fallback while skeleton data loads from registry */
+    fallback?: ReactNode;
+    /** Animation type override */
+    animation?: "shimmer" | "pulse" | "wave" | "none";
+    /** Base color override */
+    color?: string;
+    /** Shimmer highlight color override */
+    shimmerColor?: string;
+    /** Animation duration override (ms) */
+    duration?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+    /** Callback when skeleton is shown */
+    onSkeletonShow?: () => void;
+    /** Callback when real content replaces skeleton */
+    onContentShow?: () => void;
+    /** Aria label for the loading state */
+    ariaLabel?: string;
+}
+/**
+ * <CastDOM> — wraps your component and shows an extracted skeleton while loading.
+ *
+ * Usage:
+ * ```tsx
+ * <CastDOM name="user-card" loading={isLoading}>
+ *   <UserCard data={data} />
+ * </CastDOM>
+ * ```
+ *
+ * The skeleton auto-resolves from the global registry.
+ * Register skeletons once at app entry with `loadManifest()`.
+ */
+declare function CastDOM({ name, children, loading, fallback, animation, color, shimmerColor, duration, className, style, onSkeletonShow, onContentShow, ariaLabel, }: CastDOMProps): ReactNode;
+/**
+ * <CastDOMStyle> — renders the critical CSS for registered skeletons.
+ * Place this in your <head> or layout for optimal performance.
+ *
+ * ```tsx
+ * <head>
+ *   <CastDOMStyle skeletons={["user-card", "feed-item"]} />
+ * </head>
+ * ```
+ */
+declare function CastDOMStyle({ skeletons, }: {
+    skeletons?: string[];
+}): ReactNode;
+/**
+ * Hook: useCastDOM — programmatic access to skeleton data.
+ */
+declare function useCastDOM(name: string): {
+    exists: boolean;
+    data: SkeletonData | null;
+    breakpoint: BreakpointData | null;
+    css: string;
+    html: string;
+};
+export { CastDOM, type CastDOMProps, CastDOMStyle, CastDOM as default, useCastDOM };

package/dist/react.js ADDED Viewed

@@ -0,0 +1,7 @@
+export { CastDOM, CastDOMStyle, react_default as default, useCastDOM } from './chunk-ZBJB7WVV.js';
+import './chunk-ONS533CQ.js';
+import './chunk-KGLTVTHU.js';
+import './chunk-ZWZ5ZLJE.js';
+import './chunk-EJRNKHL5.js';
+//# sourceMappingURL=react.js.map
+//# sourceMappingURL=react.js.map

package/dist/react.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":[],"names":[],"mappings":"","file":"react.js"}

package/dist/renderer-B1R7u2wm.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import { S as SkeletonData, C as CastDOMConfig, B as BreakpointData } from './types-ChD5jENU.js';
+/**
+ * Render all bones for a breakpoint to HTML.
+ * The output is a pure CSS skeleton — no JS needed to display.
+ */
+declare function renderBonesHTML(name: string, bp: BreakpointData, config?: Partial<CastDOMConfig>): string;
+/**
+ * Render a responsive skeleton with all breakpoints.
+ * Uses CSS container queries + media queries for breakpoint switching.
+ */
+declare function renderResponsiveHTML(skeleton: SkeletonData, config?: Partial<CastDOMConfig>): string;
+/**
+ * Generate CSS for a skeleton definition.
+ * Includes responsive media queries to show/hide the correct breakpoint variant.
+ */
+declare function generateCSS(skeleton: SkeletonData, config?: Partial<CastDOMConfig>): string;
+/**
+ * Generate critical inline CSS for above-the-fold skeletons.
+ * This CSS is designed to be embedded in <style> tags for instant rendering.
+ */
+declare function generateCriticalCSS(skeletons: SkeletonData[], config?: Partial<CastDOMConfig>): string;
+/**
+ * Generate a complete, self-contained HTML skeleton
+ * that can be embedded directly in server-rendered pages.
+ * Includes inline <style> — no external CSS needed.
+ */
+declare function renderStandalone(skeleton: SkeletonData, config?: Partial<CastDOMConfig>): string;
+export { generateCriticalCSS as a, renderResponsiveHTML as b, renderStandalone as c, generateCSS as g, renderBonesHTML as r };

package/dist/renderer-Bfzjr6l9.d.cts ADDED Viewed

@@ -0,0 +1,30 @@
+import { S as SkeletonData, C as CastDOMConfig, B as BreakpointData } from './types-ChD5jENU.cjs';
+/**
+ * Render all bones for a breakpoint to HTML.
+ * The output is a pure CSS skeleton — no JS needed to display.
+ */
+declare function renderBonesHTML(name: string, bp: BreakpointData, config?: Partial<CastDOMConfig>): string;
+/**
+ * Render a responsive skeleton with all breakpoints.
+ * Uses CSS container queries + media queries for breakpoint switching.
+ */
+declare function renderResponsiveHTML(skeleton: SkeletonData, config?: Partial<CastDOMConfig>): string;
+/**
+ * Generate CSS for a skeleton definition.
+ * Includes responsive media queries to show/hide the correct breakpoint variant.
+ */
+declare function generateCSS(skeleton: SkeletonData, config?: Partial<CastDOMConfig>): string;
+/**
+ * Generate critical inline CSS for above-the-fold skeletons.
+ * This CSS is designed to be embedded in <style> tags for instant rendering.
+ */
+declare function generateCriticalCSS(skeletons: SkeletonData[], config?: Partial<CastDOMConfig>): string;
+/**
+ * Generate a complete, self-contained HTML skeleton
+ * that can be embedded directly in server-rendered pages.
+ * Includes inline <style> — no external CSS needed.
+ */
+declare function renderStandalone(skeleton: SkeletonData, config?: Partial<CastDOMConfig>): string;
+export { generateCriticalCSS as a, renderResponsiveHTML as b, renderStandalone as c, generateCSS as g, renderBonesHTML as r };

package/dist/ssr.cjs ADDED Viewed

@@ -0,0 +1,46 @@
+'use strict';
+var chunkQLEBTZIB_cjs = require('./chunk-QLEBTZIB.cjs');
+var chunkXS5HAU5E_cjs = require('./chunk-XS5HAU5E.cjs');
+require('./chunk-JRQ6EVQP.cjs');
+Object.defineProperty(exports, "renderCriticalStyleTag", {
+  enumerable: true,
+  get: function () { return chunkQLEBTZIB_cjs.renderCriticalStyleTag; }
+});
+Object.defineProperty(exports, "renderHydrationScript", {
+  enumerable: true,
+  get: function () { return chunkQLEBTZIB_cjs.renderHydrationScript; }
+});
+Object.defineProperty(exports, "renderPreloadHints", {
+  enumerable: true,
+  get: function () { return chunkQLEBTZIB_cjs.renderPreloadHints; }
+});
+Object.defineProperty(exports, "renderSSRFragment", {
+  enumerable: true,
+  get: function () { return chunkQLEBTZIB_cjs.renderSSRFragment; }
+});
+Object.defineProperty(exports, "renderSkeleton", {
+  enumerable: true,
+  get: function () { return chunkQLEBTZIB_cjs.renderSkeleton; }
+});
+Object.defineProperty(exports, "renderSkeletons", {
+  enumerable: true,
+  get: function () { return chunkQLEBTZIB_cjs.renderSkeletons; }
+});
+Object.defineProperty(exports, "generateCriticalCSS", {
+  enumerable: true,
+  get: function () { return chunkXS5HAU5E_cjs.generateCriticalCSS; }
+});
+Object.defineProperty(exports, "renderResponsiveHTML", {
+  enumerable: true,
+  get: function () { return chunkXS5HAU5E_cjs.renderResponsiveHTML; }
+});
+Object.defineProperty(exports, "renderStandalone", {
+  enumerable: true,
+  get: function () { return chunkXS5HAU5E_cjs.renderStandalone; }
+});
+//# sourceMappingURL=ssr.cjs.map
+//# sourceMappingURL=ssr.cjs.map

package/dist/ssr.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":[],"names":[],"mappings":"","file":"ssr.cjs"}

package/dist/ssr.d.cts ADDED Viewed

@@ -0,0 +1,83 @@
+import { C as CastDOMConfig, S as SkeletonData } from './types-ChD5jENU.cjs';
+export { a as generateCriticalCSS, b as renderResponsiveHTML, c as renderStandalone } from './renderer-Bfzjr6l9.cjs';
+/**
+ * SSR (Server-Side Rendering) utilities for CastDOM.
+ *
+ * These functions generate HTML that can be embedded directly in
+ * server-rendered pages. The skeletons render as pure CSS —
+ * no JavaScript is needed on the client to display them.
+ *
+ * Benefits for SEO:
+ * - Crawlers see structured placeholder content instead of blank areas
+ * - Zero CLS (Cumulative Layout Shift) — skeletons match exact dimensions
+ * - Instant visual feedback — no FOUC (Flash of Unstyled Content)
+ * - Proper ARIA attributes for accessibility
+ */
+interface SSRRenderOptions {
+    /** Include <style> tag with critical CSS (default: true) */
+    inlineCSS?: boolean;
+    /** Wrap in a <noscript> fallback (default: false) */
+    noscript?: boolean;
+    /** Add data attributes for hydration (default: true) */
+    hydrationAttrs?: boolean;
+    /** Custom config overrides */
+    config?: Partial<CastDOMConfig>;
+}
+/**
+ * Render a skeleton to an HTML string for SSR.
+ * Includes inline critical CSS for immediate rendering.
+ *
+ * ```ts
+ * // In your server handler / getServerSideProps / loader:
+ * import { renderSkeleton } from 'castdom/ssr';
+ *
+ * const skeletonHTML = renderSkeleton(skeletonData);
+ * // Embed in your page HTML
+ * ```
+ */
+declare function renderSkeleton(skeleton: SkeletonData, options?: SSRRenderOptions): string;
+/**
+ * Render multiple skeletons with shared CSS (deduplicates the critical CSS).
+ *
+ * More efficient than calling renderSkeleton() multiple times
+ * when you have several skeletons on one page.
+ */
+declare function renderSkeletons(skeletons: SkeletonData[], options?: SSRRenderOptions): {
+    css: string;
+    html: Record<string, string>;
+};
+/**
+ * Generate a <style> tag with critical CSS for given skeletons.
+ * Place in <head> for optimal rendering performance.
+ */
+declare function renderCriticalStyleTag(skeletons: SkeletonData[], config?: Partial<CastDOMConfig>): string;
+/**
+ * Generate a hydration script that removes SSR skeletons
+ * once the client-side app takes over.
+ *
+ * This is a tiny (~200 byte) inline script that:
+ * 1. Waits for DOMContentLoaded
+ * 2. Finds all [data-castdom-ssr] elements
+ * 3. Removes them once the real content renders
+ *
+ * The script is safe to inline — no external dependencies.
+ */
+declare function renderHydrationScript(): string;
+/**
+ * Generate a complete SSR skeleton page fragment.
+ * Includes: critical CSS + skeleton HTML + hydration script.
+ *
+ * Designed to be dropped directly into your HTML template.
+ */
+declare function renderSSRFragment(skeletons: SkeletonData[], options?: SSRRenderOptions): {
+    head: string;
+    body: Record<string, string>;
+};
+/**
+ * Preload hint generator for skeleton assets.
+ * Generates <link> tags for optimal loading.
+ */
+declare function renderPreloadHints(): string;
+export { type SSRRenderOptions, renderCriticalStyleTag, renderHydrationScript, renderPreloadHints, renderSSRFragment, renderSkeleton, renderSkeletons };

package/dist/ssr.d.ts ADDED Viewed

@@ -0,0 +1,83 @@
+import { C as CastDOMConfig, S as SkeletonData } from './types-ChD5jENU.js';
+export { a as generateCriticalCSS, b as renderResponsiveHTML, c as renderStandalone } from './renderer-B1R7u2wm.js';
+/**
+ * SSR (Server-Side Rendering) utilities for CastDOM.
+ *
+ * These functions generate HTML that can be embedded directly in
+ * server-rendered pages. The skeletons render as pure CSS —
+ * no JavaScript is needed on the client to display them.
+ *
+ * Benefits for SEO:
+ * - Crawlers see structured placeholder content instead of blank areas
+ * - Zero CLS (Cumulative Layout Shift) — skeletons match exact dimensions
+ * - Instant visual feedback — no FOUC (Flash of Unstyled Content)
+ * - Proper ARIA attributes for accessibility
+ */
+interface SSRRenderOptions {
+    /** Include <style> tag with critical CSS (default: true) */
+    inlineCSS?: boolean;
+    /** Wrap in a <noscript> fallback (default: false) */
+    noscript?: boolean;
+    /** Add data attributes for hydration (default: true) */
+    hydrationAttrs?: boolean;
+    /** Custom config overrides */
+    config?: Partial<CastDOMConfig>;
+}
+/**
+ * Render a skeleton to an HTML string for SSR.
+ * Includes inline critical CSS for immediate rendering.
+ *
+ * ```ts
+ * // In your server handler / getServerSideProps / loader:
+ * import { renderSkeleton } from 'castdom/ssr';
+ *
+ * const skeletonHTML = renderSkeleton(skeletonData);
+ * // Embed in your page HTML
+ * ```
+ */
+declare function renderSkeleton(skeleton: SkeletonData, options?: SSRRenderOptions): string;
+/**
+ * Render multiple skeletons with shared CSS (deduplicates the critical CSS).
+ *
+ * More efficient than calling renderSkeleton() multiple times
+ * when you have several skeletons on one page.
+ */
+declare function renderSkeletons(skeletons: SkeletonData[], options?: SSRRenderOptions): {
+    css: string;
+    html: Record<string, string>;
+};
+/**
+ * Generate a <style> tag with critical CSS for given skeletons.
+ * Place in <head> for optimal rendering performance.
+ */
+declare function renderCriticalStyleTag(skeletons: SkeletonData[], config?: Partial<CastDOMConfig>): string;
+/**
+ * Generate a hydration script that removes SSR skeletons
+ * once the client-side app takes over.
+ *
+ * This is a tiny (~200 byte) inline script that:
+ * 1. Waits for DOMContentLoaded
+ * 2. Finds all [data-castdom-ssr] elements
+ * 3. Removes them once the real content renders
+ *
+ * The script is safe to inline — no external dependencies.
+ */
+declare function renderHydrationScript(): string;
+/**
+ * Generate a complete SSR skeleton page fragment.
+ * Includes: critical CSS + skeleton HTML + hydration script.
+ *
+ * Designed to be dropped directly into your HTML template.
+ */
+declare function renderSSRFragment(skeletons: SkeletonData[], options?: SSRRenderOptions): {
+    head: string;
+    body: Record<string, string>;
+};
+/**
+ * Preload hint generator for skeleton assets.
+ * Generates <link> tags for optimal loading.
+ */
+declare function renderPreloadHints(): string;
+export { type SSRRenderOptions, renderCriticalStyleTag, renderHydrationScript, renderPreloadHints, renderSSRFragment, renderSkeleton, renderSkeletons };

package/dist/ssr.js ADDED Viewed

@@ -0,0 +1,5 @@
+export { renderCriticalStyleTag, renderHydrationScript, renderPreloadHints, renderSSRFragment, renderSkeleton, renderSkeletons } from './chunk-COLESJ66.js';
+export { generateCriticalCSS, renderResponsiveHTML, renderStandalone } from './chunk-ZWZ5ZLJE.js';
+import './chunk-EJRNKHL5.js';
+//# sourceMappingURL=ssr.js.map
+//# sourceMappingURL=ssr.js.map

package/dist/ssr.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":[],"names":[],"mappings":"","file":"ssr.js"}