index.html

<!-- ...  -->
<script src="/elm.js"></script>
<script>
  const errorLogger = error => console.error(`App Error: ${error}`);
  const node = document.querySelector('#app');

  // add flags here
  const flags = {}
  try {
    const app = Elm.Main.init({ node, flags });

    // Подписывамся на команду sendDataToJs
    // создаем новое кастомное событие "draw-square"
    // в которое передаем объект с любыми данными, в нашем случае base64 картинку
    // в которой закодирован фиолетовый квадрат
    app.ports.sendDataToJs.subscribe((base64path) => {
      const event = new CustomEvent('draw-square', { 'detail': base64path });
      const customCanvas = document.getElementsByTagName('custom-canvas')[0];
      customCanvas.dispatchEvent(event);
    });

  } catch (e) {
    errorLogger(e);
    node.textContent = 'An error occurred while initializing the app';
  }
</script>
<!-- ...  -->