@valbuild/core 0.102.0 → 0.105.0

package/dist/declarations/src/index.d.ts

@@ -8,18 +8,18 @@ export type { ImageMetadata } from "./schema/image.js";
 export type { FileMetadata } from "./schema/file.js";
 export type { ValModule, SerializedModule, InferValModuleType } from "./module.js";
 export type { SourceObject, SourcePrimitive, Source } from "./source/index.js";
-export type { FileSource } from "./source/file.js";
+export type { FileSource } from "./source/media.js";
 export type { JsonSource, JsonOf, JsonImportThunk } from "./source/json.js";
-export type { RemoteSource, RemoteRef } from "./source/remote.js";
+export type { RemoteRef } from "./source/remote.js";
 export { DEFAULT_VAL_REMOTE_HOST } from "./schema/remote.js";
 export type { RawString } from "./schema/string.js";
-export type { ImageSource } from "./source/image.js";
+export type { ImageSource } from "./source/media.js";
+export type { MediaHotspot, MediaSource, GalleryImageSource, GalleryFileSource, } from "./source/media.js";
 export type { AllRichTextOptions, Bold, Styles, HeadingNode, ImageNode, Italic, LineThrough, ListItemNode, LinkNode, OrderedListNode, ParagraphNode, BrNode, RichTextNode, RichTextOptions, SerializedRichTextOptions, RichTextSource, BlockNode, SpanNode, UnorderedListNode, } from "./source/richtext.js";
 export { type Val, type SerializedVal, type ModuleFilePath, type PatchId, type ModulePath, type SourcePath, type JsonOfSource, type ParentPatchId, } from "./val/index.js";
 export type { Json, JsonPrimitive, JsonArray, JsonObject } from "./Json.js";
 export type { ValidationError, ValidationErrors, } from "./schema/validation/ValidationError.js";
 export type { ValidationFix } from "./schema/validation/ValidationFix.js";
-export { FILE_REF_PROP, FILE_REF_SUBTYPE_TAG } from "./source/file.js";
 export { VAL_EXTENSION, type SourceArray } from "./source/index.js";
 export { derefPatch } from "./patch/deref.js";
 export { type SelectorSource, type SelectorOf, GenericSelector, } from "./selector/index.js";
@@ -28,20 +28,18 @@ declare const ModuleFilePathSep = "?p=";
 export { ModuleFilePathSep };
 import { SelectorSource, getSchema } from "./selector/index.js";
 import { ModulePath, SourcePath, getValPath, isVal } from "./val/index.js";
-import { convertFileSource } from "./schema/file.js";
 import { createValPathOfItem } from "./selector/SelectorProxy.js";
 import { Operation } from "./patch/index.js";
 import { initSchema } from "./initSchema.js";
 import { getMimeType, mimeTypeToFileExt, filenameToMimeType } from "./mimeType/index.js";
 import { type ImageMetadata } from "./schema/image.js";
 import { type FileMetadata } from "./schema/file.js";
-import { isFile } from "./source/file.js";
 import { isJson, getJsonImport, resolveJsonValues } from "./source/json.js";
 import { createRemoteRef } from "./source/remote.js";
 import { getValidationBasis, getValidationHash } from "./remote/validationBasis.js";
 import { getFileHash, hashToRemoteFileHash } from "./remote/fileHash.js";
 import { splitRemoteRef } from "./remote/splitRemoteRef.js";
-import { convertRemoteSource } from "./schema/remote.js";
+import { fillFromGallery, isRemoteMediaPath, mediaUrl, resolveMedia } from "./source/media.js";
 import { colorToHex, convertColor, detectColorFormat, formatColor, parseColor } from "./schema/colorFormat.js";
 export { type SerializedArraySchema, ArraySchema } from "./schema/array.js";
 export { type SerializedObjectSchema, ObjectSchema } from "./schema/object.js";
@@ -61,7 +59,8 @@ export { type SerializedRichTextSchema, RichTextSchema, } from "./schema/richtex
 export { type SerializedUnionSchema, UnionSchema, type SerializedStringUnionSchema, type SerializedObjectUnionSchema, } from "./schema/union.js";
 export { type SerializedLiteralSchema, LiteralSchema } from "./schema/literal.js";
 export { deserializeSchema } from "./schema/deserialize.js";
