edytor 1.0.0-rc.3 → 2.0.0

package/dist/plugins/media/MediaEmpty.svelte

@@ -1,57 +1,65 @@
+<script lang="ts" module>
+	import type { Snippet } from 'svelte';
+	import type { Plugin } from '../../plugins.js';
+	import { emptyHosts } from './EmptySlot.svelte';
+	import Self from './MediaEmpty.svelte';
+
+	export type MediaEmptyOptions = {
+		/**
+		 * An empty image's or media block's markup and its words (Notion's "Add
+		 * an image", "Embed a video"… and their link panel, a pasted or dropped
+		 * file's upload, or a readonly view's placeholder): it receives the
+		 * block's `MediaEmptyController` (`kind` says which: image, embed,
+		 * bookmark, file, video, audio).
+		 */
+		empty: Snippet<[MediaEmptyController]>;
+	};
+
+	/**
+	 * The empty image and media blocks' chrome: your `empty` snippet for each
+	 * of them (without the plugin, an empty block shows nothing). The first
+	 * listed claims the view.
+	 */
+	export const createMediaEmptyPlugin =
+		({ empty }: MediaEmptyOptions): Plugin =>
+		(edytor) => {
+			if (edytor && !emptyHosts.has(edytor)) emptyHosts.set(edytor, { Host: Self, empty });
+			return {};
+		};
+</script>
+
 <script lang="ts">
-	import { getContext, untrack } from 'svelte';
+	import { untrack } from 'svelte';
 	import type { Block } from '../../block/block.svelte.js';
 	import type { Edytor } from '../../edytor.svelte.js';
-	import { mediaEmpty, mediaLabels, type MediaKind } from './media.js';
-	import { MediaEmptyController } from './empty.svelte.js';
-	import { fileUploads, type Uploader } from '../uploads.svelte.js';
+	import type { MediaKind } from './media.js';
+	import { MediaEmptyController, type EmptyView } from './empty.svelte.js';
+	import { fileUploads } from '../uploads.svelte.js';
 
 	/**
-	 * A media block's empty state (the image's pattern, Notion): an "Add …"
-	 * button, then a link field (and Upload with an `upload`). `link` answers
-	 * whether it took the link; `file` stores an uploaded file's URL (an
-	 * upload fills `src`, and only a block still empty when it lands). A
-	 * readonly view, or a suggestion's preview (no `block`), shows a passive
-	 * placeholder: no control may run `upload` (or a bookmark's `unfurl`) for
-	 * a write the view would refuse. A pasted or dropped file (`media.files`)
-	 * shows its upload and progress here; a failed one opens the panel with
-	 * its error; data answered while the block was not shown fills it as soon
-	 * as it shows. Its state is a `MediaEmptyController`, which the view's
-	 * `empty` snippet for the kind renders instead of this markup.
+	 * An image's or a media block's empty state: a `MediaEmptyController`,
+	 * which the view's `empty` snippet draws. The kind in the
+	 * block's view (`viewOf`) stores the link, or an uploaded file's URL
+	 * (only on a block still empty when it lands). A readonly view, or a
+	 * suggestion's preview (no `block`), may not write: no control may run
+	 * `upload`. A pasted or dropped file shows its upload (`pending`); a
+	 * failed one opens the panel with its error; data answered while the
+	 * block was not shown fills it as soon as it shows.
 	 */
 	let {
 		block,
 		kind,
-		icon,
-		accept,
-		upload,
-		link,
-		file
+		viewOf,
+		empty
 	}: {
 		block: Block | undefined;
-		/** Whose words it shows, in the labels of the view rendering it (a suggestion's preview included). */
-		kind: MediaKind;
-		icon: string;
-		/** The file picker's `accept`. */
-		accept?: string;
-		upload?: Uploader;
-		link: (value: string) => boolean;
-		file?: (file: File, src: string) => boolean;
+		kind: MediaKind | 'image';
+		/** The kind in a view: how it stores a source. */
+		viewOf: (edytor: Edytor | undefined) => EmptyView | undefined;
+		/** The view's `empty` snippet. */
+		empty: Snippet<[MediaEmptyController]>;
 	} = $props();
