Saved State

import { EmbedEditor } from '@embededitor/full/react';
import type { EditState } from '@embededitor/full/react';

const upload = async ({ dest, state }: { dest: File; state: EditState }) => {
  const body = new FormData();

  body.append('file', dest);
  body.append('state', JSON.stringify(state));
  await fetch('/api/photos', { body, method: 'POST' });
};

const PhotoEditor = ({ src }: { src: string }) => (
  <div style={{ height: 600 }}>
    <EmbedEditor onProcess={upload} src={src} />
  </div>
);

export default PhotoEditor;

import { mountEditor } from '@embededitor/full/standalone';

mountEditor(document.getElementById('editor'), {
  onProcess: async ({ dest, state }) => {
    const body = new FormData();

    body.append('file', dest);
    body.append('state', JSON.stringify(state));
    await fetch('/api/photos', { body, method: 'POST' });
  },
  src: '/photos/sunset.jpg'
});

<EmbedEditor src={photo.originalUrl} state={photo.state} />

mountEditor(document.getElementById('editor'), {
  src: photo.originalUrl,
  state: photo.state
});