main.ts

import { App, Editor, Notice, Plugin, PluginSettingTab, Setting } from 'obsidian';

interface AnchorDisplayTextSettings {
	includeNoteName : string;
	whichHeadings: string;
	includeNotice: boolean;
	noticeText: string;
	sep : string;
}

const DEFAULT_SETTINGS: AnchorDisplayTextSettings = {
	includeNoteName: 'headersOnly',
	whichHeadings: 'allHeaders',
	includeNotice: false,
	noticeText: 'Link changed!',
	sep: ' '
}

export default class AnchorDisplayText extends Plugin {
	settings: AnchorDisplayTextSettings;

	async onload() {
		await this.loadSettings();

		this.addSettingTab(new AnchorDisplayTextSettingTab(this.app, this));

		// look for header link creation
		this.registerEvent(
			this.app.workspace.on('editor-change', (editor: Editor) => {
				// get what is being typed
				const cursor = editor.getCursor();
				const currentLine = editor.getLine(cursor.line);
				// match links to other note headings WITHOUT an already defined display text
				const headerLinkPattern = /\[\[([^\]]+#[^|]+)\]\]/;
				const match = currentLine.slice(0, cursor.ch).match(headerLinkPattern);
				if (match) {
					// handle multiple subheadings
					const headings = match[1].split('#')
					let displayText = ''
					if (this.settings.whichHeadings === 'lastHeader') {
						displayText = headings[headings.length - 1];
					} else {
						displayText = headings[1];
						if (this.settings.whichHeadings === 'allHeaders') {
							for (let i = 2; i < headings.length; i++) {
								displayText += this.settings.sep + headings[i];
							}
						}
					}
					const startIndex = (match.index ?? 0) + match[0].length - 2;
					if (this.settings.includeNoteName === 'headersOnly') {
						editor.replaceRange(`|${displayText}`, {line: cursor.line, ch: startIndex}, undefined, 'headerDisplayText');
					} else if (this.settings.includeNoteName === 'noteNameFirst') {
						editor.replaceRange(`|${headings[0]}${this.settings.sep}${displayText}`, {line: cursor.line, ch: startIndex}, undefined, 'headerDisplayText');
					} else if (this.settings.includeNoteName === 'noteNameLast') {
						editor.replaceRange(`|${displayText}${this.settings.sep}${headings[0]}`, {line: cursor.line, ch: startIndex}, undefined, 'headerDisplayText');
					}
					if (this.settings.includeNotice) {
						new Notice (this.settings.noticeText)
					}
				}
			})
		);
	}

	onunload() {

	}

	async loadSettings() {
		this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
	}

	async saveSettings() {
		await this.saveData(this.settings);
	}

}

class AnchorDisplayTextSettingTab extends PluginSettingTab {
	plugin: AnchorDisplayText;

	constructor(app: App, plugin: AnchorDisplayText) {
		super(app, plugin);
		this.plugin = plugin;
	}

	display(): void {
		const {containerEl} = this;
		containerEl.empty();

		containerEl.createEl('h2', {text: 'Link display text'})
		new Setting(containerEl)
			.setName('Include note name')
			.setDesc('Include the title of the note in the display text.')
			.addDropdown(dropdown => {
				dropdown.addOption('headersOnly', 'Don\'t include note name');
				dropdown.addOption('noteNameFirst', 'Note name and then heading(s)');
				dropdown.addOption('noteNameLast', 'Heading(s) and then note name');
				dropdown.setValue(this.plugin.settings.includeNoteName);
				dropdown.onChange(value => {
					this.plugin.settings.includeNoteName = value;
					this.plugin.saveSettings();
				});
			});
		new Setting(containerEl)
			.setName('Headings to include')
			.setDesc('Change which headings and subheadings are in the display text.')
			.addDropdown(dropdown => {
				dropdown.addOption('allHeaders', 'All linked headings');
				dropdown.addOption('lastHeader', 'Last heading only');
				dropdown.addOption('firstHeader', 'First heading only');
				dropdown.setValue(this.plugin.settings.whichHeadings);
				dropdown.onChange(value => {
					this.plugin.settings.whichHeadings = value;
					this.plugin.saveSettings();
				});
			});
		new Setting(containerEl)
			.setName('Set seperators')
			.setDesc('Choose what to insert between headings, instead of #. Ex: , , ->, :, etc.')
			.addText(text => {
				text.setValue(this.plugin.settings.sep);
				text.onChange(value => {
					this.plugin.settings.sep = value;
					this.plugin.saveSettings();
				});
			});

		containerEl.createEl('h2', {text: 'Notifications'})
		new Setting(containerEl)
			.setName('Enable notifications')
			.setDesc('Have a notice pop up whenever a link is automatically changed.')
			.addToggle(toggle => {
				toggle.setValue(this.plugin.settings.includeNotice);
				toggle.onChange(value => {
					this.plugin.settings.includeNotice = value;
					this.plugin.saveSettings();
				});
			});
		new Setting(containerEl)
			.setName('Notification text')
			.setDesc('Set the text to appear in the notification.')
			.addText(text => {
				text.setValue(this.plugin.settings.noticeText);
				text.onChange(value => {
					this.plugin.settings.noticeText = value;
					this.plugin.saveSettings();
				});
			});
	}
}