/*
  I have no clue what this format is but here we go!!!
*/

const fs = require('fs');

const jsString = fs.readFileSync('./src/client/assets/application.js');
const cssString = fs.readFileSync('./src/client/assets/application.css')


module.exports = ({
  content,
  readOnly,
  noteId,
  autofocus = true,
  title = 'quick-pad'
}) => `
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <title>${title}</title>
    <style>
      ${cssString}
    </style>
  </head>
  <body>
    <textarea ${autofocus ? 'autofocus' : ''} id="notepad" name="notepad">${content}</textarea>
    <a class="new-note" href='/new/' target="_blank">
      <svg>
        <line x1="0" y1="8" x2="16" y2="8" stroke="#000" stroke-width="3"/>
        <line x1="8" y1="0" x2="8" y2="16" stroke="#000" stroke-width="3"/>
      </svg>
    </a>
    <script>
      const Environment = ${JSON.stringify({readOnly, noteId, autofocus})};
      ${jsString}
    </script>
  </body>
</html>
`;

@@ -749,16 +749,39 @@
     %3Csvg
+ width=%2216%22 height=%2216%22
 %3E%0A      

fix dumb width/height issue with plus icon