obsidian-plugin/ninglg_light-mindmap
1
0
Fork 0
mirror of https://github.com/ninglg/light-mindmap.git synced 2026-07-22 06:51:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add plugin settings tab for Obsidian settings sidebar

Browse source
This commit is contained in:
ninglg 2026-07-09 14:13:11 +08:00
parent 15a38b0ea5
commit bad1f87ee0
1 changed files with 100 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

100
main.js
View file

@ -89,8 +89,97 @@ const ROOT_HGAP = 90;
const PAD = 60;
const PLACEHOLDER = 'New Title';
class LightMindMapSettingTab extends obsidian.PluginSettingTab {
constructor(app, plugin) {
super(app, plugin);
this.plugin = plugin;
}
display() {
const { containerEl } = this;
containerEl.empty();
containerEl.createEl('h2', { text: 'Light Mindmap Settings' });
new obsidian.Setting(containerEl)
.setName('Default theme')
.setDesc('Choose the default theme for new mindmaps')
.addDropdown((dropdown) =>
dropdown
.addOption('vibrant', 'Vibrant')
.addOption('classic', 'Classic')
.addOption('fresh', 'Fresh')
.addOption('ocean', 'Ocean')
.addOption('sunset', 'Sunset')
.addOption('midnight', 'Midnight')
.addOption('slate', 'Slate')
.setValue(this.plugin.settings?.defaultTheme || 'vibrant')
.onChange(async (value) => {
this.plugin.settings.defaultTheme = value;
await this.plugin.saveSettings();
})
);
new obsidian.Setting(containerEl)
.setName('Default layout')
.setDesc('Choose the default layout for new mindmaps')
.addDropdown((dropdown) =>
dropdown
.addOption('balanced', 'Balanced')
.addOption('right', 'Right')
.addOption('left', 'Left')
.addOption('tree', 'Tree')
.addOption('radial', 'Radial')
.setValue(this.plugin.settings?.defaultLayout || 'balanced')
.onChange(async (value) => {
this.plugin.settings.defaultLayout = value;
await this.plugin.saveSettings();
})
);
new obsidian.Setting(containerEl)
.setName('Default line style')
.setDesc('Choose the default line style for new mindmaps')
.addDropdown((dropdown) =>
dropdown
.addOption('curve', 'Smooth')
.addOption('straight', 'Straight')
.addOption('polyline', 'Right Angle')
.addOption('polyline-dashed', 'Right Angle Dashed')
.addOption('curve-dashed', 'Smooth Dashed')
.setValue(this.plugin.settings?.defaultLine || 'curve')
.onChange(async (value) => {
this.plugin.settings.defaultLine = value;
await this.plugin.saveSettings();
})
);
new obsidian.Setting(containerEl)
.setName('Default node style')
.setDesc('Choose the default node style for new mindmaps')
.addDropdown((dropdown) =>
dropdown
.addOption('rounded', 'Rounded')
.addOption('square', 'Square')
.addOption('borderless', 'Borderless')
.addOption('circle', 'Pill')
.addOption('doodle', 'Doodle')
.setValue(this.plugin.settings?.defaultNodeStyle || 'rounded')
.onChange(async (value) => {
this.plugin.settings.defaultNodeStyle = value;
await this.plugin.saveSettings();
})
);
containerEl.createEl('h3', { text: 'About' });
containerEl.createEl('p', { text: 'Version: ' + this.plugin.manifest.version });
containerEl.createEl('p', { text: 'Render Markdown headings as interactive mindmaps.' });
}
}
class LightMindMapPlugin extends obsidian.Plugin {
async onload() {
await this.loadSettings();
this._scan = obsidian.debounce(() => this._doScan(), 120);
this._fileCache = null;
this._fileCacheTime = 0;
@ -163,6 +252,9 @@ class LightMindMapPlugin extends obsidian.Plugin {
// Inject SVG filter for doodle node style
this._injectDoodleFilter();
// Register settings tab
this.addSettingTab(new LightMindMapSettingTab(this.app, this));
}
onunload() {
@ -175,6 +267,14 @@ class LightMindMapPlugin extends obsidian.Plugin {
if (doodleSvg) doodleSvg.closest('svg').remove();
}
async loadSettings() {
this.settings = Object.assign({}, { defaultTheme: 'vibrant', defaultLayout: 'balanced', defaultLine: 'curve', defaultNodeStyle: 'rounded' }, await this.loadData());
}
async saveSettings() {
await this.saveData(this.settings);
}
async _doScan() {
const leaves = this.app.workspace.getLeavesOfType('markdown');
for (const leaf of leaves) {