obsidian plugin 제작
This commit is contained in:
noguri98
parent
6d09ce3e39
commit
8542d97a71
214
main.ts
214
main.ts
|
|
@ -1,134 +1,86 @@
|
||||||
import { App, Editor, MarkdownView, Modal, Notice, Plugin, PluginSettingTab, Setting } from 'obsidian';
|
import { Plugin, TFile } from 'obsidian';
|
||||||
|
|
||||||
// Remember to rename these classes and interfaces!
|
export default class MusicNotePlugin extends Plugin {
|
||||||
|
private audio: HTMLAudioElement | null = null;
|
||||||
|
private isPlaying: boolean = false;
|
||||||
|
private toggleButton: HTMLElement | null = null;
|
||||||
|
private statusBarItem: HTMLElement | null = null;
|
||||||
|
|
||||||
interface MyPluginSettings {
|
async onload() {
|
||||||
mySetting: string;
|
console.log("Music Note Plugin Loaded!");
|
||||||
}
|
|
||||||
|
// 상태 바 아이템 생성
|
||||||
const DEFAULT_SETTINGS: MyPluginSettings = {
|
this.statusBarItem = this.addStatusBarItem();
|
||||||
mySetting: 'default'
|
this.toggleButton = this.statusBarItem.createEl("button", { text: "Play" });
|
||||||
}
|
|
||||||
|
// 버튼 스타일 적용 (toggleButton이 null이 아닌지 확인)
|
||||||
export default class MyPlugin extends Plugin {
|
if (this.toggleButton) {
|
||||||
settings: MyPluginSettings;
|
this.toggleButton.style.backgroundColor = "transparent";
|
||||||
|
this.toggleButton.style.border = "none";
|
||||||
async onload() {
|
this.toggleButton.style.cursor = "pointer";
|
||||||
await this.loadSettings();
|
this.toggleButton.style.color = "#8A8A8A"; // 당신이 찾은 색상으로 변경
|
||||||
|
this.toggleButton.style.display = "none"; // 처음엔 숨김
|
||||||
// This creates an icon in the left ribbon.
|
|
||||||
const ribbonIconEl = this.addRibbonIcon('dice', 'Sample Plugin', (evt: MouseEvent) => {
|
// 버튼 클릭 이벤트
|
||||||
// Called when the user clicks the icon.
|
this.toggleButton.addEventListener("click", () => {
|
||||||
new Notice('This is a notice!');
|
if (!this.isPlaying) {
|
||||||
});
|
if (!this.audio) {
|
||||||
// Perform additional things with the ribbon
|
this.audio = new Audio("https://music.youtube.com/watch?v=mJYyGLzdnZE&list=RDAMVMmJYyGLzdnZE");
|
||||||
ribbonIconEl.addClass('my-plugin-ribbon-class');
|
}
|
||||||
|
this.audio.play().catch(error => {
|
||||||
// This adds a status bar item to the bottom of the app. Does not work on mobile apps.
|
console.log("Audio play failed:", error);
|
||||||
const statusBarItemEl = this.addStatusBarItem();
|
});
|
||||||
statusBarItemEl.setText('Status Bar Text');
|
this.toggleButton!.textContent = "Stop"; // !로 null 아님을 보장
|
||||||
|
this.isPlaying = true;
|
||||||
// This adds a simple command that can be triggered anywhere
|
} else {
|
||||||
this.addCommand({
|
if (this.audio) {
|
||||||
id: 'open-sample-modal-simple',
|
this.audio.pause();
|
||||||
name: 'Open sample modal (simple)',
|
this.audio.currentTime = 0;
|
||||||
callback: () => {
|
}
|
||||||
new SampleModal(this.app).open();
|
this.toggleButton!.textContent = "Play"; // !로 null 아님을 보장
|
||||||
}
|
this.isPlaying = false;
|
||||||
});
|
}
|
||||||
// This adds an editor command that can perform some operation on the current editor instance
|
});
|
||||||
this.addCommand({
|
}
|
||||||
id: 'sample-editor-command',
|
|
||||||
name: 'Sample editor command',
|
// 노트가 열릴 때마다 확인
|
||||||
editorCallback: (editor: Editor, view: MarkdownView) => {
|
this.registerEvent(
|
||||||
console.log(editor.getSelection());
|
this.app.workspace.on("file-open", (file: TFile | null) => {
|
||||||
editor.replaceSelection('Sample Editor Command');
|
this.checkAudioContent(file);
|
||||||
}
|
})
|
||||||
});
|
);
|
||||||
// This adds a complex command that can check whether the current state of the app allows execution of the command
|
|
||||||
this.addCommand({
|
// 처음 로드 시 현재 열려있는 파일 확인
|
||||||
id: 'open-sample-modal-complex',
|
const activeFile = this.app.workspace.getActiveFile();
|
||||||
name: 'Open sample modal (complex)',
|
if (activeFile) {
|
||||||
checkCallback: (checking: boolean) => {
|
this.checkAudioContent(activeFile);
|
||||||
// Conditions to check
|
}
|
||||||
const markdownView = this.app.workspace.getActiveViewOfType(MarkdownView);
|
}
|
||||||
if (markdownView) {
|
|
||||||
// If checking is true, we're simply "checking" if the command can be run.
|
// 오디오 콘텐츠 확인 함수
|
||||||
// If checking is false, then we want to actually perform the operation.
|
private async checkAudioContent(file: TFile | null) {
|
||||||
if (!checking) {
|
if (!file || !this.toggleButton || !this.statusBarItem) return;
|
||||||
new SampleModal(this.app).open();
|
|
||||||
}
|
const content = await this.app.vault.read(file);
|
||||||
|
const hasAudio = /youtube\.com|youtu\.be|\.mp3|music\.youtube\.com/i.test(content);
|
||||||
// This command will only show up in Command Palette when the check function returns true
|
|
||||||
return true;
|
if (hasAudio) {
|
||||||
}
|
this.toggleButton.style.display = "block"; // 보이기
|
||||||
}
|
} else {
|
||||||
});
|
this.toggleButton.style.display = "none"; // 숨기기
|
||||||
|
if (this.audio) {
|
||||||
// This adds a settings tab so the user can configure various aspects of the plugin
|
this.audio.pause();
|
||||||
this.addSettingTab(new SampleSettingTab(this.app, this));
|
this.audio.currentTime = 0; // 재생 중이면 정지 후 처음으로
|
||||||
|
this.isPlaying = false;
|
||||||
// If the plugin hooks up any global DOM events (on parts of the app that doesn't belong to this plugin)
|
this.toggleButton.textContent = "Play";
|
||||||
// Using this function will automatically remove the event listener when this plugin is disabled.
|
}
|
||||||
this.registerDomEvent(document, 'click', (evt: MouseEvent) => {
|
}
|
||||||
console.log('click', evt);
|
}
|
||||||
});
|
|
||||||
|
onunload() {
|
||||||
// When registering intervals, this function will automatically clear the interval when the plugin is disabled.
|
console.log("Music Note Plugin Unloaded!");
|
||||||
this.registerInterval(window.setInterval(() => console.log('setInterval'), 5 * 60 * 1000));
|
if (this.audio) {
|
||||||
}
|
this.audio.pause();
|
||||||
|
}
|
||||||
onunload() {
|
}
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
async loadSettings() {
|
|
||||||
this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
|
|
||||||
}
|
|
||||||
|
|
||||||
async saveSettings() {
|
|
||||||
await this.saveData(this.settings);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class SampleModal extends Modal {
|
|
||||||
constructor(app: App) {
|
|
||||||
super(app);
|
|
||||||
}
|
|
||||||
|
|
||||||
onOpen() {
|
|
||||||
const {contentEl} = this;
|
|
||||||
contentEl.setText('Woah!');
|
|
||||||
}
|
|
||||||
|
|
||||||
onClose() {
|
|
||||||
const {contentEl} = this;
|
|
||||||
contentEl.empty();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class SampleSettingTab extends PluginSettingTab {
|
|
||||||
plugin: MyPlugin;
|
|
||||||
|
|
||||||
constructor(app: App, plugin: MyPlugin) {
|
|
||||||
super(app, plugin);
|
|
||||||
this.plugin = plugin;
|
|
||||||
}
|
|
||||||
|
|
||||||
display(): void {
|
|
||||||
const {containerEl} = this;
|
|
||||||
|
|
||||||
containerEl.empty();
|
|
||||||
|
|
||||||
new Setting(containerEl)
|
|
||||||
.setName('Setting #1')
|
|
||||||
.setDesc('It\'s a secret')
|
|
||||||
.addText(text => text
|
|
||||||
.setPlaceholder('Enter your secret')
|
|
||||||
.setValue(this.plugin.settings.mySetting)
|
|
||||||
.onChange(async (value) => {
|
|
||||||
this.plugin.settings.mySetting = value;
|
|
||||||
await this.plugin.saveSettings();
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
@ -1,11 +1,9 @@
|
||||||
{
|
{
|
||||||
"id": "sample-plugin",
|
"id": "music-note-plugin",
|
||||||
"name": "Sample Plugin",
|
"name": "Music on Note Open",
|
||||||
"version": "1.0.0",
|
"version": "0.0.1",
|
||||||
"minAppVersion": "0.15.0",
|
"minAppVersion": "0.15.0",
|
||||||
"description": "Demonstrates some of the capabilities of the Obsidian API.",
|
"description": "Plays music when a note is opened in Obsidian.",
|
||||||
"author": "Obsidian",
|
"author": "noguri98",
|
||||||
"authorUrl": "https://obsidian.md",
|
"isDesktopOnly": false
|
||||||
"fundingUrl": "https://obsidian.md/pricing",
|
|
||||||
"isDesktopOnly": false
|
|
||||||
}
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue