Function defaultHtmlContent

pages/news.ts:32–62

({ userArticles }: { userArticles: NewsFeedArticle[] })

}

function defaultHtmlContent({ userArticles }: { userArticles: NewsFeedArticle[] }) {
  return html`
    <main id="main">
      <section id="articles">
        ${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 Articles from '/public/components/news/Articles.js';

    const articlesElement = document.getElementById('articles');

    if (articlesElement) {
      const articlesApp = h(Articles, {
        initialArticles: ${serializeForInlineScript(userArticles || [])},
      });

      render(articlesApp, articlesElement);

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

export default page({
  get,