@sonordev/site-kit 5.8.3 → 6.0.0

package/dist/og/route.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/og/route-fit.ts","../../src/og/route.tsx"],"names":["OG_WIDTH","OG_HEIGHT","TITLE_MAX_PX","TITLE_MIN_PX","jsxs","jsx","barTextColor"],"mappings":"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","file":"route.js","sourcesContent":["/**\n * @sonordev/site-kit/og — title fitting for the runtime (Satori) card.\n *\n * The build-time card is fitted in the page: Chrome measures the rendered\n * title and steps it down until it fits (template.ts). The runtime card is\n * Satori, which has no DOM to measure, so its title sat at a fixed 84px,\n * uppercase, with no fitting. Beside the 430px photo that holds about 11\n * characters a line, so a real post title ran off the bottom of the card.\n * watsonhac.com, reinhart and vsf-consulting-nextjs each worked around it by\n * dropping the photo past a hand-picked length (40 or 50 characters).\n *\n * This does what the build-time fitter does, from an estimate instead of a\n * measurement: the same size range (TITLE_MAX_PX down to TITLE_MIN_PX, in 2px\n * steps), word-wrapped at an estimated glyph width against the real column\n * width and the height the kicker, subtitle and bar leave. When the title\n * can't fit beside the photo even at the floor, the photo goes and the title\n * gets the full width.\n *\n * The estimate is deliberately wide (uppercase, bold-ish) so an unusual\n * face errs toward a smaller title, never an overflowing one, and the title\n * box clips at its height as the backstop.\n *\n * Pure: no DOM, no Node built-ins. Geometry constants are the card's own\n * (route.tsx imports them), so the two can't drift.\n */\n\nimport { OG_HEIGHT, OG_WIDTH, TITLE_MAX_PX, TITLE_MIN_PX } from './config'\n\n/** The runtime card's layout, in px. route.tsx renders exactly this. */\nexport const ROUTE_CARD = {\n  padX: 68,\n  gap: 48,\n  photoWidth: 430,\n  photoHeight: 470,\n  barHeight: 74,\n  /** Breathing room above and below the copy column. */\n  padY: 44,\n  kickerPx: 24,\n  kickerGap: 18,\n  subtitlePx: 30,\n  subtitleGap: 20,\n  subtitleLineHeight: 1.3,\n  titleLineHeight: 1.02,\n} as const\n\n/**\n * Average advance of an UPPERCASE glyph, in em. Calibrated against next/og's\n * bundled face and a bold sans; errs wide. Narrow glyphs are counted\n * separately so \"ILLINOIS\" isn't treated like \"MMMMMMMM\".\n */\nconst UPPER_EM = 0.68\nconst NARROW_EM = 0.32\nconst SPACE_EM = 0.3\n/** Mixed-case body text (the subtitle), in em. */\nconst BODY_EM = 0.52\n/** The kicker is uppercase with 6px letter spacing at 24px. */\nconst KICKER_EM = 0.72 + 6 / 24\n\nconst NARROW = /[IJ1.,:;'’!|()\\-]/\n\n/** Estimated width of `text` set uppercase at `px`. */\nexport function uppercaseWidth(text: string, px: number): number {\n  let em = 0\n  for (const ch of text.toUpperCase()) {\n    em += ch === ' ' ? SPACE_EM : NARROW.test(ch) ? NARROW_EM : UPPER_EM\n  }\n  return em * px\n}\n\n/**\n * Lines `text` wraps to in a column `width` px wide, greedy by word, the way\n * the browser and Satori wrap. `\\n` is a hard break. Returns Infinity when a\n * single word is wider than the column: it can't wrap, so no line count fits.\n */\nexport function wrappedLines(\n  text: string,\n  width: number,\n  measure: (s: string) => number,\n): number {\n  let lines = 0\n  for (const paragraph of text.split('\\n')) {\n    const words = paragraph.split(/\\s+/).filter(Boolean)\n    if (!words.length) {\n      lines++\n      continue\n    }\n    let current = ''\n    for (const word of words) {\n      if (measure(word) > width) return Infinity\n      const next = current ? `${current} ${word}` : word\n      if (current && measure(next) > width) {\n        lines++\n        current = word\n      } else {\n        current = next\n      }\n    }\n    lines++\n  }\n  return lines\n}\n\nexport interface RouteFitInput {\n  title: string\n  kicker?: string\n  subtitle?: string\n  /** A photo was offered. */\n  photo: boolean\n  /** The card has a bottom bar. */\n  bar: boolean\n}\n\nexport interface RouteFit {\n  /** Title size in px. */\n  titlePx: number\n  /** Keep the photo. False when the title only fits at full width. */\n  photo: boolean\n  /** Height the title box may use; route.tsx clips the title to it. */\n  titleMaxHeight: number\n  /** The title fits at `titlePx` by the estimate (false only at the floor, full width). */\n  fits: boolean\n}\n\nfunction columnWidth(photo: boolean): number {\n  const inner = OG_WIDTH - ROUTE_CARD.padX * 2\n  return photo ? inner - ROUTE_CARD.photoWidth - ROUTE_CARD.gap : inner\n}\n\n/** Height left for the title once the kicker and subtitle have theirs. */\nfunction titleBudget(input: RouteFitInput, width: number): number {\n  const c = ROUTE_CARD\n  let height = OG_HEIGHT - (input.bar ? c.barHeight : 0) - c.padY * 2\n  if (input.kicker) {\n    const lines = wrappedLines(input.kicker, width, s => s.length * KICKER_EM * c.kickerPx)\n    height -= Math.min(lines, 2) * c.kickerPx * 1.2 + c.kickerGap\n  }\n  if (input.subtitle) {\n    const lines = wrappedLines(input.subtitle, width, s => s.length * BODY_EM * c.subtitlePx)\n    height -= Math.min(lines, 3) * c.subtitlePx * c.subtitleLineHeight + c.subtitleGap\n  }\n  return height\n}\n\n/** Largest title size that fits `width`, or null when none down to the floor does. */\nfunction largestFit(input: RouteFitInput, photo: boolean): { px: number; budget: number } | null {\n  const width = columnWidth(photo)\n  const budget = titleBudget(input, width)\n  for (let px = TITLE_MAX_PX; px >= TITLE_MIN_PX; px -= 2) {\n    const lines = wrappedLines(input.title, width, s => uppercaseWidth(s, px))\n    if (lines * px * ROUTE_CARD.titleLineHeight <= budget) return { px, budget }\n  }\n  return null\n}\n\n/**\n * Size the title, and decide whether the photo stays.\n *\n * Beside the photo first, since the photo is the page's own image and worth\n * keeping. If even the floor size doesn't fit there, drop the photo and fit\n * the full width. If that fails too, the title sits at the floor and clips.\n */\nexport function fitRouteTitle(input: RouteFitInput): RouteFit {\n  if (input.photo) {\n    const withPhoto = largestFit(input, true)\n    if (withPhoto) {\n      return { titlePx: withPhoto.px, photo: true, titleMaxHeight: withPhoto.budget, fits: true }\n    }\n  }\n  const full = largestFit(input, false)\n  if (full) return { titlePx: full.px, photo: false, titleMaxHeight: full.budget, fits: true }\n  return {\n    titlePx: TITLE_MIN_PX,\n    photo: false,\n    titleMaxHeight: titleBudget(input, columnWidth(false)),\n    fits: false,\n  }\n}\n","/**\n * @sonordev/site-kit/og/route — tier 2: per-entity runtime OG cards.\n *\n * `sonor-setup og` covers the build-time cards: the site card and one per\n * route. This covers the cards that must vary per URL and can't wait for a\n * rebuild — one per blog post, per event, per product — rendered on demand\n * with next/og (Satori).\n *\n * TWO SHAPES, ONE CARD:\n *\n * `createOgImage` is the metadata file convention, and the one to reach for.\n * Next calls an `opengraph-image.tsx` default export with `{ params }` and\n * wires og:image and twitter:image for the page by itself, and `sonor-setup\n * og` sees the file and leaves the folder alone:\n *\n * ```tsx\n * // app/blog/[slug]/opengraph-image.tsx\n * import { createOgImage } from '@sonordev/site-kit/og/route'\n * import { getBlogPost } from '@sonordev/site-kit/blog/server'\n *\n * export { size, contentType } from '@sonordev/site-kit/og/route'\n * export const alt = 'From the Acme blog'\n *\n * export default createOgImage<{ slug: string }>(async ({ slug }) => {\n *   const post = await getBlogPost(slug)\n *   if (!post) return null                  // 404: a bad slug never renders a card\n *   return {\n *     theme: { bg: '#111110', text: '#faf6f0', accent: '#ad1d25' },\n *     kicker: 'From the blog',\n *     title: post.title,\n *     photoUrl: post.featured_image,       // absolute URL (Satori requirement)\n *     bar: 'yourdomain.com',\n *   }\n * })\n * ```\n *\n * The page then passes `images: false` to generateBlogPostMetadata: declared\n * images beat the file convention.\n *\n * `createOgImageRoute` is a plain route handler, `GET(request, { params })`,\n * for a card served at a URL of your choosing (`app/og/[slug]/route.tsx`).\n * Next doesn't wire it into metadata; the page declares it.\n *\n * Sites needed an adapter between the two before `createOgImage` existed\n * (watsonhac.com, reinhart, vsf-consulting-nextjs: a default export that\n * built a dummy Request to call the GET handler).\n *\n * SATORI CONSTRAINTS (why this is not the static template): flexbox-only CSS\n * subset, no external stylesheets, images must be absolute URLs or data URIs,\n * and fonts must be provided as ArrayBuffers via `fonts` — Satori cannot load\n * Google Fonts at runtime. Without fonts it falls back to Satori's default\n * face; brand-critical cards should pass font data (fetch the TTF once at\n * module init and reuse the promise).\n *\n * TITLE FITTING: Satori can't measure, so the title is sized from an estimate\n * (og/route-fit.ts) over the same range the build-time card uses, and the\n * photo is dropped when the title can't fit beside it. Long post titles no\n * longer run off the card.\n */\n\nimport React from 'react'\nimport { OG_HEIGHT, OG_WIDTH } from './config'\nimport { barTextColor } from './contrast'\nimport { fitRouteTitle, ROUTE_CARD } from './route-fit'\n\nexport interface OgRouteTheme {\n  bg: string\n  text: string\n  accent: string\n  muted?: string\n  /** og.config.ts's surface color. Only used as a bar-text candidate. */\n  surface?: string\n  /**\n   * Bottom-bar text, set on `accent`. Defaults to the first of `surface`,\n   * `bg`, `text` that reaches WCAG AA for large text (3:1) against the\n   * accent. It used to be `text`, which is unreadable wherever text and\n   * accent are both strong (navy on crimson).\n   */\n  barText?: string\n}\n\nexport interface OgRouteCard {\n  /** og.config.ts's `theme` can be passed as is. */\n  theme: OgRouteTheme\n  kicker?: string\n  title: string\n  subtitle?: string\n  /** Absolute URL (Satori requirement) of the page's own image. */\n  photoUrl?: string\n  /** Bottom-bar text, e.g. the domain. */\n  bar?: string\n}\n\nexport interface OgRouteFont {\n  name: string\n  data: ArrayBuffer\n  weight?: number\n  style?: 'normal' | 'italic'\n}\n\nexport interface OgImageOptions {\n  fonts?: OgRouteFont[]\n}\n\n/** For `export { size, contentType } from '@sonordev/site-kit/og/route'` in an opengraph-image file. */\nexport const size = { width: OG_WIDTH, height: OG_HEIGHT }\nexport const contentType = 'image/png'\n\ntype Resolver<Ctx> = (req: Request, ctx: Ctx) => Promise<OgRouteCard | null> | OgRouteCard | null\n\n/**\n * Satori-safe element tree — exported for tests and for sites that want to\n * extend it inside their own ImageResponse.\n */\nexport function ogRouteElement(card: OgRouteCard): React.ReactElement {\n  const { theme } = card\n  const muted = theme.muted || theme.text\n  // Only an absolute URL (or data URI) renders in Satori; anything else would\n  // throw inside the render, so it's treated as no photo.\n  const hasPhoto = !!card.photoUrl && /^(https?:|data:)/.test(card.photoUrl)\n  const fit = fitRouteTitle({\n    title: card.title,\n    kicker: card.kicker,\n    subtitle: card.subtitle,\n    photo: hasPhoto,\n    bar: !!card.bar,\n  })\n  const titleLine = fit.titlePx * ROUTE_CARD.titleLineHeight\n  // Clip on a whole line, so an estimate that ran short loses a line cleanly\n  // instead of spilling onto the bar.\n  const titleMaxHeight = Math.max(1, Math.floor(fit.titleMaxHeight / titleLine)) * titleLine\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: theme.bg,\n        color: theme.text,\n        fontSize: 32,\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flex: 1,\n          alignItems: 'center',\n          padding: `0 ${ROUTE_CARD.padX}px`,\n          gap: ROUTE_CARD.gap,\n          minHeight: 0,\n        }}\n      >\n        <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minWidth: 0 }}>\n          {card.kicker ? (\n            <div\n              style={{\n                fontSize: ROUTE_CARD.kickerPx,\n                letterSpacing: 6,\n                textTransform: 'uppercase',\n                color: theme.accent,\n                marginBottom: ROUTE_CARD.kickerGap,\n                fontWeight: 700,\n              }}\n            >\n              {card.kicker}\n            </div>\n          ) : null}\n          <div\n            style={{\n              display: 'flex',\n              fontSize: fit.titlePx,\n              fontWeight: 800,\n              lineHeight: ROUTE_CARD.titleLineHeight,\n              textTransform: 'uppercase',\n              maxHeight: titleMaxHeight,\n              overflow: 'hidden',\n            }}\n          >\n            {card.title}\n          </div>\n          {card.subtitle ? (\n            <div\n              style={{\n                fontSize: ROUTE_CARD.subtitlePx,\n                marginTop: ROUTE_CARD.subtitleGap,\n                color: muted,\n                lineHeight: ROUTE_CARD.subtitleLineHeight,\n              }}\n            >\n              {card.subtitle}\n            </div>\n          ) : null}\n        </div>\n        {hasPhoto && fit.photo ? (\n          <img\n            src={card.photoUrl}\n            width={ROUTE_CARD.photoWidth}\n            height={ROUTE_CARD.photoHeight}\n            style={{ borderRadius: 24, objectFit: 'cover' }}\n          />\n        ) : null}\n      </div>\n      {card.bar ? (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: ROUTE_CARD.barHeight,\n            backgroundColor: theme.accent,\n            color: barTextColor(theme),\n            fontSize: 30,\n            fontWeight: 800,\n            letterSpacing: 3,\n            textTransform: 'uppercase',\n          }}\n        >\n          {card.bar}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n/**\n * Render a card, or 404 for null. Single source of truth for both factories:\n * the file convention and the route handler differ only in how they're called.\n */\nasync function renderCard(card: OgRouteCard | null, options: OgImageOptions): Promise<Response> {\n  if (!card) return new Response('Not found', { status: 404 })\n\n  // next/og is imported lazily so this module stays importable in test/node\n  // contexts that lack the Next server runtime.\n  const { ImageResponse } = await import('next/og')\n  return new ImageResponse(ogRouteElement(card), {\n    ...size,\n    ...(options.fonts?.length ? { fonts: options.fonts as any } : {}),\n  })\n}\n\n/**\n * Metadata file-convention factory, for `export default` from an\n * `opengraph-image.tsx` (or `twitter-image.tsx`). Next calls it with\n * `{ params }` (a promise on Next 15+) and, with `generateImageMetadata`, an\n * `id`. The resolver gets both already awaited. Return null for a 404.\n */\nexport function createOgImage<Params extends Record<string, string | string[]> = Record<string, string>>(\n  resolve: (params: Params, ctx: { id?: string }) => Promise<OgRouteCard | null> | OgRouteCard | null,\n  options: OgImageOptions = {},\n) {\n  return async function Image(props: {\n    params: Params | Promise<Params>\n    id?: string | Promise<string>\n  }): Promise<Response> {\n    const params = await props.params\n    const id = props.id === undefined ? undefined : await props.id\n    return renderCard(await resolve(params, { id }), options)\n  }\n}\n\n/**\n * Route handler factory, `export const GET` from a `route.tsx`. Returns 404\n * when the resolver returns null, so a bad slug never renders a broken card.\n *\n * Next doesn't wire a route handler into metadata. For a card Next should\n * attach to the page by itself, use `createOgImage` in `opengraph-image.tsx`.\n */\nexport function createOgImageRoute<Ctx = { params: Promise<Record<string, string>> }>(\n  resolve: Resolver<Ctx>,\n  options: OgImageOptions = {},\n) {\n  return async function GET(req: Request, ctx: Ctx): Promise<Response> {\n    return renderCard(await resolve(req, ctx), options)\n  }\n}\n"]}
+{"version":3,"sources":["../../src/og/route-fit.ts","../../src/og/route.tsx"],"names":["OG_WIDTH","OG_HEIGHT","TITLE_MAX_PX","TITLE_MIN_PX","jsxs","jsx","barTextColor"],"mappings":"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","file":"route.js","sourcesContent":["/**\n * @sonordev/site-kit/og — title fitting for the runtime (Satori) card.\n *\n * The build-time card is fitted in the page: Chrome measures the rendered\n * title and steps it down until it fits (template.ts). The runtime card is\n * Satori, which has no DOM to measure, so its title sat at a fixed 84px,\n * uppercase, with no fitting. Beside the 430px photo that holds about 11\n * characters a line, so a real post title ran off the bottom of the card.\n * watsonhac.com, reinhart and vsf-consulting-nextjs each worked around it by\n * dropping the photo past a hand-picked length (40 or 50 characters).\n *\n * This does what the build-time fitter does, from an estimate instead of a\n * measurement: the same size range (TITLE_MAX_PX down to TITLE_MIN_PX, in 2px\n * steps), word-wrapped at an estimated glyph width against the real column\n * width and the height the kicker, subtitle and bar leave. When the title\n * can't fit beside the photo even at the floor, the photo goes and the title\n * gets the full width.\n *\n * The estimate is deliberately wide (uppercase, bold-ish) so an unusual\n * face errs toward a smaller title, never an overflowing one, and the title\n * box clips at its height as the backstop.\n *\n * Pure: no DOM, no Node built-ins. Geometry constants are the card's own\n * (route.tsx imports them), so the two can't drift.\n */\n\nimport { OG_HEIGHT, OG_WIDTH, TITLE_MAX_PX, TITLE_MIN_PX } from './config'\n\n/** The runtime card's layout, in px. route.tsx renders exactly this. */\nexport const ROUTE_CARD = {\n  padX: 68,\n  gap: 48,\n  photoWidth: 430,\n  photoHeight: 470,\n  barHeight: 74,\n  /** Breathing room above and below the copy column. */\n  padY: 44,\n  kickerPx: 24,\n  kickerGap: 18,\n  subtitlePx: 30,\n  subtitleGap: 20,\n  subtitleLineHeight: 1.3,\n  titleLineHeight: 1.02,\n} as const\n\n/**\n * Average advance of an UPPERCASE glyph, in em. Calibrated against next/og's\n * bundled face and a bold sans; errs wide. Narrow glyphs are counted\n * separately so \"ILLINOIS\" isn't treated like \"MMMMMMMM\".\n */\nconst UPPER_EM = 0.68\nconst NARROW_EM = 0.32\nconst SPACE_EM = 0.3\n/** Mixed-case body text (the subtitle), in em. */\nconst BODY_EM = 0.52\n/** The kicker is uppercase with 6px letter spacing at 24px. */\nconst KICKER_EM = 0.72 + 6 / 24\n\nconst NARROW = /[IJ1.,:;'’!|()\\-]/\n\n/** Estimated width of `text` set uppercase at `px`. */\nexport function uppercaseWidth(text: string, px: number): number {\n  let em = 0\n  for (const ch of text.toUpperCase()) {\n    em += ch === ' ' ? SPACE_EM : NARROW.test(ch) ? NARROW_EM : UPPER_EM\n  }\n  return em * px\n}\n\n/**\n * Lines `text` wraps to in a column `width` px wide, greedy by word, the way\n * the browser and Satori wrap. `\\n` is a hard break. Returns Infinity when a\n * single word is wider than the column: it can't wrap, so no line count fits.\n */\nexport function wrappedLines(\n  text: string,\n  width: number,\n  measure: (s: string) => number,\n): number {\n  let lines = 0\n  for (const paragraph of text.split('\\n')) {\n    const words = paragraph.split(/\\s+/).filter(Boolean)\n    if (!words.length) {\n      lines++\n      continue\n    }\n    let current = ''\n    for (const word of words) {\n      if (measure(word) > width) return Infinity\n      const next = current ? `${current} ${word}` : word\n      if (current && measure(next) > width) {\n        lines++\n        current = word\n      } else {\n        current = next\n      }\n    }\n    lines++\n  }\n  return lines\n}\n\nexport interface RouteFitInput {\n  title: string\n  kicker?: string\n  subtitle?: string\n  /** A photo was offered. */\n  photo: boolean\n  /** The card has a bottom bar. */\n  bar: boolean\n}\n\nexport interface RouteFit {\n  /** Title size in px. */\n  titlePx: number\n  /** Keep the photo. False when the title only fits at full width. */\n  photo: boolean\n  /** Height the title box may use; route.tsx clips the title to it. */\n  titleMaxHeight: number\n  /** The title fits at `titlePx` by the estimate (false only at the floor, full width). */\n  fits: boolean\n}\n\nfunction columnWidth(photo: boolean): number {\n  const inner = OG_WIDTH - ROUTE_CARD.padX * 2\n  return photo ? inner - ROUTE_CARD.photoWidth - ROUTE_CARD.gap : inner\n}\n\n/** Height left for the title once the kicker and subtitle have theirs. */\nfunction titleBudget(input: RouteFitInput, width: number): number {\n  const c = ROUTE_CARD\n  let height = OG_HEIGHT - (input.bar ? c.barHeight : 0) - c.padY * 2\n  if (input.kicker) {\n    const lines = wrappedLines(input.kicker, width, s => s.length * KICKER_EM * c.kickerPx)\n    height -= Math.min(lines, 2) * c.kickerPx * 1.2 + c.kickerGap\n  }\n  if (input.subtitle) {\n    const lines = wrappedLines(input.subtitle, width, s => s.length * BODY_EM * c.subtitlePx)\n    height -= Math.min(lines, 3) * c.subtitlePx * c.subtitleLineHeight + c.subtitleGap\n  }\n  return height\n}\n\n/** Largest title size that fits `width`, or null when none down to the floor does. */\nfunction largestFit(input: RouteFitInput, photo: boolean): { px: number; budget: number } | null {\n  const width = columnWidth(photo)\n  const budget = titleBudget(input, width)\n  for (let px = TITLE_MAX_PX; px >= TITLE_MIN_PX; px -= 2) {\n    const lines = wrappedLines(input.title, width, s => uppercaseWidth(s, px))\n    if (lines * px * ROUTE_CARD.titleLineHeight <= budget) return { px, budget }\n  }\n  return null\n}\n\n/**\n * Size the title, and decide whether the photo stays.\n *\n * Beside the photo first, since the photo is the page's own image and worth\n * keeping. If even the floor size doesn't fit there, drop the photo and fit\n * the full width. If that fails too, the title sits at the floor and clips.\n */\nexport function fitRouteTitle(input: RouteFitInput): RouteFit {\n  if (input.photo) {\n    const withPhoto = largestFit(input, true)\n    if (withPhoto) {\n      return { titlePx: withPhoto.px, photo: true, titleMaxHeight: withPhoto.budget, fits: true }\n    }\n  }\n  const full = largestFit(input, false)\n  if (full) return { titlePx: full.px, photo: false, titleMaxHeight: full.budget, fits: true }\n  return {\n    titlePx: TITLE_MIN_PX,\n    photo: false,\n    titleMaxHeight: titleBudget(input, columnWidth(false)),\n    fits: false,\n  }\n}\n","/**\n * @sonordev/site-kit/og/route — tier 2: per-entity runtime OG cards.\n *\n * `sonor-setup og` covers the build-time cards: the site card and one per\n * route. This covers the cards that must vary per URL and can't wait for a\n * rebuild — one per article, per event, per product — rendered on demand\n * with next/og (Satori).\n *\n * TWO SHAPES, ONE CARD:\n *\n * `createOgImage` is the metadata file convention, and the one to reach for.\n * Next calls an `opengraph-image.tsx` default export with `{ params }` and\n * wires og:image and twitter:image for the page by itself, and `sonor-setup\n * og` sees the file and leaves the folder alone:\n *\n * ```tsx\n * // app/blog/[slug]/opengraph-image.tsx\n * import { createOgImage } from '@sonordev/site-kit/og/route'\n * import { getArticle } from '@sonordev/site-kit/articles/server'\n *\n * export { size, contentType } from '@sonordev/site-kit/og/route'\n * export const alt = 'From the Acme article'\n *\n * export default createOgImage<{ slug: string }>(async ({ slug }) => {\n *   const post = await getArticle(slug)\n *   if (!post) return null                  // 404: a bad slug never renders a card\n *   return {\n *     theme: { bg: '#111110', text: '#faf6f0', accent: '#ad1d25' },\n *     kicker: 'From the publication',\n *     title: post.title,\n *     photoUrl: post.featured_image,       // absolute URL (Satori requirement)\n *     bar: 'yourdomain.com',\n *   }\n * })\n * ```\n *\n * The page then passes `images: false` to generateArticleMetadata: declared\n * images beat the file convention.\n *\n * `createOgImageRoute` is a plain route handler, `GET(request, { params })`,\n * for a card served at a URL of your choosing (`app/og/[slug]/route.tsx`).\n * Next doesn't wire it into metadata; the page declares it.\n *\n * Sites needed an adapter between the two before `createOgImage` existed\n * (watsonhac.com, reinhart, vsf-consulting-nextjs: a default export that\n * built a dummy Request to call the GET handler).\n *\n * SATORI CONSTRAINTS (why this is not the static template): flexbox-only CSS\n * subset, no external stylesheets, images must be absolute URLs or data URIs,\n * and fonts must be provided as ArrayBuffers via `fonts` — Satori cannot load\n * Google Fonts at runtime. Without fonts it falls back to Satori's default\n * face; brand-critical cards should pass font data (fetch the TTF once at\n * module init and reuse the promise).\n *\n * TITLE FITTING: Satori can't measure, so the title is sized from an estimate\n * (og/route-fit.ts) over the same range the build-time card uses, and the\n * photo is dropped when the title can't fit beside it. Long post titles no\n * longer run off the card.\n */\n\nimport React from 'react'\nimport { OG_HEIGHT, OG_WIDTH } from './config'\nimport { barTextColor } from './contrast'\nimport { fitRouteTitle, ROUTE_CARD } from './route-fit'\n\nexport interface OgRouteTheme {\n  bg: string\n  text: string\n  accent: string\n  muted?: string\n  /** og.config.ts's surface color. Only used as a bar-text candidate. */\n  surface?: string\n  /**\n   * Bottom-bar text, set on `accent`. Defaults to the first of `surface`,\n   * `bg`, `text` that reaches WCAG AA for large text (3:1) against the\n   * accent. It used to be `text`, which is unreadable wherever text and\n   * accent are both strong (navy on crimson).\n   */\n  barText?: string\n}\n\nexport interface OgRouteCard {\n  /** og.config.ts's `theme` can be passed as is. */\n  theme: OgRouteTheme\n  kicker?: string\n  title: string\n  subtitle?: string\n  /** Absolute URL (Satori requirement) of the page's own image. */\n  photoUrl?: string\n  /** Bottom-bar text, e.g. the domain. */\n  bar?: string\n}\n\nexport interface OgRouteFont {\n  name: string\n  data: ArrayBuffer\n  weight?: number\n  style?: 'normal' | 'italic'\n}\n\nexport interface OgImageOptions {\n  fonts?: OgRouteFont[]\n}\n\n/** For `export { size, contentType } from '@sonordev/site-kit/og/route'` in an opengraph-image file. */\nexport const size = { width: OG_WIDTH, height: OG_HEIGHT }\nexport const contentType = 'image/png'\n\ntype Resolver<Ctx> = (req: Request, ctx: Ctx) => Promise<OgRouteCard | null> | OgRouteCard | null\n\n/**\n * Satori-safe element tree — exported for tests and for sites that want to\n * extend it inside their own ImageResponse.\n */\nexport function ogRouteElement(card: OgRouteCard): React.ReactElement {\n  const { theme } = card\n  const muted = theme.muted || theme.text\n  // Only an absolute URL (or data URI) renders in Satori; anything else would\n  // throw inside the render, so it's treated as no photo.\n  const hasPhoto = !!card.photoUrl && /^(https?:|data:)/.test(card.photoUrl)\n  const fit = fitRouteTitle({\n    title: card.title,\n    kicker: card.kicker,\n    subtitle: card.subtitle,\n    photo: hasPhoto,\n    bar: !!card.bar,\n  })\n  const titleLine = fit.titlePx * ROUTE_CARD.titleLineHeight\n  // Clip on a whole line, so an estimate that ran short loses a line cleanly\n  // instead of spilling onto the bar.\n  const titleMaxHeight = Math.max(1, Math.floor(fit.titleMaxHeight / titleLine)) * titleLine\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: theme.bg,\n        color: theme.text,\n        fontSize: 32,\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flex: 1,\n          alignItems: 'center',\n          padding: `0 ${ROUTE_CARD.padX}px`,\n          gap: ROUTE_CARD.gap,\n          minHeight: 0,\n        }}\n      >\n        <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minWidth: 0 }}>\n          {card.kicker ? (\n            <div\n              style={{\n                fontSize: ROUTE_CARD.kickerPx,\n                letterSpacing: 6,\n                textTransform: 'uppercase',\n                color: theme.accent,\n                marginBottom: ROUTE_CARD.kickerGap,\n                fontWeight: 700,\n              }}\n            >\n              {card.kicker}\n            </div>\n          ) : null}\n          <div\n            style={{\n              display: 'flex',\n              fontSize: fit.titlePx,\n              fontWeight: 800,\n              lineHeight: ROUTE_CARD.titleLineHeight,\n              textTransform: 'uppercase',\n              maxHeight: titleMaxHeight,\n              overflow: 'hidden',\n            }}\n          >\n            {card.title}\n          </div>\n          {card.subtitle ? (\n            <div\n              style={{\n                fontSize: ROUTE_CARD.subtitlePx,\n                marginTop: ROUTE_CARD.subtitleGap,\n                color: muted,\n                lineHeight: ROUTE_CARD.subtitleLineHeight,\n              }}\n            >\n              {card.subtitle}\n            </div>\n          ) : null}\n        </div>\n        {hasPhoto && fit.photo ? (\n          <img\n            src={card.photoUrl}\n            width={ROUTE_CARD.photoWidth}\n            height={ROUTE_CARD.photoHeight}\n            style={{ borderRadius: 24, objectFit: 'cover' }}\n          />\n        ) : null}\n      </div>\n      {card.bar ? (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: ROUTE_CARD.barHeight,\n            backgroundColor: theme.accent,\n            color: barTextColor(theme),\n            fontSize: 30,\n            fontWeight: 800,\n            letterSpacing: 3,\n            textTransform: 'uppercase',\n          }}\n        >\n          {card.bar}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n/**\n * Render a card, or 404 for null. Single source of truth for both factories:\n * the file convention and the route handler differ only in how they're called.\n */\nasync function renderCard(card: OgRouteCard | null, options: OgImageOptions): Promise<Response> {\n  if (!card) return new Response('Not found', { status: 404 })\n\n  // next/og is imported lazily so this module stays importable in test/node\n  // contexts that lack the Next server runtime.\n  const { ImageResponse } = await import('next/og')\n  return new ImageResponse(ogRouteElement(card), {\n    ...size,\n    ...(options.fonts?.length ? { fonts: options.fonts as any } : {}),\n  })\n}\n\n/**\n * Metadata file-convention factory, for `export default` from an\n * `opengraph-image.tsx` (or `twitter-image.tsx`). Next calls it with\n * `{ params }` (a promise on Next 15+) and, with `generateImageMetadata`, an\n * `id`. The resolver gets both already awaited. Return null for a 404.\n */\nexport function createOgImage<Params extends Record<string, string | string[]> = Record<string, string>>(\n  resolve: (params: Params, ctx: { id?: string }) => Promise<OgRouteCard | null> | OgRouteCard | null,\n  options: OgImageOptions = {},\n) {\n  return async function Image(props: {\n    params: Params | Promise<Params>\n    id?: string | Promise<string>\n  }): Promise<Response> {\n    const params = await props.params\n    const id = props.id === undefined ? undefined : await props.id\n    return renderCard(await resolve(params, { id }), options)\n  }\n}\n\n/**\n * Route handler factory, `export const GET` from a `route.tsx`. Returns 404\n * when the resolver returns null, so a bad slug never renders a broken card.\n *\n * Next doesn't wire a route handler into metadata. For a card Next should\n * attach to the page by itself, use `createOgImage` in `opengraph-image.tsx`.\n */\nexport function createOgImageRoute<Ctx = { params: Promise<Record<string, string>> }>(\n  resolve: Resolver<Ctx>,\n  options: OgImageOptions = {},\n) {\n  return async function GET(req: Request, ctx: Ctx): Promise<Response> {\n    return renderCard(await resolve(req, ctx), options)\n  }\n}\n"]}

package/dist/og/route.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/og/route-fit.ts","../../src/og/route.tsx"],"names":[],"mappings":"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","file":"route.mjs","sourcesContent":["/**\n * @sonordev/site-kit/og — title fitting for the runtime (Satori) card.\n *\n * The build-time card is fitted in the page: Chrome measures the rendered\n * title and steps it down until it fits (template.ts). The runtime card is\n * Satori, which has no DOM to measure, so its title sat at a fixed 84px,\n * uppercase, with no fitting. Beside the 430px photo that holds about 11\n * characters a line, so a real post title ran off the bottom of the card.\n * watsonhac.com, reinhart and vsf-consulting-nextjs each worked around it by\n * dropping the photo past a hand-picked length (40 or 50 characters).\n *\n * This does what the build-time fitter does, from an estimate instead of a\n * measurement: the same size range (TITLE_MAX_PX down to TITLE_MIN_PX, in 2px\n * steps), word-wrapped at an estimated glyph width against the real column\n * width and the height the kicker, subtitle and bar leave. When the title\n * can't fit beside the photo even at the floor, the photo goes and the title\n * gets the full width.\n *\n * The estimate is deliberately wide (uppercase, bold-ish) so an unusual\n * face errs toward a smaller title, never an overflowing one, and the title\n * box clips at its height as the backstop.\n *\n * Pure: no DOM, no Node built-ins. Geometry constants are the card's own\n * (route.tsx imports them), so the two can't drift.\n */\n\nimport { OG_HEIGHT, OG_WIDTH, TITLE_MAX_PX, TITLE_MIN_PX } from './config'\n\n/** The runtime card's layout, in px. route.tsx renders exactly this. */\nexport const ROUTE_CARD = {\n  padX: 68,\n  gap: 48,\n  photoWidth: 430,\n  photoHeight: 470,\n  barHeight: 74,\n  /** Breathing room above and below the copy column. */\n  padY: 44,\n  kickerPx: 24,\n  kickerGap: 18,\n  subtitlePx: 30,\n  subtitleGap: 20,\n  subtitleLineHeight: 1.3,\n  titleLineHeight: 1.02,\n} as const\n\n/**\n * Average advance of an UPPERCASE glyph, in em. Calibrated against next/og's\n * bundled face and a bold sans; errs wide. Narrow glyphs are counted\n * separately so \"ILLINOIS\" isn't treated like \"MMMMMMMM\".\n */\nconst UPPER_EM = 0.68\nconst NARROW_EM = 0.32\nconst SPACE_EM = 0.3\n/** Mixed-case body text (the subtitle), in em. */\nconst BODY_EM = 0.52\n/** The kicker is uppercase with 6px letter spacing at 24px. */\nconst KICKER_EM = 0.72 + 6 / 24\n\nconst NARROW = /[IJ1.,:;'’!|()\\-]/\n\n/** Estimated width of `text` set uppercase at `px`. */\nexport function uppercaseWidth(text: string, px: number): number {\n  let em = 0\n  for (const ch of text.toUpperCase()) {\n    em += ch === ' ' ? SPACE_EM : NARROW.test(ch) ? NARROW_EM : UPPER_EM\n  }\n  return em * px\n}\n\n/**\n * Lines `text` wraps to in a column `width` px wide, greedy by word, the way\n * the browser and Satori wrap. `\\n` is a hard break. Returns Infinity when a\n * single word is wider than the column: it can't wrap, so no line count fits.\n */\nexport function wrappedLines(\n  text: string,\n  width: number,\n  measure: (s: string) => number,\n): number {\n  let lines = 0\n  for (const paragraph of text.split('\\n')) {\n    const words = paragraph.split(/\\s+/).filter(Boolean)\n    if (!words.length) {\n      lines++\n      continue\n    }\n    let current = ''\n    for (const word of words) {\n      if (measure(word) > width) return Infinity\n      const next = current ? `${current} ${word}` : word\n      if (current && measure(next) > width) {\n        lines++\n        current = word\n      } else {\n        current = next\n      }\n    }\n    lines++\n  }\n  return lines\n}\n\nexport interface RouteFitInput {\n  title: string\n  kicker?: string\n  subtitle?: string\n  /** A photo was offered. */\n  photo: boolean\n  /** The card has a bottom bar. */\n  bar: boolean\n}\n\nexport interface RouteFit {\n  /** Title size in px. */\n  titlePx: number\n  /** Keep the photo. False when the title only fits at full width. */\n  photo: boolean\n  /** Height the title box may use; route.tsx clips the title to it. */\n  titleMaxHeight: number\n  /** The title fits at `titlePx` by the estimate (false only at the floor, full width). */\n  fits: boolean\n}\n\nfunction columnWidth(photo: boolean): number {\n  const inner = OG_WIDTH - ROUTE_CARD.padX * 2\n  return photo ? inner - ROUTE_CARD.photoWidth - ROUTE_CARD.gap : inner\n}\n\n/** Height left for the title once the kicker and subtitle have theirs. */\nfunction titleBudget(input: RouteFitInput, width: number): number {\n  const c = ROUTE_CARD\n  let height = OG_HEIGHT - (input.bar ? c.barHeight : 0) - c.padY * 2\n  if (input.kicker) {\n    const lines = wrappedLines(input.kicker, width, s => s.length * KICKER_EM * c.kickerPx)\n    height -= Math.min(lines, 2) * c.kickerPx * 1.2 + c.kickerGap\n  }\n  if (input.subtitle) {\n    const lines = wrappedLines(input.subtitle, width, s => s.length * BODY_EM * c.subtitlePx)\n    height -= Math.min(lines, 3) * c.subtitlePx * c.subtitleLineHeight + c.subtitleGap\n  }\n  return height\n}\n\n/** Largest title size that fits `width`, or null when none down to the floor does. */\nfunction largestFit(input: RouteFitInput, photo: boolean): { px: number; budget: number } | null {\n  const width = columnWidth(photo)\n  const budget = titleBudget(input, width)\n  for (let px = TITLE_MAX_PX; px >= TITLE_MIN_PX; px -= 2) {\n    const lines = wrappedLines(input.title, width, s => uppercaseWidth(s, px))\n    if (lines * px * ROUTE_CARD.titleLineHeight <= budget) return { px, budget }\n  }\n  return null\n}\n\n/**\n * Size the title, and decide whether the photo stays.\n *\n * Beside the photo first, since the photo is the page's own image and worth\n * keeping. If even the floor size doesn't fit there, drop the photo and fit\n * the full width. If that fails too, the title sits at the floor and clips.\n */\nexport function fitRouteTitle(input: RouteFitInput): RouteFit {\n  if (input.photo) {\n    const withPhoto = largestFit(input, true)\n    if (withPhoto) {\n      return { titlePx: withPhoto.px, photo: true, titleMaxHeight: withPhoto.budget, fits: true }\n    }\n  }\n  const full = largestFit(input, false)\n  if (full) return { titlePx: full.px, photo: false, titleMaxHeight: full.budget, fits: true }\n  return {\n    titlePx: TITLE_MIN_PX,\n    photo: false,\n    titleMaxHeight: titleBudget(input, columnWidth(false)),\n    fits: false,\n  }\n}\n","/**\n * @sonordev/site-kit/og/route — tier 2: per-entity runtime OG cards.\n *\n * `sonor-setup og` covers the build-time cards: the site card and one per\n * route. This covers the cards that must vary per URL and can't wait for a\n * rebuild — one per blog post, per event, per product — rendered on demand\n * with next/og (Satori).\n *\n * TWO SHAPES, ONE CARD:\n *\n * `createOgImage` is the metadata file convention, and the one to reach for.\n * Next calls an `opengraph-image.tsx` default export with `{ params }` and\n * wires og:image and twitter:image for the page by itself, and `sonor-setup\n * og` sees the file and leaves the folder alone:\n *\n * ```tsx\n * // app/blog/[slug]/opengraph-image.tsx\n * import { createOgImage } from '@sonordev/site-kit/og/route'\n * import { getBlogPost } from '@sonordev/site-kit/blog/server'\n *\n * export { size, contentType } from '@sonordev/site-kit/og/route'\n * export const alt = 'From the Acme blog'\n *\n * export default createOgImage<{ slug: string }>(async ({ slug }) => {\n *   const post = await getBlogPost(slug)\n *   if (!post) return null                  // 404: a bad slug never renders a card\n *   return {\n *     theme: { bg: '#111110', text: '#faf6f0', accent: '#ad1d25' },\n *     kicker: 'From the blog',\n *     title: post.title,\n *     photoUrl: post.featured_image,       // absolute URL (Satori requirement)\n *     bar: 'yourdomain.com',\n *   }\n * })\n * ```\n *\n * The page then passes `images: false` to generateBlogPostMetadata: declared\n * images beat the file convention.\n *\n * `createOgImageRoute` is a plain route handler, `GET(request, { params })`,\n * for a card served at a URL of your choosing (`app/og/[slug]/route.tsx`).\n * Next doesn't wire it into metadata; the page declares it.\n *\n * Sites needed an adapter between the two before `createOgImage` existed\n * (watsonhac.com, reinhart, vsf-consulting-nextjs: a default export that\n * built a dummy Request to call the GET handler).\n *\n * SATORI CONSTRAINTS (why this is not the static template): flexbox-only CSS\n * subset, no external stylesheets, images must be absolute URLs or data URIs,\n * and fonts must be provided as ArrayBuffers via `fonts` — Satori cannot load\n * Google Fonts at runtime. Without fonts it falls back to Satori's default\n * face; brand-critical cards should pass font data (fetch the TTF once at\n * module init and reuse the promise).\n *\n * TITLE FITTING: Satori can't measure, so the title is sized from an estimate\n * (og/route-fit.ts) over the same range the build-time card uses, and the\n * photo is dropped when the title can't fit beside it. Long post titles no\n * longer run off the card.\n */\n\nimport React from 'react'\nimport { OG_HEIGHT, OG_WIDTH } from './config'\nimport { barTextColor } from './contrast'\nimport { fitRouteTitle, ROUTE_CARD } from './route-fit'\n\nexport interface OgRouteTheme {\n  bg: string\n  text: string\n  accent: string\n  muted?: string\n  /** og.config.ts's surface color. Only used as a bar-text candidate. */\n  surface?: string\n  /**\n   * Bottom-bar text, set on `accent`. Defaults to the first of `surface`,\n   * `bg`, `text` that reaches WCAG AA for large text (3:1) against the\n   * accent. It used to be `text`, which is unreadable wherever text and\n   * accent are both strong (navy on crimson).\n   */\n  barText?: string\n}\n\nexport interface OgRouteCard {\n  /** og.config.ts's `theme` can be passed as is. */\n  theme: OgRouteTheme\n  kicker?: string\n  title: string\n  subtitle?: string\n  /** Absolute URL (Satori requirement) of the page's own image. */\n  photoUrl?: string\n  /** Bottom-bar text, e.g. the domain. */\n  bar?: string\n}\n\nexport interface OgRouteFont {\n  name: string\n  data: ArrayBuffer\n  weight?: number\n  style?: 'normal' | 'italic'\n}\n\nexport interface OgImageOptions {\n  fonts?: OgRouteFont[]\n}\n\n/** For `export { size, contentType } from '@sonordev/site-kit/og/route'` in an opengraph-image file. */\nexport const size = { width: OG_WIDTH, height: OG_HEIGHT }\nexport const contentType = 'image/png'\n\ntype Resolver<Ctx> = (req: Request, ctx: Ctx) => Promise<OgRouteCard | null> | OgRouteCard | null\n\n/**\n * Satori-safe element tree — exported for tests and for sites that want to\n * extend it inside their own ImageResponse.\n */\nexport function ogRouteElement(card: OgRouteCard): React.ReactElement {\n  const { theme } = card\n  const muted = theme.muted || theme.text\n  // Only an absolute URL (or data URI) renders in Satori; anything else would\n  // throw inside the render, so it's treated as no photo.\n  const hasPhoto = !!card.photoUrl && /^(https?:|data:)/.test(card.photoUrl)\n  const fit = fitRouteTitle({\n    title: card.title,\n    kicker: card.kicker,\n    subtitle: card.subtitle,\n    photo: hasPhoto,\n    bar: !!card.bar,\n  })\n  const titleLine = fit.titlePx * ROUTE_CARD.titleLineHeight\n  // Clip on a whole line, so an estimate that ran short loses a line cleanly\n  // instead of spilling onto the bar.\n  const titleMaxHeight = Math.max(1, Math.floor(fit.titleMaxHeight / titleLine)) * titleLine\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: theme.bg,\n        color: theme.text,\n        fontSize: 32,\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flex: 1,\n          alignItems: 'center',\n          padding: `0 ${ROUTE_CARD.padX}px`,\n          gap: ROUTE_CARD.gap,\n          minHeight: 0,\n        }}\n      >\n        <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minWidth: 0 }}>\n          {card.kicker ? (\n            <div\n              style={{\n                fontSize: ROUTE_CARD.kickerPx,\n                letterSpacing: 6,\n                textTransform: 'uppercase',\n                color: theme.accent,\n                marginBottom: ROUTE_CARD.kickerGap,\n                fontWeight: 700,\n              }}\n            >\n              {card.kicker}\n            </div>\n          ) : null}\n          <div\n            style={{\n              display: 'flex',\n              fontSize: fit.titlePx,\n              fontWeight: 800,\n              lineHeight: ROUTE_CARD.titleLineHeight,\n              textTransform: 'uppercase',\n              maxHeight: titleMaxHeight,\n              overflow: 'hidden',\n            }}\n          >\n            {card.title}\n          </div>\n          {card.subtitle ? (\n            <div\n              style={{\n                fontSize: ROUTE_CARD.subtitlePx,\n                marginTop: ROUTE_CARD.subtitleGap,\n                color: muted,\n                lineHeight: ROUTE_CARD.subtitleLineHeight,\n              }}\n            >\n              {card.subtitle}\n            </div>\n          ) : null}\n        </div>\n        {hasPhoto && fit.photo ? (\n          <img\n            src={card.photoUrl}\n            width={ROUTE_CARD.photoWidth}\n            height={ROUTE_CARD.photoHeight}\n            style={{ borderRadius: 24, objectFit: 'cover' }}\n          />\n        ) : null}\n      </div>\n      {card.bar ? (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: ROUTE_CARD.barHeight,\n            backgroundColor: theme.accent,\n            color: barTextColor(theme),\n            fontSize: 30,\n            fontWeight: 800,\n            letterSpacing: 3,\n            textTransform: 'uppercase',\n          }}\n        >\n          {card.bar}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n/**\n * Render a card, or 404 for null. Single source of truth for both factories:\n * the file convention and the route handler differ only in how they're called.\n */\nasync function renderCard(card: OgRouteCard | null, options: OgImageOptions): Promise<Response> {\n  if (!card) return new Response('Not found', { status: 404 })\n\n  // next/og is imported lazily so this module stays importable in test/node\n  // contexts that lack the Next server runtime.\n  const { ImageResponse } = await import('next/og')\n  return new ImageResponse(ogRouteElement(card), {\n    ...size,\n    ...(options.fonts?.length ? { fonts: options.fonts as any } : {}),\n  })\n}\n\n/**\n * Metadata file-convention factory, for `export default` from an\n * `opengraph-image.tsx` (or `twitter-image.tsx`). Next calls it with\n * `{ params }` (a promise on Next 15+) and, with `generateImageMetadata`, an\n * `id`. The resolver gets both already awaited. Return null for a 404.\n */\nexport function createOgImage<Params extends Record<string, string | string[]> = Record<string, string>>(\n  resolve: (params: Params, ctx: { id?: string }) => Promise<OgRouteCard | null> | OgRouteCard | null,\n  options: OgImageOptions = {},\n) {\n  return async function Image(props: {\n    params: Params | Promise<Params>\n    id?: string | Promise<string>\n  }): Promise<Response> {\n    const params = await props.params\n    const id = props.id === undefined ? undefined : await props.id\n    return renderCard(await resolve(params, { id }), options)\n  }\n}\n\n/**\n * Route handler factory, `export const GET` from a `route.tsx`. Returns 404\n * when the resolver returns null, so a bad slug never renders a broken card.\n *\n * Next doesn't wire a route handler into metadata. For a card Next should\n * attach to the page by itself, use `createOgImage` in `opengraph-image.tsx`.\n */\nexport function createOgImageRoute<Ctx = { params: Promise<Record<string, string>> }>(\n  resolve: Resolver<Ctx>,\n  options: OgImageOptions = {},\n) {\n  return async function GET(req: Request, ctx: Ctx): Promise<Response> {\n    return renderCard(await resolve(req, ctx), options)\n  }\n}\n"]}
+{"version":3,"sources":["../../src/og/route-fit.ts","../../src/og/route.tsx"],"names":[],"mappings":"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","file":"route.mjs","sourcesContent":["/**\n * @sonordev/site-kit/og — title fitting for the runtime (Satori) card.\n *\n * The build-time card is fitted in the page: Chrome measures the rendered\n * title and steps it down until it fits (template.ts). The runtime card is\n * Satori, which has no DOM to measure, so its title sat at a fixed 84px,\n * uppercase, with no fitting. Beside the 430px photo that holds about 11\n * characters a line, so a real post title ran off the bottom of the card.\n * watsonhac.com, reinhart and vsf-consulting-nextjs each worked around it by\n * dropping the photo past a hand-picked length (40 or 50 characters).\n *\n * This does what the build-time fitter does, from an estimate instead of a\n * measurement: the same size range (TITLE_MAX_PX down to TITLE_MIN_PX, in 2px\n * steps), word-wrapped at an estimated glyph width against the real column\n * width and the height the kicker, subtitle and bar leave. When the title\n * can't fit beside the photo even at the floor, the photo goes and the title\n * gets the full width.\n *\n * The estimate is deliberately wide (uppercase, bold-ish) so an unusual\n * face errs toward a smaller title, never an overflowing one, and the title\n * box clips at its height as the backstop.\n *\n * Pure: no DOM, no Node built-ins. Geometry constants are the card's own\n * (route.tsx imports them), so the two can't drift.\n */\n\nimport { OG_HEIGHT, OG_WIDTH, TITLE_MAX_PX, TITLE_MIN_PX } from './config'\n\n/** The runtime card's layout, in px. route.tsx renders exactly this. */\nexport const ROUTE_CARD = {\n  padX: 68,\n  gap: 48,\n  photoWidth: 430,\n  photoHeight: 470,\n  barHeight: 74,\n  /** Breathing room above and below the copy column. */\n  padY: 44,\n  kickerPx: 24,\n  kickerGap: 18,\n  subtitlePx: 30,\n  subtitleGap: 20,\n  subtitleLineHeight: 1.3,\n  titleLineHeight: 1.02,\n} as const\n\n/**\n * Average advance of an UPPERCASE glyph, in em. Calibrated against next/og's\n * bundled face and a bold sans; errs wide. Narrow glyphs are counted\n * separately so \"ILLINOIS\" isn't treated like \"MMMMMMMM\".\n */\nconst UPPER_EM = 0.68\nconst NARROW_EM = 0.32\nconst SPACE_EM = 0.3\n/** Mixed-case body text (the subtitle), in em. */\nconst BODY_EM = 0.52\n/** The kicker is uppercase with 6px letter spacing at 24px. */\nconst KICKER_EM = 0.72 + 6 / 24\n\nconst NARROW = /[IJ1.,:;'’!|()\\-]/\n\n/** Estimated width of `text` set uppercase at `px`. */\nexport function uppercaseWidth(text: string, px: number): number {\n  let em = 0\n  for (const ch of text.toUpperCase()) {\n    em += ch === ' ' ? SPACE_EM : NARROW.test(ch) ? NARROW_EM : UPPER_EM\n  }\n  return em * px\n}\n\n/**\n * Lines `text` wraps to in a column `width` px wide, greedy by word, the way\n * the browser and Satori wrap. `\\n` is a hard break. Returns Infinity when a\n * single word is wider than the column: it can't wrap, so no line count fits.\n */\nexport function wrappedLines(\n  text: string,\n  width: number,\n  measure: (s: string) => number,\n): number {\n  let lines = 0\n  for (const paragraph of text.split('\\n')) {\n    const words = paragraph.split(/\\s+/).filter(Boolean)\n    if (!words.length) {\n      lines++\n      continue\n    }\n    let current = ''\n    for (const word of words) {\n      if (measure(word) > width) return Infinity\n      const next = current ? `${current} ${word}` : word\n      if (current && measure(next) > width) {\n        lines++\n        current = word\n      } else {\n        current = next\n      }\n    }\n    lines++\n  }\n  return lines\n}\n\nexport interface RouteFitInput {\n  title: string\n  kicker?: string\n  subtitle?: string\n  /** A photo was offered. */\n  photo: boolean\n  /** The card has a bottom bar. */\n  bar: boolean\n}\n\nexport interface RouteFit {\n  /** Title size in px. */\n  titlePx: number\n  /** Keep the photo. False when the title only fits at full width. */\n  photo: boolean\n  /** Height the title box may use; route.tsx clips the title to it. */\n  titleMaxHeight: number\n  /** The title fits at `titlePx` by the estimate (false only at the floor, full width). */\n  fits: boolean\n}\n\nfunction columnWidth(photo: boolean): number {\n  const inner = OG_WIDTH - ROUTE_CARD.padX * 2\n  return photo ? inner - ROUTE_CARD.photoWidth - ROUTE_CARD.gap : inner\n}\n\n/** Height left for the title once the kicker and subtitle have theirs. */\nfunction titleBudget(input: RouteFitInput, width: number): number {\n  const c = ROUTE_CARD\n  let height = OG_HEIGHT - (input.bar ? c.barHeight : 0) - c.padY * 2\n  if (input.kicker) {\n    const lines = wrappedLines(input.kicker, width, s => s.length * KICKER_EM * c.kickerPx)\n    height -= Math.min(lines, 2) * c.kickerPx * 1.2 + c.kickerGap\n  }\n  if (input.subtitle) {\n    const lines = wrappedLines(input.subtitle, width, s => s.length * BODY_EM * c.subtitlePx)\n    height -= Math.min(lines, 3) * c.subtitlePx * c.subtitleLineHeight + c.subtitleGap\n  }\n  return height\n}\n\n/** Largest title size that fits `width`, or null when none down to the floor does. */\nfunction largestFit(input: RouteFitInput, photo: boolean): { px: number; budget: number } | null {\n  const width = columnWidth(photo)\n  const budget = titleBudget(input, width)\n  for (let px = TITLE_MAX_PX; px >= TITLE_MIN_PX; px -= 2) {\n    const lines = wrappedLines(input.title, width, s => uppercaseWidth(s, px))\n    if (lines * px * ROUTE_CARD.titleLineHeight <= budget) return { px, budget }\n  }\n  return null\n}\n\n/**\n * Size the title, and decide whether the photo stays.\n *\n * Beside the photo first, since the photo is the page's own image and worth\n * keeping. If even the floor size doesn't fit there, drop the photo and fit\n * the full width. If that fails too, the title sits at the floor and clips.\n */\nexport function fitRouteTitle(input: RouteFitInput): RouteFit {\n  if (input.photo) {\n    const withPhoto = largestFit(input, true)\n    if (withPhoto) {\n      return { titlePx: withPhoto.px, photo: true, titleMaxHeight: withPhoto.budget, fits: true }\n    }\n  }\n  const full = largestFit(input, false)\n  if (full) return { titlePx: full.px, photo: false, titleMaxHeight: full.budget, fits: true }\n  return {\n    titlePx: TITLE_MIN_PX,\n    photo: false,\n    titleMaxHeight: titleBudget(input, columnWidth(false)),\n    fits: false,\n  }\n}\n","/**\n * @sonordev/site-kit/og/route — tier 2: per-entity runtime OG cards.\n *\n * `sonor-setup og` covers the build-time cards: the site card and one per\n * route. This covers the cards that must vary per URL and can't wait for a\n * rebuild — one per article, per event, per product — rendered on demand\n * with next/og (Satori).\n *\n * TWO SHAPES, ONE CARD:\n *\n * `createOgImage` is the metadata file convention, and the one to reach for.\n * Next calls an `opengraph-image.tsx` default export with `{ params }` and\n * wires og:image and twitter:image for the page by itself, and `sonor-setup\n * og` sees the file and leaves the folder alone:\n *\n * ```tsx\n * // app/blog/[slug]/opengraph-image.tsx\n * import { createOgImage } from '@sonordev/site-kit/og/route'\n * import { getArticle } from '@sonordev/site-kit/articles/server'\n *\n * export { size, contentType } from '@sonordev/site-kit/og/route'\n * export const alt = 'From the Acme article'\n *\n * export default createOgImage<{ slug: string }>(async ({ slug }) => {\n *   const post = await getArticle(slug)\n *   if (!post) return null                  // 404: a bad slug never renders a card\n *   return {\n *     theme: { bg: '#111110', text: '#faf6f0', accent: '#ad1d25' },\n *     kicker: 'From the publication',\n *     title: post.title,\n *     photoUrl: post.featured_image,       // absolute URL (Satori requirement)\n *     bar: 'yourdomain.com',\n *   }\n * })\n * ```\n *\n * The page then passes `images: false` to generateArticleMetadata: declared\n * images beat the file convention.\n *\n * `createOgImageRoute` is a plain route handler, `GET(request, { params })`,\n * for a card served at a URL of your choosing (`app/og/[slug]/route.tsx`).\n * Next doesn't wire it into metadata; the page declares it.\n *\n * Sites needed an adapter between the two before `createOgImage` existed\n * (watsonhac.com, reinhart, vsf-consulting-nextjs: a default export that\n * built a dummy Request to call the GET handler).\n *\n * SATORI CONSTRAINTS (why this is not the static template): flexbox-only CSS\n * subset, no external stylesheets, images must be absolute URLs or data URIs,\n * and fonts must be provided as ArrayBuffers via `fonts` — Satori cannot load\n * Google Fonts at runtime. Without fonts it falls back to Satori's default\n * face; brand-critical cards should pass font data (fetch the TTF once at\n * module init and reuse the promise).\n *\n * TITLE FITTING: Satori can't measure, so the title is sized from an estimate\n * (og/route-fit.ts) over the same range the build-time card uses, and the\n * photo is dropped when the title can't fit beside it. Long post titles no\n * longer run off the card.\n */\n\nimport React from 'react'\nimport { OG_HEIGHT, OG_WIDTH } from './config'\nimport { barTextColor } from './contrast'\nimport { fitRouteTitle, ROUTE_CARD } from './route-fit'\n\nexport interface OgRouteTheme {\n  bg: string\n  text: string\n  accent: string\n  muted?: string\n  /** og.config.ts's surface color. Only used as a bar-text candidate. */\n  surface?: string\n  /**\n   * Bottom-bar text, set on `accent`. Defaults to the first of `surface`,\n   * `bg`, `text` that reaches WCAG AA for large text (3:1) against the\n   * accent. It used to be `text`, which is unreadable wherever text and\n   * accent are both strong (navy on crimson).\n   */\n  barText?: string\n}\n\nexport interface OgRouteCard {\n  /** og.config.ts's `theme` can be passed as is. */\n  theme: OgRouteTheme\n  kicker?: string\n  title: string\n  subtitle?: string\n  /** Absolute URL (Satori requirement) of the page's own image. */\n  photoUrl?: string\n  /** Bottom-bar text, e.g. the domain. */\n  bar?: string\n}\n\nexport interface OgRouteFont {\n  name: string\n  data: ArrayBuffer\n  weight?: number\n  style?: 'normal' | 'italic'\n}\n\nexport interface OgImageOptions {\n  fonts?: OgRouteFont[]\n}\n\n/** For `export { size, contentType } from '@sonordev/site-kit/og/route'` in an opengraph-image file. */\nexport const size = { width: OG_WIDTH, height: OG_HEIGHT }\nexport const contentType = 'image/png'\n\ntype Resolver<Ctx> = (req: Request, ctx: Ctx) => Promise<OgRouteCard | null> | OgRouteCard | null\n\n/**\n * Satori-safe element tree — exported for tests and for sites that want to\n * extend it inside their own ImageResponse.\n */\nexport function ogRouteElement(card: OgRouteCard): React.ReactElement {\n  const { theme } = card\n  const muted = theme.muted || theme.text\n  // Only an absolute URL (or data URI) renders in Satori; anything else would\n  // throw inside the render, so it's treated as no photo.\n  const hasPhoto = !!card.photoUrl && /^(https?:|data:)/.test(card.photoUrl)\n  const fit = fitRouteTitle({\n    title: card.title,\n    kicker: card.kicker,\n    subtitle: card.subtitle,\n    photo: hasPhoto,\n    bar: !!card.bar,\n  })\n  const titleLine = fit.titlePx * ROUTE_CARD.titleLineHeight\n  // Clip on a whole line, so an estimate that ran short loses a line cleanly\n  // instead of spilling onto the bar.\n  const titleMaxHeight = Math.max(1, Math.floor(fit.titleMaxHeight / titleLine)) * titleLine\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: theme.bg,\n        color: theme.text,\n        fontSize: 32,\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flex: 1,\n          alignItems: 'center',\n          padding: `0 ${ROUTE_CARD.padX}px`,\n          gap: ROUTE_CARD.gap,\n          minHeight: 0,\n        }}\n      >\n        <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minWidth: 0 }}>\n          {card.kicker ? (\n            <div\n              style={{\n                fontSize: ROUTE_CARD.kickerPx,\n                letterSpacing: 6,\n                textTransform: 'uppercase',\n                color: theme.accent,\n                marginBottom: ROUTE_CARD.kickerGap,\n                fontWeight: 700,\n              }}\n            >\n              {card.kicker}\n            </div>\n          ) : null}\n          <div\n            style={{\n              display: 'flex',\n              fontSize: fit.titlePx,\n              fontWeight: 800,\n              lineHeight: ROUTE_CARD.titleLineHeight,\n              textTransform: 'uppercase',\n              maxHeight: titleMaxHeight,\n              overflow: 'hidden',\n            }}\n          >\n            {card.title}\n          </div>\n          {card.subtitle ? (\n            <div\n              style={{\n                fontSize: ROUTE_CARD.subtitlePx,\n                marginTop: ROUTE_CARD.subtitleGap,\n                color: muted,\n                lineHeight: ROUTE_CARD.subtitleLineHeight,\n              }}\n            >\n              {card.subtitle}\n            </div>\n          ) : null}\n        </div>\n        {hasPhoto && fit.photo ? (\n          <img\n            src={card.photoUrl}\n            width={ROUTE_CARD.photoWidth}\n            height={ROUTE_CARD.photoHeight}\n            style={{ borderRadius: 24, objectFit: 'cover' }}\n          />\n        ) : null}\n      </div>\n      {card.bar ? (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: ROUTE_CARD.barHeight,\n            backgroundColor: theme.accent,\n            color: barTextColor(theme),\n            fontSize: 30,\n            fontWeight: 800,\n            letterSpacing: 3,\n            textTransform: 'uppercase',\n          }}\n        >\n          {card.bar}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n/**\n * Render a card, or 404 for null. Single source of truth for both factories:\n * the file convention and the route handler differ only in how they're called.\n */\nasync function renderCard(card: OgRouteCard | null, options: OgImageOptions): Promise<Response> {\n  if (!card) return new Response('Not found', { status: 404 })\n\n  // next/og is imported lazily so this module stays importable in test/node\n  // contexts that lack the Next server runtime.\n  const { ImageResponse } = await import('next/og')\n  return new ImageResponse(ogRouteElement(card), {\n    ...size,\n    ...(options.fonts?.length ? { fonts: options.fonts as any } : {}),\n  })\n}\n\n/**\n * Metadata file-convention factory, for `export default` from an\n * `opengraph-image.tsx` (or `twitter-image.tsx`). Next calls it with\n * `{ params }` (a promise on Next 15+) and, with `generateImageMetadata`, an\n * `id`. The resolver gets both already awaited. Return null for a 404.\n */\nexport function createOgImage<Params extends Record<string, string | string[]> = Record<string, string>>(\n  resolve: (params: Params, ctx: { id?: string }) => Promise<OgRouteCard | null> | OgRouteCard | null,\n  options: OgImageOptions = {},\n) {\n  return async function Image(props: {\n    params: Params | Promise<Params>\n    id?: string | Promise<string>\n  }): Promise<Response> {\n    const params = await props.params\n    const id = props.id === undefined ? undefined : await props.id\n    return renderCard(await resolve(params, { id }), options)\n  }\n}\n\n/**\n * Route handler factory, `export const GET` from a `route.tsx`. Returns 404\n * when the resolver returns null, so a bad slug never renders a broken card.\n *\n * Next doesn't wire a route handler into metadata. For a card Next should\n * attach to the page by itself, use `createOgImage` in `opengraph-image.tsx`.\n */\nexport function createOgImageRoute<Ctx = { params: Promise<Record<string, string>> }>(\n  resolve: Resolver<Ctx>,\n  options: OgImageOptions = {},\n) {\n  return async function GET(req: Request, ctx: Ctx): Promise<Response> {\n    return renderCard(await resolve(req, ctx), options)\n  }\n}\n"]}

package/dist/og/wiring.d.ts

@@ -22,7 +22,7 @@
  *   3. A site with NO per-page cards still needs the layout to reference the
  *      site card, which is the original check and still correct in that mode.
  *   4. Next spells a code-based card's URL with no extension
- *      (`/blog/x/opengraph-image`), and `trailingSlash: true` 308s it. Such a
+ *      (`/article/x/opengraph-image`), and `trailingSlash: true` 308s it. Such a
  *      page declares the slashed URL (`codeCardImage`) instead.
  *
  * `summary_large_image` and the code-card rules read the site's code through
@@ -71,12 +71,12 @@ export interface OgWiringFacts {
 export interface OgCodeCardFacts {
     /** Project-relative card file. */
     file: string;
-    /** Route pattern, `/blog/*`. */
+    /** Route pattern, `/article/*`. */
     route: string;
     /** The page (or a helper it imports) declares the card with `codeCardImage`. */
     declaresUrl: boolean;
-    /** The page calls generateBlogPostMetadata without `images: false`. */
-    blogDeclaresImages: boolean;
+    /** The page calls generateArticleMetadata without `images: false`. */
+    articleDeclaresImages: boolean;
 }
 export interface OgWiringProblem {
     message: string;

package/dist/og/wiring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.d.ts","sourceRoot":"","sources":["../../src/og/wiring.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAOH,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,yDAAyD;IACzD,oBAAoB,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,eAAe,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oFAAoF;IACpF,SAAS,CAAC,EAAE,eAAe,EAAE,CAAA;IAC7B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,WAAW,EAAE,OAAO,CAAA;IACpB,uEAAuE;IACvE,kBAAkB,EAAE,OAAO,CAAA;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACZ;AAYD,uEAAuE;AACvE,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAkBnD;AAwED,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE;IAAE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,GAAG,aAAa,CAqCnG;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,eAAe,EAAE,CAoErE;AAED,6CAA6C;AAC7C,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE;IAAE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,GAAG,eAAe,EAAE,CAExG"}
+{"version":3,"file":"wiring.d.ts","sourceRoot":"","sources":["../../src/og/wiring.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAOH,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,yDAAyD;IACzD,oBAAoB,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,eAAe,EAAE,OAAO,CAAA;IACxB,6BAA6B;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oFAAoF;IACpF,SAAS,CAAC,EAAE,eAAe,EAAE,CAAA;IAC7B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,WAAW,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,qBAAqB,EAAE,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACZ;AAYD,uEAAuE;AACvE,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAkBnD;AAwED,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE;IAAE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,GAAG,aAAa,CAqCnG;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,eAAe,EAAE,CAoErE;AAED,6CAA6C;AAC7C,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE;IAAE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,GAAG,eAAe,EAAE,CAExG"}

package/dist/proxy/index.js

@@ -2,10 +2,10 @@
 
 var chunkKP5BFPGT_js = require('../chunk-KP5BFPGT.js');
 var chunkWS7MH3GD_js = require('../chunk-WS7MH3GD.js');
-var chunkI3ND4XYW_js = require('../chunk-I3ND4XYW.js');
+var chunk4BEGKFMN_js = require('../chunk-4BEGKFMN.js');
 require('../chunk-JP5WGL75.js');
-require('../chunk-YN7QHLWF.js');
-require('../chunk-H5NBFNND.js');
+require('../chunk-BBBJHYPH.js');
+require('../chunk-UZKXOZHR.js');
 require('../chunk-SWIKKSKL.js');
 var chunkVJMPIRSD_js = require('../chunk-VJMPIRSD.js');
 require('../chunk-SNAQBZPT.js');
@@ -99,7 +99,7 @@ function createProxy(config) {
     }
     if (config?.redirects !== false) {
       const redirectConfig = typeof config?.redirects === "object" ? config.redirects : {};
-      const redirect = await chunkI3ND4XYW_js.handleManagedRedirects(
+      const redirect = await chunk4BEGKFMN_js.handleManagedRedirects(
         request,
         redirectConfig
       );
@@ -110,7 +110,7 @@ function createProxy(config) {
     }
     const requestHeaders = new Headers(request.headers);
     requestHeaders.set(
-      chunkI3ND4XYW_js.SK_PATH_HEADER,
+      chunk4BEGKFMN_js.SK_PATH_HEADER,
       request.nextUrl.pathname + request.nextUrl.search
     );
     let response = server.NextResponse.next({ request: { headers: requestHeaders } });

package/dist/proxy/index.mjs

@@ -1,10 +1,10 @@
 import { buildSecurityHeaders } from '../chunk-R5F2JQVX.mjs';
 export { DEFAULT_FRAME_ANCESTORS } from '../chunk-R5F2JQVX.mjs';
 import { buildAiDiscoveryHeaders, wantsLlmsDiscoveryLink } from '../chunk-DA7IANFG.mjs';
-import { handleManagedRedirects, SK_PATH_HEADER } from '../chunk-4L7OHRWB.mjs';
+import { handleManagedRedirects, SK_PATH_HEADER } from '../chunk-UO6KTHBQ.mjs';
 import '../chunk-B22WSN4L.mjs';
-import '../chunk-4TLFZ6NR.mjs';
-import '../chunk-JLVCWC6A.mjs';
+import '../chunk-AS2HUIDW.mjs';
+import '../chunk-KZVSB5WE.mjs';
 import '../chunk-ZN4HBK5C.mjs';
 import { uuid } from '../chunk-6EDVCUAG.mjs';
 import '../chunk-BEXTDHO4.mjs';

package/dist/redirects/index.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkI3ND4XYW_js = require('../chunk-I3ND4XYW.js');
+var chunk4BEGKFMN_js = require('../chunk-4BEGKFMN.js');
 require('../chunk-JP5WGL75.js');
-require('../chunk-YN7QHLWF.js');
-require('../chunk-H5NBFNND.js');
+require('../chunk-BBBJHYPH.js');
+require('../chunk-UZKXOZHR.js');
 require('../chunk-SWIKKSKL.js');
 require('../chunk-SNAQBZPT.js');
 
@@ -11,31 +11,31 @@ require('../chunk-SNAQBZPT.js');
 
 Object.defineProperty(exports, "SK_PATH_HEADER", {
   enumerable: true,
-  get: function () { return chunkI3ND4XYW_js.SK_PATH_HEADER; }
+  get: function () { return chunk4BEGKFMN_js.SK_PATH_HEADER; }
 });
 Object.defineProperty(exports, "clearRedirectCache", {
   enumerable: true,
-  get: function () { return chunkI3ND4XYW_js.clearRedirectCache; }
+  get: function () { return chunk4BEGKFMN_js.clearRedirectCache; }
 });
 Object.defineProperty(exports, "fetchRedirectRules", {
   enumerable: true,
-  get: function () { return chunkI3ND4XYW_js.fetchRedirectRules; }
+  get: function () { return chunk4BEGKFMN_js.fetchRedirectRules; }
 });
 Object.defineProperty(exports, "findRedirectMatch", {
   enumerable: true,
-  get: function () { return chunkI3ND4XYW_js.findRedirectMatch; }
+  get: function () { return chunk4BEGKFMN_js.findRedirectMatch; }
 });
 Object.defineProperty(exports, "generateNextRedirects", {
   enumerable: true,
-  get: function () { return chunkI3ND4XYW_js.generateNextRedirects; }
+  get: function () { return chunk4BEGKFMN_js.generateNextRedirects; }
 });
 Object.defineProperty(exports, "handleManagedRedirects", {
   enumerable: true,
-  get: function () { return chunkI3ND4XYW_js.handleManagedRedirects; }
+  get: function () { return chunk4BEGKFMN_js.handleManagedRedirects; }
 });
 Object.defineProperty(exports, "trackRedirectHit", {
   enumerable: true,
-  get: function () { return chunkI3ND4XYW_js.trackRedirectHit; }
+  get: function () { return chunk4BEGKFMN_js.trackRedirectHit; }
 });
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/redirects/index.mjs

@@ -1,7 +1,7 @@
-export { SK_PATH_HEADER, clearRedirectCache, fetchRedirectRules, findRedirectMatch, generateNextRedirects, handleManagedRedirects, trackRedirectHit } from '../chunk-4L7OHRWB.mjs';
+export { SK_PATH_HEADER, clearRedirectCache, fetchRedirectRules, findRedirectMatch, generateNextRedirects, handleManagedRedirects, trackRedirectHit } from '../chunk-UO6KTHBQ.mjs';
 import '../chunk-B22WSN4L.mjs';
-import '../chunk-4TLFZ6NR.mjs';
-import '../chunk-JLVCWC6A.mjs';
+import '../chunk-AS2HUIDW.mjs';
+import '../chunk-KZVSB5WE.mjs';
 import '../chunk-ZN4HBK5C.mjs';
 import '../chunk-BEXTDHO4.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/redirects/not-found.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkI3ND4XYW_js = require('../chunk-I3ND4XYW.js');
+var chunk4BEGKFMN_js = require('../chunk-4BEGKFMN.js');
 require('../chunk-JP5WGL75.js');
-require('../chunk-YN7QHLWF.js');
-require('../chunk-H5NBFNND.js');
+require('../chunk-BBBJHYPH.js');
+require('../chunk-UZKXOZHR.js');
 require('../chunk-SWIKKSKL.js');
 require('../chunk-SNAQBZPT.js');
 var headers = require('next/headers');
@@ -19,7 +19,7 @@ async function resolveManagedRedirect(config = {}) {
   let raw;
   try {
     const h = await headers.headers();
-    raw = h.get(chunkI3ND4XYW_js.SK_PATH_HEADER);
+    raw = h.get(chunk4BEGKFMN_js.SK_PATH_HEADER);
   } catch {
     return null;
   }
@@ -30,10 +30,10 @@ async function resolveManagedRedirect(config = {}) {
   if (pathname.startsWith("/_next") || pathname.startsWith("/api") || pathname.includes(".")) {
     return null;
   }
-  const rules = await chunkI3ND4XYW_js.fetchRedirectRules(config);
-  const match = chunkI3ND4XYW_js.findRedirectMatch(pathname, rules);
+  const rules = await chunk4BEGKFMN_js.fetchRedirectRules(config);
+  const match = chunk4BEGKFMN_js.findRedirectMatch(pathname, rules);
   if (!match) return null;
-  chunkI3ND4XYW_js.trackRedirectHit(config, match.from_path, config.domain).catch(() => {
+  chunk4BEGKFMN_js.trackRedirectHit(config, match.from_path, config.domain).catch(() => {
   });
   const destination = search ? `${match.to_path}${match.to_path.includes("?") ? "&" : "?"}${search}` : match.to_path;
   return {

package/dist/redirects/not-found.mjs

@@ -1,7 +1,7 @@
-import { SK_PATH_HEADER, fetchRedirectRules, findRedirectMatch, trackRedirectHit } from '../chunk-4L7OHRWB.mjs';
+import { SK_PATH_HEADER, fetchRedirectRules, findRedirectMatch, trackRedirectHit } from '../chunk-UO6KTHBQ.mjs';
 import '../chunk-B22WSN4L.mjs';
-import '../chunk-4TLFZ6NR.mjs';
-import '../chunk-JLVCWC6A.mjs';
+import '../chunk-AS2HUIDW.mjs';
+import '../chunk-KZVSB5WE.mjs';
 import '../chunk-ZN4HBK5C.mjs';
 import '../chunk-BEXTDHO4.mjs';
 import { headers } from 'next/headers';

package/dist/robots/indexnow.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Where the key is served. Sonor's IndexNowService (sonor-api
+ * src/modules/seo/indexnow.service.ts, INDEXNOW_KEY_PATH) submits this path
+ * as the keyLocation. Keep the two equal.
+ */
+export declare const INDEXNOW_KEY_PATH = "/indexnow.txt";
+/** The project's IndexNow key, or null when Sonor can't be reached. */
+export declare function fetchIndexNowKey(): Promise<string | null>;
+/**
+ * Route handler for app/indexnow.txt/route.ts. Answers 404 while the key
+ * can't be read, so Sonor skips the host instead of submitting with a key
+ * the host doesn't actually serve.
+ */
+export declare function GET(): Promise<Response>;
+/** Same handler, for sites that prefer a factory like createRobots. */
+export declare function createIndexNowKeyRoute(): () => Promise<Response>;
+//# sourceMappingURL=indexnow.d.ts.map

package/dist/robots/indexnow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexnow.d.ts","sourceRoot":"","sources":["../../src/robots/indexnow.ts"],"names":[],"mappings":"AAgBA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,kBAAkB,CAAA;AAKhD,uEAAuE;AACvE,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAS/D;AAED;;;;GAIG;AACH,wBAAsB,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,CAU7C;AAED,uEAAuE;AACvE,wBAAgB,sBAAsB,IAAI,MAAM,OAAO,CAAC,QAAQ,CAAC,CAEhE"}

package/dist/robots/indexnow.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var chunkO5GHP7UO_js = require('../chunk-O5GHP7UO.js');
+require('../chunk-SNAQBZPT.js');
+
+// src/robots/indexnow.ts
+var INDEXNOW_KEY_PATH = "/indexnow.txt";
+var KEY_SHAPE = /^[a-zA-Z0-9-]{8,128}$/;
+async function fetchIndexNowKey() {
+  const data = await chunkO5GHP7UO_js.serverApiFetch("/api/public/seo/indexnow-key", {
+    method: "GET",
+    revalidate: 86400,
+    retry: true,
+    logPrefix: "@sonordev/site-kit/robots/indexnow"
+  }).catch(() => null);
+  const key = data?.key?.trim();
+  return key && KEY_SHAPE.test(key) ? key : null;
+}
+async function GET() {
+  const key = await fetchIndexNowKey();
+  if (!key) return new Response("Not found", { status: 404, headers: { "Content-Type": "text/plain; charset=utf-8" } });
+  return new Response(key, {
+    status: 200,
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+      "Cache-Control": "public, max-age=3600, s-maxage=86400"
+    }
+  });
+}
+function createIndexNowKeyRoute() {
+  return GET;
+}
+
+exports.GET = GET;
+exports.INDEXNOW_KEY_PATH = INDEXNOW_KEY_PATH;
+exports.createIndexNowKeyRoute = createIndexNowKeyRoute;
+exports.fetchIndexNowKey = fetchIndexNowKey;
+//# sourceMappingURL=indexnow.js.map
+//# sourceMappingURL=indexnow.js.map

package/dist/robots/indexnow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/robots/indexnow.ts"],"names":["serverApiFetch"],"mappings":";;;;;;AAqBO,IAAM,iBAAA,GAAoB;AAGjC,IAAM,SAAA,GAAY,uBAAA;AAGlB,eAAsB,gBAAA,GAA2C;AAC/D,EAAA,MAAM,IAAA,GAAO,MAAMA,+BAAA,CAAwC,8BAAA,EAAgC;AAAA,IACzF,MAAA,EAAQ,KAAA;AAAA,IACR,UAAA,EAAY,KAAA;AAAA,IACZ,KAAA,EAAO,IAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACZ,CAAA,CAAE,KAAA,CAAM,MAAM,IAAI,CAAA;AACnB,EAAA,MAAM,GAAA,GAAM,IAAA,EAAM,GAAA,EAAK,IAAA,EAAK;AAC5B,EAAA,OAAO,GAAA,IAAO,SAAA,CAAU,IAAA,CAAK,GAAG,IAAI,GAAA,GAAM,IAAA;AAC5C;AAOA,eAAsB,GAAA,GAAyB;AAC7C,EAAA,MAAM,GAAA,GAAM,MAAM,gBAAA,EAAiB;AACnC,EAAA,IAAI,CAAC,GAAA,EAAK,OAAO,IAAI,SAAS,WAAA,EAAa,EAAE,MAAA,EAAQ,GAAA,EAAK,OAAA,EAAS,EAAE,cAAA,EAAgB,2BAAA,IAA+B,CAAA;AACpH,EAAA,OAAO,IAAI,SAAS,GAAA,EAAK;AAAA,IACvB,MAAA,EAAQ,GAAA;AAAA,IACR,OAAA,EAAS;AAAA,MACP,cAAA,EAAgB,2BAAA;AAAA,MAChB,eAAA,EAAiB;AAAA;AACnB,GACD,CAAA;AACH;AAGO,SAAS,sBAAA,GAAkD;AAChE,EAAA,OAAO,GAAA;AACT","file":"indexnow.js","sourcesContent":["/**\n * IndexNow key file. Sonor tells Bing (and through it ChatGPT search and\n * Copilot), Yandex, Seznam and Naver about a post the moment it's published,\n * edited or removed. IndexNow only accepts that from a host that serves the\n * project's key, and Sonor checks this file before it submits anything, so a\n * site without it is skipped rather than refused.\n *\n * @example\n * // app/indexnow.txt/route.ts — entire file\n * export { GET } from '@sonordev/site-kit/robots/indexnow'\n *\n * The key isn't a secret: IndexNow only asks that the host serve it. It's\n * read from Sonor with the site's SONOR_API_KEY and cached for a day.\n */\nimport { serverApiFetch } from '../server/server-fetch'\n\n/**\n * Where the key is served. Sonor's IndexNowService (sonor-api\n * src/modules/seo/indexnow.service.ts, INDEXNOW_KEY_PATH) submits this path\n * as the keyLocation. Keep the two equal.\n */\nexport const INDEXNOW_KEY_PATH = '/indexnow.txt'\n\n/** IndexNow keys are 8-128 characters of a-z, A-Z, 0-9 and dashes. */\nconst KEY_SHAPE = /^[a-zA-Z0-9-]{8,128}$/\n\n/** The project's IndexNow key, or null when Sonor can't be reached. */\nexport async function fetchIndexNowKey(): Promise<string | null> {\n  const data = await serverApiFetch<{ key?: string | null }>('/api/public/seo/indexnow-key', {\n    method: 'GET',\n    revalidate: 86400,\n    retry: true,\n    logPrefix: '@sonordev/site-kit/robots/indexnow',\n  }).catch(() => null)\n  const key = data?.key?.trim()\n  return key && KEY_SHAPE.test(key) ? key : null\n}\n\n/**\n * Route handler for app/indexnow.txt/route.ts. Answers 404 while the key\n * can't be read, so Sonor skips the host instead of submitting with a key\n * the host doesn't actually serve.\n */\nexport async function GET(): Promise<Response> {\n  const key = await fetchIndexNowKey()\n  if (!key) return new Response('Not found', { status: 404, headers: { 'Content-Type': 'text/plain; charset=utf-8' } })\n  return new Response(key, {\n    status: 200,\n    headers: {\n      'Content-Type': 'text/plain; charset=utf-8',\n      'Cache-Control': 'public, max-age=3600, s-maxage=86400',\n    },\n  })\n}\n\n/** Same handler, for sites that prefer a factory like createRobots. */\nexport function createIndexNowKeyRoute(): () => Promise<Response> {\n  return GET\n}\n"]}

package/dist/robots/indexnow.mjs

@@ -0,0 +1,34 @@
+import { serverApiFetch } from '../chunk-6XNEGG5B.mjs';
+import '../chunk-BEXTDHO4.mjs';
+
+// src/robots/indexnow.ts
+var INDEXNOW_KEY_PATH = "/indexnow.txt";
+var KEY_SHAPE = /^[a-zA-Z0-9-]{8,128}$/;
+async function fetchIndexNowKey() {
+  const data = await serverApiFetch("/api/public/seo/indexnow-key", {
+    method: "GET",
+    revalidate: 86400,
+    retry: true,
+    logPrefix: "@sonordev/site-kit/robots/indexnow"
+  }).catch(() => null);
+  const key = data?.key?.trim();
+  return key && KEY_SHAPE.test(key) ? key : null;
+}
+async function GET() {
+  const key = await fetchIndexNowKey();
+  if (!key) return new Response("Not found", { status: 404, headers: { "Content-Type": "text/plain; charset=utf-8" } });
+  return new Response(key, {
+    status: 200,
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+      "Cache-Control": "public, max-age=3600, s-maxage=86400"
+    }
+  });
+}
+function createIndexNowKeyRoute() {
+  return GET;
+}
+
+export { GET, INDEXNOW_KEY_PATH, createIndexNowKeyRoute, fetchIndexNowKey };
+//# sourceMappingURL=indexnow.mjs.map
+//# sourceMappingURL=indexnow.mjs.map

package/dist/robots/indexnow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/robots/indexnow.ts"],"names":[],"mappings":";;;;AAqBO,IAAM,iBAAA,GAAoB;AAGjC,IAAM,SAAA,GAAY,uBAAA;AAGlB,eAAsB,gBAAA,GAA2C;AAC/D,EAAA,MAAM,IAAA,GAAO,MAAM,cAAA,CAAwC,8BAAA,EAAgC;AAAA,IACzF,MAAA,EAAQ,KAAA;AAAA,IACR,UAAA,EAAY,KAAA;AAAA,IACZ,KAAA,EAAO,IAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACZ,CAAA,CAAE,KAAA,CAAM,MAAM,IAAI,CAAA;AACnB,EAAA,MAAM,GAAA,GAAM,IAAA,EAAM,GAAA,EAAK,IAAA,EAAK;AAC5B,EAAA,OAAO,GAAA,IAAO,SAAA,CAAU,IAAA,CAAK,GAAG,IAAI,GAAA,GAAM,IAAA;AAC5C;AAOA,eAAsB,GAAA,GAAyB;AAC7C,EAAA,MAAM,GAAA,GAAM,MAAM,gBAAA,EAAiB;AACnC,EAAA,IAAI,CAAC,GAAA,EAAK,OAAO,IAAI,SAAS,WAAA,EAAa,EAAE,MAAA,EAAQ,GAAA,EAAK,OAAA,EAAS,EAAE,cAAA,EAAgB,2BAAA,IAA+B,CAAA;AACpH,EAAA,OAAO,IAAI,SAAS,GAAA,EAAK;AAAA,IACvB,MAAA,EAAQ,GAAA;AAAA,IACR,OAAA,EAAS;AAAA,MACP,cAAA,EAAgB,2BAAA;AAAA,MAChB,eAAA,EAAiB;AAAA;AACnB,GACD,CAAA;AACH;AAGO,SAAS,sBAAA,GAAkD;AAChE,EAAA,OAAO,GAAA;AACT","file":"indexnow.mjs","sourcesContent":["/**\n * IndexNow key file. Sonor tells Bing (and through it ChatGPT search and\n * Copilot), Yandex, Seznam and Naver about a post the moment it's published,\n * edited or removed. IndexNow only accepts that from a host that serves the\n * project's key, and Sonor checks this file before it submits anything, so a\n * site without it is skipped rather than refused.\n *\n * @example\n * // app/indexnow.txt/route.ts — entire file\n * export { GET } from '@sonordev/site-kit/robots/indexnow'\n *\n * The key isn't a secret: IndexNow only asks that the host serve it. It's\n * read from Sonor with the site's SONOR_API_KEY and cached for a day.\n */\nimport { serverApiFetch } from '../server/server-fetch'\n\n/**\n * Where the key is served. Sonor's IndexNowService (sonor-api\n * src/modules/seo/indexnow.service.ts, INDEXNOW_KEY_PATH) submits this path\n * as the keyLocation. Keep the two equal.\n */\nexport const INDEXNOW_KEY_PATH = '/indexnow.txt'\n\n/** IndexNow keys are 8-128 characters of a-z, A-Z, 0-9 and dashes. */\nconst KEY_SHAPE = /^[a-zA-Z0-9-]{8,128}$/\n\n/** The project's IndexNow key, or null when Sonor can't be reached. */\nexport async function fetchIndexNowKey(): Promise<string | null> {\n  const data = await serverApiFetch<{ key?: string | null }>('/api/public/seo/indexnow-key', {\n    method: 'GET',\n    revalidate: 86400,\n    retry: true,\n    logPrefix: '@sonordev/site-kit/robots/indexnow',\n  }).catch(() => null)\n  const key = data?.key?.trim()\n  return key && KEY_SHAPE.test(key) ? key : null\n}\n\n/**\n * Route handler for app/indexnow.txt/route.ts. Answers 404 while the key\n * can't be read, so Sonor skips the host instead of submitting with a key\n * the host doesn't actually serve.\n */\nexport async function GET(): Promise<Response> {\n  const key = await fetchIndexNowKey()\n  if (!key) return new Response('Not found', { status: 404, headers: { 'Content-Type': 'text/plain; charset=utf-8' } })\n  return new Response(key, {\n    status: 200,\n    headers: {\n      'Content-Type': 'text/plain; charset=utf-8',\n      'Cache-Control': 'public, max-age=3600, s-maxage=86400',\n    },\n  })\n}\n\n/** Same handler, for sites that prefer a factory like createRobots. */\nexport function createIndexNowKeyRoute(): () => Promise<Response> {\n  return GET\n}\n"]}

package/dist/search/contract.d.ts

@@ -7,7 +7,7 @@
  *
  * Design notes (4.0 exploration):
  * - One endpoint, unified across content types the project already manages:
- *   pages (seo_pages), blog posts, and commerce offerings. The site's whole
+ *   pages (seo_pages), articles, and commerce offerings. The site's whole
  *   navigable surface, ranked together.
  * - Tenant scoping comes from the API key (ApiKeyGuard) — requests carry no
  *   project id, same as every public endpoint.

package/dist/search/contract.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkG2WC3CXW_js = require('../chunk-G2WC3CXW.js');
+var chunkCLO3K7PF_js = require('../chunk-CLO3K7PF.js');
 require('../chunk-SNAQBZPT.js');
 
 
 
 Object.defineProperty(exports, "SEARCH_CONTRACT_VECTORS", {
   enumerable: true,
-  get: function () { return chunkG2WC3CXW_js.SEARCH_CONTRACT_VECTORS; }
+  get: function () { return chunkCLO3K7PF_js.SEARCH_CONTRACT_VECTORS; }
 });
 Object.defineProperty(exports, "SEARCH_ENDPOINT", {
   enumerable: true,
-  get: function () { return chunkG2WC3CXW_js.SEARCH_ENDPOINT; }
+  get: function () { return chunkCLO3K7PF_js.SEARCH_ENDPOINT; }
 });
 //# sourceMappingURL=contract.js.map
 //# sourceMappingURL=contract.js.map

package/dist/search/contract.mjs

@@ -1,4 +1,4 @@
-export { SEARCH_CONTRACT_VECTORS, SEARCH_ENDPOINT } from '../chunk-75A4KY4X.mjs';
+export { SEARCH_CONTRACT_VECTORS, SEARCH_ENDPOINT } from '../chunk-CFRJ2MK5.mjs';
 import '../chunk-BEXTDHO4.mjs';
 //# sourceMappingURL=contract.mjs.map
 //# sourceMappingURL=contract.mjs.map