From 34637e5abb6aa786017ef2f8a70469f1505403c1 Mon Sep 17 00:00:00 2001
From: nikitalokhmachev-ai <n1kkqt@gmail.com>
Date: Thu, 8 May 2025 12:04:21 -0400
Subject: [PATCH 1/2] feat: sort by date

---
 src/argo-archive-list.ts | 76 +++++++++++++++++++++-------------------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/src/argo-archive-list.ts b/src/argo-archive-list.ts
index d914835..1c80838 100644
--- a/src/argo-archive-list.ts
+++ b/src/argo-archive-list.ts
@@ -163,43 +163,45 @@ export class ArgoArchiveList extends LitElement {
                     <span class="md-typescale-label-large">${dateLabel}</span>
                   </summary>
                   <md-list>
-                    ${pages.map((page) => {
-                      const u = new URL(page.url);
-                      return html`
-                        <md-list-item type="button" @click=${() => this._openPage(page)}>
-                          <div slot="start" class="leading-group">
-                            <md-checkbox
-                              slot="start"
-                              touch-target="wrapper"
-                              @click=${(e: Event) => e.stopPropagation()}
-                            ></md-checkbox>
-
-                            ${page.favIconUrl
-                              ? html`
-                                  <img
-                                    slot="start"
-                                    class="favicon"
-                                    src=${page.favIconUrl}
-                                    alt="favicon of ${u.hostname}"
-                                  />
-                                `
-                              : html`<md-icon slot="start">article</md-icon>`}
-                          </div>
-                          <div slot="headline" class="title-url">
-                            <span
-                              class="md-typescale-body-small title-text"
-                              style="--md-sys-typescale-body-small-weight: 700"
-                              >${page.title || page.url}</span
-                            >
-                            <a
-                              class="md-typescale-body-small base-url"
-                              style="--md-sys-typescale-body-small-weight: 700; color: gray"
-                              >${u.hostname}</a
-                            >
-                          </div>
-                        </md-list-item>
-                      `;
-                    })}
+                    ${pages
+                      .sort((a, b) => Number(b.ts) - Number(a.ts))
+                      .map((page) => {
+                        const u = new URL(page.url);
+                        return html`
+                          <md-list-item type="button" @click=${() => this._openPage(page)}>
+                            <div slot="start" class="leading-group">
+                              <md-checkbox
+                                slot="start"
+                                touch-target="wrapper"
+                                @click=${(e: Event) => e.stopPropagation()}
+                              ></md-checkbox>
+
+                              ${page.favIconUrl
+                                ? html`
+                                    <img
+                                      slot="start"
+                                      class="favicon"
+                                      src=${page.favIconUrl}
+                                      alt="favicon of ${u.hostname}"
+                                    />
+                                  `
+                                : html`<md-icon slot="start">article</md-icon>`}
+                            </div>
+                            <div slot="headline" class="title-url">
+                              <span
+                                class="md-typescale-body-small title-text"
+                                style="--md-sys-typescale-body-small-weight: 700"
+                                >${page.title || page.url}</span
+                              >
+                              <a
+                                class="md-typescale-body-small base-url"
+                                style="--md-sys-typescale-body-small-weight: 700; color: gray"
+                                >${u.hostname}</a
+                              >
+                            </div>
+                          </md-list-item>
+                        `;
+                      })}
                   </md-list>
                 </details>
               </md-elevated-card>

From 517871eecaf5ff8a1bd3872365aec2fb19b76181 Mon Sep 17 00:00:00 2001
From: nikitalokhmachev-ai <n1kkqt@gmail.com>
Date: Thu, 8 May 2025 12:07:38 -0400
Subject: [PATCH 2/2] feat: null check before sorting

---
 src/argo-archive-list.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/argo-archive-list.ts b/src/argo-archive-list.ts
index 1c80838..855ee38 100644
--- a/src/argo-archive-list.ts
+++ b/src/argo-archive-list.ts
@@ -163,7 +163,7 @@ export class ArgoArchiveList extends LitElement {
                     <span class="md-typescale-label-large">${dateLabel}</span>
                   </summary>
                   <md-list>
-                    ${pages
+                    ${(pages || [])
                       .sort((a, b) => Number(b.ts) - Number(a.ts))
                       .map((page) => {
                         const u = new URL(page.url);