@pantheon-systems/p1-media 0.4.0

package/dist/server.d.mts

@@ -0,0 +1,176 @@
+import { ReactElement, ImgHTMLAttributes, ReactNode } from 'react';
+import { ComponentConfig } from '@puckeditor/core';
+
+interface ImageTransformParams {
+    width?: number;
+    height?: number;
+    /** `auto` negotiates avif → webp → jpeg from the request's Accept header. */
+    format?: "auto" | "webp" | "jpeg" | "png" | "gif" | "avif";
+    quality?: number;
+}
+/**
+ * Merges Cloudflare Images transform params onto a CDN image URL.
+ * Preserves any existing params in the URL — e.g. the editor's crop intent
+ * (`fit=cover&gravity=auto` for smart crop, `trim.*` for a manual crop).
+ *
+ * @example
+ * buildImageUrl(data.heroImage, { width: 1200, height: 630, format: "webp" })
+ */
+declare function buildImageUrl(url: string, params: ImageTransformParams): string;
+
+/**
+ * A metadata field advertised by the Worker's `GET /media/schema` endpoint.
+ * The set is Pantheon-defined and global for v1; the plugin renders one input
+ * per entry and iterates these to render metadata generically (req. R14).
+ */
+interface MetadataFieldDef {
+    name: string;
+    label: string;
+    type: "string";
+    required?: boolean;
+}
+/**
+ * The value written by the `p1-media` field (rich mode). Carries the pinned
+ * asset identity plus a snapshot of the metadata defaults copied at edit time.
+ * `metaSchemaVersion` records the schema that produced the snapshot (req. R12).
+ * `alt` and any schema-driven fields (byline, caption, …) live alongside as
+ * string metadata; `width`/`height` may be present as captured numeric
+ * dimensions (a CLS win when rendered).
+ */
+interface MediaValue {
+    assetId: string;
+    versionId: string;
+    url: string;
+    metaSchemaVersion?: number;
+    alt?: string;
+    [meta: string]: string | number | undefined;
+}
+/**
+ * string = basic mode (a bare CDN URL, kept first-class forever); object =
+ * rich mode. Every render helper accepts both.
+ */
+type MediaFieldValue = string | MediaValue;
+/** Props produced by getMediaProps, spreadable onto `<img>` or next/image. */
+interface MediaProps {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}
+
+interface GetMediaPropsOptions {
+    /**
+     * The CDN image origin that serves media, e.g.
+     * "https://staging.media.p1.pantheon.io". This is the public image host —
+     * NOT the Worker API URL (`…workers.dev`), whose origin would reject every
+     * real image URL.
+     *
+     * Security (required): a value's `url` is untrusted document content — anyone
+     * who can edit a document, or call the CCR `/edits` API, controls it. Without
+     * an origin check a crafted `https://evil.example/beacon.png` turns every
+     * published render into a visitor-IP exfil beacon (and an SSRF under
+     * server-fetching `next/image`). getMediaProps therefore rejects any url that
+     * is not `https` on this exact origin. If `mediaBaseUrl` is omitted it
+     * **fails closed** (empty src) rather than degrading to an insecure pass-through.
+     *
+     * Local dev exception: when the configured base is itself `http` on a
+     * loopback host (`localhost`, `127.0.0.1`, `[::1]` — a local `wrangler dev`
+     * worker), same-origin `http` urls are allowed so rich values render locally.
+     */
+    mediaBaseUrl?: string;
+    /** Transform params merged onto the validated URL (width, height, format, quality). */
+    transform?: ImageTransformParams;
+}
+/**
+ * Normalizes a `string | MediaValue | null` into `{ src, alt, width?, height? }`.
+ * A string (basic mode) yields `alt: ""`. `src` is validated against the CDN
+ * origin (see GetMediaPropsOptions) and empty on rejection.
+ */
+declare function getMediaProps(value: MediaFieldValue | null | undefined, options?: GetMediaPropsOptions): MediaProps;
+/**
+ * Common-case `<img>` wrapper. Renders nothing when the src is rejected/empty
+ * (a broken foreign-origin image is never emitted). `alt` may be overridden;
+ * otherwise it comes from the value.
+ */
+declare function MediaImage({ image, mediaBaseUrl, transform, alt, ...rest }: {
+    image: MediaFieldValue | null | undefined;
+    mediaBaseUrl?: string;
+    transform?: ImageTransformParams;
+} & Omit<ImgHTMLAttributes<HTMLImageElement>, "src">): ReactElement | null;
+/**
+ * `<figure>` that renders the image plus the schema-advertised text fields as
+ * ESCAPED text (React default escaping — never dangerouslySetInnerHTML, req.
+ * R6). Renders nothing when the src is rejected/empty.
+ */
+declare function MediaFigure({ image, schema, mediaBaseUrl, transform, className, captionClassName, }: {
+    image: MediaFieldValue | null | undefined;
+    schema?: MetadataFieldDef[];
+    mediaBaseUrl?: string;
+    transform?: ImageTransformParams;
+    className?: string;
+    captionClassName?: string;
+}): ReactElement | null;
+
+interface MediaFigureBlockProps {
+    photo: MediaFieldValue | null;
+}
+interface MediaFigureBlockOptions {
+    /**
+     * The CDN image origin used to validate value URLs — NOT the Worker API
+     * URL. See GetMediaPropsOptions. Defaults to the production origin
+     * ("https://media.p1.pantheon.io"); override for sandbox/staging/local dev.
+     */
+    mediaBaseUrl?: string;
+    /**
+     * Render-time transform. Include BOTH width and height — the editor's crop
+     * intent only changes the output when there is a target aspect ratio.
+     * Defaults to `{ width: 1200, height: 630, format: "auto" }`.
+     */
+    transform?: ImageTransformParams;
+    /** Component label in the Puck sidebar. Defaults to "Media Figure". */
+    label?: string;
+    /** Label of the media field. Defaults to "Photo". */
+    fieldLabel?: string;
+    /** Metadata schema passed to MediaFigure — pins figcaption field order/labels. */
+    schema?: MetadataFieldDef[];
+    className?: string;
+    captionClassName?: string;
+    /** Rendered when no photo is chosen (or its URL fails origin validation). */
+    placeholder?: ReactNode;
+}
+/**
+ * Builds a registerable Puck component around the rich `p1-media` field and
+ * `MediaFigure`. Spares consumers the custom-field-type cast and the
+ * width+height transform pitfall:
+ *
+ * ```tsx
+ * const config = {
+ *   components: {
+ *     MediaFigureBlock: createMediaFigureBlock({ mediaBaseUrl: MEDIA_BASE }),
+ *   },
+ * };
+ * ```
+ */
+declare function createMediaFigureBlock(options: MediaFigureBlockOptions): ComponentConfig<MediaFigureBlockProps>;
+
+/** Narrows a MediaFieldValue to the rich object form. */
+declare function isMediaValue(value: MediaFieldValue | null | undefined): value is MediaValue;
+/**
+ * Builds the value the `p1-media` field writes on asset selection.
+ *
+ * R10 invariant: never synthesize a MediaValue unless BOTH `assetId` and
+ * `versionId` are present — otherwise fall back to a bare URL string (basic
+ * mode). A value with undefined identity is unfindable by "update usages" and
+ * can render `src=undefined`, so this fallback is load-bearing, not cosmetic.
+ * It also means picking from a pre-upgrade Worker (bare-array `GET /media`, no
+ * assetId) yields a string, so the plugin degrades cleanly before the cutover.
+ */
+declare function makeMediaValue(input: {
+    assetId?: string | null;
+    versionId?: string | null;
+    url: string;
+    metaSchemaVersion?: number;
+    metadata?: Record<string, string | number | undefined>;
+}): MediaFieldValue;
+
+export { type GetMediaPropsOptions, type ImageTransformParams, type MediaFieldValue, MediaFigure, type MediaFigureBlockOptions, type MediaFigureBlockProps, MediaImage, type MediaProps, type MediaValue, type MetadataFieldDef, buildImageUrl, createMediaFigureBlock, getMediaProps, isMediaValue, makeMediaValue };