-export { type ListRecordRender, type ListArrayRender, type ReifiedRender, type RenderScope, type CodeLanguage, type CodeRender, renderScope, } from "./render.js";
+export { type PreviewItem, type RecordPreview, type ArrayPreview, type ReifiedPreview, type PreviewScope, previewScope, } from "./preview.js";
+export { type CodeLanguage, type StringRender, CODE_LANGUAGES } from "./render.js";
 export type { ValRouter, RouteValidationError } from "./router.js";
 export { getSourcePathFromRoute } from "./getSourcePathFromRoute.js";
 export declare const FATAL_ERROR_TYPES: readonly ["no-schema", "no-source", "invalid-id", "no-module", "invalid-patch"];
@@ -72,8 +71,12 @@ declare const Internal: {
     VERSION: {
         core: string | null;
     };
-    convertFileSource: typeof convertFileSource;
-    convertRemoteSource: typeof convertRemoteSource;
+    mediaUrl: typeof mediaUrl;
+    resolveMedia: typeof resolveMedia;
+    isRemoteMediaPath: typeof isRemoteMediaPath;
+    media: {
+        fillFromGallery: typeof fillFromGallery;
+    };
     getSchema: typeof getSchema;
     getValPath: typeof getValPath;
     getSource: typeof getSource;
@@ -100,7 +103,6 @@ declare const Internal: {
     };
     validate: (val: ValModule<SelectorSource>, path: SourcePath, src: unknown) => import("./schema/validation/ValidationError.js").ValidationErrors | undefined;
     isVal: typeof isVal;
-    isFile: typeof isFile;
     isJson: typeof isJson;
     getJsonImport: typeof getJsonImport;
     resolveJsonValues: typeof resolveJsonValues;

package/dist/declarations/src/initSchema.d.ts

@@ -99,19 +99,28 @@ export type InitSchema = {
     /**
      * Define an image.
      *
-     * Use c.image to create an image source.
+     * An image is an object with a `path`. `width`, `height` and `mimeType` are
+     * read from the file — the VS Code extension fills them in as you type the
+     * path, and `npx val validate --fix` adds any that are missing. `alt` and
+     * `hotspot` are yours to set.
      *
      * @example
      * const schema = s.image();
-     * export default c.define("/example.val.ts", schema, c.image("/public/val/example.png", {
-     *  width: 100,
-     *  height: 100,
-     *  mimeType: "image/png",
-     *  hotspot: {
-     *    x: 0.5,
-     *    y: 0.5
-     *  }
-     * }));
+     * export default c.define("/example.val.ts", schema, {
+     *   path: "/public/val/example.png",
+     *   width: 100,
+     *   height: 100,
+     *   mimeType: "image/png",
+     *   alt: "An example",
+     *   hotspot: { x: 0.5, y: 0.5 },
+     * });
+     *
+     * @example
+     * // Backed by a gallery: width, height and mimeType live there.
+     * const schema = s.image(galleryVal);
+     * export default c.define("/example.val.ts", schema, {
+     *   path: "/public/val/example.png",
+     * });
      *
      */
     readonly image: typeof image;
@@ -146,11 +155,15 @@ export type InitSchema = {
     /**
      * Define a file.
      *
-     * Use `c.file` to create a file source.
+     * A file is an object with a `path`. `mimeType` comes from the extension —
+     * `npx val validate --fix` adds it.
      *
      * @example
      * const schema = s.file();
-     * export default c.define("/example.val.ts", schema, c.file("/public/val/example.png"));
+     * export default c.define("/example.val.ts", schema, {
+     *   path: "/public/val/example.pdf",
+     *   mimeType: "application/pdf",
+     * });
      *
      */
     readonly file: typeof file;
@@ -291,11 +304,11 @@ export declare function initSchema(): {
     }) => import("./schema/number.js").NumberSchema<number>;
     union: <Key extends string | import("./schema/index.js").Schema<string>, T extends import("./schema/index.js").Schema<Key extends string ? import("./source/index.js").SourceObject & { [k in Key]: string; } : Key extends import("./schema/index.js").Schema<string> ? string : unknown>[]>(key: Key, ...objects: T) => import("./schema/union.js").UnionSchema<Key, T, T extends import("./schema/index.js").Schema<infer S extends import("./selector/index.js").SelectorSource>[] ? S extends import("./selector/index.js").SelectorSource ? S | (Key extends import("./schema/index.js").Schema<infer K extends import("./selector/index.js").SelectorSource> ? K : never) : never : never>;
     richtext: <O extends import("./index.js").RichTextOptions>(options?: O) => import("./schema/richtext.js").RichTextSchema<O, import("./index.js").RichTextSource<O>>;
-    image: (options?: import("./schema/image.js").ImageOptions | import("./module.js").ValModule<Record<string, import("./schema/images.js").ImagesEntryMetadata>>) => import("./schema/image.js").ImageSchema<import("./index.js").ImageSource | import("./index.js").RemoteSource<import("./schema/image.js").ImageMetadata | undefined>>;
+    image: typeof image;
     literal: <T extends string>(value: T) => import("./schema/literal.js").LiteralSchema<T>;
     keyOf: <Src extends import("./selector/index.js").GenericSelector<import("./source/index.js").SourceObject> & import("./module.js").ValModuleBrand>(valModule: Src) => import("./schema/keyOf.js").KeyOfSchema<Src, Src extends import("./selector/index.js").GenericSelector<infer S extends import("./source/index.js").Source, undefined> ? S extends readonly import("./source/index.js").Source[] ? number : S extends import("./source/index.js").SourceObject ? string extends keyof S ? import("./schema/string.js").RawString : keyof S : S extends Record<string, import("./source/index.js").Source> ? import("./schema/string.js").RawString : never : never>;
     record: typeof record;
-    file: (options?: import("./schema/file.js").FileOptions | import("./module.js").ValModule<Record<string, import("./schema/files.js").FilesEntryMetadata>>) => import("./schema/file.js").FileSchema<import("./index.js").FileSource | import("./index.js").RemoteSource<import("./schema/file.js").FileMetadata | undefined>>;
+    file: typeof file;
     files: (options: import("./schema/files.js").FilesOptions) => import("./schema/record.js").RecordSchema<import("./schema/object.js").ObjectSchema<{
         mimeType: import("./schema/string.js").StringSchema<string>;
     }, {

package/dist/declarations/src/initVal.d.ts

@@ -1,15 +1,9 @@
 import { define } from "./module.js";
 import { InitSchema } from "./initSchema.js";
 import { getValPath as getPath } from "./val/index.js";
-import { initFile } from "./source/file.js";
-import { initImage } from "./source/image.js";
 import { json } from "./source/json.js";
-import { initRemote } from "./source/remote.js";
 export type ContentConstructor = {
     define: typeof define;
-    file: ReturnType<typeof initFile>;
-    image: ReturnType<typeof initImage>;
-    remote: ReturnType<typeof initRemote>;
     json: typeof json;
 };
 export type ValConstructor = {

package/dist/declarations/src/module.d.ts

@@ -4,22 +4,19 @@ import { Source } from "./source/index.js";
 import { ModuleFilePath, ModulePath, SourcePath } from "./val/index.js";
 import { Json } from "./Json.js";
 import { RawString } from "./schema/string.js";
-import { ImageSelector } from "./selector/image.js";
-import { ImageSource } from "./source/image.js";
 declare const brand: unique symbol;
 export type ValModule<T extends SelectorSource> = SelectorOf<T> & ValModuleBrand;
 export type ValModuleBrand = {
     [brand]: "ValModule";
 };
 export type InferValModuleType<T extends ValModule<SelectorSource>> = T extends GenericSelector<infer S> ? S : never;
-export type ReplaceRawStringWithString<T extends SelectorSource> = SelectorSource extends T ? T : T extends RawString ? string : T extends ImageSelector ? ImageSource : T extends {
+export type ReplaceRawStringWithString<T extends SelectorSource> = SelectorSource extends T ? T : T extends RawString ? string : T extends {
     [key in string]: SelectorSource;
 } ? {
     [key in keyof T]: ReplaceRawStringWithString<T[key]>;
 } : T extends SelectorSource[] ? ReplaceRawStringWithString<T[number]>[] : T;
 export declare function define<T extends Schema<SelectorSource>>(id: string, // TODO: `/${string}`
 schema: T, source: ReplaceRawStringWithString<SelectorOfSchema<T>>): ValModule<SelectorOfSchema<T>>;
-export declare function enrichFileImageRemoteSourceWithMetadata<T extends SelectorSource>(source: T, schema: Schema<SelectorSource>): T;
 export declare function getSource<T extends Source>(valModule: ValModule<T>): T;
 export declare function splitModuleFilePathAndModulePath(path: SourcePath | ModuleFilePath): [moduleId: ModuleFilePath, path: ModulePath];
 export declare function joinModuleFilePathAndModulePath(moduleFilePath: ModuleFilePath, modulePath: ModulePath): SourcePath;

package/dist/declarations/src/preview.d.ts

@@ -0,0 +1,98 @@
+import { Schema } from "./schema/index.js";
+import { SelectorSource } from "./selector/index.js";
+import { ImageSource } from "./source/media.js";
+import { ModuleFilePath, SourcePath } from "./val/index.js";
+/**
+ * What a container shows for ONE of its items: the user's `preview` callback
+ * returns this, and the Studio draws a row from it.
+ *
+ * NB: {@link ArrayPreview} / {@link RecordPreview} name the DATA a container
+ * previews with. The Studio also has React components called `ArrayPreview` /
+ * `RecordPreview` (the fallback rendering of an array / record field, part of
+ * the `<Type>Preview` convention in `components/Preview.tsx`). They do not
+ * collide today because no file needs both - if one ever does, alias this type
+ * at the import rather than renaming that convention.
+ */
+export type PreviewItem = {
+    title: string;
+    subtitle?: string | null;
+    image?: ImageSource | null;
+};
+export type RecordPreview = {
+    parent: "record";
+    items: [key: string, value: PreviewItem][];
+};
+export type ArrayPreview = {
+    parent: "array";
+    /**
+     * The previewed items, each PAIRED WITH ITS INDEX - the same
+     * `[key, value][]` shape {@link RecordPreview} uses.
+     *
+     * Not a positionally-indexed array, and the reason is
+     * {@link PreviewScope}: a preview computed for a subset of paths carries only
+     * those items, so `items[i]` would silently read the wrong row. Carrying the
+     * index makes a windowed preview impossible to misread - a consumer looks its
+     * index up rather than trusting a position - and makes the array and record
+     * shapes symmetric.
+     */
+    items: [index: number, value: PreviewItem][];
+};
+/**
+ * Main preview type.
+ *
+ * Deliberately not exported: `parent` is the discriminant, and every consumer
+ * narrows on it rather than on the union as a whole. There is no `layout` here
+ * on purpose - how a preview is laid out is the editor's business, not the
+ * schema's.
+ */
+type PreviewTypes = RecordPreview | ArrayPreview;
+type WithStatus<T> = {
+    status: "error";
+    message: string;
+} | {
+    status: "loading";
+    data?: T;
+} | {
+    status: "success";
+    data: T;
+};
+export type ReifiedPreview = Record<SourcePath | ModuleFilePath, WithStatus<PreviewTypes>>;
+/**
+ * Which paths a preview is being computed FOR.
+ *
+ * `executePreview` takes a whole module, so one request has always walked every
+ * node in it and run every `preview` closure - for `handboka`, with `preview` at
+ * two nested array levels, that is every chapter and every section to serve one
+ * visible row. A scope is what makes the walk proportional to what is being
+ * looked at instead of to the project.
+ *
+ * Two questions, because a container and its items need different answers:
+ *
+ * - {@link PreviewScope.wants} - is a preview AT this exact path wanted? A
+ *   container answers `true` here when the whole of it is being shown, and its
+ *   preview is then computed in full.
+ * - {@link PreviewScope.wantsUnder} - could anything at or below this path be
+ *   wanted? Recursion is pruned where this is `false`, and a container whose own
+ *   path is not wanted but which has wanted descendants previews a WINDOW: only
+ *   the items that were asked for. That is the case a single visible row is, and
+ *   it is why {@link ArrayPreview} carries indices.
+ *
+ * Absent scope means the whole module, which is what every existing caller
+ * passes and what every existing caller got.
+ */
+export type PreviewScope = {
+    wants(path: SourcePath | ModuleFilePath): boolean;
+    wantsUnder(path: SourcePath | ModuleFilePath): boolean;
+};
+/**
+ * A scope covering exactly `paths` and their subtrees.
+ *
+ * Compares SEGMENTS rather than string prefixes. A source path's module path is
+ * a quoted, dot-joined encoding (`?p="a".1."b"`), so `startsWith` gets the
+ * ancestor test wrong wherever a key is a prefix of a sibling key or contains a
+ * dot or a quote - `"title"` against `"titles"` being the cheapest example.
+ * Segments are parsed once here, not per comparison.
+ */
+export declare function previewScope(paths: readonly SourcePath[]): PreviewScope;
+export type PreviewSelector<T extends Schema<SelectorSource>> = T extends Schema<infer S> ? S : never;
+export {};

package/dist/declarations/src/render.d.ts

@@ -1,100 +1,36 @@
-import { Schema } from "./schema/index.js";
-import { ImageMetadata } from "./schema/image.js";
-import { SelectorSource } from "./selector/index.js";
-import { ImageSource } from "./source/image.js";
-import { RemoteSource } from "./source/remote.js";
-import { ModuleFilePath, SourcePath } from "./val/index.js";
-export type ListRecordRender = {
-    layout: "list";
-    parent: "record";
-    items: [
-        key: string,
-        value: {
-            title: string;
-            subtitle?: string | null;
-            image?: ImageSource | RemoteSource<ImageMetadata> | null;
-        }
-    ][];
-};
-export type ListArrayRender = {
-    layout: "list";
-    parent: "array";
-    /**
-     * The rendered items, each PAIRED WITH ITS INDEX — the same
-     * `[key, value][]` shape {@link ListRecordRender} uses.
-     *
-     * Not a positionally-indexed array, and the reason is
-     * {@link RenderScope}: a render computed for a subset of paths carries only
-     * those items, so `items[i]` would silently read the wrong row. Carrying the
-     * index makes a windowed render impossible to misread — a consumer looks its
-     * index up rather than trusting a position — and makes the array and record
-     * shapes symmetric.
-     */
-    items: [
-        index: number,
-        value: {
-            title: string;
-            subtitle?: string | null;
-            image?: ImageSource | RemoteSource<ImageMetadata> | null;
-        }
-    ][];
-};
-export type TextareaRender = {
-    layout: "textarea";
-};
-export type CodeLanguage = "typescript" | "javascript" | "javascriptreact" | "typescriptreact" | "json" | "java" | "html" | "css" | "xml" | "markdown" | "sql" | "python" | "rust" | "php" | "go" | "cpp" | "sass" | "vue" | "angular";
-export type CodeRender = {
-    layout: "code";
-    language: CodeLanguage;
-};
-type RenderTypes = ListRecordRender | ListArrayRender | TextareaRender | CodeRender;
-type WithStatus<T> = {
-    status: "error";
-    message: string;
-} | {
-    status: "loading";
-    data?: T;
-} | {
-    status: "success";
-    data: T;
-};
-export type ReifiedRender = Record<SourcePath | ModuleFilePath, WithStatus<RenderTypes>>;
 /**
- * Which paths a render is being computed FOR.
+ * A RENDER is how one field is laid out in the editor: `s.string().render({ as:
+ * "textarea" })`, `.render({ as: "code", language })`.
  *
- * `executeRender` takes a whole module, so one request has always walked every
- * node in it and run every `select` closure — for `handboka`, with `select` at
- * two nested array levels, that is every chapter and every section to serve one
- * visible row. A scope is what makes the walk proportional to what is being
- * looked at instead of to the project.
+ * It is static configuration - plain data, with no closure behind it and no
+ * dependency on source - which is why it lives in the SERIALIZED schema
+ * (`SerializedStringSchema.render`) and is read straight off it where the field
+ * is drawn. There is no render pipeline, no store and no host round-trip.
  *
- * Two questions, because a container and its items need different answers:
+ * That "static" is an ASSUMPTION we are taking deliberately, for simplicity,
+ * not a law. A future render could plausibly want to depend on source - a
+ * layout that varies with the value, a callback of its own. If that day comes,
+ * the shape it needs back is `executePreview`'s, and the honest move is to give
+ * `render` its own execute/store pair again. It is NOT to re-merge the two:
+ * conflating them is what this file was split up to undo.
  *
- * - {@link RenderScope.wants} — is a render AT this exact path wanted? A
- *   container answers `true` here when the whole of it is being shown, and its
- *   list render is then computed in full.
- * - {@link RenderScope.wantsUnder} — could anything at or below this path be
- *   wanted? Recursion is pruned where this is `false`, and a container whose own
- *   path is not wanted but which has wanted descendants renders a WINDOW: only
- *   the items that were asked for. That is the case a single visible row is, and
- *   it is why {@link ListArrayRender} carries indices.
- *
- * Absent scope means the whole module, which is what every existing caller
- * passes and what every existing caller got.
+ * The dynamic, source-dependent, demand-scoped thing - what a container shows
+ * for its items - is a PREVIEW. See `preview.ts`.
  */
-export type RenderScope = {
-    wants(path: SourcePath | ModuleFilePath): boolean;
-    wantsUnder(path: SourcePath | ModuleFilePath): boolean;
-};
 /**
- * A scope covering exactly `paths` and their subtrees.
- *
- * Compares SEGMENTS rather than string prefixes. A source path's module path is
- * a quoted, dot-joined encoding (`?p="a".1."b"`), so `startsWith` gets the
- * ancestor test wrong wherever a key is a prefix of a sibling key or contains a
- * dot or a quote — `"title"` against `"titles"` being the cheapest example.
- * Segments are parsed once here, not per comparison.
+ * The list is the declaration and {@link CodeLanguage} is derived from it, so
+ * that a validator elsewhere (`shared`'s zod schema) can enumerate the same
+ * languages without a second copy that drifts. Same shape as `COLOR_FORMATS`.
+ */
+export declare const CODE_LANGUAGES: readonly ["typescript", "javascript", "javascriptreact", "typescriptreact", "json", "java", "html", "css", "xml", "markdown", "sql", "python", "rust", "php", "go", "cpp", "sass", "vue", "angular"];
+export type CodeLanguage = (typeof CODE_LANGUAGES)[number];
+/**
+ * What `s.string().render(...)` takes, and what the serialized schema carries
+ * verbatim.
  */
-export declare function renderScope(paths: readonly SourcePath[]): RenderScope;
-export type RenderSelector<T extends Schema<SelectorSource>> = T extends Schema<infer S> ? S : never;
-export {};
+export type StringRender = {
+    as: "textarea";
+} | {
+    as: "code";
+    language: CodeLanguage;
+};

package/dist/declarations/src/schema/array.d.ts

@@ -1,7 +1,6 @@
 import { Schema, SchemaAssertResult, SelectorOfSchema, SerializedSchema } from "./index.js";
-import { RenderSelector, ReifiedRender, RenderScope } from "../render.js";
+import { PreviewItem, PreviewSelector, ReifiedPreview, PreviewScope } from "../preview.js";
 import { SelectorSource } from "../selector/index.js";
-import { ImageSource } from "../source/image.js";
 import { ModuleFilePath, SourcePath } from "../val/index.js";
 import { ValidationError, ValidationErrors } from "./validation/ValidationError.js";
 export type SerializedArraySchema = {
@@ -9,30 +8,23 @@ export type SerializedArraySchema = {
     item: SerializedSchema;
     opt: boolean;
     /**
-     * Set when this schema declares a `render`.
+     * Set when this schema declares a `preview`.
      *
-     * The render itself cannot be serialized — `select` is a user closure — but
-     * whether one EXISTS can be, and that is worth carrying: it lets the non-host
-     * side skip asking the host to render a module that cannot produce one.
-     * Measured in a browser: mounting 260 fields across 141 modules spent ~2.3ms
-     * of 3.1ms calling `executeRender` on modules that returned nothing.
+     * The preview itself cannot be serialized — it is a user closure — but whether
+     * one EXISTS can be, and that is worth carrying: it lets the non-host side
+     * skip asking the host to preview a module that cannot produce one. Measured
+     * in a browser: mounting 260 fields across 141 modules spent ~2.3ms of 3.1ms
+     * calling `executePreview` on modules that returned nothing.
      */
-    render?: true;
+    preview?: true;
     customValidate?: boolean;
     readonly?: boolean;
     hidden?: boolean;
     description?: string;
 };
-type ArrayRenderInput<T extends Schema<SelectorSource>> = {
-    as: "list";
-    select: (input: {
-        val: RenderSelector<T>;
-    }) => {
-        title: string;
-        subtitle?: string | null;
-        image?: ImageSource | null;
-    };
-};
+type ArrayPreviewInput<T extends Schema<SelectorSource>> = (input: {
+    val: PreviewSelector<T>;
+}) => PreviewItem;
 export declare class ArraySchema<T extends Schema<SelectorSource>, Src extends SelectorOfSchema<T>[] | null> extends Schema<Src> {
     private readonly item;
     private readonly opt;
@@ -40,8 +32,8 @@ export declare class ArraySchema<T extends Schema<SelectorSource>, Src extends S
     private readonly isReadonly;
     private readonly isHidden;
     private readonly description?;
-    private readonly renderInput;
-    constructor(item: T, opt?: boolean, customValidateFunctions?: ((src: Src) => false | string)[], isReadonly?: boolean, isHidden?: boolean, description?: string | undefined, renderInput?: ArrayRenderInput<T> | null);
+    private readonly previewInput;
+    constructor(item: T, opt?: boolean, customValidateFunctions?: ((src: Src) => false | string)[], isReadonly?: boolean, isHidden?: boolean, description?: string | undefined, previewInput?: ArrayPreviewInput<T> | null);
     describe(description: string | null): ArraySchema<T, Src>;
     validate(validationFunction: (src: Src) => false | string): ArraySchema<T, Src>;
     protected executeValidate(path: SourcePath, src: Src): ValidationErrors;
@@ -51,8 +43,15 @@ export declare class ArraySchema<T extends Schema<SelectorSource>, Src extends S
     hidden(): ArraySchema<T, Src>;
     protected executeCustomValidateAt(path: SourcePath, src: Src): ValidationError[];
     protected executeSerialize(): SerializedArraySchema;
-    protected executeRender(sourcePath: SourcePath | ModuleFilePath, src: Src, scope?: RenderScope): ReifiedRender;
-    render(input: ArrayRenderInput<T>): ArraySchema<T, Src>;
+    protected executePreview(sourcePath: SourcePath | ModuleFilePath, src: Src, scope?: PreviewScope): ReifiedPreview;
+    /**
+     * What the editor shows for each ITEM of this array: a title, and optionally a
+     * subtitle and an image.
+     *
+     * `select` is your own code over the item's source, so it is run on demand for
+     * the rows that are actually being looked at — see `PreviewScope`.
+     */
+    preview(select: ArrayPreviewInput<T>): ArraySchema<T, Src>;
 }
 export declare const array: <S extends Schema<SelectorSource>>(schema: S) => ArraySchema<S, SelectorOfSchema<S>[]>;
 export {};

package/dist/declarations/src/schema/boolean.d.ts

@@ -1,5 +1,5 @@
 import { CustomValidateFunction, Schema, SchemaAssertResult, SerializedSchema } from "./index.js";
-import { ReifiedRender } from "../render.js";
+import { ReifiedPreview } from "../preview.js";
 import { SourcePath } from "../val/index.js";
 import { ValidationError, ValidationErrors } from "./validation/ValidationError.js";
 export type SerializedBooleanSchema = {
@@ -26,6 +26,6 @@ export declare class BooleanSchema<Src extends boolean | null> extends Schema<Sr
     hidden(): BooleanSchema<Src>;
     protected executeCustomValidateAt(path: SourcePath, src: Src): ValidationError[];
     protected executeSerialize(): SerializedSchema;
-    protected executeRender(): ReifiedRender;
+    protected executePreview(): ReifiedPreview;
 }
 export declare const boolean: () => BooleanSchema<boolean>;

package/dist/declarations/src/schema/color.d.ts

@@ -1,5 +1,5 @@
 import { CustomValidateFunction, Schema, SchemaAssertResult, SerializedSchema } from "./index.js";
-import { ReifiedRender } from "../render.js";
+import { ReifiedPreview } from "../preview.js";
 import { SourcePath } from "../val/index.js";
 import { ColorFormat } from "./colorFormat.js";
 import { RawString } from "./string.js";
@@ -52,6 +52,6 @@ export declare class ColorSchema<Src extends string | null> extends Schema<Src>
     readonly(): ColorSchema<Src>;
     hidden(): ColorSchema<Src>;
     protected executeSerialize(): SerializedSchema;
-    protected executeRender(): ReifiedRender;
+    protected executePreview(): ReifiedPreview;
 }
 export declare const color: (options?: ColorOptions) => ColorSchema<RawString>;

package/dist/declarations/src/schema/date.d.ts

@@ -1,5 +1,5 @@
 import { CustomValidateFunction, Schema, SchemaAssertResult, SerializedSchema } from "./index.js";
-import { ReifiedRender } from "../render.js";
+import { ReifiedPreview } from "../preview.js";
 import { SourcePath } from "../val/index.js";
 import { RawString } from "./string.js";
 import { ValidationError, ValidationErrors } from "./validation/ValidationError.js";
@@ -47,7 +47,7 @@ export declare class DateSchema<Src extends string | null> extends Schema<Src> {
     hidden(): DateSchema<Src>;
     protected executeCustomValidateAt(path: SourcePath, src: Src): ValidationError[];
     protected executeSerialize(): SerializedSchema;
-    protected executeRender(): ReifiedRender;
+    protected executePreview(): ReifiedPreview;
 }
 export declare const date: (options?: Record<string, never>) => DateSchema<RawString>;
 export {};

package/dist/declarations/src/schema/datetime.d.ts

@@ -1,5 +1,5 @@
 import { CustomValidateFunction, Schema, SchemaAssertResult, SerializedSchema } from "./index.js";
-import { ReifiedRender } from "../render.js";
+import { ReifiedPreview } from "../preview.js";
 import { SourcePath } from "../val/index.js";
 import { RawString } from "./string.js";
 import { ValidationError, ValidationErrors } from "./validation/ValidationError.js";
@@ -51,7 +51,7 @@ export declare class DateTimeSchema<Src extends string | null> extends Schema<Sr
     hidden(): DateTimeSchema<Src>;
     protected executeCustomValidateAt(path: SourcePath, src: Src): ValidationError[];
     protected executeSerialize(): SerializedSchema;
-    protected executeRender(): ReifiedRender;
+    protected executePreview(): ReifiedPreview;
 }
 export declare const datetime: (options?: Record<string, never>) => DateTimeSchema<RawString>;
 export {};

package/dist/declarations/src/schema/file.d.ts

@@ -1,10 +1,10 @@
-import { Json } from "../Json.js";
-import { FileSource } from "../source/file.js";
+import { FileSource, GalleryFileSource } from "../source/media.js";
+export type { FileMetadata } from "../source/file.js";
 import { CustomValidateFunction, Schema, SchemaAssertResult, SerializedSchema } from "./index.js";
 import { ModulePath, SourcePath } from "../val/index.js";
 import { ValidationError, ValidationErrors } from "./validation/ValidationError.js";
-import { RemoteSource, ValModule } from "../index.js";
-import { ReifiedRender } from "../render.js";
+import { ValModule } from "../index.js";
+import { ReifiedPreview } from "../preview.js";
 import { FilesEntryMetadata } from "./files.js";
 export type FileOptions = {
     accept?: string;
@@ -20,10 +20,7 @@ export type SerializedFileSchema = {
     hidden?: boolean;
     description?: string;
 };
-export type FileMetadata = {
-    mimeType?: string;
-};
-export declare class FileSchema<Src extends FileSource<FileMetadata | undefined> | RemoteSource<FileMetadata | undefined> | null> extends Schema<Src> {
+export declare class FileSchema<Src extends FileSource | null> extends Schema<Src> {
     private readonly options?;
     private readonly opt;
     protected readonly isRemote: boolean;
@@ -34,23 +31,26 @@ export declare class FileSchema<Src extends FileSource<FileMetadata | undefined>
     private readonly description?;
     constructor(options?: FileOptions | undefined, opt?: boolean, isRemote?: boolean, customValidateFunctions?: CustomValidateFunction<Src>[], moduleMetadata?: Record<ModulePath, Record<string, FilesEntryMetadata>>, isReadonly?: boolean, isHidden?: boolean, description?: string | undefined);
     describe(description: string | null): FileSchema<Src>;
-    remote(): FileSchema<Src | RemoteSource<FileMetadata | undefined>>;
+    remote(): FileSchema<Src>;
     validate(validationFunction: CustomValidateFunction<Src>): FileSchema<Src>;
     protected executeValidate(path: SourcePath, src: Src): ValidationErrors;
+    /**
+     * The entries of the gallery this field points at, or null when it is a
+     * standalone field.
+     */
+    private galleryEntries;
     protected executeAssert(path: SourcePath, src: unknown): SchemaAssertResult<Src>;
     nullable(): FileSchema<Src | null>;
     readonly(): FileSchema<Src>;
     hidden(): FileSchema<Src>;
     protected executeCustomValidateAt(path: SourcePath, src: Src): ValidationError[];
     protected executeSerialize(): SerializedSchema;
-    protected executeRender(): ReifiedRender;
+    protected executePreview(): ReifiedPreview;
 }
-export declare const file: (options?: FileOptions | ValModule<Record<string, FilesEntryMetadata>>) => FileSchema<FileSource | RemoteSource<FileMetadata | undefined>>;
-export declare function convertFileSource<Metadata extends {
-    readonly [key: string]: Json;
-} | undefined = {
-    readonly [key: string]: Json;
-} | undefined>(src: FileSource<Metadata>): {
-    url: string;
-    metadata?: Metadata;
-};
+/**
+ * A file picked from a gallery. Its mime type lives in the gallery, so the
+ * field carries only the path.
+ */
+export declare function file(galleryModule: ValModule<Record<string, FilesEntryMetadata>>): FileSchema<GalleryFileSource>;
+/** A file of its own, carrying its own mime type. */
+export declare function file(options?: FileOptions): FileSchema<FileSource>;