267 lines
11 KiB
JavaScript
267 lines
11 KiB
JavaScript
(() => {
|
|
const progressRoots = [...document.querySelectorAll("[data-story-intelligence-progress]")];
|
|
const dashboardRoots = [...document.querySelectorAll("[data-story-intelligence-dashboard]")];
|
|
const onboardingRoots = [...document.querySelectorAll("[data-story-intelligence-onboarding]")];
|
|
const legacyRoots = [...progressRoots, ...dashboardRoots];
|
|
const roots = [...legacyRoots, ...onboardingRoots];
|
|
if (roots.length === 0 || !window.signalR) {
|
|
return;
|
|
}
|
|
|
|
const field = (state, camel, pascal) => state?.[camel] ?? state?.[pascal] ?? null;
|
|
const legacyJobIds = [...new Set(legacyRoots.map((root) => root.dataset.storyIntelligenceJobId).filter(Boolean))];
|
|
const runIds = [...new Set(onboardingRoots
|
|
.flatMap((root) => (root.dataset.storyIntelligenceRunIds || "").split(","))
|
|
.map((value) => value.trim())
|
|
.filter(Boolean))];
|
|
|
|
const numberText = (value) => {
|
|
const number = Number.parseInt(value ?? "0", 10);
|
|
return Number.isFinite(number) ? number.toLocaleString() : "0";
|
|
};
|
|
|
|
const updateLegacyRoot = (root, state) => {
|
|
const percent = field(state, "progressPercent", "ProgressPercent") ?? 0;
|
|
const status = field(state, "status", "Status") || "Pending";
|
|
const stage = field(state, "currentStage", "CurrentStage") || status;
|
|
const message = field(state, "currentMessage", "CurrentMessage") || "Story Intelligence is preparing.";
|
|
const elapsed = field(state, "elapsedTime", "ElapsedTime") || "0 sec";
|
|
const remaining = field(state, "estimatedRemaining", "EstimatedRemaining") || "Calculating";
|
|
|
|
root.querySelectorAll("[data-story-intelligence-message]").forEach((node) => {
|
|
node.textContent = message;
|
|
});
|
|
root.querySelectorAll("[data-story-intelligence-percent]").forEach((node) => {
|
|
node.textContent = `${percent}%`;
|
|
});
|
|
root.querySelectorAll("[data-story-intelligence-progress-bar]").forEach((node) => {
|
|
node.style.width = `${Math.max(0, Math.min(100, Number.parseInt(percent, 10) || 0))}%`;
|
|
});
|
|
root.querySelectorAll("[data-story-intelligence-stage]").forEach((node) => {
|
|
node.textContent = stage;
|
|
});
|
|
root.querySelectorAll("[data-story-intelligence-status]").forEach((node) => {
|
|
node.textContent = status;
|
|
});
|
|
root.querySelectorAll("[data-story-intelligence-elapsed]").forEach((node) => {
|
|
node.textContent = elapsed;
|
|
});
|
|
root.querySelectorAll("[data-story-intelligence-remaining]").forEach((node) => {
|
|
node.textContent = remaining;
|
|
});
|
|
|
|
const completed = !!field(state, "isCompleted", "IsCompleted");
|
|
root.querySelectorAll("[data-story-intelligence-complete-link]").forEach((node) => {
|
|
node.classList.toggle("disabled", !completed);
|
|
node.setAttribute("aria-disabled", String(!completed));
|
|
});
|
|
};
|
|
|
|
const applyLegacyProgress = (state) => {
|
|
const jobId = field(state, "jobID", "JobID") || field(state, "jobId", "JobId");
|
|
if (!jobId) {
|
|
return;
|
|
}
|
|
|
|
legacyRoots
|
|
.filter((root) => root.dataset.storyIntelligenceJobId?.toLowerCase() === String(jobId).toLowerCase())
|
|
.forEach((root) => updateLegacyRoot(root, state));
|
|
|
|
if (progressRoots.length > 0 && field(state, "isCompleted", "IsCompleted")) {
|
|
window.location.href = `/onboarding/story-intelligence/complete?jobId=${encodeURIComponent(jobId)}`;
|
|
}
|
|
};
|
|
|
|
const statusLabel = (state) => {
|
|
const status = field(state, "status", "Status") || "";
|
|
if (status === "Completed" || status === "CompletedWithWarnings") {
|
|
return "Ready to create";
|
|
}
|
|
if (status === "Failed" || status === "Cancelled") {
|
|
return "Needs attention";
|
|
}
|
|
if (status === "Pending" || status === "Running") {
|
|
return "Analysing";
|
|
}
|
|
return "Reviewing";
|
|
};
|
|
|
|
const addFeedItem = (list, text) => {
|
|
if (!list || !text) {
|
|
return;
|
|
}
|
|
|
|
const item = document.createElement("li");
|
|
item.textContent = text;
|
|
list.prepend(item);
|
|
while (list.children.length > 8) {
|
|
list.lastElementChild?.remove();
|
|
}
|
|
};
|
|
|
|
const recalculateOnboardingTotals = (root) => {
|
|
const hadActiveRuns = root.dataset.storyIntelligenceHasActiveRuns === "true";
|
|
const chapters = [...root.querySelectorAll("[data-story-run-id]")];
|
|
const totals = chapters.reduce((current, chapter) => {
|
|
const status = chapter.querySelector("[data-story-run-status]")?.textContent?.trim() || "";
|
|
const completed = Number.parseInt(chapter.querySelector("[data-story-run-completed]")?.textContent?.replace(/,/g, "") || "0", 10) || 0;
|
|
const total = Number.parseInt(chapter.querySelector("[data-story-run-total]")?.textContent?.replace(/,/g, "") || "0", 10) || 0;
|
|
const failed = Number.parseInt(chapter.querySelector("[data-story-run-failed]")?.textContent?.replace(/,/g, "") || "0", 10) || 0;
|
|
current.completedChapters += status === "Completed" || status === "CompletedWithWarnings" ? 1 : 0;
|
|
current.failedChapters += status === "Failed" || status === "Cancelled" ? 1 : 0;
|
|
current.completedScenes += completed;
|
|
current.totalScenes += total;
|
|
current.failedScenes += failed;
|
|
return current;
|
|
}, { completedChapters: 0, failedChapters: 0, completedScenes: 0, totalScenes: 0, failedScenes: 0 });
|
|
|
|
const percent = totals.totalScenes > 0
|
|
? Math.round((totals.completedScenes * 100) / Math.max(1, totals.totalScenes))
|
|
: Math.round((totals.completedChapters * 100) / Math.max(1, chapters.length));
|
|
|
|
root.querySelectorAll("[data-story-overall-percent]").forEach((node) => {
|
|
node.textContent = `${Math.max(0, Math.min(100, percent))}%`;
|
|
});
|
|
root.querySelectorAll("[data-story-overall-progress-bar]").forEach((node) => {
|
|
node.style.width = `${Math.max(0, Math.min(100, percent))}%`;
|
|
});
|
|
root.querySelectorAll("[data-story-chapters-completed]").forEach((node) => {
|
|
node.textContent = numberText(totals.completedChapters);
|
|
});
|
|
root.querySelectorAll("[data-story-scenes-completed]").forEach((node) => {
|
|
node.textContent = numberText(totals.completedScenes);
|
|
});
|
|
root.querySelectorAll("[data-story-scenes-total]").forEach((node) => {
|
|
node.textContent = numberText(totals.totalScenes);
|
|
});
|
|
root.querySelectorAll("[data-story-failures]").forEach((node) => {
|
|
node.textContent = numberText(totals.failedChapters + totals.failedScenes);
|
|
});
|
|
|
|
const active = chapters.some((chapter) => {
|
|
const status = chapter.querySelector("[data-story-run-status]")?.textContent?.trim();
|
|
return status === "Pending" || status === "Running";
|
|
});
|
|
root.dataset.storyIntelligenceHasActiveRuns = String(active);
|
|
|
|
if (hadActiveRuns && !active && root.dataset.reloadScheduled !== "true") {
|
|
root.dataset.reloadScheduled = "true";
|
|
window.setTimeout(() => window.location.reload(), 1200);
|
|
}
|
|
};
|
|
|
|
const applyRunProgress = (state) => {
|
|
const runId = field(state, "runID", "RunID") || field(state, "runId", "RunId");
|
|
if (!runId) {
|
|
return;
|
|
}
|
|
|
|
onboardingRoots.forEach((root) => {
|
|
const chapter = root.querySelector(`[data-story-run-id="${runId}"]`);
|
|
if (!chapter) {
|
|
return;
|
|
}
|
|
|
|
const status = field(state, "status", "Status") || "Pending";
|
|
const stage = field(state, "currentStage", "CurrentStage") || status;
|
|
const message = field(state, "currentMessage", "CurrentMessage") || "";
|
|
const completed = field(state, "completedScenes", "CompletedScenes");
|
|
const total = field(state, "totalDetectedScenes", "TotalDetectedScenes");
|
|
const failed = field(state, "failedScenes", "FailedScenes");
|
|
const tokens = field(state, "totalTokens", "TotalTokens");
|
|
const elapsed = field(state, "elapsedTime", "ElapsedTime") || "0 sec";
|
|
const remaining = field(state, "estimatedRemaining", "EstimatedRemaining") || "Calculating";
|
|
const latestSummary = field(state, "latestSceneSummary", "LatestSceneSummary");
|
|
const discoveries = field(state, "recentDiscoveries", "RecentDiscoveries") || [];
|
|
const error = field(state, "errorMessage", "ErrorMessage");
|
|
|
|
chapter.querySelectorAll("[data-story-chapter-status-label]").forEach((node) => {
|
|
node.textContent = statusLabel(state);
|
|
});
|
|
chapter.querySelectorAll("[data-story-run-status]").forEach((node) => {
|
|
node.textContent = status;
|
|
});
|
|
chapter.querySelectorAll("[data-story-run-message]").forEach((node) => {
|
|
node.textContent = message;
|
|
});
|
|
chapter.querySelectorAll("[data-story-run-completed]").forEach((node) => {
|
|
if (completed !== null) {
|
|
node.textContent = numberText(completed);
|
|
}
|
|
});
|
|
chapter.querySelectorAll("[data-story-run-total]").forEach((node) => {
|
|
if (total !== null) {
|
|
node.textContent = numberText(total);
|
|
}
|
|
});
|
|
chapter.querySelectorAll("[data-story-run-failed]").forEach((node) => {
|
|
if (failed !== null) {
|
|
node.textContent = numberText(failed);
|
|
}
|
|
});
|
|
chapter.querySelectorAll("[data-story-run-tokens]").forEach((node) => {
|
|
node.textContent = tokens === null ? "-" : numberText(tokens);
|
|
});
|
|
chapter.querySelectorAll("[data-story-run-error]").forEach((node) => {
|
|
node.textContent = error || "";
|
|
node.hidden = !error;
|
|
});
|
|
|
|
root.querySelectorAll("[data-story-current-chapter]").forEach((node) => {
|
|
node.textContent = chapter.dataset.storyChapterTitle || "Current chapter";
|
|
});
|
|
root.querySelectorAll("[data-story-current-stage]").forEach((node) => {
|
|
node.textContent = stage;
|
|
});
|
|
root.querySelectorAll("[data-story-current-message]").forEach((node) => {
|
|
node.textContent = message;
|
|
});
|
|
root.querySelectorAll("[data-story-elapsed]").forEach((node) => {
|
|
node.textContent = elapsed;
|
|
});
|
|
root.querySelectorAll("[data-story-remaining]").forEach((node) => {
|
|
node.textContent = remaining;
|
|
});
|
|
|
|
const summaryNode = root.querySelector("[data-story-latest-summary]");
|
|
if (summaryNode && latestSummary) {
|
|
summaryNode.textContent = latestSummary;
|
|
summaryNode.hidden = false;
|
|
}
|
|
|
|
const feed = root.querySelector("[data-story-discovery-feed]");
|
|
[...discoveries].reverse().forEach((discovery) => addFeedItem(feed, discovery));
|
|
|
|
recalculateOnboardingTotals(root);
|
|
});
|
|
};
|
|
|
|
const connection = new signalR.HubConnectionBuilder()
|
|
.withUrl("/hubs/story-intelligence")
|
|
.withAutomaticReconnect()
|
|
.build();
|
|
|
|
connection.on("StoryIntelligenceProgressChanged", applyLegacyProgress);
|
|
connection.on("StoryIntelligenceRunProgressChanged", applyRunProgress);
|
|
connection.onreconnected(() => {
|
|
legacyJobIds.forEach((jobId) => connection.invoke("WatchStoryIntelligenceJob", jobId).then(applyLegacyProgress).catch(() => {}));
|
|
runIds.forEach((runId) => connection.invoke("WatchStoryIntelligenceRun", Number.parseInt(runId, 10)).then(applyRunProgress).catch(() => {}));
|
|
});
|
|
|
|
connection.start()
|
|
.then(() => Promise.all([
|
|
...legacyJobIds.map((jobId) => connection.invoke("WatchStoryIntelligenceJob", jobId)),
|
|
...runIds.map((runId) => connection.invoke("WatchStoryIntelligenceRun", Number.parseInt(runId, 10)))
|
|
]))
|
|
.then((states) => {
|
|
states.filter(Boolean).forEach((state) => {
|
|
if (field(state, "runID", "RunID") || field(state, "runId", "RunId")) {
|
|
applyRunProgress(state);
|
|
} else {
|
|
applyLegacyProgress(state);
|
|
}
|
|
});
|
|
})
|
|
.catch(() => {});
|
|
})();
|