kapy
/
clonernews
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new: fetching new item will only begin after the page is loaded

This commit is contained in:
kapypara 2023-12-16 22:18:58 +03:00
parent e327e6acc9
commit e4f3e8b864
1 changed files with 32 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
static/index.js
View File

@ -10,8 +10,9 @@ let currentItem = -1
// for newest listing // for newest listing
let newMode = params.get('order') == 'new' let newMode = params.get('order') == 'new'
let endItem // for the later new items let endItem // for the later new items. new items will be fetch until this item
let maxItem let maxItem
let new_loader_id
// for the api requests // for the api requests
let loadedItems = 0 let loadedItems = 0
@ -59,6 +60,11 @@ function loadItems() {
if (!shouldLoad()) { if (!shouldLoad()) {
loader_id = clearInterval(loader_id) loader_id = clearInterval(loader_id)
if (newMode && !new_loader_id) {
new_loader_id = setInterval(loadFresh, 5e3)
}
return return
} }
@ -91,17 +97,17 @@ function getItem(id) {
function makeItemListing(itemObj) { function makeItemListing(itemObj) {
if (itemObj === null || itemObj === undefined) { if (itemObj === null || itemObj === undefined) {
console.log(`[makeItemListing] null or undefined object`)
clearInterval(loader_id) clearInterval(loader_id)
return throw new Error(`[makeItemListing] null or undefined object`)
} }
if (itemObj.deleted || itemObj.dead || itemObj.title == "[deleted]") { if (itemObj.deleted || itemObj.dead || itemObj.title == "[deleted]") {
console.log(`[makeItemListing] bad item: ${itemObj.id}`) console.debug(`[makeItemListing] Deleted item: ${itemObj.id}`)
return return
} }
if (itemObj.type == itemType.comment || itemObj.type == itemType.pollopt) { if (itemObj.type == itemType.comment || itemObj.type == itemType.pollopt) {
console.debug(`[makeItemListing] Comment or Poll Option item: ${itemObj.id}`)
return return
} }
@ -321,6 +327,7 @@ async function loadCommnets(ids, target) {
<div class="content"> <div class="content">
${msg} ${msg}
</div> </div>
</div>
` `
for (const id of ids) { for (const id of ids) {
@ -416,7 +423,7 @@ async function notify(count) {
return return
} }
new Notification("Clone Wars", { body: "new Posts"}) new Notification("Clone Wars", { body: `${count} new Posts`})
} }
async function loadFresh() { async function loadFresh() {
@ -435,28 +442,24 @@ async function loadFresh() {
return return
} }
console.log(`[loadFresh] new items ${newMax - endItem}`) console.log(`[loadFresh] New Items ${newMax - endItem}`)
let count = 0 const count = pageItemBox.childElementCount
let intervalId = setInterval(async () => { let intervalId = setInterval(() => {
if (newMax <= endItem) { if (newMax <= endItem) {
endItem = newEnd endItem = newEnd
notify(count) notify(pageItemBox.childElementCount - count)
return clearInterval(intervalId) clearInterval(intervalId)
return
} }
try { try {
let item = await getItem(newMax--) getItem(newMax--).then(item => {
if (item) { if (item) {
const type = item.type
if (type == itemType.job || type == itemType.poll || type == itemType.story) {
makeItemListing(item) makeItemListing(item)
count++
}
} }
})
} catch (e) { } catch (e) {
console.log(`[loadFresh] got error ${e}`) console.log(`[loadFresh] got error ${e}`)
@ -467,11 +470,6 @@ async function loadFresh() {
} }
if (newMode) {
setTimeout(setInterval, 5e3, loadFresh, 5e3)
}
if (!isQuery) { if (!isQuery) {
setInterval(() => Array.from(pageItemBox.getElementsByTagName('a')).map(c => { setInterval(() => Array.from(pageItemBox.getElementsByTagName('a')).map(c => {