(function() {
const passages = document.getElementById("passages");
if (!passages) {
console.warn("Couldn't find #passages element.");
return;
}
const notices = new WeakMap();
function createNoticeFor(el) {
if (notices.has(el)) return;
const headline = document.createElement("h2");
headline.style.color = "red";
headline.style.margin = "0.5em 0";
headline.textContent = "⏱ Something will happen soon...";
passages.prepend(headline);
notices.set(el, headline);
}
function removeNoticeFor(el) {
const n = notices.get(el);
if (n) {
try { n.remove(); } catch (e) {}
notices.delete(el);
}
}
// Scan all macro-timed elements and ensure notices reflect their current state.
function scanAllMacroTimed() {
// First, mark existing tracked elements as unseen; we'll unmark ones still present.
const currentlyNoticed = new Set();
for (const el of passages.querySelectorAll(".macro-timed")) {
currentlyNoticed.add(el);
const text = el.textContent;
if (text.length === 0) {
createNoticeFor(el);
} else {
removeNoticeFor(el);
}
}
// Remove notices for elements that are no longer in the DOM
const toRemove = [];
// We can't iterate WeakMap keys directly; instead keep a small DOM-scan to find leftover notice elements:
for (const node of Array.from(document.querySelectorAll('h2'))) {
// heuristic: our notices are red and start with the emoji, but be conservative:
if (node.textContent && node.textContent.indexOf("⏱ Something will happen soon...") === 0) {
// If this notice is attached but its corresponding macro-timed element no longer exists, remove it.
// We can detect that by checking whether there's any macro-timed element still referencing this exact notice via WeakMap values.
let stillReferenced = false;
// Scan .macro-timed elements to see if any map to this node
for (const el of passages.querySelectorAll(".macro-timed")) {
if (notices.get(el) === node) { stillReferenced = true; break; }
}
if (!stillReferenced) toRemove.push(node);
}
}
toRemove.forEach(n => { try { n.remove(); } catch(e) {} });
}
// MutationObserver: on any mutation, re-scan all macro-timed elements.
const observer = new MutationObserver((mutations) => {
scanAllMacroTimed();
});
observer.observe(passages, {
childList: true,
subtree: true,
characterData: true,
attributes: true
});
scanAllMacroTimed();
// Cleanup helper
window._twineTimerHookCleanup = function() {
observer.disconnect();
for (const el of Array.from(document.querySelectorAll('h2'))) {
if (el.textContent && el.textContent.indexOf("⏱ Something will happen soon...") === 0) {
try { el.remove(); } catch(e) {}
}
}
try { delete window._twineTimerHookCleanup; } catch(e) {}
console.log("Twine timed-element observer cleaned up.");
};
console.log("Twine timed-element observer active (whitespace-sensitive, robust). Call _twineTimerHookCleanup() to stop it.");
})();
). This is the exact scene/moment where I'm stuck at. Thanks for the help!