-	/** The view rendering it (a suggestion's preview included): whose labels it shows. */
-	const view = getContext<Edytor>('edytor');
-	const panel = untrack(
-		() =>
-			new MediaEmptyController(block, kind, icon, () => mediaLabels[kind].of(view), {
-				accept,
-				upload,
-				link: (value) => link(value),
-				file: file && ((picked, src) => file(picked, src))
-			})
-	);
-	const empty = untrack(() => mediaEmpty.of(block?.edytor ?? view, kind));
-	const labels = $derived(panel.labels);
-	const { placeholder, submit, invalid } = $derived(panel.kindLabels);
+	const panel = untrack(() => new MediaEmptyController(block, kind, viewOf(block?.edytor)));
 	/** The upload of a pasted or dropped file into this block, if any. */
 	const pending = $derived(panel.pending);
 	// After the flush that shows the block: never inside the transaction that showed it.
@@ -71,51 +79,4 @@
 	});
 </script>
 
-{#if empty}
-	{@render empty(panel)}
-{:else if pending?.status === 'uploading'}
-	<div data-edytor-media-uploading role="status">
-		<span aria-hidden="true">{icon}</span>
-		<progress value={pending.progress ?? undefined} max="1"></progress>
-		{labels.uploading}
-	</div>
-{:else if panel.readonly}
-	<div data-edytor-media-placeholder><span aria-hidden="true">{icon}</span> {panel.label}</div>
-{:else}
-	<button
-		type="button"
-		data-edytor-media-add
-		onmousedown={(event) => event.preventDefault()}
-		onclick={panel.toggle}><span aria-hidden="true">{icon}</span> {panel.label}</button
-	>
-	{#if panel.open}
-		<div data-edytor-media-form>
-			<input
-				{placeholder}
-				aria-label={placeholder}
-				bind:value={panel.draft}
-				{@attach panel.field}
-			/>
-			<button type="button" onclick={() => panel.embed()}>{submit}</button>
-			{#if panel.canUpload}
-				<label data-edytor-media-upload>
-					{labels.upload}
-					<input
-						type="file"
-						{accept}
-						hidden
-						onchange={(event) => {
-							const picked = event.currentTarget.files?.[0];
-							if (picked) void panel.upload(picked);
-						}}
-					/>
-				</label>
-			{/if}
-			{#if panel.failed === 'upload'}
-				<small data-edytor-media-error="upload">{labels.uploadFailed}</small>
-			{:else if panel.failed}
-				<small data-edytor-media-error="invalid">{invalid}</small>
-			{/if}
-		</div>
-	{/if}
-{/if}
+{@render empty(panel)}

package/dist/plugins/media/MediaEmpty.svelte.d.ts

@@ -1,16 +1,32 @@
+import type { Snippet } from 'svelte';
+import type { Plugin } from '../../plugins.js';
+export type MediaEmptyOptions = {
+    /**
+     * An empty image's or media block's markup and its words (Notion's "Add
+     * an image", "Embed a video"… and their link panel, a pasted or dropped
+     * file's upload, or a readonly view's placeholder): it receives the
+     * block's `MediaEmptyController` (`kind` says which: image, embed,
+     * bookmark, file, video, audio).
+     */
+    empty: Snippet<[MediaEmptyController]>;
+};
+/**
+ * The empty image and media blocks' chrome: your `empty` snippet for each
+ * of them (without the plugin, an empty block shows nothing). The first
+ * listed claims the view.
+ */
+export declare const createMediaEmptyPlugin: ({ empty }: MediaEmptyOptions) => Plugin;
 import type { Block } from '../../block/block.svelte.js';
-import { type MediaKind } from './media.js';
-import { type Uploader } from '../uploads.svelte.js';
+import type { Edytor } from '../../edytor.svelte.js';
+import type { MediaKind } from './media.js';
+import { MediaEmptyController, type EmptyView } from './empty.svelte.js';
 type $$ComponentProps = {
     block: Block | undefined;
-    /** Whose words it shows, in the labels of the view rendering it (a suggestion's preview included). */
-    kind: MediaKind;
-    icon: string;
-    /** The file picker's `accept`. */
-    accept?: string;
-    upload?: Uploader;
-    link: (value: string) => boolean;
-    file?: (file: File, src: string) => boolean;
+    kind: MediaKind | 'image';
+    /** The kind in a view: how it stores a source. */
+    viewOf: (edytor: Edytor | undefined) => EmptyView | undefined;
+    /** The view's `empty` snippet. */
+    empty: Snippet<[MediaEmptyController]>;
 };
 declare const MediaEmpty: import("svelte").Component<$$ComponentProps, {}, "">;
 type MediaEmpty = ReturnType<typeof MediaEmpty>;

package/dist/plugins/media/SourceBlock.svelte

@@ -0,0 +1,200 @@
+<script module lang="ts">
+	import type { BlockDefinition, BlockSnippetPayload, Plugin } from '../../plugins.js';
+	import EmptySlot from './EmptySlot.svelte';
+	import Control from '../Control.svelte';
+	import { labelsOf, mediaEnglish } from '../../labels.js';
+	import { emptyHosts } from './EmptySlot.svelte';
+	import UploadPreview from './UploadPreview.svelte';
+	import { fileUploads, uploadHooks, type Uploader } from '../uploads.svelte.js';
+	import {
+		claimed,
+		escapeHtml,
+		fileNameOf,
+		mediaControl,
+		mediaLink,
+		mediaPlugin,
+		mediaSourceOf,
+		mediaView,
+		safeMediaSrc,
+		LINK_REL,
+		type FileRowPayload,
+		type MediaView
+	} from './media.js';
+
+	type SourceKind = 'video' | 'audio' | 'file';
+
+	/** The view's file row markup, if the app gave one. */
+	const rowOf = mediaControl('file', 'row');
+
+	/** The files each kind takes: a video, an audio track, any other file. */
+	const ACCEPTS: Record<SourceKind, (file: File) => boolean> = {
+		video: (file) => /^video\//i.test(file.type),
+		audio: (file) => /^audio\//i.test(file.type),
+		file: () => true
+	};
+
+	/**
+	 * The data a source stores: a `safeMediaSrc`, and a file's name (the
+	 * uploaded `file`'s, else its URL's last segment) and size; `null` for
+	 * no source.
+	 */
+	const sourceData = (kind: SourceKind, value: string, file?: File) => {
+		const src = safeMediaSrc(value);
+		if (!src) return null;
+		return kind === 'file'
+			? { src, name: file?.name || fileNameOf(src), ...(file ? { size: file.size } : {}) }
+			: { src };
+	};
+
+	/**
+	 * The plugin of a kind holding one source (a video, an audio track, an
+	 * attachment; Notion's): a media kind (`mediaPlugin`) drawn by this
+	 * snippet, a link or an uploaded file stored as one data write (a file's
+	 * whole data, its source, name and size; a video's or audio track's
+	 * `src`), and with an `upload` (its uploader), the pasted, dropped and
+	 * picked files it takes (`media.files`). A video or an audio track
+	 * exports as its tag in a `figure` and imports from one (bare, or in a
+	 * `figure`) with a safe `src` or `source`; the file kind brings its own
+	 * (`record`), and its `row` markup (`own`).
+	 */
+	export const sourcePlugin = (
+		kind: SourceKind,
+		keywords: string[],
+		record: Partial<BlockDefinition> = {
+			html: (block, caption) => {
+				const src = safeMediaSrc(block.data?.src);
+				// The tag, then its attributes: `<video src="…" controls></video>`.
+				const media = src ? `<${kind}` + ` src="${escapeHtml(src)}" controls></${kind}>` : '';
+				return `<figure>${media}<figcaption>${caption}</figcaption></figure>`;
+			},
+			parse: (el) => {
+				const src = mediaSourceOf(claimed(el, kind));
+				return src ? { src } : undefined;
+			}
+		},
+		own: Pick<MediaView, 'row'> = {},
+		upload?: Uploader
+	): Plugin =>
+		mediaPlugin(kind, keywords, (edytor) => {
+			return {
+				...own,
+				hooks: uploadHooks(edytor, upload),
+				store: (block, value, file) => {
+					const data = sourceData(kind, value, file);
+					if (!data) return 'invalid';
+					if (kind === 'file') block.edytor.patchData(block.id, [{ path: [], value: data }]);
+					else block.edytor.patchData(block.id, [{ path: ['src'], value: data.src }]);
+					return null;
+				},
+				record: {
+					snippet: source,
+					// Its files, with an `upload`: an Upload and pasted or dropped files.
+					...(upload && {
+						upload: {
+							send: upload,
+							accepts: ACCEPTS[kind],
+							fallback: kind === 'file',
+							data: (file: File, answer: string) => sourceData(kind, answer, file),
+							filled: (data: Record<string, unknown>) => safeMediaSrc(data.src) !== null
+						}
+					}),
+					...record
+				}
+			};
+		});
+</script>
+
+<!--
+	A file (its name and size, linking to it), a video or an audio track in
+	the browser's player, or the empty block until it has a source; its
+	caption below.
+-->
+{#snippet source({ block, content }: BlockSnippetPayload<Record<string, unknown>>)}
+	{@const src = safeMediaSrc(block.data.src)}
+	{@const pending =
+		block.handle && !src ? fileUploads(block.handle.edytor)?.of(block.id) : undefined}
+	{#if src && block.type === 'file'}
+		{@const name =
+			typeof block.data.name === 'string' && block.data.name ? block.data.name : fileNameOf(src)}
+		{@const size = typeof block.data.size === 'number' ? block.data.size : undefined}
+		<div use:block.void data-edytor-file>
+			<Control
+				own={rowOf}
+				{initial}
+				payload={{
+					block: block.handle,
+					src,
+					name,
+					size,
+					sizeLabel:
+						size === undefined
+							? ''
+							: labelsOf(block.handle?.edytor, 'media', mediaEnglish).fileSize(size),
+					uploading: false,
+					progress: null,
+					link: mediaLink({ draggable: 'false', download: name })
+				}}
+			/>
+		</div>
+	{:else if !src && pending?.status === 'uploading' && !emptyHosts.has(block.handle!.edytor)}
+		<!-- An upload with no empty markup to draw it: the file's name and size at once, its progress. -->
+		<div use:block.void data-edytor-media-empty>
+			{#if block.type === 'file' && pending.preview}
+				<Control
+					own={rowOf}
+					{initial}
+					payload={{
+						block: block.handle,
+						src: pending.preview,
+						name: pending.name,
+						size: pending.size,
+						sizeLabel: labelsOf(block.handle?.edytor, 'media', mediaEnglish).fileSize(pending.size),
+						uploading: true,
+						progress: pending.progress,
+						link: mediaLink({ draggable: 'false', download: pending.name })
+					}}
+				/>
+			{:else}
+				<UploadPreview upload={pending} />
+			{/if}
+		</div>
+	{:else if src && block.type === 'video'}
+		<div use:block.void data-edytor-video>
+			<!-- svelte-ignore a11y_media_has_caption -->
+			<video
+				{src}
+				controls
+				preload="metadata"
+				playsinline
+				draggable="false"
+				style="display: block; width: 100%"
+			></video>
+		</div>
+	{:else if src}
+		<div use:block.void data-edytor-audio>
+			<audio {src} controls preload="metadata" style="display: block; width: 100%"></audio>
+		</div>
+	{:else}
+		<div use:block.void data-edytor-media-empty>
+			<EmptySlot
+				block={block.handle}
+				kind={block.type as SourceKind}
+				viewOf={(edytor) => mediaView(edytor, block.type as SourceKind)}
+			/>
+		</div>
+	{/if}
+	<!-- The core renders the kind's <figure> around this markup. -->
+	<!-- svelte-ignore a11y_figcaption_parent -->
+	<figcaption>{@render content()}</figcaption>
+{/snippet}
+
+<!-- A file: its name and size, a link downloading it. -->
+{#snippet initial({ src, name, sizeLabel, link, uploading, progress }: FileRowPayload)}
+	<a href={src} target="_blank" rel={LINK_REL} draggable="false" download={name} {@attach link}>
+		<span aria-hidden="true">📎</span>
+		<span data-edytor-file-name>{name}</span>
+		{#if sizeLabel}<span data-edytor-file-size>{sizeLabel}</span>{/if}
+	</a>
+	{#if uploading}<progress data-edytor-file-progress value={progress ?? undefined} max="1"
+		></progress>{/if}
+{/snippet}

package/dist/plugins/media/SourceBlock.svelte.d.ts

@@ -0,0 +1,34 @@
+import type { BlockDefinition, Plugin } from '../../plugins.js';
+import { type Uploader } from '../uploads.svelte.js';
+import { type MediaView } from './media.js';
+type SourceKind = 'video' | 'audio' | 'file';
+/**
+ * The plugin of a kind holding one source (a video, an audio track, an
+ * attachment; Notion's): a media kind (`mediaPlugin`) drawn by this
+ * snippet, a link or an uploaded file stored as one data write (a file's
+ * whole data, its source, name and size; a video's or audio track's
+ * `src`), and with an `upload` (its uploader), the pasted, dropped and
+ * picked files it takes (`media.files`). A video or an audio track
+ * exports as its tag in a `figure` and imports from one (bare, or in a
+ * `figure`) with a safe `src` or `source`; the file kind brings its own
+ * (`record`), and its `row` markup (`own`).
+ */
+export declare const sourcePlugin: (kind: SourceKind, keywords: string[], record?: Partial<BlockDefinition>, own?: Pick<MediaView, "row">, upload?: Uploader) => Plugin;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const SourceBlock: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SourceBlock = InstanceType<typeof SourceBlock>;
+export default SourceBlock;

package/dist/plugins/media/UploadPreview.svelte

@@ -0,0 +1,32 @@
+<script module lang="ts">
+	import './upload.css';
+</script>
+
+<script lang="ts">
+	import { getContext } from 'svelte';
+	import type { Edytor } from '../../edytor.svelte.js';
+	import type { FileUpload } from '../uploads.svelte.js';
+	import { labelsOf, mediaEnglish } from '../../labels.js';
+
+	/**
+	 * A file uploading, the plugin's own markup when the view has no empty
+	 * markup to draw it: an image at once from its object URL (this view's
+	 * only, never stored) with the progress over it; another file's name and
+	 * size, then the progress (indeterminate until `upload` reports one).
+	 */
+	let {
+		upload,
+		image = false
+	}: { upload: Extract<FileUpload, { status: 'uploading' }>; image?: boolean } = $props();
+	const labels = labelsOf(getContext<Edytor>('edytor'), 'media', mediaEnglish);
+</script>
+
+<div data-edytor-upload data-edytor-upload-image={image ? '' : undefined} role="status">
+	{#if image && upload.preview}
+		<img src={upload.preview} alt={upload.name} draggable="false" />
+	{:else}
+		<span data-edytor-file-name>{upload.name}</span>
+		<span data-edytor-file-size>{labels.fileSize(upload.size)}</span>
+	{/if}
+	<progress value={upload.progress ?? undefined} max="1" aria-label={labels.uploading}></progress>
+</div>

package/dist/plugins/media/UploadPreview.svelte.d.ts

@@ -0,0 +1,11 @@
+import './upload.css';
+import type { FileUpload } from '../uploads.svelte.js';
+type $$ComponentProps = {
+    upload: Extract<FileUpload, {
+        status: 'uploading';
+    }>;
+    image?: boolean;
+};
+declare const UploadPreview: import("svelte").Component<$$ComponentProps, {}, "">;
+type UploadPreview = ReturnType<typeof UploadPreview>;
+export default UploadPreview;

package/dist/plugins/media/VideoPlugin.svelte

@@ -1,107 +1,24 @@
 <script module lang="ts">
-	import type { Plugin, BlockSnippetPayload } from '../../plugins.js';
-	import type { Block } from '../../block/block.svelte.js';
-	import type { Edytor } from '../../edytor.svelte.js';
-	import MediaEmpty from './MediaEmpty.svelte';
-	import { mediaKinds } from '../../crdt/semantics.js';
-	import { keywordsOf, labelsWith } from '../../labels.js';
-	import {
-		claimed,
-		escapeHtml,
-		mediaLabels,
-		mediaEmpty,
-		mediaSourceOf,
-		safeMediaSrc,
-		mediaUploads,
-		type MediaPluginOptions
-	} from './media.js';
+	import type { Plugin } from '../../plugins.js';
+	import { sourcePlugin } from './SourceBlock.svelte';
+	import type { Uploader } from '../uploads.svelte.js';
 
-	const uploadOf = new WeakMap<Edytor, MediaPluginOptions['upload']>();
-
-	const videoLink = (block: Block | undefined, value: string) => {
-		const src = safeMediaSrc(value);
-		if (!block || !src) return false;
-		block.data.src = src;
-		return true;
+	export type VideoPluginOptions = {
+		/**
+		 * Upload a video file and answer its URL: an empty block's Upload, and
+		 * the pasted and dropped video files, each placed as a block at once
+		 * (one undo step), showing its name and progress, then filled with the
+		 * URL this answers. Without it, videos are only linked.
+		 */
+		upload?: Uploader;
 	};
 
 	/**
 	 * Notion's video block: a video file (an `http(s)` link, or an upload
 	 * through `upload`) in the browser's player, with an editable caption.
-	 * A YouTube or Vimeo link is an embed (`embedPlugin`). Void: its only
+	 * A YouTube or Vimeo link is an embed (`createEmbedPlugin()`). Void: its only
 	 * text is the caption.
 	 */
-	export const createVideoPlugin =
-		(options: MediaPluginOptions = {}): Plugin =>
-		(edytor) => {
-			// First wins, as for the kind: a second listing never replaces it.
-			const first = !!edytor && !uploadOf.has(edytor);
-			if (first) uploadOf.set(edytor, options.upload);
-			const onPaste = first ? mediaUploads(edytor, 'video', options.upload) : undefined;
-			const labels = labelsWith('media', options.labels);
-			mediaLabels.video.claim(edytor, labels);
-			mediaEmpty.claim(edytor, 'video', options.empty);
-			return {
-				...(onPaste ? { onPaste } : {}),
-				blocks: {
-					video: {
-						...mediaKinds.video,
-						snippet: video,
-						element: 'figure',
-						presets: [
-							{
-								label: labels.video.label,
-								icon: '🎬',
-								keywords: keywordsOf('block.video', ['movie', 'mp4', 'clip'], options.keywords),
-								group: 'Media'
-							}
-						],
-						html: (block, caption) => {
-							const src = safeMediaSrc(block.data?.src);
-							const media = src ? `<video src="${escapeHtml(src)}" controls></video>` : '';
-							return `<figure>${media}<figcaption>${caption}</figcaption></figure>`;
-						},
-						// A `video` (bare, or in a `figure`) with a safe `src` or `source`.
-						parse: (el) => {
-							const src = mediaSourceOf(claimed(el, 'video'));
-							return src ? { src } : undefined;
-						}
-					}
-				}
-			};
-		};
-
-	/** The video block, links only. */
-	export const videoPlugin = createVideoPlugin();
+	export const createVideoPlugin = ({ upload }: VideoPluginOptions = {}): Plugin =>
+		sourcePlugin('video', ['movie', 'mp4', 'clip'], undefined, {}, upload);
 </script>
-
-{#snippet video({ block, content }: BlockSnippetPayload<{ src?: string }>)}
-	{@const src = safeMediaSrc(block.data.src)}
-	{#if src}
-		<div use:block.void data-edytor-video>
-			<!-- svelte-ignore a11y_media_has_caption -->
-			<video
-				{src}
-				controls
-				preload="metadata"
-				playsinline
-				draggable="false"
-				style="display: block; width: 100%"
-			></video>
-		</div>
-	{:else}
-		<div use:block.void data-edytor-media-empty>
-			<MediaEmpty
-				block={block.handle}
-				kind="video"
-				icon="🎬"
-				accept="video/*"
-				upload={block.handle && uploadOf.get(block.handle.edytor)}
-				link={(value) => videoLink(block.handle, value)}
-			/>
-		</div>
-	{/if}
-	<!-- The core renders the kind's <figure> around this markup. -->
-	<!-- svelte-ignore a11y_figcaption_parent -->
-	<figcaption>{@render content()}</figcaption>
-{/snippet}

package/dist/plugins/media/VideoPlugin.svelte.d.ts

@@ -1,14 +1,21 @@
 import type { Plugin } from '../../plugins.js';
-import { type MediaPluginOptions } from './media.js';
+import type { Uploader } from '../uploads.svelte.js';
+export type VideoPluginOptions = {
+    /**
+     * Upload a video file and answer its URL: an empty block's Upload, and
+     * the pasted and dropped video files, each placed as a block at once
+     * (one undo step), showing its name and progress, then filled with the
+     * URL this answers. Without it, videos are only linked.
+     */
+    upload?: Uploader;
+};
 /**
  * Notion's video block: a video file (an `http(s)` link, or an upload
  * through `upload`) in the browser's player, with an editable caption.
- * A YouTube or Vimeo link is an embed (`embedPlugin`). Void: its only
+ * A YouTube or Vimeo link is an embed (`createEmbedPlugin()`). Void: its only
  * text is the caption.
  */
-export declare const createVideoPlugin: (options?: MediaPluginOptions) => Plugin;
-/** The video block, links only. */
-export declare const videoPlugin: Plugin;
+export declare const createVideoPlugin: ({ upload }?: VideoPluginOptions) => Plugin;
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;