package/dist/server.d.ts

@@ -0,0 +1,176 @@
+import { ReactElement, ImgHTMLAttributes, ReactNode } from 'react';
+import { ComponentConfig } from '@puckeditor/core';
+
+interface ImageTransformParams {
+    width?: number;
+    height?: number;
+    /** `auto` negotiates avif → webp → jpeg from the request's Accept header. */
+    format?: "auto" | "webp" | "jpeg" | "png" | "gif" | "avif";
+    quality?: number;
+}
+/**
+ * Merges Cloudflare Images transform params onto a CDN image URL.
+ * Preserves any existing params in the URL — e.g. the editor's crop intent
+ * (`fit=cover&gravity=auto` for smart crop, `trim.*` for a manual crop).
+ *
+ * @example
+ * buildImageUrl(data.heroImage, { width: 1200, height: 630, format: "webp" })
+ */
+declare function buildImageUrl(url: string, params: ImageTransformParams): string;
+
+/**
+ * A metadata field advertised by the Worker's `GET /media/schema` endpoint.
+ * The set is Pantheon-defined and global for v1; the plugin renders one input
+ * per entry and iterates these to render metadata generically (req. R14).
+ */
+interface MetadataFieldDef {
+    name: string;
+    label: string;
+    type: "string";
+    required?: boolean;
+}
+/**
+ * The value written by the `p1-media` field (rich mode). Carries the pinned
+ * asset identity plus a snapshot of the metadata defaults copied at edit time.
+ * `metaSchemaVersion` records the schema that produced the snapshot (req. R12).
+ * `alt` and any schema-driven fields (byline, caption, …) live alongside as
+ * string metadata; `width`/`height` may be present as captured numeric
+ * dimensions (a CLS win when rendered).
+ */
+interface MediaValue {
+    assetId: string;
+    versionId: string;
+    url: string;
+    metaSchemaVersion?: number;
+    alt?: string;
+    [meta: string]: string | number | undefined;
+}
+/**
+ * string = basic mode (a bare CDN URL, kept first-class forever); object =
+ * rich mode. Every render helper accepts both.
+ */
+type MediaFieldValue = string | MediaValue;
+/** Props produced by getMediaProps, spreadable onto `<img>` or next/image. */
+interface MediaProps {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}
+
+interface GetMediaPropsOptions {
+    /**
+     * The CDN image origin that serves media, e.g.
+     * "https://staging.media.p1.pantheon.io". This is the public image host —
+     * NOT the Worker API URL (`…workers.dev`), whose origin would reject every
+     * real image URL.
+     *
+     * Security (required): a value's `url` is untrusted document content — anyone
+     * who can edit a document, or call the CCR `/edits` API, controls it. Without
+     * an origin check a crafted `https://evil.example/beacon.png` turns every
+     * published render into a visitor-IP exfil beacon (and an SSRF under
+     * server-fetching `next/image`). getMediaProps therefore rejects any url that
+     * is not `https` on this exact origin. If `mediaBaseUrl` is omitted it
+     * **fails closed** (empty src) rather than degrading to an insecure pass-through.
+     *
+     * Local dev exception: when the configured base is itself `http` on a
+     * loopback host (`localhost`, `127.0.0.1`, `[::1]` — a local `wrangler dev`
+     * worker), same-origin `http` urls are allowed so rich values render locally.
+     */
+    mediaBaseUrl?: string;
+    /** Transform params merged onto the validated URL (width, height, format, quality). */
+    transform?: ImageTransformParams;
+}
+/**
+ * Normalizes a `string | MediaValue | null` into `{ src, alt, width?, height? }`.
+ * A string (basic mode) yields `alt: ""`. `src` is validated against the CDN
+ * origin (see GetMediaPropsOptions) and empty on rejection.
+ */
+declare function getMediaProps(value: MediaFieldValue | null | undefined, options?: GetMediaPropsOptions): MediaProps;
+/**
+ * Common-case `<img>` wrapper. Renders nothing when the src is rejected/empty
+ * (a broken foreign-origin image is never emitted). `alt` may be overridden;
+ * otherwise it comes from the value.
+ */
+declare function MediaImage({ image, mediaBaseUrl, transform, alt, ...rest }: {
+    image: MediaFieldValue | null | undefined;
+    mediaBaseUrl?: string;
+    transform?: ImageTransformParams;
+} & Omit<ImgHTMLAttributes<HTMLImageElement>, "src">): ReactElement | null;
+/**
+ * `<figure>` that renders the image plus the schema-advertised text fields as
+ * ESCAPED text (React default escaping — never dangerouslySetInnerHTML, req.
+ * R6). Renders nothing when the src is rejected/empty.
+ */
+declare function MediaFigure({ image, schema, mediaBaseUrl, transform, className, captionClassName, }: {
+    image: MediaFieldValue | null | undefined;
+    schema?: MetadataFieldDef[];
+    mediaBaseUrl?: string;
+    transform?: ImageTransformParams;
+    className?: string;
+    captionClassName?: string;
+}): ReactElement | null;
+
+interface MediaFigureBlockProps {
+    photo: MediaFieldValue | null;
+}
+interface MediaFigureBlockOptions {
+    /**
+     * The CDN image origin used to validate value URLs — NOT the Worker API
+     * URL. See GetMediaPropsOptions. Defaults to the production origin
+     * ("https://media.p1.pantheon.io"); override for sandbox/staging/local dev.
+     */
+    mediaBaseUrl?: string;
+    /**
+     * Render-time transform. Include BOTH width and height — the editor's crop
+     * intent only changes the output when there is a target aspect ratio.
+     * Defaults to `{ width: 1200, height: 630, format: "auto" }`.
+     */
+    transform?: ImageTransformParams;
+    /** Component label in the Puck sidebar. Defaults to "Media Figure". */
+    label?: string;
+    /** Label of the media field. Defaults to "Photo". */
+    fieldLabel?: string;
+    /** Metadata schema passed to MediaFigure — pins figcaption field order/labels. */
+    schema?: MetadataFieldDef[];
+    className?: string;
+    captionClassName?: string;
+    /** Rendered when no photo is chosen (or its URL fails origin validation). */
+    placeholder?: ReactNode;
+}
+/**
+ * Builds a registerable Puck component around the rich `p1-media` field and
+ * `MediaFigure`. Spares consumers the custom-field-type cast and the
+ * width+height transform pitfall:
+ *
+ * ```tsx
+ * const config = {
+ *   components: {
+ *     MediaFigureBlock: createMediaFigureBlock({ mediaBaseUrl: MEDIA_BASE }),
+ *   },
+ * };
+ * ```
+ */
+declare function createMediaFigureBlock(options: MediaFigureBlockOptions): ComponentConfig<MediaFigureBlockProps>;
+
+/** Narrows a MediaFieldValue to the rich object form. */
+declare function isMediaValue(value: MediaFieldValue | null | undefined): value is MediaValue;
+/**
+ * Builds the value the `p1-media` field writes on asset selection.
+ *
+ * R10 invariant: never synthesize a MediaValue unless BOTH `assetId` and
+ * `versionId` are present — otherwise fall back to a bare URL string (basic
+ * mode). A value with undefined identity is unfindable by "update usages" and
+ * can render `src=undefined`, so this fallback is load-bearing, not cosmetic.
+ * It also means picking from a pre-upgrade Worker (bare-array `GET /media`, no
+ * assetId) yields a string, so the plugin degrades cleanly before the cutover.
+ */
+declare function makeMediaValue(input: {
+    assetId?: string | null;
+    versionId?: string | null;
+    url: string;
+    metaSchemaVersion?: number;
+    metadata?: Record<string, string | number | undefined>;
+}): MediaFieldValue;
+
+export { type GetMediaPropsOptions, type ImageTransformParams, type MediaFieldValue, MediaFigure, type MediaFigureBlockOptions, type MediaFigureBlockProps, MediaImage, type MediaProps, type MediaValue, type MetadataFieldDef, buildImageUrl, createMediaFigureBlock, getMediaProps, isMediaValue, makeMediaValue };

