add image id

wax-prosemirror-schema/src/nodes/imageNode.js

@@ -2,6 +2,7 @@ import { SchemaHelpers } from 'wax-prosemirror-utilities';
 
 const image = {
   attrs: {
+    id: { default: '' },
     src: {},
     alt: { default: null },
     title: { default: null },

wax-prosemirror-services/src/ImageService/AltComponent.js

@@ -18,6 +18,7 @@ export default ({ setPosition, position }) => {
 
   useLayoutEffect(() => {
     const WaxSurface = activeView.dom.getBoundingClientRect();
+    console.log(activeView.state.selection);
     const left = 300;
     const top = 500;
     setPosition({ ...position, left, top });

wax-prosemirror-services/src/ImageService/fileUpload.js

+import { v4 as uuidv4 } from 'uuid';
+
 const findPlaceholder = (state, id, placeholderPlugin) => {
   const decos = placeholderPlugin.getState(state);
   const found = decos.find(null, null, spec => spec.id === id);
@@ -39,6 +41,7 @@ export default (view, fileUpload, placeholderPlugin) => file => {
             // }),
             view.state.schema.nodes.image.create({
               src: url,
+              id: uuidv4(),
             }),
           )
           .setMeta(placeholderPlugin, { remove: { id } }),

wax-prosemirror-services/src/ImageService/image.css

@@ -30,4 +30,5 @@ figcaption:focus {
 figcaption:before {
    content: 'Caption: ';
    font-weight: bold;
-}
\ No newline at end of file
+}
+