@djangocfg/nextjs 2.1.225 → 2.1.226

package/src/og-image/url.ts

@@ -0,0 +1,58 @@
+import type { OGImageParams } from './types'
+
+/**
+ * Resolves the base URL for og:image meta tags.
+ * Must be publicly accessible by crawlers (Twitter, Facebook, etc).
+ *
+ * Priority:
+ * 1. NEXT_PUBLIC_MEDIA_URL — explicit media domain (nginx proxy or CDN)
+ * 2. NEXT_PUBLIC_API_URL   — direct Django API domain
+ * 3. NEXT_PUBLIC_SITE_URL  — site domain (same-domain/static build)
+ * 4. ''                    — relative URL (last resort)
+ *
+ * Use cases:
+ * - Same domain (static build):   API_URL='' → relative /cfg/og/...
+ * - Split domain (standalone):    API_URL=https://api.x.com → absolute
+ * - Media via nginx proxy:        MEDIA_URL=https://x.com, API_URL=https://api.x.com
+ * - CDN:                          MEDIA_URL=https://cdn.x.com
+ */
+function resolveOgPublicBase(): string {
+  if (typeof process === 'undefined') return ''
+  return (
+    process.env.NEXT_PUBLIC_MEDIA_URL?.replace(/\/$/, '') ??
+    process.env.NEXT_PUBLIC_API_URL?.replace(/\/$/, '') ??
+    process.env.NEXT_PUBLIC_SITE_URL?.replace(/\/$/, '') ??
+    ''
+  )
+}
+
+function encodeBase64(str: string): string {
+  if (typeof Buffer !== 'undefined') {
+    return Buffer.from(str).toString('base64url')
+  }
+  // Browser fallback
+  return btoa(unescape(encodeURIComponent(str)))
+    .replace(/\+/g, '-')
+    .replace(/\//g, '_')
+    .replace(/=+$/, '')
+}
+
+function cleanParams(params: OGImageParams): Record<string, unknown> {
+  return Object.fromEntries(
+    Object.entries(params).filter(
+      ([, v]) => v !== undefined && v !== null && v !== ''
+    )
+  )
+}
+
+/**
+ * Builds an absolute (or relative) OG image URL pointing to Django's
+ * django_ogimage endpoint: /cfg/og/<base64params>/
+ *
+ * The URL is suitable for use in og:image and twitter:image meta tags.
+ */
+export function buildOgUrl(params: OGImageParams): string {
+  const b64 = encodeBase64(JSON.stringify(cleanParams(params)))
+  const base = resolveOgPublicBase()
+  return `${base}/cfg/og/${b64}/`
+}

package/dist/og-image/components/index.d.mts

@@ -1,59 +0,0 @@
-import { ReactElement } from 'react';
-
-/**
- * OG Image Types
- *
- * Shared types for OG image templates and handlers
- * This file is safe to import in client components
- */
-interface OgImageTemplateProps {
-    title: string;
-    description?: string;
-    subtitle?: string;
-    siteName?: string;
-    logo?: string;
-    showLogo?: boolean;
-    showSiteName?: boolean;
-    backgroundType?: 'gradient' | 'solid';
-    gradientStart?: string;
-    gradientEnd?: string;
-    backgroundColor?: string;
-    titleSize?: number;
-    titleWeight?: number;
-    titleColor?: string;
-    descriptionSize?: number;
-    descriptionColor?: string;
-    siteNameSize?: number;
-    siteNameColor?: string;
-    padding?: number;
-    logoSize?: number;
-    devMode?: boolean;
-}
-
-/**
- * Default OG Image Template
- *
- * A modern, gradient-based template for OG images
- */
-
-/**
- * Default OG Image Template Component
- *
- * Features:
- * - Modern gradient background
- * - Responsive text sizing
- * - Optional logo and site name
- * - Clean typography
- * - Full customization support
- *
- * @param props - Template props with title, description, siteName, logo and optional customization
- */
-declare function DefaultTemplate({ title, description, siteName, logo, showLogo, showSiteName, backgroundType, gradientStart, gradientEnd, backgroundColor, titleSize, titleWeight, titleColor, descriptionSize, descriptionColor, siteNameSize, siteNameColor, padding, logoSize, devMode, }: OgImageTemplateProps): ReactElement;
-/**
- * Simple light template variant
- *
- * Light background variant with dark text
- */
-declare function LightTemplate({ title, description, siteName, logo, showLogo, showSiteName, backgroundType, gradientStart, gradientEnd, backgroundColor, titleSize, titleWeight, titleColor, descriptionSize, descriptionColor, siteNameSize, siteNameColor, padding, logoSize, devMode, }: OgImageTemplateProps): ReactElement;
-
-export { DefaultTemplate, LightTemplate, type OgImageTemplateProps };

package/dist/og-image/components/index.mjs

@@ -1,338 +0,0 @@
-// src/og-image/components/DefaultTemplate.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function DefaultTemplate({
-  title,
-  description,
-  siteName,
-  logo,
-  // Visibility flags
-  showLogo = true,
-  showSiteName = true,
-  // Background customization
-  backgroundType = "gradient",
-  gradientStart = "#667eea",
-  gradientEnd = "#764ba2",
-  backgroundColor = "#ffffff",
-  // Typography - Title
-  titleSize,
-  titleWeight = 800,
-  titleColor = "white",
-  // Typography - Description
-  descriptionSize = 32,
-  descriptionColor = "rgba(255, 255, 255, 0.85)",
-  // Typography - Site Name
-  siteNameSize = 28,
-  siteNameColor = "rgba(255, 255, 255, 0.95)",
-  // Layout
-  padding = 80,
-  logoSize = 48,
-  // Dev mode
-  devMode = false
-}) {
-  const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);
-  const backgroundStyle = backgroundType === "gradient" ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : backgroundColor;
-  const gridOverlay = devMode ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundImage: `
-          linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),
-          linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px)
-        `,
-        backgroundSize: "20px 20px",
-        pointerEvents: "none",
-        zIndex: 10
-      }
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        height: "100%",
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-start",
-        justifyContent: "space-between",
-        background: backgroundStyle,
-        padding: `${padding}px`,
-        fontFamily: "system-ui, -apple-system, sans-serif",
-        position: "relative"
-      },
-      children: [
-        gridOverlay,
-        (showLogo && logo || showSiteName && siteName) && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "16px"
-            },
-            children: [
-              showLogo && logo && // eslint-disable-next-line @next/next/no-img-element
-              /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: logo,
-                  alt: "Logo",
-                  width: logoSize,
-                  height: logoSize,
-                  style: {
-                    borderRadius: "8px"
-                  }
-                }
-              ),
-              showSiteName && siteName && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    fontSize: siteNameSize,
-                    fontWeight: 600,
-                    color: siteNameColor,
-                    letterSpacing: "-0.02em"
-                  },
-                  children: siteName
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              gap: "24px",
-              flex: 1,
-              justifyContent: "center"
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    fontSize: calculatedTitleSize,
-                    fontWeight: titleWeight,
-                    color: titleColor,
-                    lineHeight: 1.1,
-                    letterSpacing: "-0.03em",
-                    textShadow: backgroundType === "gradient" ? "0 2px 20px rgba(0, 0, 0, 0.2)" : "none",
-                    maxWidth: "100%",
-                    wordWrap: "break-word"
-                  },
-                  children: title
-                }
-              ),
-              description && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    fontSize: descriptionSize,
-                    fontWeight: 400,
-                    color: descriptionColor,
-                    lineHeight: 1.5,
-                    letterSpacing: "-0.01em",
-                    maxWidth: "90%",
-                    display: "-webkit-box",
-                    WebkitLineClamp: 2,
-                    WebkitBoxOrient: "vertical",
-                    overflow: "hidden"
-                  },
-                  children: description
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              display: "flex",
-              width: "100%",
-              height: "4px",
-              background: backgroundType === "gradient" ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : gradientStart,
-              borderRadius: "2px"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-function LightTemplate({
-  title,
-  description,
-  siteName,
-  logo,
-  // Visibility flags
-  showLogo = true,
-  showSiteName = true,
-  // Background customization (defaults to light theme)
-  backgroundType = "solid",
-  gradientStart = "#667eea",
-  gradientEnd = "#764ba2",
-  backgroundColor = "#ffffff",
-  // Typography - Title
-  titleSize,
-  titleWeight = 800,
-  titleColor = "#111",
-  // Typography - Description
-  descriptionSize = 32,
-  descriptionColor = "#666",
-  // Typography - Site Name
-  siteNameSize = 28,
-  siteNameColor = "#111",
-  // Layout
-  padding = 80,
-  logoSize = 48,
-  // Dev mode
-  devMode = false
-}) {
-  const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);
-  const backgroundStyle = backgroundType === "gradient" ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : backgroundColor;
-  const gridOverlay = devMode ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundImage: `
-          linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),
-          linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px)
-        `,
-        backgroundSize: "20px 20px",
-        pointerEvents: "none",
-        zIndex: 10
-      }
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        height: "100%",
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-start",
-        justifyContent: "space-between",
-        background: backgroundStyle,
-        padding: `${padding}px`,
-        fontFamily: "system-ui, -apple-system, sans-serif",
-        position: "relative"
-      },
-      children: [
-        gridOverlay,
-        (showLogo && logo || showSiteName && siteName) && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "16px"
-            },
-            children: [
-              showLogo && logo && // eslint-disable-next-line @next/next/no-img-element
-              /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: logo,
-                  alt: "Logo",
-                  width: logoSize,
-                  height: logoSize,
-                  style: {
-                    borderRadius: "8px"
-                  }
-                }
-              ),
-              showSiteName && siteName && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    fontSize: siteNameSize,
-                    fontWeight: 600,
-                    color: siteNameColor,
-                    letterSpacing: "-0.02em"
-                  },
-                  children: siteName
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              gap: "24px",
-              flex: 1,
-              justifyContent: "center"
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    fontSize: calculatedTitleSize,
-                    fontWeight: titleWeight,
-                    color: titleColor,
-                    lineHeight: 1.1,
-                    letterSpacing: "-0.03em",
-                    maxWidth: "100%",
-                    wordWrap: "break-word"
-                  },
-                  children: title
-                }
-              ),
-              description && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    fontSize: descriptionSize,
-                    fontWeight: 400,
-                    color: descriptionColor,
-                    lineHeight: 1.5,
-                    letterSpacing: "-0.01em",
-                    maxWidth: "90%"
-                  },
-                  children: description
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              display: "flex",
-              width: "100%",
-              height: "4px",
-              background: backgroundType === "gradient" ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : gradientStart,
-              borderRadius: "2px"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  DefaultTemplate,
-  LightTemplate
-};
-//# sourceMappingURL=index.mjs.map

