[EN COURS] add live editor mdx preview ref to #68

[PierreCrb]

https://github.com/premieroctet/formations/issues/68

Enregistrement.de.l.ecran.2022-08-29.a.18.08.25.mov

TODO :

• : Afficher les modifications en tant réel dans la preview
• : Lorsque l'on change une lettre il y a un rafraichissement => à fix

[PierreCrb]

Bug déjà fix :

• Bug présent avec tout les composants chakraui présent dans les MDX fix avec :

kentcdodds/mdx-bundler#113 (comment)
kentcdodds/mdx-bundler#87 (comment)

• fix les bug esbuild :

https://github.com/Arcath/arcath.net-next/blob/main/next.config.js#L11-L22

• fix l'import des images dans les mdx grâce à ce bout de code dans le bundleMDX :

 esbuildOptions: (options) => {
      options.loader = {
        ...options.loader,
        ".png": "dataurl",
        ".jpg": "dataurl",
        ".gif": "dataurl",
      };
      return options;
    },

Bug présent :

Il me reste encore ce dernier bug :

Je n'ai pas réussi à le fix, je n'ai trouvé aucune info dans la doc et c'est compliqué à debug, je vais regarder pour enregistrer les mdx en bdd directement je laisse cette PR ouverte.