Function defaultHtmlContent

pages/notes.ts:48–86

({ userDirectories, userNotes, currentPath }: {
  userDirectories: Directory[];
  userNotes: DirectoryFile[];
  currentPath: string;
})

}

function defaultHtmlContent({ userDirectories, userNotes, currentPath }: {
  userDirectories: Directory[];
  userNotes: DirectoryFile[];
  currentPath: string;
}) {
  const htmlContent = html`
    <main id="main">
      <section id="main-notes">
        ${Loading()}
      </section>
    </main>

    <script type="module">
    import { h, render, Fragment } from 'preact';

    // Imported files need some preact globals to work
    window.h = h;
    window.Fragment = Fragment;

    import MainNotes from '/public/components/notes/MainNotes.js';

    const mainNotesElement = document.getElementById('main-notes');

    if (mainNotesElement) {
      const mainNotesApp = h(MainNotes, {
        initialDirectories: ${JSON.stringify(userDirectories || [])},
        initialFiles: ${JSON.stringify(userNotes || [])},
        initialPath: ${JSON.stringify(currentPath)},
      });

      render(mainNotesApp, mainNotesElement);

      document.getElementById('loading')?.remove();
    }
    </script>
  `;

  return htmlContent;
}

export default page({
  get,