Move the front page to cursor based pagination

assets/controllers/infinite_scroll_controller.js

@@ -22,9 +22,20 @@ export default class extends Controller {
         try {
             this.loadingValue = true;
 
-            const paginationElem = this.paginationTarget.getElementsByClassName('pagination__item--current-page')[0].nextElementSibling;
-            if (paginationElem.classList.contains('pagination__item--disabled')) {
-                throw new Error('No more pages');
+            const cursorPaginationElement = this.paginationTarget.getElementsByClassName('cursor-pagination');
+            let paginationElem = null;
+            if (cursorPaginationElement.length) {
+                console.log(cursorPaginationElement[0]);
+                const button = cursorPaginationElement[0].getElementsByTagName('a');
+                if (!button.length) {
+                    throw new Error('No more pages');
+                }
+                paginationElem = button[0];
+            } else {
+                paginationElem = this.paginationTarget.getElementsByClassName('pagination__item--current-page')[0].nextElementSibling;
+                if (paginationElem.classList.contains('pagination__item--disabled')) {
+                    throw new Error('No more pages');
+                }
             }
 
             if (window.infiniteScrollUrls.includes(paginationElem.href)) {

assets/styles/layout/_section.scss

@@ -71,3 +71,14 @@
     color: var(--kbin-alert-danger-text-color);
   }
 }
+
+.cursor-pagination .section {
+  text-align: center;
+  padding: .25rem;
+
+  a {
+    display: inline-block;
+    width: 25%;
+    min-width: 250px;
+  }
+}

config/mbin_routes/combined_api.yaml

@@ -1,3 +1,17 @@
+api_combined_cursor:
+    controller: App\Controller\Api\Combined\CombinedRetrieveApi::cursorCollection
+    path: /api/combined/2.0
+    methods: [ GET ]
+    format: json
+
+api_combined_user_cursor:
+    controller: App\Controller\Api\Combined\CombinedRetrieveApi::cursorUserCollection
+    path: /api/combined/2.0/{contentType}
+    requirements:
+        contentType: subscribed|moderated|favourited
+    methods: [ PUT ]
+    format: json
+
 api_combined:
   controller: App\Controller\Api\Combined\CombinedRetrieveApi::collection
   path: /api/combined

src/Controller/Api/BaseApi.php

@@ -41,6 +41,7 @@
 use App\Factory\PostFactory;
 use App\Factory\UserFactory;
 use App\Form\Constraint\ImageConstraint;
+use App\Pagination\Cursor\CursorPaginationInterface;
 use App\Repository\BookmarkListRepository;
 use App\Repository\BookmarkRepository;
 use App\Repository\Criteria;
@@ -55,6 +56,7 @@
 use App\Repository\ReputationRepository;
 use App\Repository\TagLinkRepository;
 use App\Repository\UserRepository;
+use App\Schema\CursorPaginationSchema;
 use App\Schema\PaginationSchema;
 use App\Service\BookmarkManager;
 use App\Service\InstanceManager;
@@ -233,6 +235,14 @@ public function serializePaginated(array $serializedItems, PagerfantaInterface $
         ];
     }
 
+    public function serializeCursorPaginated(array $serializedItems, CursorPaginationInterface $pagerfanta): array
+    {
+        return [
+            'items' => $serializedItems,
+            'pagination' => new CursorPaginationSchema($pagerfanta),
+        ];
+    }
+
     public function serializeContentInterface(ContentInterface $content, bool $forceVisible = false): mixed
     {
         $toReturn = null;