Function defaultHtmlContent

pages/files.ts:86–143

(
  {
    userDirectories,
    userFiles,
    currentPath,
    baseUrl,
    isFileSharingAllowed,
    areDirectoryDownloadsAllowed,
    initialSortBy,
    initialSortOrder,
  }: {
    userDirectories: Directory[];
    userFiles: DirectoryFile[];
    currentPath: string;
    baseUrl: string;
    isFileSharingAllowed: boolean;
    areDirectoryDownloadsAllowed: boolean;
    initialSortBy: string;
    initialSortOrder: string;
  },
)

}

function defaultHtmlContent(
  {
    userDirectories,
    userFiles,
    currentPath,
    baseUrl,
    isFileSharingAllowed,
    areDirectoryDownloadsAllowed,
    initialSortBy,
    initialSortOrder,
  }: {
    userDirectories: Directory[];
    userFiles: DirectoryFile[];
    currentPath: string;
    baseUrl: string;
    isFileSharingAllowed: boolean;
    areDirectoryDownloadsAllowed: boolean;
    initialSortBy: string;
    initialSortOrder: string;
  },
) {
  return html`
    <main id="main">
      <section id="main-files">
        ${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 MainFiles from '/public/components/files/MainFiles.js';

    const mainFilesElement = document.getElementById('main-files');

    if (mainFilesElement) {
      const mainFilesApp = h(MainFiles, {
        initialDirectories: ${JSON.stringify(userDirectories)},
        initialFiles: ${JSON.stringify(userFiles)},
        initialPath: ${JSON.stringify(currentPath)},
        baseUrl: ${JSON.stringify(baseUrl)},
        isFileSharingAllowed: ${JSON.stringify(isFileSharingAllowed)},
        areDirectoryDownloadsAllowed: ${JSON.stringify(areDirectoryDownloadsAllowed)},
        initialSortBy: ${JSON.stringify(initialSortBy)},
        initialSortOrder: ${JSON.stringify(initialSortOrder)},
      });

      render(mainFilesApp, mainFilesElement);

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