Add Dataview and syntax format migration feature

Author: schemen

src/settings.ts

@@ -1,5 +1,6 @@
 import {App, Plugin, PluginSettingTab, Setting} from "obsidian";
 import {TokenStyle} from "./metadata-utils";
+import {MigrationModal} from "./migration-modal";
 
 export interface EmbedMetadataSettings {
 	tokenStyle: TokenStyle;
@@ -161,5 +162,25 @@ export class EmbedMetadataSettingTab extends PluginSettingTab {
 						await this.plugin.saveSettings();
 					});
 			});
+
+		containerEl.createEl("h3", {text: "Migration"});
+
+		new Setting(containerEl)
+			.setName("Migrate from Dataview")
+			.setDesc("Convert backticked `=this.key` tokens to the selected format.")
+			.addButton((button) => {
+				button.setButtonText("Review").onClick(() => {
+					new MigrationModal(this.app, this.plugin, "dataview").open();
+				});
+			});
+
+		new Setting(containerEl)
+			.setName("Migrate to current syntax")
+			.setDesc("Convert other supported token formats to the selected format.")
+			.addButton((button) => {
+				button.setButtonText("Review").onClick(() => {
+					new MigrationModal(this.app, this.plugin, "otherSyntax").open();
+				});
+			});
 	}
 }

styles.css

@@ -17,6 +17,13 @@
 	padding: 0 2px;
 }
 
+.embed-metadata-migration-actions {
+	display: flex;
+	gap: 8px;
+	align-items: center;
+	margin-top: 12px;
+}
+
 .embed-metadata-hoverable:hover {
 	filter: brightness(1.15);
 }