@udecode/plate-media - npm Package Compare versions

Comparing version 39.0.0 to 39.2.0

dist/index.d.ts

@@ -5,2 +5,3 @@ import * as _udecode_plate_core from '@udecode/plate-core';
 import { TEditor, InsertNodesOptions, SlateEditor, PluginConfig, ExtendEditor, SetNodesOptions } from '@udecode/plate-common';
+import * as _udecode_slate from '@udecode/slate';
 
@@ -95,3 +96,10 @@ interface InsertMediaOptions<E extends TEditor = TEditor> extends InsertNodesOptions<E> {
 type PlaceholderConfig = PluginConfig<'placeholder', MediaPlaceholder>;
-declare const BasePlaceholderPlugin: _udecode_plate_core.SlatePlugin<PlaceholderConfig>;
+declare const BasePlaceholderPlugin: _udecode_plate_core.SlatePlugin<PluginConfig<"placeholder", MediaPlaceholder, {}, {
+    insert: {
+        audioPlaceholder: (options?: _udecode_slate.InsertNodesOptions<_udecode_plate_core.SlateEditor> | undefined) => void;
+        filePlaceholder: (options?: _udecode_slate.InsertNodesOptions<_udecode_plate_core.SlateEditor> | undefined) => void;
+        imagePlaceholder: (options?: _udecode_slate.InsertNodesOptions<_udecode_plate_core.SlateEditor> | undefined) => void;
+        videoPlaceholder: (options?: _udecode_slate.InsertNodesOptions<_udecode_plate_core.SlateEditor> | undefined) => void;
+    };
+}>>;
 
@@ -98,0 +106,0 @@ declare const insertPlaceholder: <E extends SlateEditor>(editor: E, mediaType: string, options?: InsertNodesOptions<E>) => void;

dist/index.js

@@ -525,14 +525,10 @@ "use strict";
 // src/lib/placeholder/BasePlaceholderPlugin.ts
-var import_plate_common11 = require("@udecode/plate-common");
-var BasePlaceholderPlugin = (0, import_plate_common11.createTSlatePlugin)({
-  key: "placeholder",
-  node: { isElement: true, isVoid: true }
-});
+var import_plate_common13 = require("@udecode/plate-common");
 
 // src/lib/placeholder/transforms/insertPlaceholder.ts
-var import_plate_common12 = require("@udecode/plate-common");
+var import_plate_common11 = require("@udecode/plate-common");
 var insertPlaceholder = (editor, mediaType, options) => {
-  (0, import_plate_common12.withoutNormalizing)(
+  (0, import_plate_common11.withoutNormalizing)(
     editor,
-    () => (0, import_plate_common12.insertNodes)(
+    () => (0, import_plate_common11.insertNodes)(
       editor,
@@ -554,4 +550,17 @@ {
 // src/lib/placeholder/transforms/setMediaNode.ts
-var import_plate_common13 = require("@udecode/plate-common");
-var setMediaNode = (editor, props, options) => (0, import_plate_common13.setNodes)(editor, props, options);
+var import_plate_common12 = require("@udecode/plate-common");
+var setMediaNode = (editor, props, options) => (0, import_plate_common12.setNodes)(editor, props, options);
+
+// src/lib/placeholder/BasePlaceholderPlugin.ts
+var BasePlaceholderPlugin = (0, import_plate_common13.createTSlatePlugin)({
+  key: "placeholder",
+  node: { isElement: true, isVoid: true }
+}).extendEditorTransforms(({ editor }) => ({
+  insert: {
+    audioPlaceholder: (0, import_plate_common13.bindFirst)(insertAudioPlaceholder, editor),
+    filePlaceholder: (0, import_plate_common13.bindFirst)(insertFilePlaceholder, editor),
+    imagePlaceholder: (0, import_plate_common13.bindFirst)(insertImagePlaceholder, editor),
+    videoPlaceholder: (0, import_plate_common13.bindFirst)(insertVideoPlaceholder, editor)
+  }
+}));
 // Annotate the CommonJS export names for ESM import in node:
@@ -558,0 +567,0 @@ 0 && (module.exports = {

dist/react/index.d.ts

@@ -472,3 +472,10 @@ import * as _udecode_plate_core_react from '@udecode/plate-core/react';
 
-declare const PlaceholderPlugin: _udecode_plate_core_react.PlatePlugin<_udecode_plate_core.PluginConfig<"placeholder", MediaPlaceholder, {}, {}>>;
+declare const PlaceholderPlugin: _udecode_plate_core_react.PlatePlugin<_udecode_plate_core.PluginConfig<"placeholder", MediaPlaceholder, {}, {
+    insert: {
+        audioPlaceholder: (options?: _udecode_slate.InsertNodesOptions<_udecode_plate_core.SlateEditor> | undefined) => void;
+        filePlaceholder: (options?: _udecode_slate.InsertNodesOptions<_udecode_plate_core.SlateEditor> | undefined) => void;
+        imagePlaceholder: (options?: _udecode_slate.InsertNodesOptions<_udecode_plate_core.SlateEditor> | undefined) => void;
+        videoPlaceholder: (options?: _udecode_slate.InsertNodesOptions<_udecode_plate_core.SlateEditor> | undefined) => void;
+    };
+}>>;
 
@@ -475,0 +482,0 @@ type Progresses = Record<string, number>;

dist/react/index.js

@@ -509,7 +509,37 @@ "use strict";
 // src/lib/placeholder/BasePlaceholderPlugin.ts
+var import_plate_common12 = require("@udecode/plate-common");
+
+// src/lib/placeholder/transforms/insertPlaceholder.ts
 var import_plate_common11 = require("@udecode/plate-common");
-var BasePlaceholderPlugin = (0, import_plate_common11.createTSlatePlugin)({
+var insertPlaceholder = (editor, mediaType, options) => {
+  (0, import_plate_common11.withoutNormalizing)(
+    editor,
+    () => (0, import_plate_common11.insertNodes)(
+      editor,
+      {
+        children: [{ text: "" }],
+        mediaType,
+        type: editor.getType(BasePlaceholderPlugin)
+      },
+      options
+    )
+  );
+};
+var insertImagePlaceholder = (editor, options) => insertPlaceholder(editor, BaseImagePlugin.key, options);
+var insertVideoPlaceholder = (editor, options) => insertPlaceholder(editor, BaseVideoPlugin.key, options);
+var insertAudioPlaceholder = (editor, options) => insertPlaceholder(editor, BaseAudioPlugin.key, options);
+var insertFilePlaceholder = (editor, options) => insertPlaceholder(editor, BaseFilePlugin.key, options);
+
+// src/lib/placeholder/BasePlaceholderPlugin.ts
+var BasePlaceholderPlugin = (0, import_plate_common12.createTSlatePlugin)({
   key: "placeholder",
   node: { isElement: true, isVoid: true }
-});
+}).extendEditorTransforms(({ editor }) => ({
+  insert: {
+    audioPlaceholder: (0, import_plate_common12.bindFirst)(insertAudioPlaceholder, editor),
+    filePlaceholder: (0, import_plate_common12.bindFirst)(insertFilePlaceholder, editor),
+    imagePlaceholder: (0, import_plate_common12.bindFirst)(insertImagePlaceholder, editor),
+    videoPlaceholder: (0, import_plate_common12.bindFirst)(insertVideoPlaceholder, editor)
+  }
+}));
 
@@ -524,4 +554,4 @@ // src/react/plugins.ts
 // src/react/image/ImagePreviewStore.ts
-var import_plate_common12 = require("@udecode/plate-common");
-var ImagePreviewStore = (0, import_plate_common12.createZustandStore)("imagePreview")({
+var import_plate_common13 = require("@udecode/plate-common");
+var ImagePreviewStore = (0, import_plate_common13.createZustandStore)("imagePreview")({
   boundingClientRect: {},
@@ -551,5 +581,5 @@ currentPreview: null,
 // src/react/image/openImagePreview.ts
-var import_plate_common13 = require("@udecode/plate-common");
+var import_plate_common14 = require("@udecode/plate-common");
 var getUrlList = (editor) => {
-  const enties = (0, import_plate_common13.getNodeEntries)(editor, {
+  const enties = (0, import_plate_common14.getNodeEntries)(editor, {
     at: [],
@@ -574,3 +604,3 @@ match: (n) => n.type === BaseImagePlugin.key
 var import_react3 = require("react");
-var import_plate_common14 = require("@udecode/plate-common");
+var import_plate_common15 = require("@udecode/plate-common");
 var import_react4 = require("@udecode/plate-common/react");
@@ -700,3 +730,3 @@
     const keydown = (e) => {
-      if ((0, import_plate_common14.isHotkey)("escape")(e)) {
+      if ((0, import_plate_common15.isHotkey)("escape")(e)) {
         e.stopPropagation();
@@ -827,3 +857,3 @@ onClose();
 var import_react8 = require("react");
-var import_plate_common15 = require("@udecode/plate-common");
+var import_plate_common16 = require("@udecode/plate-common");
 var useScaleInputState = () => {
@@ -868,3 +898,3 @@ const scale = useImagePreviewSelectors().scale();
       onKeyDown: (e) => {
-        if ((0, import_plate_common15.isHotkey)("enter")(e)) {
+        if ((0, import_plate_common16.isHotkey)("enter")(e)) {
           if (Number(value) <= 50) {
@@ -984,4 +1014,4 @@ setScale(0.5);
 // src/react/media/FloatingMedia/FloatingMediaStore.ts
-var import_plate_common16 = require("@udecode/plate-common");
-var FloatingMediaStore = (0, import_plate_common16.createZustandStore)("floatingMedia")({
+var import_plate_common17 = require("@udecode/plate-common");
+var FloatingMediaStore = (0, import_plate_common17.createZustandStore)("floatingMedia")({
   isEditing: false,
@@ -1020,3 +1050,3 @@ url: ""
 // src/react/media/FloatingMedia/submitFloatingMedia.ts
-var import_plate_common17 = require("@udecode/plate-common");
+var import_plate_common18 = require("@udecode/plate-common");
 var import_react16 = require("@udecode/plate-common/react");
@@ -1032,3 +1062,3 @@ var submitFloatingMedia = (editor, {
   }
-  const { isUrl: _isUrl = import_plate_common17.isUrl, transformUrl } = editor.getOptions(plugin);
+  const { isUrl: _isUrl = import_plate_common18.isUrl, transformUrl } = editor.getOptions(plugin);
   const isValid = _isUrl(url);
@@ -1039,3 +1069,3 @@ if (!isValid) return;
   }
-  (0, import_plate_common17.setNodes)(editor, {
+  (0, import_plate_common18.setNodes)(editor, {
     url
@@ -1110,3 +1140,3 @@ });
 // src/react/placeholder/PlaceholderPlugin.tsx
-var import_plate_common18 = require("@udecode/plate-common");
+var import_plate_common19 = require("@udecode/plate-common");
 var import_react19 = require("@udecode/plate-common/react");
@@ -1116,3 +1146,3 @@ var PlaceholderPlugin = (0, import_react19.toPlatePlugin)(BasePlaceholderPlugin, {
     onKeyDown: ({ editor, event }) => {
-      if ((0, import_plate_common18.isHotkey)("escape")(event)) {
+      if ((0, import_plate_common19.isHotkey)("escape")(event)) {
         (0, import_react19.blurEditor)(editor);
@@ -1166,3 +1196,3 @@ }
 // src/react/placeholder/usePlaceholderPopover.ts
-var import_plate_common19 = require("@udecode/plate-common");
+var import_plate_common20 = require("@udecode/plate-common");
 var import_react22 = require("@udecode/plate-common/react");
@@ -1177,3 +1207,3 @@ var import_slate_react3 = require("slate-react");
     // eslint-disable-next-line @typescript-eslint/no-shadow
-    (editor2) => !(0, import_plate_common19.isSelectionExpanded)(editor2),
+    (editor2) => !(0, import_plate_common20.isSelectionExpanded)(editor2),
     []
@@ -1180,0 +1210,0 @@ );

package.json

 {
   "name": "@udecode/plate-media",
-  "version": "39.0.0",
+  "version": "39.2.0",
   "description": "Plate Media plugin",
@@ -59,3 +59,3 @@ "keywords": [
   "peerDependencies": {
-    "@udecode/plate-common": ">=39.0.0",
+    "@udecode/plate-common": ">=39.1.8",
     "react": ">=16.8.0",
@@ -62,0 +62,0 @@ "react-dom": ">=16.8.0",

No alert changes

Improved metrics

Total package byte prevSize

324418

increased by4.16%

Lines of code

4124

increased by2.38%

No dependency changes