${storySelector}
Chapter 1: Loading...
Loading story...
Translation will appear here...
Words Read:
0
Reading Time:
00:00
Progress:
0%
🎉 Story Complete!
You've finished reading "${this.story.title}"
Words read: ${this.wordsRead}
Total sentences: ${this.totalSentences}
`;
document.getElementById('reading-area').innerHTML = completionMessage;
}
start() {
logSh('📖 Story Reader: Starting', 'INFO');
this.startReadingTimer();
}
startReadingTimer() {
this.startTime = Date.now();
this.readingTimer = setInterval(() => {
this.updateReadingTime();
}, 1000);
}
updateReadingTime() {
const currentTime = Date.now();
this.totalReadingTime = Math.floor((currentTime - this.startTime) / 1000);
const minutes = Math.floor(this.totalReadingTime / 60);
const seconds = this.totalReadingTime % 60;
const timeString = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
document.getElementById('reading-time').textContent = timeString;
}
restart() {
this.currentSentence = 0;
this.wordsRead = 0;
// Restart reading timer
if (this.readingTimer) {
clearInterval(this.readingTimer);
}
this.startReadingTimer();
this.renderCurrentSentence();
this.saveProgress();
}
destroy() {
// Clean up timer
if (this.readingTimer) {
clearInterval(this.readingTimer);
}
this.container.innerHTML = '';
}
// === COMPATIBILITY SYSTEM ===
static getCompatibilityRequirements() {
return {
minimum: {
texts: 1
},
optimal: {
texts: 1,
stories: 1
},
name: "Story Reader",
description: "Needs text content or stories for guided reading experience"
};
}
static checkContentCompatibility(content) {
const requirements = StoryReader.getCompatibilityRequirements();
// Extract texts and stories using same method as instance
const texts = StoryReader.extractTextsStatic(content);
const stories = StoryReader.extractStoriesStatic(content);
const textCount = texts.length;
const storyCount = stories.length;
const totalContent = textCount + storyCount;
// Dynamic percentage based on content quality (1 text min → 1 story optimal)
// Stories are much better than texts for reading experience
let score = 0;
if (storyCount >= 1) {
score = 100; // Perfect: has stories
} else if (textCount >= 3) {
score = 75; // Good: multiple texts
} else if (textCount >= 1) {
score = 50; // Basic: at least one text
} else {
score = 0; // No content
}
const recommendations = [];
if (totalContent === 0) {
recommendations.push("Add text content or stories for reading");
} else if (storyCount === 0) {
recommendations.push("Add story content for optimal reading experience");
}
return {
score: Math.round(score),
details: {
texts: {
found: textCount,
minimum: requirements.minimum.texts,
status: textCount >= requirements.minimum.texts ? 'sufficient' : 'insufficient'
},
stories: {
found: storyCount,
optimal: requirements.optimal.stories,
status: storyCount >= requirements.optimal.stories ? 'available' : 'missing'
}
},
recommendations: recommendations
};
}
static extractTextsStatic(content) {
let texts = [];
// Priority 1: Use raw module content
if (content.rawContent) {
// Extract from texts array
if (content.rawContent.texts && Array.isArray(content.rawContent.texts)) {
texts.push(...content.rawContent.texts);
}
}
// Priority 2: Direct content properties
if (content.texts && Array.isArray(content.texts)) {
texts.push(...content.texts);
}
// Filter valid texts
texts = texts.filter(text =>
text &&
typeof text === 'object' &&
text.content &&
typeof text.content === 'string' &&
text.content.trim().length > 10
);
return texts;
}
static extractStoriesStatic(content) {
let stories = [];
// Priority 1: Use raw module content
if (content.rawContent) {
// Extract from story object
if (content.rawContent.story && content.rawContent.story.chapters) {
stories.push(content.rawContent.story);
}
// Extract from additionalStories array
if (content.rawContent.additionalStories && Array.isArray(content.rawContent.additionalStories)) {
stories.push(...content.rawContent.additionalStories);
}
}
// Priority 2: Direct content properties
if (content.story && content.story.chapters) {
stories.push(content.story);
}
if (content.additionalStories && Array.isArray(content.additionalStories)) {
stories.push(...content.additionalStories);
}
// Filter valid stories
stories = stories.filter(story =>
story &&
typeof story === 'object' &&
story.chapters &&
Array.isArray(story.chapters) &&
story.chapters.length > 0
);
return stories;
}
}
// Module registration
window.GameModules = window.GameModules || {};
window.GameModules.StoryReader = StoryReader;