Skip to content

Latest commit

 

History

History
536 lines (322 loc) · 13.3 KB

CHANGELOG.md

File metadata and controls

536 lines (322 loc) · 13.3 KB
Raw

@udecode/plate-media

40.2.7

Patch Changes

40.2.4

Patch Changes

40.2.3

Patch Changes

  • #3790 by @felixfeng33 – Fix editor crash when inserting media into an empty paragraph.

40.2.1

Patch Changes

40.2.0

Minor Changes

  • #3753 by @felixfeng33 – PlaceholderPlugin: New updateUploadHistory withHistoryMark isHistoryMarking to fix undo to the loading state. editor.insert.insertMedia add options

    New option disableEmptyPlaceholder to hidden empty placeholder.

    Rename disabledDndPlugin to disableFileDrop

40.0.0

39.3.3

Patch Changes

39.3.2

Patch Changes

  • #3725 by @felixfeng33 – insertMedia: Should insert in the current block if it is empty.

39.3.1

Patch Changes

39.3.0

Minor Changes

  • #3708 by @felixfeng33 – ImagePlugin:

    • New initialHeight and initialWidth in TImageElement This will display a loading placeholder while the image is still loading, which helps maintain a consistent height.
    • New Api: editor.insert.imageFromFiles

    PlaceholderPlugin:

    • Mew placeholderId Used to track what was converted from that placeholder plugin.
    • New insertMedia Used for inserting the placeholder at once.
    • New validateFiles utils for validate the files meet the mediaConfig.
      • If validation fails,stop insert placeholder and save the error message in uploadErrorMessage.
    • New option.multiple maxFileCount Used to limit the number of placeholders inserted.
    • New option.disable disabledDndPlugin Used to using the browser drop.
    • New error use editor.useOption to watch and display a toast message.

39.2.13

Patch Changes

39.2.4

Patch Changes

39.2.0

Minor Changes

  • #3644 by @felixfeng33 – Add editor.tf.insert.audioPlaceholder, editor.tf.insert.filePlaceholder, editor.tf.insert.imagePlaceholder, editor.tf.insert.videoPlaceholder

39.0.0

38.0.6

Patch Changes

38.0.1

Patch Changes

38.0.0

37.0.0

Major Changes

  • #3420 by @zbeyens –
    • createMediaPlugin -> MediaPlugin
    • FloatingMediaUrlInput, submitFloatingMedia rename option pluginKey -> plugin
    • insertMediaEmbed remove key option

36.5.3

Patch Changes

36.2.2

Patch Changes

36.2.0

Minor Changes

  • #3384 by @12joan – Remove default align from useMediaState, allowing components to choose their own default align

36.0.10

Patch Changes

  • 1bc0971774fbfb770780c9bdb94746a6f0f196a0 by @12joan –
    • Require the url property returned from URL parsers passed to useMediaState to be a valid URL and have protocol https: or http:, if present.
    • In the return value of useMediaState, rename url to unsafeUrl to indicate that it has not been sanitised.

36.0.0

34.1.0

Minor Changes

34.0.2

Patch Changes

34.0.0

Minor Changes

33.0.2

Patch Changes

33.0.0

32.0.0

31.0.0

30.5.3

Patch Changes

  • 4cbed7159 by @zbeyens – Move @udecode/plate-common to peerDeps to fix a bug when multiple instances were installed

30.4.5

30.1.2

30.0.0

29.1.0

29.0.1

29.0.0

28.0.0

27.0.3

27.0.0

Patch Changes

25.0.1

25.0.0

Patch Changes

  • #2719 by @12joan – Pass additional options given to insertMedia to insertImage or insertMediaEmbed

24.5.2

24.4.0

Minor Changes

24.3.6

24.3.5

24.3.2

24.3.1

24.3.0

24.2.0

24.0.2

24.0.1

24.0.0

23.7.4

23.7.0

23.6.0

23.3.1

23.3.0

23.0.0

Major Changes

  • #2537 by @haydencarlson – MediaEmbedElement is now more headless with a smaller bundle size. Update the following components:

    • npx @udecode/plate-ui@latest add media-embed-element
      • now uses react-lite-youtube-embed for YouTube videos.
      • now uses react-tweet for Twitter tweets.
    • npx @udecode/plate-ui@latest add image-element

    Breaking changes:

    • Moved Resizable to @udecode/plate-resizable
    • Moved Caption, CaptionTextarea to @udecode/plate-caption
    • Removed useMediaEmbed, MediaEmbedVideo, MediaEmbedTweet, Tweet, parseMediaUrl, mediaStore
    • Removed @udecode/resizable, scriptjs, react-textarea-autosize dependencies
    • MediaPlugin
      • removed rules. Use parsers option instead.
      • removed disableCaption. Use createCaptionPlugin instead.
    • Caption is now a separate plugin. Install @udecode/plate-caption and add it to your plugins:
    import { ELEMENT_IMAGE, ELEMENT_MEDIA_EMBED } from '@udecode/plate-media';

