DRAFT: Add Tubearchivist Frontend React dev docker setup (#768)

* Add development docker-compose file

* Add /new/ path in nginx conf

* Add frontend production setup

* Fix lint

* Refac move prod docker compose into non suffixed file

* Fix run.sh fileendings on windows

* Fix docker file naming consistancies

* Add frontend dev setup

* Add docker compose dev command

* Refac remove docker network

* Fix potential error causes

* Chore update react-router-dom

* Add redirect to login after logout

* Refac allow basic auth for session login in api

* Fix loginresponsetype optional property

* Refac move isAdmin check into page Base

* Refac use node lts for dev container

* Refac remove old setup in readme

* Refac move getisAdmin into loader and rename

* Refac remove manual csrf cookie handing from actions and loader

* Fix post requiring csrf header & cookie

* Fix remove empty files

* Refac revert dockerfile changes

* Refac revert gitatrributes changes

* Refac revert docker changes

* Refac revert nginx changes

* Refac revert docker change

* Refac move frontend into frontend folder

* Add production steps to dockerfile

* Refac implement endpoint renaming

* Refac remove frontend dockerfile

* Add credentials include for dev env

* Fix allow cors with credentials for dev environment

* Fix images in dev mode

* Add credentials for dev mode to all loader and actions, except signin

* Revert cors config

* Revert cors config

* Fix nginx not serving /youtube/

* Fix video url missing api

* Fix media url missing api

* Add application settings page

* Add continue vids

* Add csrf to delete requests

* Refac use api/video endpoint with filter to home, channel, playlist pages

* Add channel nav request

* Add channel playlists

* Fix filterbar for playlist in channel

* Add playlist_nav to video page

* Add downloads aggs

* Refac remove basic auth

* Fix credentials include in signin

* Refac user config to user me config

* Add ApiToken get

frontend/src/api/loader/loadDownloadQueue.ts

@@ -0,0 +1,35 @@
+import defaultHeaders from '../../configuration/defaultHeaders';
+import getApiUrl from '../../configuration/getApiUrl';
+import getFetchCredentials from '../../configuration/getFetchCredentials';
+import isDevEnvironment from '../../functions/isDevEnvironment';
+
+const loadDownloadQueue = async (page: number, channelId: string | null, showIgnored: boolean) => {
+  const apiUrl = getApiUrl();
+
+  const searchParams = new URLSearchParams();
+
+  if (page) {
+    searchParams.append('page', page.toString());
+  }
+
+  if (channelId) {
+    searchParams.append('channel', channelId);
+  }
+
+  searchParams.append('filter', showIgnored ? 'ignore' : 'pending');
+
+  const response = await fetch(`${apiUrl}/api/download/?${searchParams.toString()}`, {
+    headers: defaultHeaders,
+    credentials: getFetchCredentials(),
+  });
+
+  const playlist = await response.json();
+
+  if (isDevEnvironment()) {
+    console.log('loadDownloadQueue', playlist);
+  }
+
+  return playlist;
+};
+
+export default loadDownloadQueue;