package/dist/server.js

@@ -0,0 +1,246 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/server.ts
+var server_exports = {};
+__export(server_exports, {
+  MediaFigure: () => MediaFigure,
+  MediaImage: () => MediaImage,
+  buildImageUrl: () => buildImageUrl,
+  createMediaFigureBlock: () => createMediaFigureBlock,
+  getMediaProps: () => getMediaProps,
+  isMediaValue: () => isMediaValue,
+  makeMediaValue: () => makeMediaValue
+});
+module.exports = __toCommonJS(server_exports);
+
+// src/utils.ts
+function buildImageUrl(url, params) {
+  if (!url) return url;
+  const parsed = new URL(url);
+  if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return url;
+  for (const [k, v] of Object.entries(params)) {
+    if (v !== void 0) {
+      parsed.searchParams.set(k, String(v));
+    }
+  }
+  return parsed.toString();
+}
+
+// src/media-value.ts
+var STRUCTURAL_MEDIA_KEYS = /* @__PURE__ */ new Set([
+  "assetId",
+  "versionId",
+  "url",
+  "metaSchemaVersion"
+]);
+function isMediaValue(value) {
+  return typeof value === "object" && value !== null;
+}
+function makeMediaValue(input) {
+  if (!input.assetId || !input.versionId) {
+    return input.url;
+  }
+  const value = {
+    assetId: input.assetId,
+    versionId: input.versionId,
+    url: input.url
+  };
+  if (typeof input.metaSchemaVersion === "number") {
+    value.metaSchemaVersion = input.metaSchemaVersion;
+  }
+  if (input.metadata) {
+    for (const [k, v] of Object.entries(input.metadata)) {
+      if (v === void 0 || v === "") continue;
+      if (STRUCTURAL_MEDIA_KEYS.has(k)) continue;
+      value[k] = v;
+    }
+  }
+  return value;
+}
+
+// src/render.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var LOOPBACK_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "[::1]"]);
+function validateSrc(url, mediaBaseUrl) {
+  if (!url || !mediaBaseUrl) return "";
+  let parsed;
+  let base;
+  try {
+    parsed = new URL(url);
+    base = new URL(mediaBaseUrl);
+  } catch {
+    return "";
+  }
+  if (parsed.origin !== base.origin) return "";
+  if (parsed.protocol !== "https:") {
+    const isLocalDevBase = base.protocol === "http:" && LOOPBACK_HOSTS.has(base.hostname);
+    if (!isLocalDevBase || parsed.protocol !== "http:") return "";
+  }
+  return url;
+}
+function getMediaProps(value, options) {
+  const mediaBaseUrl = options?.mediaBaseUrl;
+  const transform = options?.transform;
+  const finalize = (rawUrl) => {
+    const validated = validateSrc(rawUrl, mediaBaseUrl);
+    return validated && transform ? buildImageUrl(validated, transform) : validated;
+  };
+  if (value == null) return { src: "", alt: "" };
+  if (typeof value === "string") {
+    return { src: finalize(value), alt: "" };
+  }
+  const props = {
+    src: finalize(typeof value.url === "string" ? value.url : ""),
+    alt: typeof value.alt === "string" ? value.alt : ""
+  };
+  if (typeof value.width === "number") props.width = value.width;
+  if (typeof value.height === "number") props.height = value.height;
+  return props;
+}
+function MediaImage({
+  image,
+  mediaBaseUrl,
+  transform,
+  alt,
+  ...rest
+}) {
+  const props = getMediaProps(image, { mediaBaseUrl, transform });
+  if (!props.src) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      src: props.src,
+      alt: alt ?? props.alt,
+      ...props.width !== void 0 ? { width: props.width } : {},
+      ...props.height !== void 0 ? { height: props.height } : {},
+      ...rest
+    }
+  );
+}
+function collectFigureFields(image, schema) {
+  if (!isMediaValue(image)) return [];
+  const out = [];
+  if (schema && schema.length > 0) {
+    for (const entry of schema) {
+      if (entry.name === "alt") continue;
+      const raw = image[entry.name];
+      if (raw === void 0 || raw === "") continue;
+      out.push({ name: entry.name, label: entry.label, value: String(raw) });
+    }
+  } else {
+    for (const [k, v] of Object.entries(image)) {
+      if (k === "alt") continue;
+      if (STRUCTURAL_MEDIA_KEYS.has(k)) continue;
+      if (typeof v !== "string" || v === "") continue;
+      out.push({ name: k, value: v });
+    }
+  }
+  return out;
+}
+function MediaFigure({
+  image,
+  schema,
+  mediaBaseUrl,
+  transform,
+  className,
+  captionClassName
+}) {
+  const props = getMediaProps(image, { mediaBaseUrl, transform });
+  if (!props.src) return null;
+  const fields = collectFigureFields(image, schema);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: props.src,
+        alt: props.alt,
+        ...props.width !== void 0 ? { width: props.width } : {},
+        ...props.height !== void 0 ? { height: props.height } : {}
+      }
+    ),
+    fields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figcaption", { className: captionClassName, children: fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-field": f.name, children: f.value }, f.name)) })
+  ] });
+}
+
+// src/media-figure-block.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_TRANSFORM = { width: 1200, height: 630, format: "auto" };
+var DEFAULT_MEDIA_BASE_URL = "https://media.p1.pantheon.io";
+var placeholderStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  minHeight: "200px",
+  borderRadius: "8px",
+  backgroundColor: "#e5e5e5",
+  color: "#525252",
+  fontSize: "14px"
+};
+function createMediaFigureBlock(options) {
+  const {
+    mediaBaseUrl = DEFAULT_MEDIA_BASE_URL,
+    transform = DEFAULT_TRANSFORM,
+    label = "Media Figure",
+    fieldLabel = "Photo",
+    schema,
+    className,
+    captionClassName,
+    placeholder = "Choose a photo from the media library"
+  } = options;
+  return {
+    label,
+    fields: {
+      // `p1-media` is registered by createMediaPlugin via overrides.fieldTypes,
+      // so it is not part of Puck's built-in Field union.
+      photo: { type: "p1-media", label: fieldLabel }
+    },
+    defaultProps: {
+      photo: null
+    },
+    render: ({ photo }) => {
+      const { src } = getMediaProps(photo ?? null, { mediaBaseUrl });
+      if (!src) {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: placeholderStyle, children: placeholder });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        MediaFigure,
+        {
+          image: photo ?? null,
+          mediaBaseUrl,
+          transform,
+          schema,
+          className,
+          captionClassName
+        }
+      );
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MediaFigure,
+  MediaImage,
+  buildImageUrl,
+  createMediaFigureBlock,
+  getMediaProps,
+  isMediaValue,
+  makeMediaValue
+});
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server.ts","../src/utils.ts","../src/media-value.ts","../src/render.tsx","../src/media-figure-block.tsx"],"sourcesContent":["// Server-safe entry point — no React context, safe for RSC.\n// Next.js resolves this via the \"react-server\" exports condition.\nexport { buildImageUrl } from \"./utils\";\nexport type { ImageTransformParams } from \"./utils\";\nexport { getMediaProps, MediaImage, MediaFigure } from \"./render\";\nexport type { GetMediaPropsOptions } from \"./render\";\nexport { createMediaFigureBlock } from \"./media-figure-block\";\nexport type { MediaFigureBlockOptions, MediaFigureBlockProps } from \"./media-figure-block\";\nexport { makeMediaValue, isMediaValue } from \"./media-value\";\nexport type {\n  MediaValue,\n  MediaFieldValue,\n  MediaProps,\n  MetadataFieldDef,\n} from \"./types\";\n","export interface ImageTransformParams {\n  width?: number;\n  height?: number;\n  /** `auto` negotiates avif → webp → jpeg from the request's Accept header. */\n  format?: \"auto\" | \"webp\" | \"jpeg\" | \"png\" | \"gif\" | \"avif\";\n  quality?: number;\n}\n\n/**\n * Merges Cloudflare Images transform params onto a CDN image URL.\n * Preserves any existing params in the URL — e.g. the editor's crop intent\n * (`fit=cover&gravity=auto` for smart crop, `trim.*` for a manual crop).\n *\n * @example\n * buildImageUrl(data.heroImage, { width: 1200, height: 630, format: \"webp\" })\n */\nexport function buildImageUrl(url: string, params: ImageTransformParams): string {\n  if (!url) return url;\n  const parsed = new URL(url);\n  if (parsed.protocol !== 'https:' && parsed.protocol !== 'http:') return url;\n  for (const [k, v] of Object.entries(params)) {\n    if (v !== undefined) {\n      parsed.searchParams.set(k, String(v));\n    }\n  }\n  return parsed.toString();\n}\n","import type { MediaFieldValue, MediaValue } from \"./types\";\nimport {\n  buildValueWithCrop,\n  buildValueWithTrim,\n  getBaseUrl,\n  type CropMode,\n  type TrimRect,\n} from \"./crop\";\n\n/**\n * Structural keys on a MediaValue that are not schema-driven metadata. Used to\n * avoid clobbering identity fields when copying metadata defaults into a value.\n */\nexport const STRUCTURAL_MEDIA_KEYS = new Set([\n  \"assetId\",\n  \"versionId\",\n  \"url\",\n  \"metaSchemaVersion\",\n]);\n\n/** Narrows a MediaFieldValue to the rich object form. */\nexport function isMediaValue(\n  value: MediaFieldValue | null | undefined,\n): value is MediaValue {\n  return typeof value === \"object\" && value !== null;\n}\n\n/**\n * Builds the value the `p1-media` field writes on asset selection.\n *\n * R10 invariant: never synthesize a MediaValue unless BOTH `assetId` and\n * `versionId` are present — otherwise fall back to a bare URL string (basic\n * mode). A value with undefined identity is unfindable by \"update usages\" and\n * can render `src=undefined`, so this fallback is load-bearing, not cosmetic.\n * It also means picking from a pre-upgrade Worker (bare-array `GET /media`, no\n * assetId) yields a string, so the plugin degrades cleanly before the cutover.\n */\nexport function makeMediaValue(input: {\n  assetId?: string | null;\n  versionId?: string | null;\n  url: string;\n  metaSchemaVersion?: number;\n  metadata?: Record<string, string | number | undefined>;\n}): MediaFieldValue {\n  if (!input.assetId || !input.versionId) {\n    return input.url; // R10 fallback: string value\n  }\n  const value: MediaValue = {\n    assetId: input.assetId,\n    versionId: input.versionId,\n    url: input.url,\n  };\n  if (typeof input.metaSchemaVersion === \"number\") {\n    value.metaSchemaVersion = input.metaSchemaVersion;\n  }\n  if (input.metadata) {\n    for (const [k, v] of Object.entries(input.metadata)) {\n      if (v === undefined || v === \"\") continue;\n      if (STRUCTURAL_MEDIA_KEYS.has(k)) continue; // never let metadata clobber identity\n      value[k] = v;\n    }\n  }\n  return value;\n}\n\n/** The asset fields the field editor needs to build a value on selection. */\nexport interface SelectableAsset {\n  assetId?: string | null;\n  versionId?: string | null;\n  url: string;\n  width?: number;\n  height?: number;\n  metadata?: Record<string, string>;\n  metaSchemaVersion?: number;\n}\n\n/**\n * Builds the value written when an asset is picked from the library, applying\n * the current crop and copying metadata (flat, incl. alt) plus captured\n * dimensions. Delegates to makeMediaValue, so R10 still holds (a pre-cutover\n * asset with no identity yields a string).\n */\nexport function buildValueFromAsset(\n  asset: SelectableAsset,\n  crop: CropMode,\n): MediaFieldValue {\n  const metadata: Record<string, string | number | undefined> = { ...(asset.metadata ?? {}) };\n  if (typeof asset.width === \"number\") metadata.width = asset.width;\n  if (typeof asset.height === \"number\") metadata.height = asset.height;\n  return makeMediaValue({\n    assetId: asset.assetId,\n    versionId: asset.versionId,\n    url: buildValueWithCrop(getBaseUrl(asset.url), crop),\n    metaSchemaVersion: asset.metaSchemaVersion,\n    metadata,\n  });\n}\n\n/**\n * Applies a crop mode to a field value. R10: a string stays a string (basic\n * mode) — crop never promotes a value to a partial-identity object.\n */\nexport function applyCropToValue(\n  value: MediaFieldValue,\n  crop: CropMode,\n): MediaFieldValue {\n  const currentUrl = isMediaValue(value) ? value.url : value;\n  const baseUrl = getBaseUrl(typeof currentUrl === \"string\" ? currentUrl : \"\");\n  if (!baseUrl) return value;\n  const url = buildValueWithCrop(baseUrl, crop);\n  return isMediaValue(value) ? { ...value, url } : url;\n}\n\n/**\n * Applies a manual crop region (the interactive cropper's result) to a field\n * value. Same R10 shape as applyCropToValue: a string stays a string, an\n * object keeps its identity and only swaps `url`.\n */\nexport function applyTrimToValue(\n  value: MediaFieldValue,\n  rect: TrimRect,\n): MediaFieldValue {\n  const currentUrl = isMediaValue(value) ? value.url : value;\n  const baseUrl = getBaseUrl(typeof currentUrl === \"string\" ? currentUrl : \"\");\n  if (!baseUrl) return value;\n  const url = buildValueWithTrim(baseUrl, rect);\n  return isMediaValue(value) ? { ...value, url } : url;\n}\n\n/**\n * Sets one metadata field on a value. R10: refuses to operate on a string\n * (returns it unchanged — metadata can't be attached until an asset is picked)\n * and never lets a structural key clobber the pinned identity.\n */\nexport function setMetaOnValue(\n  value: MediaFieldValue,\n  fieldName: string,\n  fieldValue: string,\n): MediaFieldValue {\n  if (!isMediaValue(value)) return value;\n  if (STRUCTURAL_MEDIA_KEYS.has(fieldName)) return value;\n  return { ...value, [fieldName]: fieldValue };\n}\n","// Render-side helpers. Server-safe (no React context, no client-only hooks) so\n// they can be imported from RSC via the package's \"react-server\" export.\nimport type { ImgHTMLAttributes, ReactElement } from \"react\";\nimport type {\n  MediaFieldValue,\n  MediaProps,\n  MetadataFieldDef,\n} from \"./types\";\nimport { isMediaValue, STRUCTURAL_MEDIA_KEYS } from \"./media-value\";\nimport { buildImageUrl, type ImageTransformParams } from \"./utils\";\n\nexport interface GetMediaPropsOptions {\n  /**\n   * The CDN image origin that serves media, e.g.\n   * \"https://staging.media.p1.pantheon.io\". This is the public image host —\n   * NOT the Worker API URL (`…workers.dev`), whose origin would reject every\n   * real image URL.\n   *\n   * Security (required): a value's `url` is untrusted document content — anyone\n   * who can edit a document, or call the CCR `/edits` API, controls it. Without\n   * an origin check a crafted `https://evil.example/beacon.png` turns every\n   * published render into a visitor-IP exfil beacon (and an SSRF under\n   * server-fetching `next/image`). getMediaProps therefore rejects any url that\n   * is not `https` on this exact origin. If `mediaBaseUrl` is omitted it\n   * **fails closed** (empty src) rather than degrading to an insecure pass-through.\n   *\n   * Local dev exception: when the configured base is itself `http` on a\n   * loopback host (`localhost`, `127.0.0.1`, `[::1]` — a local `wrangler dev`\n   * worker), same-origin `http` urls are allowed so rich values render locally.\n   */\n  mediaBaseUrl?: string;\n  /** Transform params merged onto the validated URL (width, height, format, quality). */\n  transform?: ImageTransformParams;\n}\n\n// Hosts where an http mediaBaseUrl is honored (local `wrangler dev`). Exact\n// hostnames only — no *.localhost subdomains.\nconst LOOPBACK_HOSTS = new Set([\"localhost\", \"127.0.0.1\", \"[::1]\"]);\n\n/**\n * Returns the url only if it is on the configured CDN origin AND https —\n * except that an http origin is honored when the configured mediaBaseUrl is\n * itself http on a loopback host (local dev against `wrangler dev`, which\n * serves plain http). Production is unaffected: real CDN bases are https, so\n * every http url still fails the origin check. Otherwise \"\". Fails closed\n * when no origin is configured (see GetMediaPropsOptions).\n */\nfunction validateSrc(url: string, mediaBaseUrl?: string): string {\n  if (!url || !mediaBaseUrl) return \"\";\n  let parsed: URL;\n  let base: URL;\n  try {\n    parsed = new URL(url);\n    base = new URL(mediaBaseUrl);\n  } catch {\n    return \"\";\n  }\n  if (parsed.origin !== base.origin) return \"\";\n  if (parsed.protocol !== \"https:\") {\n    // Non-https is allowed only as plain http against an explicitly-configured\n    // local-dev loopback base. Checking parsed.protocol too keeps schemes whose\n    // origin serializes to the base origin (blob:http://…) out of the carve-out.\n    const isLocalDevBase = base.protocol === \"http:\" && LOOPBACK_HOSTS.has(base.hostname);\n    if (!isLocalDevBase || parsed.protocol !== \"http:\") return \"\";\n  }\n  return url;\n}\n\n/**\n * Normalizes a `string | MediaValue | null` into `{ src, alt, width?, height? }`.\n * A string (basic mode) yields `alt: \"\"`. `src` is validated against the CDN\n * origin (see GetMediaPropsOptions) and empty on rejection.\n */\nexport function getMediaProps(\n  value: MediaFieldValue | null | undefined,\n  options?: GetMediaPropsOptions,\n): MediaProps {\n  const mediaBaseUrl = options?.mediaBaseUrl;\n  const transform = options?.transform;\n\n  const finalize = (rawUrl: string): string => {\n    const validated = validateSrc(rawUrl, mediaBaseUrl);\n    return validated && transform ? buildImageUrl(validated, transform) : validated;\n  };\n\n  if (value == null) return { src: \"\", alt: \"\" };\n\n  if (typeof value === \"string\") {\n    return { src: finalize(value), alt: \"\" };\n  }\n\n  const props: MediaProps = {\n    src: finalize(typeof value.url === \"string\" ? value.url : \"\"),\n    alt: typeof value.alt === \"string\" ? value.alt : \"\",\n  };\n  if (typeof value.width === \"number\") props.width = value.width;\n  if (typeof value.height === \"number\") props.height = value.height;\n  return props;\n}\n\n/**\n * Common-case `<img>` wrapper. Renders nothing when the src is rejected/empty\n * (a broken foreign-origin image is never emitted). `alt` may be overridden;\n * otherwise it comes from the value.\n */\nexport function MediaImage({\n  image,\n  mediaBaseUrl,\n  transform,\n  alt,\n  ...rest\n}: {\n  image: MediaFieldValue | null | undefined;\n  mediaBaseUrl?: string;\n  transform?: ImageTransformParams;\n} & Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\">): ReactElement | null {\n  const props = getMediaProps(image, { mediaBaseUrl, transform });\n  if (!props.src) return null;\n  return (\n    <img\n      src={props.src}\n      alt={alt ?? props.alt}\n      {...(props.width !== undefined ? { width: props.width } : {})}\n      {...(props.height !== undefined ? { height: props.height } : {})}\n      {...rest}\n    />\n  );\n}\n\n/**\n * Collects the metadata fields a figure should render, generically (req. R14):\n * with a schema, iterate its entries (canonical order/labels); without one,\n * iterate the value's own string metadata keys. Either way a new backend text\n * field appears with no plugin release. `alt` (on the `<img>`) and non-text\n * values (width/height/metaSchemaVersion) are excluded from the caption.\n */\nfunction collectFigureFields(\n  image: MediaFieldValue | null | undefined,\n  schema?: MetadataFieldDef[],\n): Array<{ name: string; label?: string; value: string }> {\n  if (!isMediaValue(image)) return [];\n  const out: Array<{ name: string; label?: string; value: string }> = [];\n  if (schema && schema.length > 0) {\n    for (const entry of schema) {\n      if (entry.name === \"alt\") continue;\n      const raw = image[entry.name];\n      if (raw === undefined || raw === \"\") continue;\n      out.push({ name: entry.name, label: entry.label, value: String(raw) });\n    }\n  } else {\n    for (const [k, v] of Object.entries(image)) {\n      if (k === \"alt\") continue;\n      if (STRUCTURAL_MEDIA_KEYS.has(k)) continue;\n      if (typeof v !== \"string\" || v === \"\") continue;\n      out.push({ name: k, value: v });\n    }\n  }\n  return out;\n}\n\n/**\n * `<figure>` that renders the image plus the schema-advertised text fields as\n * ESCAPED text (React default escaping — never dangerouslySetInnerHTML, req.\n * R6). Renders nothing when the src is rejected/empty.\n */\nexport function MediaFigure({\n  image,\n  schema,\n  mediaBaseUrl,\n  transform,\n  className,\n  captionClassName,\n}: {\n  image: MediaFieldValue | null | undefined;\n  schema?: MetadataFieldDef[];\n  mediaBaseUrl?: string;\n  transform?: ImageTransformParams;\n  className?: string;\n  captionClassName?: string;\n}): ReactElement | null {\n  const props = getMediaProps(image, { mediaBaseUrl, transform });\n  if (!props.src) return null;\n\n  const fields = collectFigureFields(image, schema);\n\n  return (\n    <figure className={className}>\n      <img\n        src={props.src}\n        alt={props.alt}\n        {...(props.width !== undefined ? { width: props.width } : {})}\n        {...(props.height !== undefined ? { height: props.height } : {})}\n      />\n      {fields.length > 0 && (\n        <figcaption className={captionClassName}>\n          {fields.map((f) => (\n            <span key={f.name} data-field={f.name}>\n              {f.value}\n            </span>\n          ))}\n        </figcaption>\n      )}\n    </figure>\n  );\n}\n","// Ready-made Puck component for the rich `p1-media` field. Server-safe (no\n// hooks, no context) so it can be registered in configs that render via RSC.\nimport type { CSSProperties, ReactElement, ReactNode } from \"react\";\nimport type { ComponentConfig, Field } from \"@puckeditor/core\";\nimport { getMediaProps, MediaFigure } from \"./render\";\nimport type { ImageTransformParams } from \"./utils\";\nimport type { MediaFieldValue, MetadataFieldDef } from \"./types\";\n\nexport interface MediaFigureBlockProps {\n  photo: MediaFieldValue | null;\n}\n\nexport interface MediaFigureBlockOptions {\n  /**\n   * The CDN image origin used to validate value URLs — NOT the Worker API\n   * URL. See GetMediaPropsOptions. Defaults to the production origin\n   * (\"https://media.p1.pantheon.io\"); override for sandbox/staging/local dev.\n   */\n  mediaBaseUrl?: string;\n  /**\n   * Render-time transform. Include BOTH width and height — the editor's crop\n   * intent only changes the output when there is a target aspect ratio.\n   * Defaults to `{ width: 1200, height: 630, format: \"auto\" }`.\n   */\n  transform?: ImageTransformParams;\n  /** Component label in the Puck sidebar. Defaults to \"Media Figure\". */\n  label?: string;\n  /** Label of the media field. Defaults to \"Photo\". */\n  fieldLabel?: string;\n  /** Metadata schema passed to MediaFigure — pins figcaption field order/labels. */\n  schema?: MetadataFieldDef[];\n  className?: string;\n  captionClassName?: string;\n  /** Rendered when no photo is chosen (or its URL fails origin validation). */\n  placeholder?: ReactNode;\n}\n\nconst DEFAULT_TRANSFORM: ImageTransformParams = { width: 1200, height: 630, format: \"auto\" };\n\n/** Same production default as createMediaPlugin's workerUrl — same host serves both. */\nconst DEFAULT_MEDIA_BASE_URL = \"https://media.p1.pantheon.io\";\n\nconst placeholderStyle: CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  minHeight: \"200px\",\n  borderRadius: \"8px\",\n  backgroundColor: \"#e5e5e5\",\n  color: \"#525252\",\n  fontSize: \"14px\",\n};\n\n/**\n * Builds a registerable Puck component around the rich `p1-media` field and\n * `MediaFigure`. Spares consumers the custom-field-type cast and the\n * width+height transform pitfall:\n *\n * ```tsx\n * const config = {\n *   components: {\n *     MediaFigureBlock: createMediaFigureBlock({ mediaBaseUrl: MEDIA_BASE }),\n *   },\n * };\n * ```\n */\nexport function createMediaFigureBlock(\n  options: MediaFigureBlockOptions,\n): ComponentConfig<MediaFigureBlockProps> {\n  const {\n    mediaBaseUrl = DEFAULT_MEDIA_BASE_URL,\n    transform = DEFAULT_TRANSFORM,\n    label = \"Media Figure\",\n    fieldLabel = \"Photo\",\n    schema,\n    className,\n    captionClassName,\n    placeholder = \"Choose a photo from the media library\",\n  } = options;\n\n  return {\n    label,\n    fields: {\n      // `p1-media` is registered by createMediaPlugin via overrides.fieldTypes,\n      // so it is not part of Puck's built-in Field union.\n      photo: { type: \"p1-media\", label: fieldLabel } as unknown as Field,\n    },\n    defaultProps: {\n      photo: null,\n    },\n    render: ({ photo }: MediaFigureBlockProps): ReactElement => {\n      const { src } = getMediaProps(photo ?? null, { mediaBaseUrl });\n      if (!src) {\n        return <div style={placeholderStyle}>{placeholder}</div>;\n      }\n      return (\n        <MediaFigure\n          image={photo ?? null}\n          mediaBaseUrl={mediaBaseUrl}\n          transform={transform}\n          schema={schema}\n          className={className}\n          captionClassName={captionClassName}\n        />\n      );\n    },\n  };\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}