createCaptionPlugin({
  options: { pluginKeys: [ELEMENT_IMAGE, ELEMENT_MEDIA_EMBED] },
});

22.0.2

22.0.1

22.0.0

Major Changes

Minor Changes

  • #2471 by @zbeyens – New exports:
    • insertMedia
    • useMediaState
    • useMediaToolbarButton

21.5.0

21.4.2

21.4.1

21.3.4

21.3.2

21.3.0

21.1.5

21.0.0

20.7.2

Patch Changes

  • #2366 by @zbeyens –
    • Fix freeze on image upload: This patch adds a check to ensure the given URL is valid before parsing and extracting video data using js-video-url-parser in the parseVideoUrl function.
    • Fix insert CSV: This patch modifies the logic in the withImageUpload function to ensure that it processes file uploads only if there is no plaintext present.

20.7.0

20.6.3

20.6.0

Minor Changes

20.5.0

Minor Changes

  • #2302 by @zbeyens –
    • Remove depedency on re-resizable in favor of new @udecode/resizable package.

20.4.0

20.3.2

Patch Changes

  • #2285 by @12joan – Ignore defaultPrevented keydown events

20.0.0

19.7.0

Patch Changes

19.5.0

19.4.4

19.4.2

19.2.0

19.1.1

19.1.0

19.0.3

19.0.1

19.0.0

18.15.0

18.13.1

Patch Changes

18.13.0

18.9.0

18.7.0

18.6.0

18.2.0

18.1.1

17.0.3

17.0.2

17.0.1

17.0.0

16.8.0

16.5.0

Minor Changes

16.3.0

16.2.0

16.1.0

16.0.2

16.0.1

Patch Changes

16.0.0

Major Changes

  • #1721 by @zbeyens –
    • removed:
      • useImageElement for useElement
      • MediaEmbedUrlInput for FloatingMediaUrlInput
      • parseEmbedUrl for parseMediaUrl
      • EmbedProviders
    • renamed:
      • ImageImg to Image
      • ImageCaptionTextarea to CaptionTextarea
      • useImageCaptionString to useCaptionString
      • ImageResizable to Resizable

Minor Changes

  • #1721 by @zbeyens –

    • createMediaEmbedPlugin default options:
    options: {
  transformUrl: parseIframeUrl,
  rules: [
    {
      parser: parseTwitterUrl,
      component: MediaEmbedTweet,
    },
    {
      parser: parseVideoUrl,
      component: MediaEmbedVideo,
    },
  ],
},
    • utils:
      • parseIframeUrl
      • parseMediaUrl
      • submitFloatingMedia
    • components:
      • MediaRoot
      • MediaEmbed
        • MediaEmbedTweet: used when provider is twitter
        • MediaEmbedVideo: used when provider is a video
      • FloatingMedia
      • FloatingMediaEditButton
      • FloatingMediaUrlInput
    • stores:
      • mediaStore
      • captionGlobalStore
      • floatingMediaStore
      • resizableStore
    • types:
    interface TResizableElement extends TElement {
  width?: number;
}

interface TImageElement extends TMediaElement {}

interface TCaptionElement extends TElement {
  caption?: TDescendant[];
}

interface TMediaElement extends TCaptionElement, TResizableElement {
  url: string;
}

type MediaUrlParser = (url: string) => EmbedUrlData | undefined;

type MediaPluginRule = {
  parser: MediaUrlParser;
  component?: RenderFunction<EmbedUrlData>;
};

interface MediaPlugin {
  isUrl?: (text: string) => boolean;

  /** Transforms the url. */
  transformUrl?: (url: string) => string;

  /**
   * List of rules. The first rule that matches the url will be used, i.e. its
   * component will be used to render the media. Used by `MediaEmbed`.
   */
  rules?: MediaPluginRule[];
}
    type EmbedUrlData = {
  url?: string;
  provider?: string;
  id?: string;
  component?: RenderFunction<EmbedUrlData>;
};