package/dist/og-image/components/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/og-image/components/DefaultTemplate.tsx"],"sourcesContent":["/**\n * Default OG Image Template\n *\n * A modern, gradient-based template for OG images\n */\n\nimport type { ReactElement } from 'react';\nimport type { OgImageTemplateProps } from '../types';\n\n/**\n * Default OG Image Template Component\n *\n * Features:\n * - Modern gradient background\n * - Responsive text sizing\n * - Optional logo and site name\n * - Clean typography\n * - Full customization support\n *\n * @param props - Template props with title, description, siteName, logo and optional customization\n */\nexport function DefaultTemplate({\n  title,\n  description,\n  siteName,\n  logo,\n  // Visibility flags\n  showLogo = true,\n  showSiteName = true,\n  // Background customization\n  backgroundType = 'gradient',\n  gradientStart = '#667eea',\n  gradientEnd = '#764ba2',\n  backgroundColor = '#ffffff',\n  // Typography - Title\n  titleSize,\n  titleWeight = 800,\n  titleColor = 'white',\n  // Typography - Description\n  descriptionSize = 32,\n  descriptionColor = 'rgba(255, 255, 255, 0.85)',\n  // Typography - Site Name\n  siteNameSize = 28,\n  siteNameColor = 'rgba(255, 255, 255, 0.95)',\n  // Layout\n  padding = 80,\n  logoSize = 48,\n  // Dev mode\n  devMode = false,\n}: OgImageTemplateProps): ReactElement {\n  // Calculate title size if not provided (responsive based on title length)\n  const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);\n  \n  // Determine background style\n  const backgroundStyle =\n    backgroundType === 'gradient'\n      ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n      : backgroundColor;\n\n  // Grid overlay for dev mode\n  const gridOverlay = devMode ? (\n    <div\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundImage: `\n          linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),\n          linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px)\n        `,\n        backgroundSize: '20px 20px',\n        pointerEvents: 'none',\n        zIndex: 10,\n      }}\n    />\n  ) : null;\n\n  return (\n    <div\n      style={{\n        height: '100%',\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        background: backgroundStyle,\n        padding: `${padding}px`,\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        position: 'relative',\n      }}\n    >\n      {gridOverlay}\n      \n      {/* Header with logo and site name */}\n      {((showLogo && logo) || (showSiteName && siteName)) && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '16px',\n          }}\n        >\n          {showLogo && logo && (\n            // eslint-disable-next-line @next/next/no-img-element\n            <img\n              src={logo}\n              alt=\"Logo\"\n              width={logoSize}\n              height={logoSize}\n              style={{\n                borderRadius: '8px',\n              }}\n            />\n          )}\n          {showSiteName && siteName && (\n            <div\n              style={{\n                fontSize: siteNameSize,\n                fontWeight: 600,\n                color: siteNameColor,\n                letterSpacing: '-0.02em',\n              }}\n            >\n              {siteName}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Main content */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '24px',\n          flex: 1,\n          justifyContent: 'center',\n        }}\n      >\n        {/* Title */}\n        <div\n          style={{\n            fontSize: calculatedTitleSize,\n            fontWeight: titleWeight,\n            color: titleColor,\n            lineHeight: 1.1,\n            letterSpacing: '-0.03em',\n            textShadow: backgroundType === 'gradient' ? '0 2px 20px rgba(0, 0, 0, 0.2)' : 'none',\n            maxWidth: '100%',\n            wordWrap: 'break-word',\n          }}\n        >\n          {title}\n        </div>\n\n        {/* Description */}\n        {description && (\n          <div\n            style={{\n              fontSize: descriptionSize,\n              fontWeight: 400,\n              color: descriptionColor,\n              lineHeight: 1.5,\n              letterSpacing: '-0.01em',\n              maxWidth: '90%',\n              display: '-webkit-box',\n              WebkitLineClamp: 2,\n              WebkitBoxOrient: 'vertical',\n              overflow: 'hidden',\n            }}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n\n      {/* Footer decoration */}\n      <div\n        style={{\n          display: 'flex',\n          width: '100%',\n          height: '4px',\n          background: backgroundType === 'gradient' \n            ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n            : gradientStart,\n          borderRadius: '2px',\n        }}\n      />\n    </div>\n  );\n}\n\n/**\n * Simple light template variant\n * \n * Light background variant with dark text\n */\nexport function LightTemplate({\n  title,\n  description,\n  siteName,\n  logo,\n  // Visibility flags\n  showLogo = true,\n  showSiteName = true,\n  // Background customization (defaults to light theme)\n  backgroundType = 'solid',\n  gradientStart = '#667eea',\n  gradientEnd = '#764ba2',\n  backgroundColor = '#ffffff',\n  // Typography - Title\n  titleSize,\n  titleWeight = 800,\n  titleColor = '#111',\n  // Typography - Description\n  descriptionSize = 32,\n  descriptionColor = '#666',\n  // Typography - Site Name\n  siteNameSize = 28,\n  siteNameColor = '#111',\n  // Layout\n  padding = 80,\n  logoSize = 48,\n  // Dev mode\n  devMode = false,\n}: OgImageTemplateProps): ReactElement {\n  // Calculate title size if not provided (responsive based on title length)\n  const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);\n  \n  // Determine background style\n  const backgroundStyle =\n    backgroundType === 'gradient'\n      ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n      : backgroundColor;\n\n  // Grid overlay for dev mode\n  const gridOverlay = devMode ? (\n    <div\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundImage: `\n          linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),\n          linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px)\n        `,\n        backgroundSize: '20px 20px',\n        pointerEvents: 'none',\n        zIndex: 10,\n      }}\n    />\n  ) : null;\n\n  return (\n    <div\n      style={{\n        height: '100%',\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        background: backgroundStyle,\n        padding: `${padding}px`,\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        position: 'relative',\n      }}\n    >\n      {gridOverlay}\n      \n      {/* Header with logo and site name */}\n      {((showLogo && logo) || (showSiteName && siteName)) && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '16px',\n          }}\n        >\n          {showLogo && logo && (\n            // eslint-disable-next-line @next/next/no-img-element\n            <img\n              src={logo}\n              alt=\"Logo\"\n              width={logoSize}\n              height={logoSize}\n              style={{\n                borderRadius: '8px',\n              }}\n            />\n          )}\n          {showSiteName && siteName && (\n            <div\n              style={{\n                fontSize: siteNameSize,\n                fontWeight: 600,\n                color: siteNameColor,\n                letterSpacing: '-0.02em',\n              }}\n            >\n              {siteName}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Main content */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '24px',\n          flex: 1,\n          justifyContent: 'center',\n        }}\n      >\n        {/* Title */}\n        <div\n          style={{\n            fontSize: calculatedTitleSize,\n            fontWeight: titleWeight,\n            color: titleColor,\n            lineHeight: 1.1,\n            letterSpacing: '-0.03em',\n            maxWidth: '100%',\n            wordWrap: 'break-word',\n          }}\n        >\n          {title}\n        </div>\n\n        {/* Description */}\n        {description && (\n          <div\n            style={{\n              fontSize: descriptionSize,\n              fontWeight: 400,\n              color: descriptionColor,\n              lineHeight: 1.5,\n              letterSpacing: '-0.01em',\n              maxWidth: '90%',\n            }}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n\n      {/* Footer decoration */}\n      <div\n        style={{\n          display: 'flex',\n          width: '100%',\n          height: '4px',\n          background: backgroundType === 'gradient' \n            ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n            : gradientStart,\n          borderRadius: '2px',\n        }}\n      />\n    </div>\n  );\n}\n\n"],"mappings":"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","names":[]}