mirror of
https://github.com/dralkh/spaceforge.git
synced 2026-07-22 06:45:03 +00:00
e80dfda20d
JS/TS: - Replace builtin-modules with node:module (esbuild.config.mjs) - Replace fs-extra with native fs (install.js), remove from deps - Fix createEl deprecation: use createDiv/createSpan - Remove unnecessary type assertions, fix unsafe casts - Bind event handlers with arrow functions CSS: - Remove all !important declarations (~30 instances) — replace with chained selectors (.class.class) for equal specificity - Merge all duplicate selectors across 7 CSS files (~50+ instances) - Convert 3-digit hex to 6-digit format (_variables.css) - Fix duplicate CSS properties (overflow-y in mcq.css) - Delete leftover display:none suppression rule in calendar.css Meta: - Bump version to 1.0.5 - Update minAppVersion to 1.8.7 - Add versions.json entry for 1.0.5
1473 lines
78 KiB
TypeScript
1473 lines
78 KiB
TypeScript
import { App, Notice, PluginSettingTab, Setting, setIcon } from 'obsidian';
|
|
import { ConfirmationModal } from './confirmation-modal';
|
|
import SpaceforgePlugin from '../main';
|
|
import { ApiProvider, DEFAULT_SETTINGS, MCQQuestionAmountMode, MCQDifficulty, SpaceforgeSettings } from '../models/settings';
|
|
import { SpaceforgePluginData, DEFAULT_PLUGIN_STATE_DATA, PluginStateData } from '../models/plugin-data';
|
|
import { SM2, FSRS, POMODORO, MCQS, API, SPACEFORGE, CLAUDE, GEMINI, OLLAMA, TOGETHER_AI, WPM } from './constants';
|
|
|
|
/**
|
|
* Settings tab for the plugin
|
|
*/
|
|
export class SpaceforgeSettingTab extends PluginSettingTab {
|
|
/**
|
|
* Reference to the main plugin
|
|
*/
|
|
plugin: SpaceforgePlugin;
|
|
|
|
/**
|
|
* Initialize settings tab
|
|
*
|
|
* @param app Obsidian app
|
|
* @param plugin Reference to the main plugin
|
|
*/
|
|
constructor(app: App, plugin: SpaceforgePlugin) {
|
|
super(app, plugin);
|
|
this.plugin = plugin;
|
|
}
|
|
|
|
/**
|
|
* Display settings
|
|
*/
|
|
display(): void {
|
|
const { containerEl } = this;
|
|
containerEl.empty();
|
|
|
|
// containerEl.createEl('h2', { text: 'Spaceforge Settings' }); // Avoid top-level headings
|
|
|
|
// Add a utility for creating collapsible sections
|
|
const createCollapsible = (title: string, iconName: string, defaultOpen = true) => {
|
|
// Create section container
|
|
const sectionContainer = containerEl.createDiv({ cls: 'sf-settings-section' });
|
|
|
|
// Create heading using Setting.setHeading()
|
|
const headingSetting = new Setting(sectionContainer)
|
|
.setName(title)
|
|
.setHeading();
|
|
|
|
// Add icon if provided
|
|
if (iconName) {
|
|
const iconEl = headingSetting.settingEl.createSpan({ cls: 'sf-settings-icon' });
|
|
setIcon(iconEl, iconName);
|
|
// Insert icon before the name
|
|
headingSetting.nameEl.prepend(iconEl);
|
|
}
|
|
|
|
// Add collapse indicator
|
|
const collapseIndicator = headingSetting.settingEl.createSpan({
|
|
cls: 'sf-settings-collapse-indicator',
|
|
text: defaultOpen ? '▾' : '▸'
|
|
});
|
|
headingSetting.nameEl.appendChild(collapseIndicator);
|
|
|
|
// Create content container
|
|
const contentContainer = sectionContainer.createDiv({
|
|
cls: 'sf-settings-section-content'
|
|
});
|
|
|
|
// Initially hide if not defaultOpen
|
|
if (!defaultOpen) {
|
|
contentContainer.classList.add('sf-hidden');
|
|
}
|
|
|
|
// Add click handler for toggling
|
|
headingSetting.settingEl.addEventListener('click', () => {
|
|
const isVisible = contentContainer.classList.contains('sf-visible');
|
|
contentContainer.classList.toggle('sf-hidden');
|
|
contentContainer.classList.toggle('sf-visible');
|
|
collapseIndicator.textContent = isVisible ? '▸' : '▾';
|
|
});
|
|
|
|
return contentContainer;
|
|
};
|
|
|
|
// We'll rely on the CSS in the styles.css file instead of inline styles
|
|
|
|
// Create action buttons for global data operations
|
|
const createActionButtons = () => {
|
|
const actionsContainer = containerEl.createDiv({ cls: 'sf-settings-actions' });
|
|
|
|
// Export all data button
|
|
const exportBtn = actionsContainer.createEl('button', { text: 'Export all data', cls: 'sf-btn sf-btn-primary' });
|
|
exportBtn.addEventListener('click', () => {
|
|
// Construct the full plugin data for export
|
|
const pluginStateToExport = {
|
|
schedules: this.plugin.reviewScheduleService.schedules,
|
|
history: this.plugin.reviewHistoryService.history,
|
|
reviewSessions: this.plugin.reviewSessionService.reviewSessions,
|
|
mcqSets: this.plugin.mcqService.mcqSets,
|
|
mcqSessions: this.plugin.mcqService.mcqSessions,
|
|
customNoteOrder: this.plugin.reviewScheduleService.customNoteOrder,
|
|
lastLinkAnalysisTimestamp: this.plugin.reviewScheduleService.lastLinkAnalysisTimestamp,
|
|
version: this.plugin.manifest.version,
|
|
pomodoroCurrentMode: this.plugin.pluginState.pomodoroCurrentMode,
|
|
pomodoroTimeLeftInSeconds: this.plugin.pluginState.pomodoroTimeLeftInSeconds,
|
|
pomodoroSessionsCompletedInCycle: this.plugin.pluginState.pomodoroSessionsCompletedInCycle,
|
|
pomodoroIsRunning: this.plugin.pluginState.pomodoroIsRunning,
|
|
pomodoroEndTimeMs: this.plugin.pluginState.pomodoroEndTimeMs ?? null, // Add the missing field
|
|
pomodoroEstimatedTotalCycles: this.plugin.pluginState.pomodoroEstimatedTotalCycles ?? null,
|
|
pomodoroEstimatedWorkSessions: this.plugin.pluginState.pomodoroEstimatedWorkSessions ?? null,
|
|
pomodoroIsEstimationActive: this.plugin.pluginState.pomodoroIsEstimationActive ?? false,
|
|
pomodoroUserHasModifiedSettings: this.plugin.pluginState.pomodoroUserHasModifiedSettings ?? false,
|
|
pomodoroUserOverrideHours: this.plugin.pluginState.pomodoroUserOverrideHours ?? 0,
|
|
pomodoroUserOverrideMinutes: this.plugin.pluginState.pomodoroUserOverrideMinutes ?? 0,
|
|
pomodoroUserAddToEstimation: this.plugin.pluginState.pomodoroUserAddToEstimation ?? false,
|
|
calendarEvents: this.plugin.pluginState.calendarEvents ?? {},
|
|
};
|
|
|
|
const dataToExport: SpaceforgePluginData = {
|
|
settings: this.plugin.settings,
|
|
pluginState: pluginStateToExport
|
|
};
|
|
const dataJson = JSON.stringify(dataToExport, null, 2);
|
|
const blob = new Blob([dataJson], { type: 'application/json' });
|
|
|
|
const a = document.body.createEl('a');
|
|
a.href = URL.createObjectURL(blob);
|
|
a.download = 'spaceforge-data.json'; // Changed filename
|
|
document.body.appendChild(a);
|
|
a.click();
|
|
document.body.removeChild(a);
|
|
|
|
new Notice('All data exported successfully');
|
|
});
|
|
|
|
// Import all data button
|
|
const importBtn = actionsContainer.createEl('button', { text: 'Import all data', cls: 'sf-btn sf-btn-primary' });
|
|
importBtn.addEventListener('click', () => {
|
|
const input = document.body.createEl('input');
|
|
input.type = 'file';
|
|
input.accept = 'application/json';
|
|
|
|
input.onchange = async (e: Event) => {
|
|
const file = (e.target as HTMLInputElement).files?.[0];
|
|
if (file) {
|
|
try {
|
|
const text = await file.text();
|
|
const importedFullData = JSON.parse(text) as SpaceforgePluginData;
|
|
|
|
if (!importedFullData || typeof importedFullData.settings !== 'object' || typeof importedFullData.pluginState !== 'object') {
|
|
throw new Error('Invalid data file format. Expected settings and pluginState properties.');
|
|
}
|
|
|
|
// Apply imported settings, ensuring all defaults are present
|
|
this.plugin.settings = { ...DEFAULT_SETTINGS, ...importedFullData.settings };
|
|
|
|
// Apply imported plugin state, ensuring all defaults are present
|
|
this.plugin.pluginState = { ...DEFAULT_PLUGIN_STATE_DATA, ...importedFullData.pluginState };
|
|
|
|
// Repopulate services from the newly loaded pluginState
|
|
this.plugin.reviewScheduleService.schedules = this.plugin.pluginState.schedules || {};
|
|
this.plugin.reviewHistoryService.history = this.plugin.pluginState.history || [];
|
|
this.plugin.reviewSessionService.reviewSessions = this.plugin.pluginState.reviewSessions || { sessions: {}, activeSessionId: null };
|
|
this.plugin.mcqService.mcqSets = this.plugin.pluginState.mcqSets || {};
|
|
this.plugin.mcqService.mcqSessions = this.plugin.pluginState.mcqSessions || {};
|
|
this.plugin.reviewScheduleService.customNoteOrder = this.plugin.pluginState.customNoteOrder || [];
|
|
this.plugin.reviewScheduleService.lastLinkAnalysisTimestamp = typeof this.plugin.pluginState.lastLinkAnalysisTimestamp === 'number' ? this.plugin.pluginState.lastLinkAnalysisTimestamp : null;
|
|
|
|
// Pomodoro state update
|
|
this.plugin.pomodoroService?.onSettingsChanged(); // To re-evaluate durations if they changed from settings
|
|
this.plugin.pomodoroService?.reinitializeTimerFromState(); // To correctly start/stop timer based on imported state
|
|
|
|
|
|
// Re-initialize MCQ components if settings related to them changed
|
|
this.plugin.initializeMCQComponents();
|
|
|
|
await this.plugin.savePluginData(); // Save the fully imported data
|
|
|
|
this.display(); // Refresh settings display
|
|
|
|
new Notice('All data imported successfully. Plugin may require a reload for all changes to take effect.');
|
|
} catch (error) {
|
|
const msg = error instanceof Error ? error.message : String(error);
|
|
new Notice(`Failed to import data: ${msg} `);
|
|
}
|
|
}
|
|
};
|
|
input.click();
|
|
});
|
|
|
|
// Reset to defaults button
|
|
const resetBtn = actionsContainer.createEl('button', { text: 'Reset to defaults', cls: 'sf-btn sf-btn-warning' });
|
|
resetBtn.addEventListener('click', () => {
|
|
new ConfirmationModal(
|
|
this.app,
|
|
'Reset to Defaults',
|
|
'Are you sure you want to reset all plugin data (settings and state) to defaults? This cannot be undone.',
|
|
async () => {
|
|
// Apply default settings and default plugin state
|
|
this.plugin.settings = JSON.parse(JSON.stringify(DEFAULT_SETTINGS)) as SpaceforgeSettings;
|
|
this.plugin.pluginState = JSON.parse(JSON.stringify(DEFAULT_PLUGIN_STATE_DATA)) as PluginStateData;
|
|
|
|
// Repopulate services with defaults
|
|
this.plugin.reviewScheduleService.schedules = this.plugin.pluginState.schedules;
|
|
this.plugin.reviewHistoryService.history = this.plugin.pluginState.history;
|
|
this.plugin.reviewSessionService.reviewSessions = this.plugin.pluginState.reviewSessions;
|
|
this.plugin.mcqService.mcqSets = this.plugin.pluginState.mcqSets;
|
|
this.plugin.mcqService.mcqSessions = this.plugin.pluginState.mcqSessions;
|
|
this.plugin.reviewScheduleService.customNoteOrder = this.plugin.pluginState.customNoteOrder;
|
|
this.plugin.reviewScheduleService.lastLinkAnalysisTimestamp = this.plugin.pluginState.lastLinkAnalysisTimestamp ?? null;
|
|
|
|
this.plugin.pomodoroService?.onSettingsChanged(); // Reset pomodoro service state based on default settings
|
|
this.plugin.pomodoroService?.reinitializeTimerFromState(); // Reset pomodoro service timer based on default state
|
|
|
|
|
|
// Re-initialize MCQ components based on default settings
|
|
this.plugin.initializeMCQComponents();
|
|
|
|
await this.plugin.savePluginData(); // Save the complete default data
|
|
|
|
this.display(); // Refresh settings display
|
|
|
|
new Notice('All data reset to defaults.');
|
|
}
|
|
).open();
|
|
});
|
|
|
|
// Clear Reviews Data button
|
|
const clearReviewsBtn = actionsContainer.createEl('button', {
|
|
text: 'Clear all reviews',
|
|
cls: 'sf-btn sf-btn-danger' // Use existing danger button styling
|
|
});
|
|
clearReviewsBtn.addEventListener('click', () => {
|
|
new ConfirmationModal(
|
|
this.app,
|
|
'Clear All Reviews',
|
|
'Are you sure you want to clear all review schedules, history, and session data? This action cannot be undone.',
|
|
async () => {
|
|
try {
|
|
// Reset schedule-related parts of pluginState
|
|
this.plugin.pluginState.schedules = { ...DEFAULT_PLUGIN_STATE_DATA.schedules };
|
|
this.plugin.pluginState.history = [...DEFAULT_PLUGIN_STATE_DATA.history];
|
|
this.plugin.pluginState.reviewSessions = { ...DEFAULT_PLUGIN_STATE_DATA.reviewSessions };
|
|
this.plugin.pluginState.customNoteOrder = [...DEFAULT_PLUGIN_STATE_DATA.customNoteOrder];
|
|
|
|
// Update services
|
|
this.plugin.reviewScheduleService.schedules = this.plugin.pluginState.schedules;
|
|
this.plugin.reviewHistoryService.history = this.plugin.pluginState.history;
|
|
this.plugin.reviewSessionService.reviewSessions = this.plugin.pluginState.reviewSessions;
|
|
this.plugin.reviewScheduleService.customNoteOrder = this.plugin.pluginState.customNoteOrder;
|
|
|
|
// Explicitly update the review controller's state
|
|
if (this.plugin.reviewController) {
|
|
this.plugin.reviewController.updateTodayNotes();
|
|
}
|
|
|
|
// Emit an event that the sidebar might be listening to
|
|
if (this.plugin.events) {
|
|
this.plugin.events.emit('sidebar-update');
|
|
}
|
|
|
|
// Save the cleared data first
|
|
await this.plugin.savePluginData();
|
|
|
|
new Notice('All review data cleared successfully.');
|
|
|
|
// Then refresh UI elements
|
|
this.display(); // Refresh settings UI
|
|
void this.plugin.getSidebarView()?.refresh();
|
|
|
|
} catch {
|
|
new Notice('Failed to clear review data. Check console for details.');
|
|
}
|
|
}
|
|
).open();
|
|
});
|
|
|
|
// Clear Events Data button
|
|
const clearEventsBtn = actionsContainer.createEl('button', {
|
|
text: 'Clear all events',
|
|
cls: 'sf-btn sf-btn-danger'
|
|
});
|
|
clearEventsBtn.addEventListener('click', () => {
|
|
new ConfirmationModal(
|
|
this.app,
|
|
'Clear All Events',
|
|
'Are you sure you want to clear all calendar events? This action cannot be undone.',
|
|
async () => {
|
|
try {
|
|
// Reset calendar events in pluginState
|
|
this.plugin.pluginState.calendarEvents = { ...DEFAULT_PLUGIN_STATE_DATA.calendarEvents };
|
|
|
|
// Update calendar service if it exists
|
|
if (this.plugin.calendarEventService) {
|
|
this.plugin.calendarEventService.initialize([]);
|
|
}
|
|
|
|
// Save the cleared data
|
|
await this.plugin.savePluginData();
|
|
|
|
new Notice('All calendar events cleared successfully.');
|
|
|
|
// Then refresh UI elements
|
|
this.display(); // Refresh settings UI
|
|
void this.plugin.getSidebarView()?.refresh();
|
|
|
|
} catch {
|
|
new Notice('Failed to clear calendar events. Check console for details.');
|
|
}
|
|
}
|
|
).open();
|
|
});
|
|
|
|
// Clear All Data button
|
|
const clearAllBtn = actionsContainer.createEl('button', {
|
|
text: 'Clear all data',
|
|
cls: 'sf-btn sf-btn-danger'
|
|
});
|
|
clearAllBtn.addEventListener('click', () => {
|
|
new ConfirmationModal(
|
|
this.app,
|
|
'Clear All Data',
|
|
'Are you sure you want to clear ALL plugin data (reviews, events, MCQs, Pomodoro state)? This action cannot be undone.',
|
|
async () => {
|
|
try {
|
|
// Reset all plugin state to defaults
|
|
this.plugin.pluginState = JSON.parse(JSON.stringify(DEFAULT_PLUGIN_STATE_DATA)) as PluginStateData;
|
|
|
|
// Update all services
|
|
this.plugin.reviewScheduleService.schedules = this.plugin.pluginState.schedules;
|
|
this.plugin.reviewHistoryService.history = this.plugin.pluginState.history;
|
|
this.plugin.reviewSessionService.reviewSessions = this.plugin.pluginState.reviewSessions;
|
|
this.plugin.mcqService.mcqSets = this.plugin.pluginState.mcqSets;
|
|
this.plugin.mcqService.mcqSessions = this.plugin.pluginState.mcqSessions;
|
|
this.plugin.reviewScheduleService.customNoteOrder = this.plugin.pluginState.customNoteOrder;
|
|
this.plugin.reviewScheduleService.lastLinkAnalysisTimestamp = this.plugin.pluginState.lastLinkAnalysisTimestamp ?? null;
|
|
|
|
// Update calendar service if it exists
|
|
if (this.plugin.calendarEventService) {
|
|
this.plugin.calendarEventService.initialize([]);
|
|
}
|
|
|
|
// Update Pomodoro service
|
|
this.plugin.pomodoroService?.onSettingsChanged();
|
|
this.plugin.pomodoroService?.reinitializeTimerFromState();
|
|
|
|
// Explicitly update the review controller's state
|
|
if (this.plugin.reviewController) {
|
|
this.plugin.reviewController.updateTodayNotes();
|
|
}
|
|
|
|
// Emit an event that the sidebar might be listening to
|
|
if (this.plugin.events) {
|
|
this.plugin.events.emit('sidebar-update');
|
|
}
|
|
|
|
// Save the cleared data
|
|
await this.plugin.savePluginData();
|
|
|
|
new Notice('All data cleared successfully.');
|
|
|
|
// Then refresh UI elements
|
|
this.display(); // Refresh settings UI
|
|
void this.plugin.getSidebarView()?.refresh();
|
|
|
|
} catch {
|
|
new Notice('Failed to clear all data. Check console for details.');
|
|
}
|
|
}
|
|
).open();
|
|
});
|
|
|
|
return actionsContainer;
|
|
};
|
|
|
|
// ========= SPACED REPETITION SECTION =========
|
|
const spacedRepSection = createCollapsible('Spaced repetition', 'calendar-clock', true);
|
|
|
|
// --- Algorithm Selection ---
|
|
// Changed to h3 and removed sf-settings-subsection class for potentially better contrast
|
|
new Setting(spacedRepSection).setName('Algorithm configuration').setHeading();
|
|
|
|
const algorithmContainer = spacedRepSection.createDiv({ cls: 'sf-settings-subsection' }); // Define algorithmContainer
|
|
|
|
new Setting(algorithmContainer)
|
|
.setName('Default scheduling algorithm')
|
|
.setDesc('Choose the default algorithm for newly created notes.')
|
|
.addDropdown(dropdown => dropdown
|
|
.addOption('sm2', SM2)
|
|
.addOption('fsrs', FSRS)
|
|
.setValue(this.plugin.settings.defaultSchedulingAlgorithm)
|
|
.onChange(async (value: 'sm2' | 'fsrs') => {
|
|
this.plugin.settings.defaultSchedulingAlgorithm = value;
|
|
await this.plugin.savePluginData();
|
|
this.display(); // Re-render to update the "About" section and parameter visibility
|
|
}));
|
|
|
|
// --- Dynamic "About Algorithm" Section ---
|
|
const aboutAlgoContainer = spacedRepSection.createDiv({ cls: 'sf-info-box sf-algo-about-box' });
|
|
this.renderAboutAlgorithmSection(aboutAlgoContainer, this.plugin.settings.defaultSchedulingAlgorithm);
|
|
|
|
// --- SM-2 Parameters ---
|
|
const sm2ParamsContainer = spacedRepSection.createEl('details', { cls: 'sf-settings-collapsible-subsection' });
|
|
const sm2Summary = sm2ParamsContainer.createEl('summary');
|
|
// Changed to h3
|
|
sm2Summary.setText(`${SM2} parameters`);
|
|
sm2ParamsContainer.open = false; // Initially closed
|
|
|
|
|
|
new Setting(sm2ParamsContainer)
|
|
.setName(`Base ease factor (${SM2})`)
|
|
.setDesc(`Initial ease factor for new ${SM2} notes (2.5 is ${SM2} default). Higher ease increases interval growth. Value shown is internal format (250 = 2.5).`)
|
|
.addSlider(slider => slider
|
|
.setLimits(130, 500, 10)
|
|
.setValue(this.plugin.settings.baseEase)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.baseEase = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
new Setting(sm2ParamsContainer)
|
|
.setName(`Use initial learning schedule (${SM2})`)
|
|
.setDesc(`For new ${SM2} notes, use a fixed set of initial intervals before applying the full algorithm.`)
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.useInitialSchedule)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.useInitialSchedule = value;
|
|
await this.plugin.savePluginData();
|
|
this.display();
|
|
}));
|
|
|
|
if (this.plugin.settings.useInitialSchedule) {
|
|
new Setting(sm2ParamsContainer)
|
|
.setName(`Custom initial intervals (${SM2})`)
|
|
.setDesc(`Comma-separated list for initial ${SM2} reviews (e.g., 0,1,3,7). Must start with 0.`)
|
|
.addText(text => text
|
|
.setValue(this.plugin.settings.initialScheduleCustomIntervals.join(', '))
|
|
.onChange(async (value: string) => {
|
|
const intervals = value.split(',').map(s => parseInt(s.trim())).filter(n => !isNaN(n) && n >= 0);
|
|
if (intervals.length > 0 && intervals[0] === 0) {
|
|
this.plugin.settings.initialScheduleCustomIntervals = intervals;
|
|
await this.plugin.savePluginData();
|
|
} else {
|
|
new Notice(`Custom initial ${SM2} intervals must start with 0 and be valid numbers.`, 5000);
|
|
text.setValue(this.plugin.settings.initialScheduleCustomIntervals.join(', '));
|
|
}
|
|
}));
|
|
}
|
|
|
|
new Setting(sm2ParamsContainer)
|
|
.setName(`Maximum interval (${SM2})`)
|
|
.setDesc(`Longest possible interval between ${SM2} reviews.`)
|
|
.addText(text => text
|
|
.setValue(this.plugin.settings.maximumInterval.toString())
|
|
.onChange(async (value: string) => {
|
|
const numValue = parseInt(value);
|
|
if (!isNaN(numValue) && numValue > 0) {
|
|
this.plugin.settings.maximumInterval = numValue;
|
|
await this.plugin.savePluginData();
|
|
}
|
|
}));
|
|
|
|
new Setting(sm2ParamsContainer)
|
|
.setName(`Load balancing (${SM2})`)
|
|
.setDesc(`Add slight randomness to ${SM2} intervals to prevent reviews clumping on the same day.`)
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.loadBalance)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.loadBalance = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
// --- FSRS Parameters ---
|
|
const fsrsParamsContainer = spacedRepSection.createEl('details', { cls: 'sf-settings-collapsible-subsection' });
|
|
const fsrsSummary = fsrsParamsContainer.createEl('summary');
|
|
// Changed to h3
|
|
fsrsSummary.setText(`${FSRS} parameters`);
|
|
fsrsParamsContainer.open = false; // Initially closed
|
|
|
|
new Setting(fsrsParamsContainer)
|
|
.setName('Request retention')
|
|
.setDesc('Desired recall probability (0.7-0.99, default: 0.9). Higher values mean more frequent reviews.')
|
|
.addText(text => text
|
|
.setValue(this.plugin.settings.fsrsParameters?.request_retention?.toString() ?? DEFAULT_SETTINGS.fsrsParameters.request_retention?.toString() ?? '0.9')
|
|
.onChange(async (value) => {
|
|
const numValue = parseFloat(value);
|
|
if (!isNaN(numValue) && numValue >= 0.7 && numValue <= 0.99) {
|
|
this.plugin.settings.fsrsParameters = { ...this.plugin.settings.fsrsParameters, request_retention: numValue };
|
|
await this.plugin.savePluginData();
|
|
this.plugin.reviewScheduleService.updateAlgorithmServicesForSettingsChange();
|
|
} else {
|
|
new Notice(`${FSRS} request retention must be between 0.7 and 0.99.`);
|
|
}
|
|
}));
|
|
|
|
new Setting(fsrsParamsContainer)
|
|
.setName('Maximum interval (days)')
|
|
.setDesc(`Longest possible interval ${FSRS} will schedule.`)
|
|
.addText(text => text
|
|
.setValue(this.plugin.settings.fsrsParameters?.maximum_interval?.toString() ?? DEFAULT_SETTINGS.fsrsParameters.maximum_interval?.toString() ?? '36500')
|
|
.onChange(async (value) => {
|
|
const numValue = parseInt(value);
|
|
if (!isNaN(numValue) && numValue > 0) {
|
|
this.plugin.settings.fsrsParameters = { ...this.plugin.settings.fsrsParameters, maximum_interval: numValue };
|
|
await this.plugin.savePluginData();
|
|
this.plugin.reviewScheduleService.updateAlgorithmServicesForSettingsChange();
|
|
} else {
|
|
new Notice(`${FSRS} maximum interval must be a positive number.`);
|
|
}
|
|
}));
|
|
|
|
new Setting(fsrsParamsContainer)
|
|
.setName('Learning steps (minutes)')
|
|
.setDesc('Comma-separated initial learning intervals in minutes (e.g., 1,10 for 1m, 10m).')
|
|
.addText(text => text
|
|
.setValue(this.plugin.settings.fsrsParameters?.learning_steps?.join(',') ?? DEFAULT_SETTINGS.fsrsParameters.learning_steps?.join(',') ?? '')
|
|
.onChange(async (value) => {
|
|
const steps = value.split(',').map(s => parseInt(s.trim())).filter(n => !isNaN(n) && n > 0);
|
|
if (steps.length > 0) { // Allow empty to use FSRS internal defaults if any
|
|
this.plugin.settings.fsrsParameters = { ...this.plugin.settings.fsrsParameters, learning_steps: steps };
|
|
await this.plugin.savePluginData();
|
|
this.plugin.reviewScheduleService.updateAlgorithmServicesForSettingsChange();
|
|
} else if (value.trim() === "") { // Allow clearing to use FSRS defaults
|
|
this.plugin.settings.fsrsParameters = { ...this.plugin.settings.fsrsParameters, learning_steps: [] };
|
|
await this.plugin.savePluginData();
|
|
this.plugin.reviewScheduleService.updateAlgorithmServicesForSettingsChange();
|
|
} else {
|
|
new Notice(`${FSRS} learning steps must be valid comma-separated numbers > 0, or empty.`);
|
|
}
|
|
}));
|
|
new Setting(fsrsParamsContainer)
|
|
.setName('Enable fuzz')
|
|
.setDesc(`Add slight randomness to ${FSRS} intervals (recommended).`)
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.fsrsParameters?.enable_fuzz ?? DEFAULT_SETTINGS.fsrsParameters.enable_fuzz ?? false)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.fsrsParameters = { ...this.plugin.settings.fsrsParameters, enable_fuzz: value };
|
|
await this.plugin.savePluginData();
|
|
this.plugin.reviewScheduleService.updateAlgorithmServicesForSettingsChange();
|
|
}));
|
|
new Setting(fsrsParamsContainer)
|
|
.setName('Enable short-term scheduling')
|
|
.setDesc(`Use ${FSRS} short-term memory model (affects initial learning steps).`)
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.fsrsParameters?.enable_short_term ?? DEFAULT_SETTINGS.fsrsParameters.enable_short_term ?? false)
|
|
.onChange(async (value) => {
|
|
this.plugin.settings.fsrsParameters = { ...this.plugin.settings.fsrsParameters, enable_short_term: value };
|
|
await this.plugin.savePluginData();
|
|
this.plugin.reviewScheduleService.updateAlgorithmServicesForSettingsChange();
|
|
}));
|
|
new Setting(fsrsParamsContainer)
|
|
.setName('Weights (w)')
|
|
.setDesc(`${FSRS} algorithm parameters (17 numbers). Edit with caution. Default weights are generally good.`)
|
|
.addTextArea(text => {
|
|
text.inputEl.rows = 3;
|
|
text.inputEl.addClass('sf-full-width-textarea');
|
|
text.setValue(this.plugin.settings.fsrsParameters?.w?.join(',') ?? DEFAULT_SETTINGS.fsrsParameters.w?.join(',') ?? '')
|
|
.onChange(async (value) => {
|
|
const weights = value.split(',').map(s => parseFloat(s.trim()));
|
|
if (weights.length === 17 && weights.every(n => !isNaN(n))) {
|
|
this.plugin.settings.fsrsParameters = { ...this.plugin.settings.fsrsParameters, w: weights };
|
|
await this.plugin.savePluginData();
|
|
this.plugin.reviewScheduleService.updateAlgorithmServicesForSettingsChange();
|
|
} else {
|
|
new Notice(`${FSRS} weights must be a comma-separated list of 17 valid numbers.`);
|
|
}
|
|
});
|
|
});
|
|
|
|
// --- Card Conversion Utilities ---
|
|
const conversionContainer = spacedRepSection.createEl('details', { cls: 'sf-settings-collapsible-subsection' });
|
|
const conversionSummary = conversionContainer.createEl('summary');
|
|
// Changed to h3
|
|
conversionSummary.setText('Card conversion utilities');
|
|
conversionContainer.open = false; // Initially closed
|
|
|
|
new Setting(conversionContainer)
|
|
.setName(`Convert all ${SM2} cards to ${FSRS}`)
|
|
.setDesc(`Migrate all existing ${SM2} cards to use the ${FSRS} algorithm. This will reset their learning state for ${FSRS}.`)
|
|
.addButton(button => button
|
|
.setButtonText(`Convert ${SM2} to ${FSRS}`)
|
|
.setCta() // Call to action style
|
|
.onClick(() => {
|
|
new ConfirmationModal(
|
|
this.app,
|
|
`Convert ${SM2} to ${FSRS}`,
|
|
`Are you sure you want to convert ALL ${SM2} cards to ${FSRS}? Their ${FSRS} learning state will be reset. This action cannot be easily undone.`,
|
|
async () => {
|
|
new Notice(`Converting ${SM2} cards to ${FSRS}... This may take a moment.`);
|
|
this.plugin.reviewScheduleService.convertAllSm2ToFsrs();
|
|
await this.plugin.savePluginData();
|
|
new Notice(`All ${SM2} cards have been converted to ${FSRS}.`);
|
|
this.display(); // Refresh settings tab
|
|
}
|
|
).open();
|
|
}));
|
|
|
|
new Setting(conversionContainer)
|
|
.setName(`Convert all ${FSRS} cards to ${SM2}`)
|
|
.setDesc(`Migrate all existing ${FSRS} cards to use the ${SM2} algorithm. Their ${SM2} learning state will be initialized with defaults.`)
|
|
.addButton(button => button
|
|
.setButtonText(`Convert ${FSRS} to ${SM2}`)
|
|
.setCta()
|
|
.onClick(() => {
|
|
new ConfirmationModal(
|
|
this.app,
|
|
`Convert ${FSRS} to ${SM2}`,
|
|
`Are you sure you want to convert ALL ${FSRS} cards to ${SM2}? Their ${SM2} learning state will be reset to defaults. This action cannot be easily undone.`,
|
|
async () => {
|
|
new Notice(`Converting ${FSRS} cards to ${SM2}... This may take a moment.`);
|
|
this.plugin.reviewScheduleService.convertAllFsrsToSm2();
|
|
await this.plugin.savePluginData();
|
|
new Notice(`All ${FSRS} cards have been converted to ${SM2}.`);
|
|
this.display(); // Refresh settings tab
|
|
}
|
|
).open();
|
|
}));
|
|
|
|
// ========= INTERFACE SECTION =========
|
|
const interfaceSection = createCollapsible('Interface & behavior', 'settings', false); // Closed by default
|
|
|
|
new Setting(interfaceSection)
|
|
.setName("Display")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header"); // Add a class for potential specific styling
|
|
|
|
new Setting(interfaceSection)
|
|
.setName('Default view type')
|
|
.setDesc('Choose between list or calendar for the review sidebar')
|
|
.addDropdown(dropdown => dropdown
|
|
.addOption('list', 'List view')
|
|
.addOption('calendar', 'Calendar view')
|
|
.setValue(this.plugin.settings.sidebarViewType)
|
|
.onChange(async (value: 'list' | 'calendar') => {
|
|
this.plugin.settings.sidebarViewType = value;
|
|
await this.plugin.savePluginData();
|
|
void this.plugin.getSidebarView()?.refresh();
|
|
}));
|
|
|
|
new Setting(interfaceSection)
|
|
.setName('Show navigation notifications')
|
|
.setDesc('Display notifications when moving between notes')
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.showNavigationNotifications)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.showNavigationNotifications = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
new Setting(interfaceSection)
|
|
.setName("Review behavior")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header");
|
|
|
|
new Setting(interfaceSection)
|
|
.setName('Include subfolders')
|
|
.setDesc('When adding a folder to review, include all notes in subfolders')
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.includeSubfolders)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.includeSubfolders = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
new Setting(interfaceSection)
|
|
.setName('Notification time')
|
|
.setDesc('Minutes before due time to notify about upcoming reviews (0 to disable)')
|
|
.addText(text => text
|
|
.setValue(this.plugin.settings.notifyBeforeDue.toString())
|
|
.onChange(async (value: string) => {
|
|
const numValue = parseInt(value);
|
|
if (!isNaN(numValue) && numValue >= 0) {
|
|
this.plugin.settings.notifyBeforeDue = numValue;
|
|
await this.plugin.savePluginData();
|
|
}
|
|
}));
|
|
|
|
new Setting(interfaceSection)
|
|
.setName(`Reading speed (${WPM})`)
|
|
.setDesc('Words per minute for estimating review time')
|
|
.addSlider(slider => slider
|
|
.setLimits(100, 500, 10)
|
|
.setValue(this.plugin.settings.readingSpeed)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.readingSpeed = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
interfaceSection.createDiv({ cls: 'sf-setting-explain', text: `Average adults read 200-250 ${WPM} for regular content, 100-150 ${WPM} for technical content` });
|
|
|
|
new Setting(interfaceSection)
|
|
.setName("Navigation command")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header");
|
|
|
|
new Setting(interfaceSection)
|
|
.setName('Enable navigation command')
|
|
.setDesc('Execute a command with a slight delay after navigating to the next or previous note.')
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.enableNavigationCommands)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.enableNavigationCommands = value;
|
|
await this.plugin.savePluginData();
|
|
this.display(); // Refresh to show/hide dependent settings
|
|
}));
|
|
|
|
if (this.plugin.settings.enableNavigationCommands) {
|
|
new Setting(interfaceSection)
|
|
.setName('Command to execute')
|
|
.setDesc('Click the button and press the desired hotkey.')
|
|
.addButton(button => {
|
|
const command = this.plugin.settings.navigationCommand;
|
|
const hotkeyText = command.key ? [...command.modifiers, command.key].join(' + ') : 'Click to set';
|
|
button.setButtonText(hotkeyText)
|
|
.onClick(() => {
|
|
button.setButtonText('...');
|
|
const keydownHandler = (e: KeyboardEvent) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
const modifiers = [];
|
|
if (e.ctrlKey) modifiers.push('Ctrl');
|
|
if (e.metaKey) modifiers.push('Meta');
|
|
if (e.altKey) modifiers.push('Alt');
|
|
if (e.shiftKey) modifiers.push('Shift');
|
|
let key = e.key;
|
|
if (key === ' ') key = 'Space';
|
|
if (!['Control', 'Shift', 'Alt', 'Meta'].includes(key)) {
|
|
this.plugin.settings.navigationCommand = {
|
|
modifiers,
|
|
key,
|
|
};
|
|
void this.plugin.savePluginData();
|
|
document.removeEventListener('keydown', keydownHandler, { capture: true });
|
|
this.display();
|
|
}
|
|
};
|
|
document.addEventListener('keydown', keydownHandler, { capture: true });
|
|
});
|
|
});
|
|
new Setting(interfaceSection)
|
|
.setName('Command execution delay (ms)')
|
|
.setDesc('How long to wait before executing the command after navigation.')
|
|
.addSlider(slider => slider
|
|
.setLimits(0, 2000, 100)
|
|
.setValue(this.plugin.settings.navigationCommandDelay)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.navigationCommandDelay = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
}
|
|
|
|
// ========= MCQ SECTION =========
|
|
const mcqSection = createCollapsible('Multiple choice questions', 'newspaper', false); // Closed by default
|
|
|
|
new Setting(mcqSection)
|
|
.setName('Enable multiple choice feature')
|
|
.setDesc('Use AI-generated multiple-choice questions to test your knowledge')
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.enableMCQ)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.enableMCQ = value;
|
|
await this.plugin.savePluginData();
|
|
|
|
// Reinitialize MCQ components
|
|
this.plugin.initializeMCQComponents();
|
|
|
|
// Update the API settings backup when enabling/disabling MCQ
|
|
try {
|
|
const apiSettings = {
|
|
openRouterApiKey: this.plugin.settings.openRouterApiKey,
|
|
enableMCQ: value,
|
|
openRouterModel: this.plugin.settings.openRouterModel
|
|
};
|
|
this.plugin.app.saveLocalStorage('spaceforge-api-settings', JSON.stringify(apiSettings));
|
|
} catch {
|
|
// no-op
|
|
}
|
|
|
|
// Refresh the MCQ settings visibility
|
|
this.display();
|
|
}));
|
|
|
|
// Only show other MCQ settings if the feature is enabled
|
|
if (this.plugin.settings.enableMCQ) {
|
|
new Setting(mcqSection)
|
|
.setName("API configuration")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header");
|
|
|
|
// API Provider Dropdown
|
|
new Setting(mcqSection)
|
|
.setName('API provider')
|
|
.setDesc('Select the API provider for generating MCQs.')
|
|
.addDropdown(dropdown => {
|
|
dropdown
|
|
.addOption(ApiProvider.OpenRouter, 'OpenRouter')
|
|
.addOption(ApiProvider.OpenAI, 'OpenAI')
|
|
.addOption(ApiProvider.Ollama, 'Ollama')
|
|
.addOption(ApiProvider.Gemini, 'Gemini')
|
|
.addOption(ApiProvider.Claude, 'Claude')
|
|
.addOption(ApiProvider.Together, 'Together AI')
|
|
.setValue(this.plugin.settings.mcqApiProvider)
|
|
.onChange(async (value: ApiProvider) => {
|
|
this.plugin.settings.mcqApiProvider = value;
|
|
await this.plugin.savePluginData();
|
|
this.plugin.initializeMCQComponents(); // Re-initialize service
|
|
this.display(); // Refresh settings tab to show/hide relevant fields
|
|
});
|
|
});
|
|
|
|
// Conditional Settings based on Provider
|
|
const provider = this.plugin.settings.mcqApiProvider;
|
|
|
|
if (provider === ApiProvider.OpenRouter) {
|
|
new Setting(mcqSection)
|
|
.setName("OpenRouter configuration")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-provider-header");
|
|
const apiKeyContainer = mcqSection.createDiv({ cls: 'sf-setting-highlight' });
|
|
new Setting(apiKeyContainer)
|
|
.setName('API key')
|
|
.setDesc('Required for generating MCQs via OpenRouter.')
|
|
.addText(text => text
|
|
.setPlaceholder('Enter your OpenRouter API key')
|
|
.setValue(this.plugin.settings.openRouterApiKey)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.openRouterApiKey = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
// Removed sf-setting-explain class
|
|
apiKeyContainer.createDiv().setText('Get your API key at https://openrouter.ai/keys');
|
|
|
|
new Setting(mcqSection)
|
|
.setName('Model')
|
|
.setDesc('Model identifier from OpenRouter (e.g., openai/gpt-4.1-mini)')
|
|
.addText(text => text
|
|
.setPlaceholder('Enter OpenRouter model identifier')
|
|
.setValue(this.plugin.settings.openRouterModel)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.openRouterModel = value;
|
|
await this.plugin.savePluginData();
|
|
// Removed specific localStorage backup here
|
|
}));
|
|
} else if (provider === ApiProvider.OpenAI) {
|
|
new Setting(mcqSection)
|
|
.setName("OpenAI configuration")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-provider-header");
|
|
new Setting(mcqSection)
|
|
.setName('API key')
|
|
.setDesc('Your OpenAI API key.')
|
|
.addText(text => text
|
|
.setPlaceholder('Enter your OpenAI API key (sk-...)')
|
|
.setValue(this.plugin.settings.openaiApiKey)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.openaiApiKey = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
new Setting(mcqSection)
|
|
.setName('Model')
|
|
.setDesc('Model name (e.g., gpt-3.5-turbo, gpt-4)')
|
|
.addText(text => text
|
|
.setPlaceholder('Enter OpenAI model name')
|
|
.setValue(this.plugin.settings.openaiModel)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.openaiModel = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
} else if (provider === ApiProvider.Ollama) {
|
|
new Setting(mcqSection)
|
|
.setName("Ollama configuration")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-provider-header");
|
|
new Setting(mcqSection)
|
|
.setName('API URL')
|
|
.setDesc('URL of your running Ollama instance (e.g., http://localhost:11434)')
|
|
.addText(text => text
|
|
.setPlaceholder(`http:${'//'}localhost:11434`)
|
|
.setValue(this.plugin.settings.ollamaApiUrl)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.ollamaApiUrl = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
new Setting(mcqSection)
|
|
.setName('Model')
|
|
.setDesc(`Name of the ${OLLAMA} model to use (e.g., llama3, mistral)`)
|
|
.addText(text => text
|
|
.setPlaceholder(`Enter ${OLLAMA} model name`)
|
|
.setValue(this.plugin.settings.ollamaModel)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.ollamaModel = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
} else if (provider === ApiProvider.Gemini) {
|
|
new Setting(mcqSection)
|
|
.setName("Gemini configuration")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-provider-header");
|
|
new Setting(mcqSection)
|
|
.setName('API key')
|
|
.setDesc(`Your Google AI ${GEMINI} ${API} key.`)
|
|
.addText(text => text
|
|
.setPlaceholder(`Enter your ${GEMINI} ${API} key`)
|
|
.setValue(this.plugin.settings.geminiApiKey)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.geminiApiKey = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
new Setting(mcqSection)
|
|
.setName('Model')
|
|
.setDesc('Model name (e.g., gemini-pro)')
|
|
.addText(text => text
|
|
.setPlaceholder(`Enter ${GEMINI} model name`)
|
|
.setValue(this.plugin.settings.geminiModel)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.geminiModel = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
} else if (provider === ApiProvider.Claude) {
|
|
new Setting(mcqSection)
|
|
.setName("Claude configuration")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-provider-header");
|
|
new Setting(mcqSection)
|
|
.setName('API key')
|
|
.setDesc(`Your Anthropic ${CLAUDE} ${API} key.`)
|
|
.addText(text => text
|
|
.setPlaceholder(`Enter your ${CLAUDE} ${API} key`)
|
|
.setValue(this.plugin.settings.claudeApiKey)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.claudeApiKey = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
new Setting(mcqSection)
|
|
.setName('Model')
|
|
.setDesc('Model name (e.g., claude-3-opus-20240229, claude-3-sonnet-20240229)')
|
|
.addText(text => text
|
|
.setPlaceholder(`Enter ${CLAUDE} model name`)
|
|
.setValue(this.plugin.settings.claudeModel)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.claudeModel = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
} else if (provider === ApiProvider.Together) {
|
|
new Setting(mcqSection)
|
|
.setName("Together AI configuration")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-provider-header");
|
|
new Setting(mcqSection)
|
|
.setName('API key')
|
|
.setDesc(`Your ${TOGETHER_AI} ${API} key.`)
|
|
.addText(text => text
|
|
.setPlaceholder(`Enter your ${TOGETHER_AI} ${API} key`)
|
|
.setValue(this.plugin.settings.togetherApiKey)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.togetherApiKey = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
new Setting(mcqSection)
|
|
.setName('Model')
|
|
.setDesc('Model identifier from Together AI (e.g., meta-llama/Llama-4-Maverick-17B-128E-Instruct-FP8)')
|
|
.addText(text => text
|
|
.setPlaceholder(`Enter ${TOGETHER_AI} model identifier`)
|
|
.setValue(this.plugin.settings.togetherModel)
|
|
.onChange(async (value: string) => {
|
|
this.plugin.settings.togetherModel = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
}
|
|
|
|
// Question generation settings (common to all providers)
|
|
new Setting(mcqSection)
|
|
.setName("Question generation (common)")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header");
|
|
|
|
// Setting for Question Amount Mode
|
|
new Setting(mcqSection)
|
|
.setName('Question amount mode')
|
|
.setDesc('How to determine the number of questions per note.')
|
|
.addDropdown(dropdown => dropdown
|
|
.addOption(MCQQuestionAmountMode.Fixed, 'Fixed number')
|
|
.addOption(MCQQuestionAmountMode.WordsPerQuestion, 'Per X words')
|
|
.setValue(this.plugin.settings.mcqQuestionAmountMode)
|
|
.onChange(async (value: MCQQuestionAmountMode) => {
|
|
this.plugin.settings.mcqQuestionAmountMode = value;
|
|
await this.plugin.savePluginData();
|
|
this.display(); // Re-render the settings tab to show/hide relevant fields
|
|
}));
|
|
|
|
// Conditionally display settings based on the mode
|
|
if (this.plugin.settings.mcqQuestionAmountMode === MCQQuestionAmountMode.Fixed) {
|
|
new Setting(mcqSection)
|
|
.setName('Questions per note (fixed)')
|
|
.setDesc('Number of questions to generate for each note.')
|
|
.addSlider(slider => slider
|
|
.setLimits(1, 10, 1)
|
|
.setValue(this.plugin.settings.mcqQuestionsPerNote)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.mcqQuestionsPerNote = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
} else if (this.plugin.settings.mcqQuestionAmountMode === MCQQuestionAmountMode.WordsPerQuestion) {
|
|
new Setting(mcqSection)
|
|
.setName('Words per question target')
|
|
.setDesc('Generate approximately 1 question for every X words in the note.')
|
|
.addText(text => text
|
|
.setPlaceholder('100')
|
|
.setValue(this.plugin.settings.mcqWordsPerQuestion.toString())
|
|
.onChange(async (value: string) => {
|
|
const numValue = parseInt(value);
|
|
if (!isNaN(numValue) && numValue > 0) {
|
|
this.plugin.settings.mcqWordsPerQuestion = numValue;
|
|
await this.plugin.savePluginData();
|
|
} else {
|
|
new Notice("Words per question must be a positive number.");
|
|
// Optionally reset to previous value or default
|
|
text.setValue(this.plugin.settings.mcqWordsPerQuestion.toString());
|
|
}
|
|
}));
|
|
}
|
|
|
|
// This setting is now conditional above
|
|
// new Setting(mcqSection)
|
|
// .setName('Questions per note')
|
|
// .setDesc('Number of questions to generate for each note')
|
|
// .addSlider(slider => slider
|
|
// .setLimits(1, 10, 1)
|
|
// .setValue(this.plugin.settings.mcqQuestionsPerNote)
|
|
// .setDynamicTooltip()
|
|
// .onChange(async (value: number) => {
|
|
// this.plugin.settings.mcqQuestionsPerNote = value;
|
|
// await this.plugin.savePluginData();
|
|
// }));
|
|
|
|
new Setting(mcqSection)
|
|
.setName('Choices per question')
|
|
.setDesc('Number of answer choices for each question')
|
|
.addSlider(slider => slider
|
|
.setLimits(2, 6, 1)
|
|
.setValue(this.plugin.settings.mcqChoicesPerQuestion)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.mcqChoicesPerQuestion = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
// Use CSS grid for the two dropdowns side by side
|
|
const mcqFormattingGrid = mcqSection.createDiv({ cls: 'sf-setting-grid' });
|
|
|
|
// First item in grid
|
|
const promptTypeContainer = mcqFormattingGrid.createDiv();
|
|
new Setting(promptTypeContainer)
|
|
.setName('Prompt type')
|
|
.setDesc('Format for question generation')
|
|
.addDropdown(dropdown => dropdown
|
|
.addOption('basic', 'Basic')
|
|
.addOption('detailed', 'Detailed')
|
|
.setValue(this.plugin.settings.mcqPromptType)
|
|
.onChange(async (value: 'basic' | 'detailed') => {
|
|
this.plugin.settings.mcqPromptType = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
// Second item in grid
|
|
const difficultyContainer = mcqFormattingGrid.createDiv();
|
|
new Setting(difficultyContainer)
|
|
.setName('Difficulty')
|
|
.setDesc('Complexity level')
|
|
.addDropdown(dropdown => dropdown
|
|
.addOption(MCQDifficulty.Basic, 'Basic recall')
|
|
.addOption(MCQDifficulty.Advanced, 'Advanced understanding')
|
|
.setValue(this.plugin.settings.mcqDifficulty)
|
|
.onChange(async (value: MCQDifficulty) => {
|
|
this.plugin.settings.mcqDifficulty = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
// Scoring settings
|
|
new Setting(mcqSection)
|
|
.setName("Scoring")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header");
|
|
|
|
new Setting(mcqSection)
|
|
.setName('Time deduction amount')
|
|
.setDesc('Score penalty for slow answers (0-1)')
|
|
.addSlider(slider => slider
|
|
.setLimits(0, 1, 0.1)
|
|
.setValue(this.plugin.settings.mcqTimeDeductionAmount)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.mcqTimeDeductionAmount = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
new Setting(mcqSection)
|
|
.setName('Time deduction threshold')
|
|
.setDesc('Apply penalty after this many seconds')
|
|
.addSlider(slider => slider
|
|
.setLimits(10, 120, 5)
|
|
.setValue(this.plugin.settings.mcqTimeDeductionSeconds)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.mcqTimeDeductionSeconds = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
new Setting(mcqSection)
|
|
.setName('Deduct full mark on first failure')
|
|
.setDesc('If enabled, the score for a question will be 0 if the first attempt is incorrect.')
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.mcqDeductFullMarkOnFirstFailure)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.mcqDeductFullMarkOnFirstFailure = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
// Add collapsible section for system prompts
|
|
const systemPromptsContainer = mcqSection.createEl('details', { cls: 'sf-system-prompts-container' });
|
|
systemPromptsContainer.createEl('summary', { text: 'System prompts (advanced)', cls: 'sf-settings-subsection' });
|
|
|
|
// Basic prompt textarea
|
|
systemPromptsContainer.createDiv({ text: 'Basic difficulty prompt', cls: 'sf-prompt-label' });
|
|
const basicTextarea = systemPromptsContainer.createEl('textarea', {
|
|
attr: {
|
|
placeholder: 'Enter system prompt for basic difficulty',
|
|
rows: '6'
|
|
},
|
|
cls: 'prompt-textarea'
|
|
});
|
|
|
|
// Set value and add change handler
|
|
basicTextarea.value = this.plugin.settings.mcqBasicSystemPrompt;
|
|
basicTextarea.addEventListener('change', () => {
|
|
this.plugin.settings.mcqBasicSystemPrompt = basicTextarea.value;
|
|
void this.plugin.savePluginData();
|
|
});
|
|
|
|
// Advanced prompt textarea
|
|
systemPromptsContainer.createDiv({ text: 'Advanced difficulty prompt', cls: 'sf-prompt-label' });
|
|
const advancedTextarea = systemPromptsContainer.createEl('textarea', {
|
|
attr: {
|
|
placeholder: 'Enter system prompt for advanced difficulty',
|
|
rows: '6'
|
|
},
|
|
cls: 'prompt-textarea'
|
|
});
|
|
|
|
// Set value and add change handler
|
|
advancedTextarea.value = this.plugin.settings.mcqAdvancedSystemPrompt;
|
|
advancedTextarea.addEventListener('change', () => {
|
|
this.plugin.settings.mcqAdvancedSystemPrompt = advancedTextarea.value;
|
|
void this.plugin.savePluginData();
|
|
});
|
|
|
|
// Advanced Question Behavior subsection
|
|
new Setting(mcqSection)
|
|
.setName("Advanced question behavior")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header");
|
|
|
|
new Setting(mcqSection)
|
|
.setName('Enable question regeneration on rating')
|
|
.setDesc('Automatically regenerate questions for a note if its review rating meets or exceeds a specified value.')
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.enableQuestionRegenerationOnRating)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.enableQuestionRegenerationOnRating = value;
|
|
await this.plugin.savePluginData();
|
|
// Refresh display to show/hide dependent setting
|
|
this.display();
|
|
}));
|
|
|
|
if (this.plugin.settings.enableQuestionRegenerationOnRating) {
|
|
new Setting(mcqSection)
|
|
.setName(`Minimum rating for regeneration (${SM2})`)
|
|
.setDesc(`For ${SM2}: Regenerate ${MCQS} if review rating (0-5) is this value or higher. (0:Blackout, 5:Perfect)`)
|
|
.addSlider(slider => slider
|
|
.setLimits(0, 5, 1)
|
|
.setValue(this.plugin.settings.minSm2RatingForQuestionRegeneration)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.minSm2RatingForQuestionRegeneration = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
|
|
new Setting(mcqSection)
|
|
.setName(`Minimum rating for regeneration (${FSRS})`)
|
|
.setDesc(`For ${FSRS}: Regenerate ${MCQS} if review rating (1-4) is this value or higher. (1:Again, 4:Easy)`)
|
|
.addSlider(slider => slider
|
|
.setLimits(1, 4, 1) // FSRS ratings are 1-4
|
|
.setValue(this.plugin.settings.minFsrsRatingForQuestionRegeneration)
|
|
.setDynamicTooltip()
|
|
.onChange(async (value: number) => {
|
|
this.plugin.settings.minFsrsRatingForQuestionRegeneration = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
}
|
|
|
|
} else {
|
|
// If MCQ is disabled, show a message about enabling it
|
|
const mcqDisabledMessage = mcqSection.createDiv({ cls: 'sf-info-box' });
|
|
mcqDisabledMessage.createEl('p', {
|
|
text: `${MCQS} are currently disabled. Enable it to configure durations and notifications.`
|
|
});
|
|
}
|
|
|
|
// ========= POMODORO TIMER SECTION =========
|
|
const pomodoroSection = createCollapsible(`${POMODORO} timer`, 'timer', false); // Added timer icon
|
|
|
|
new Setting(pomodoroSection)
|
|
.setName(`Enable ${POMODORO} timer`)
|
|
.setDesc(`Show the ${POMODORO} timer in the sidebar.`)
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.pomodoroEnabled)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.pomodoroEnabled = value;
|
|
await this.plugin.savePluginData();
|
|
// Notify the service and refresh UI elements
|
|
this.plugin.pomodoroService?.onSettingsChanged();
|
|
void this.plugin.getSidebarView()?.refresh(); // Refresh sidebar to show/hide timer
|
|
this.display(); // Refresh settings tab to show/hide dependent settings
|
|
}));
|
|
|
|
// Only show other Pomodoro settings if the feature is enabled
|
|
if (this.plugin.settings.pomodoroEnabled) {
|
|
new Setting(pomodoroSection)
|
|
.setName("Timer durations (minutes)")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header");
|
|
|
|
new Setting(pomodoroSection)
|
|
.setName('Work duration')
|
|
.setDesc('Length of a work session.')
|
|
.addText(text => text
|
|
.setPlaceholder('25')
|
|
.setValue(this.plugin.settings.pomodoroWorkDuration.toString())
|
|
.onChange(async (value: string) => {
|
|
const numValue = parseInt(value);
|
|
if (!isNaN(numValue) && numValue > 0) {
|
|
this.plugin.settings.pomodoroWorkDuration = numValue;
|
|
await this.plugin.savePluginData();
|
|
this.plugin.pomodoroService?.onSettingsChanged(); // Notify service of potential duration change
|
|
}
|
|
}));
|
|
|
|
new Setting(pomodoroSection)
|
|
.setName('Short break duration')
|
|
.setDesc('Length of a short break.')
|
|
.addText(text => text
|
|
.setPlaceholder('5')
|
|
.setValue(this.plugin.settings.pomodoroShortBreakDuration.toString())
|
|
.onChange(async (value: string) => {
|
|
const numValue = parseInt(value);
|
|
if (!isNaN(numValue) && numValue > 0) {
|
|
this.plugin.settings.pomodoroShortBreakDuration = numValue;
|
|
await this.plugin.savePluginData();
|
|
this.plugin.pomodoroService?.onSettingsChanged();
|
|
}
|
|
}));
|
|
|
|
new Setting(pomodoroSection)
|
|
.setName('Long break duration')
|
|
.setDesc('Length of a long break.')
|
|
.addText(text => text
|
|
.setPlaceholder('15')
|
|
.setValue(this.plugin.settings.pomodoroLongBreakDuration.toString())
|
|
.onChange(async (value: string) => {
|
|
const numValue = parseInt(value);
|
|
if (!isNaN(numValue) && numValue > 0) {
|
|
this.plugin.settings.pomodoroLongBreakDuration = numValue;
|
|
await this.plugin.savePluginData();
|
|
this.plugin.pomodoroService?.onSettingsChanged();
|
|
}
|
|
}));
|
|
|
|
new Setting(pomodoroSection)
|
|
.setName('Sessions until long break')
|
|
.setDesc('Number of work sessions before a long break starts.')
|
|
.addText(text => text
|
|
.setPlaceholder('4')
|
|
.setValue(this.plugin.settings.pomodoroSessionsUntilLongBreak.toString())
|
|
.onChange(async (value: string) => {
|
|
const numValue = parseInt(value);
|
|
if (!isNaN(numValue) && numValue > 0) {
|
|
this.plugin.settings.pomodoroSessionsUntilLongBreak = numValue;
|
|
await this.plugin.savePluginData();
|
|
this.plugin.pomodoroService?.onSettingsChanged();
|
|
}
|
|
}));
|
|
|
|
new Setting(pomodoroSection)
|
|
.setName("Notifications")
|
|
.setHeading()
|
|
.setClass("sf-settings-subsection-header");
|
|
|
|
new Setting(pomodoroSection)
|
|
.setName('Enable sound notifications')
|
|
.setDesc('Play a sound at the end of each work/break session.')
|
|
.addToggle(toggle => toggle
|
|
.setValue(this.plugin.settings.pomodoroSoundEnabled)
|
|
.onChange(async (value: boolean) => {
|
|
this.plugin.settings.pomodoroSoundEnabled = value;
|
|
await this.plugin.savePluginData();
|
|
}));
|
|
} else {
|
|
const pomodoroDisabledMessage = pomodoroSection.createDiv({ cls: 'sf-info-box' });
|
|
pomodoroDisabledMessage.createEl('p', {
|
|
text: `${POMODORO} timer is currently disabled. Enable it to configure durations and notifications.`
|
|
});
|
|
}
|
|
|
|
// ========= DATA MANAGEMENT SECTION =========
|
|
const dataSection = createCollapsible('Data Management', 'database', false);
|
|
|
|
const defaultPath = this.plugin.app.vault.configDir + `/ plugins / ${this.plugin.manifest.id}/data.json`;
|
|
let locationDesc = `Default: ${defaultPath}`;
|
|
if (this.plugin.settings.useCustomDataPath && this.plugin.settings.customDataPath) {
|
|
const customPath = this.plugin.settings.customDataPath.endsWith('/data.json')
|
|
? this.plugin.settings.customDataPath
|
|
: `${this.plugin.settings.customDataPath}/data.json`;
|
|
locationDesc = `Custom: ${customPath}`;
|
|
}
|
|
|
|
new Setting(dataSection)
|
|
.setName('Current data location')
|
|
.setDesc(locationDesc)
|
|
.addExtraButton(button => button
|
|
.setIcon('info')
|
|
.setTooltip(`Current location of your ${SPACEFORGE} data`)
|
|
.onClick(() => {
|
|
const message = this.plugin.settings.useCustomDataPath && this.plugin.settings.customDataPath
|
|
? `Your data is stored at: ${this.plugin.settings.customDataPath.endsWith('/data.json') ? this.plugin.settings.customDataPath : `${this.plugin.settings.customDataPath}/data.json`}`
|
|
: `Your data is stored at: ${defaultPath}`;
|
|
|
|
new Notice(message, 8000);
|
|
}));
|
|
|
|
// Check if old default data file exists when using custom path
|
|
if (this.plugin.settings.useCustomDataPath) {
|
|
const oldFile = this.plugin.app.vault.getAbstractFileByPath(defaultPath);
|
|
|
|
if (oldFile) {
|
|
new Setting(dataSection)
|
|
.setName('Legacy data file found')
|
|
.setDesc(`A data file exists at the default location. You can safely delete it or keep it as a backup.`)
|
|
.addButton(button => button
|
|
.setButtonText('Keep as backup')
|
|
.setIcon('save')
|
|
.onClick(() => {
|
|
new Notice('Legacy data file kept as backup. You can delete it manually when ready.', 5000);
|
|
}))
|
|
.addButton(button => button
|
|
.setButtonText('Delete legacy file')
|
|
.setIcon('trash')
|
|
.setWarning()
|
|
.onClick(() => {
|
|
new ConfirmationModal(
|
|
this.plugin.app,
|
|
'Delete Legacy Data File',
|
|
'Are you sure you want to delete the legacy data file? Make sure your custom data path is working correctly before proceeding.',
|
|
async () => {
|
|
try {
|
|
await this.plugin.app.fileManager.trashFile(oldFile);
|
|
new Notice('Legacy data file deleted successfully.', 3000);
|
|
this.display(); // Refresh settings
|
|
} catch (error) {
|
|
const msg = error instanceof Error ? error.message : String(error);
|
|
new Notice('Failed to delete legacy file: ' + msg, 5000);
|
|
}
|
|
}
|
|
).open();
|
|
}));
|
|
}
|
|
}
|
|
|
|
// Add global action buttons at the bottom
|
|
createActionButtons();
|
|
}
|
|
|
|
private renderAboutAlgorithmSection(container: HTMLElement, algorithm: 'sm2' | 'fsrs'): void {
|
|
container.empty(); // Clear previous content
|
|
|
|
if (algorithm === 'sm2') {
|
|
new Setting(container).setName(`About modified ${SM2} algorithm`).setHeading();
|
|
container.createEl('p', {
|
|
text: `Spaceforge uses a modified version of the SuperMemo ${SM2} algorithm (1991) which schedules reviews based on how well you recall information. ` +
|
|
'When you rate your recall quality from 0-5, the algorithm adjusts the interval and difficulty (ease factor) accordingly.'
|
|
});
|
|
container.createEl('p', {
|
|
text: 'Our implementation includes specific handling for overdue or skipped items to prevent them from accumulating in a backlog:'
|
|
});
|
|
const sm2List = container.createEl('ul');
|
|
sm2List.createEl('li', { text: `${'Overdue'} items: Automatically set to review tomorrow with a quality rating of 0.` });
|
|
sm2List.createEl('li', { text: `${'Postponed'} items: Explicitly moved to tomorrow with a one-step quality penalty.` });
|
|
sm2List.createEl('li', { text: 'Both cases reset the repetition count to 1 and update the ease factor.' });
|
|
|
|
const ratingsTable = container.createEl('table', { cls: 'sf-ratings-table' }); // Added a class for potential styling
|
|
const thead = ratingsTable.createTHead();
|
|
const tbody = ratingsTable.createTBody();
|
|
const headerRow = thead.insertRow();
|
|
headerRow.createEl('th', { text: 'Rating (0-5)' });
|
|
headerRow.createEl('th', { text: 'Description' });
|
|
headerRow.createEl('th', { text: 'Effect on interval' });
|
|
|
|
const row1 = tbody.insertRow();
|
|
row1.createEl('td', { text: '0-2' });
|
|
row1.createEl('td', { text: 'Incorrect / struggled' });
|
|
row1.createEl('td', { text: 'Resets, shortest interval' });
|
|
|
|
const row2 = tbody.insertRow();
|
|
row2.createEl('td', { text: '3' });
|
|
row2.createEl('td', { text: 'Correct with difficulty' });
|
|
row2.createEl('td', { text: 'Small increase' });
|
|
|
|
const row3 = tbody.insertRow();
|
|
row3.createEl('td', { text: '4' });
|
|
row3.createEl('td', { text: 'Correct with hesitation' });
|
|
row3.createEl('td', { text: 'Moderate increase' });
|
|
|
|
const row4 = tbody.insertRow();
|
|
row4.createEl('td', { text: '5' });
|
|
row4.createEl('td', { text: 'Perfect recall' });
|
|
row4.createEl('td', { text: 'Largest increase' });
|
|
} else if (algorithm === 'fsrs') {
|
|
new Setting(container).setName(`About ${FSRS} algorithm`).setHeading();
|
|
container.createEl('p', {
|
|
text: `${FSRS} (Free Spaced Repetition Scheduler) is a modern, evidence-based algorithm that models memory retention to optimize review schedules. ` +
|
|
`It calculates card difficulty and stability dynamically based on your review history and aims for a target retention rate.`
|
|
});
|
|
container.createEl('p', {
|
|
text: `Key concepts in ${FSRS}:`
|
|
});
|
|
const fsrsList = container.createEl('ul');
|
|
fsrsList.createEl('li', { text: `${'Difficulty'}: How hard a card is to remember.` });
|
|
fsrsList.createEl('li', { text: `${'Stability'}: How long a card is likely to be remembered.` });
|
|
fsrsList.createEl('li', { text: `${'Retention'}: The probability of recalling a card at the time of review.` });
|
|
fsrsList.createEl('li', { text: `${'Learning'} steps: Initial short intervals for new cards (configurable).` });
|
|
|
|
const ratingsTable = container.createEl('table', { cls: 'sf-ratings-table' });
|
|
const thead = ratingsTable.createTHead();
|
|
const tbody = ratingsTable.createTBody();
|
|
const headerRow = thead.insertRow();
|
|
headerRow.createEl('th', { text: 'Rating (1-4)' });
|
|
headerRow.createEl('th', { text: 'Description' });
|
|
headerRow.createEl('th', { text: 'Effect on stability/difficulty' });
|
|
|
|
const row1 = tbody.insertRow();
|
|
row1.createEl('td', { text: `${'1 (Again)'}` });
|
|
row1.createEl('td', { text: 'Forgot the card' });
|
|
row1.createEl('td', { text: 'Decreases stability, may increase difficulty' });
|
|
|
|
const row2 = tbody.insertRow();
|
|
row2.createEl('td', { text: `${'2 (Hard)'}` });
|
|
row2.createEl('td', { text: 'Recalled with significant difficulty' });
|
|
row2.createEl('td', { text: 'Smaller increase in stability' });
|
|
|
|
const row3 = tbody.insertRow();
|
|
row3.createEl('td', { text: `${'3 (Good)'}` });
|
|
row3.createEl('td', { text: 'Recalled correctly' });
|
|
row3.createEl('td', { text: 'Standard increase in stability' });
|
|
|
|
const row4 = tbody.insertRow();
|
|
row4.createEl('td', { text: `${'4 (Easy)'}` });
|
|
row4.createEl('td', { text: 'Recalled easily' });
|
|
row4.createEl('td', { text: 'Largest increase in stability' });
|
|
}
|
|
|
|
|
|
}
|
|
}
|