zzstoatzz.io
slack status without the slack
status.zzstoatzz.io/
quickslice
perf: use actorHandle from graphql on homepage
fetch statuses first and get handle from actorHandle field,
eliminating PLC lookup for users with existing statuses.
falls back to PLC lookup only for new users with no statuses.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+27
-23
site/app.js
+27
-23
site/app.js
···
764
window.location.reload();
765
return;
766
}
767
-
const handle = await resolveDidToHandle(user.did) || user.did;
768
769
// Load and apply preferences, set up settings/logout buttons
770
const prefs = await loadPreferences();
···
800
801
// Set page title with Bluesky profile link
802
document.getElementById('page-title').innerHTML = `<a href="https://bsky.app/profile/${handle}" target="_blank">@${handle}</a>`;
803
-
804
-
// Load user's statuses (full history)
805
-
const res = await fetch(`${CONFIG.server}/graphql`, {
806
-
method: 'POST',
807
-
headers: { 'Content-Type': 'application/json' },
808
-
body: JSON.stringify({
809
-
query: `
810
-
query GetUserStatuses($did: String!) {
811
-
ioZzstoatzzStatusRecord(
812
-
first: 100
813
-
where: { did: { eq: $did } }
814
-
sortBy: [{ field: "createdAt", direction: DESC }]
815
-
) {
816
-
edges { node { uri did emoji text createdAt expires } }
817
-
}
818
-
}
819
-
`,
820
-
variables: { did: user.did }
821
-
})
822
-
});
823
-
const json = await res.json();
824
-
const statuses = json.data.ioZzstoatzzStatusRecord.edges.map(e => e.node);
825
826
let currentHtml = '<span class="big-emoji">-</span>';
827
let historyHtml = '';
···
764
window.location.reload();
765
return;
766
}
767
+
768
+
// Load statuses first (includes actorHandle to avoid PLC lookup)
769
+
const res = await fetch(`${CONFIG.server}/graphql`, {
770
+
method: 'POST',
771
+
headers: { 'Content-Type': 'application/json' },
772
+
body: JSON.stringify({
773
+
query: `
774
+
query GetUserStatuses($did: String!) {
775
+
ioZzstoatzzStatusRecord(
776
+
first: 100
777
+
where: { did: { eq: $did } }
778
+
sortBy: [{ field: "createdAt", direction: DESC }]
779
+
) {
780
+
edges { node { uri did actorHandle emoji text createdAt expires } }
781
+
}
782
+
}
783
+
`,
784
+
variables: { did: user.did }
785
+
})
786
+
});
787
+
const json = await res.json();
788
+
const statuses = json.data.ioZzstoatzzStatusRecord.edges.map(e => e.node);
789
+
790
+
// Get handle from statuses if available, otherwise fall back to PLC lookup
791
+
const handle = statuses.length > 0 && statuses[0].actorHandle
792
+
? statuses[0].actorHandle
793
+
: (await resolveDidToHandle(user.did) || user.did);
794
795
// Load and apply preferences, set up settings/logout buttons
796
const prefs = await loadPreferences();
···
826
827
// Set page title with Bluesky profile link
828
document.getElementById('page-title').innerHTML = `<a href="https://bsky.app/profile/${handle}" target="_blank">@${handle}</a>`;
829
830
let currentHtml = '<span class="big-emoji">-</span>';
831
let historyHtml = '';