tpl
/
obsidian-sample-plugin
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

format view and add frontend scoring

This commit is contained in:
Joseph Cochran 2023-06-06 13:34:09 -05:00
parent dd212a0d57
commit bb2b176338
3 changed files with 114 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
main.ts
View File

@ -1,7 +1,9 @@
import { App, Editor, MarkdownView, Modal, EventRef, Plugin, PluginSettingTab, Setting, View, Workspace, WorkspaceLeaf, getAllTags, MetadataCache, CachedMetadata } from 'obsidian';
import { Console } from 'console';
import { App, Editor, MarkdownView, Modal, FrontMatterCache, Plugin, PluginSettingTab, Setting, View, Workspace, WorkspaceLeaf, getAllTags, MetadataCache, CachedMetadata, TagCache, TAbstractFile, TFile } from 'obsidian';
import { PromptModal } from 'src/Modals/PromptModal';
import { Notes } from 'src/Models/Notes';
import { VIEW_TYPE_EXAMPLE, PromptView } from 'src/PromptView';
import { LEARNING_TYPE, PromptView } from 'src/PromptView';
import { json } from 'stream/consumers';
// Remember to rename these classes and interfaces!
@ -15,30 +17,12 @@ const DEFAULT_SETTINGS: MyPluginSettings = {
export default class Learning extends Plugin {
settings: MyPluginSettings;
private notes:Array<Notes>
async activateView() {
this.app.workspace.detachLeavesOfType(VIEW_TYPE_EXAMPLE);
await this.app.workspace.getLeaf(false).setViewState({
type: VIEW_TYPE_EXAMPLE,
active: true,
});
this.app.workspace.revealLeaf(
this.app.workspace.getLeavesOfType(VIEW_TYPE_EXAMPLE)[0]
);
}
private notes: Array<Notes>
async onload() {
await this.loadSettings();
this.notes = []
this.registerView(
VIEW_TYPE_EXAMPLE,
(leaf) => new PromptView(leaf)
)
this.app.workspace.onLayoutReady( () => {
const files = this.app.vault.getMarkdownFiles()
let notes: Notes[] = [];
@ -58,7 +42,6 @@ export default class Learning extends Plugin {
// This creates an icon in the left ribbon.
const ribbonIconEl = this.addRibbonIcon('star', 'Learning', (evt: MouseEvent) => {
// Called when the user clicks the icon.
this.app.workspace.detachLeavesOfType(VIEW_TYPE_EXAMPLE);
new PromptModal(this.app, this.notes).open()
});
// Perform additional things with the ribbon
@ -76,6 +59,7 @@ export default class Learning extends Plugin {
new SampleModal(this.app).open();
}
});
// This adds an editor command that can perform some operation on the current editor instance
this.addCommand({
id: 'sample-editor-command',
@ -84,6 +68,7 @@ export default class Learning extends Plugin {
editor.replaceSelection('Sample Editor Command');
}
});
// 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',
@ -95,7 +80,7 @@ export default class Learning extends Plugin {
// 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.
if (!checking) {
new SampleModal(this.app).open();
new PromptModal(this.app, this.notes).open()
}
// This command will only show up in Command Palette when the check function returns true
@ -109,14 +94,47 @@ export default class Learning extends Plugin {
// If the plugin hooks up any global DOM events (on parts of the app that doesn't belong to this plugin)
// Using this function will automatically remove the event listener when this plugin is disabled.
this.registerDomEvent(document, 'click', (evt: MouseEvent) => {
console.log('click', evt);
this.registerDomEvent(document, 'click', async (evt: PointerEvent) => {
const element = evt.composedPath()[0] as HTMLInputElement;
if(element.id.contains("learning-plugin")){
const activeView = this.app.workspace.getActiveViewOfType(MarkdownView);
if (activeView) {
const file = activeView.file;
const metadata = this.app.metadataCache.getFileCache(file);
const newTag = { tag: "hm", position: { start: { line: 0, col: 0, offset: 0 }, end: { line: 0, col: 0, offset: 0 } } };
metadata?.tags?.push(newTag)
let content = await this.app.vault.read(file)
let finalContent = ""
if (content.includes('learning-score')){
const regex = /#learning-score-\d+/g
finalContent = content.replace(regex, `#learning-score-${element.value}`)
} else
{
finalContent = content + `\n\n\n #learning-score-${element.value}`
}
this.app.vault.modify(file, finalContent)
}
}
});
this.registerEvent(
this.app.workspace.on('file-open', this.onFileOpen)
)
// When registering intervals, this function will automatically clear the interval when the plugin is disabled.
this.registerInterval(window.setInterval(() => console.log('setInterval'), 5 * 60 * 1000));
}
onFileOpen = async (file: TFile) => {
// Do something on file open
}
onunload() {
}

27
src/Modals/PromptModal.ts
View File

@ -1,13 +1,11 @@
import { Modal, App, DropdownComponent } from 'obsidian'
import { Modal, App, TAbstractFile, TFile } from 'obsidian'
import { Notes } from 'src/Models/Notes'
const myTokenizer = (text: string) => {
const tokens = text.split(/\s+/);
return tokens.filter((token) => token.includes('_') || token.includes('-') || token.length > 1);
};
import { PromptView, LEARNING_TYPE } from 'src/PromptView';
export class PromptModal extends Modal {
private notes:Array<Notes>
private notes: Array<Notes>
private docs: Array<any>
private file: TAbstractFile | null
constructor(app: App, notes: Notes[]) {
super(app);
@ -31,7 +29,8 @@ export class PromptModal extends Modal {
const value = (doc as { value: String }).value
const lowerCase = value.toLowerCase()
const formattedValue = lowerCase.substring(1)
if (formattedValue.contains(input) || value.contains(input)) {
if ((formattedValue.contains(input) || value.contains(input)) && !value.contains("learning-score")) {
if(!suggestions.contains(value.toString())) {
suggestions.push({tag: value.toString(), titles: doc.titles, paths: doc.paths })
}
@ -76,13 +75,12 @@ export class PromptModal extends Modal {
suggestionsContainer.style.visibility = 'hidden'
}
suggestions.forEach((sugg) => {
suggestions.forEach((suggestion) => {
const item = document.createElement('div')
item.textContent = sugg.tag
item.textContent = suggestion.tag
item.addEventListener('mouseenter', () => {
item.style.color = 'grey'
console.log("hover: " + item.textContent)
})
item.addEventListener('mouseleave', () => {
@ -90,16 +88,13 @@ export class PromptModal extends Modal {
})
item.addEventListener('click', async () => {
const VIEW_TYPE_EXAMPLE = "LearningView";
await this.app.workspace.getLeaf(false).setViewState({
type: VIEW_TYPE_EXAMPLE,
type: LEARNING_TYPE,
active: true,
});
this.app.workspace.revealLeaf(
this.app.workspace.getLeavesOfType(VIEW_TYPE_EXAMPLE)[0]
);
const leaf = this.app.workspace.getLeavesOfType(LEARNING_TYPE)[0]
this.app.workspace.getLeaf().open(new PromptView(leaf, suggestion))
this.app.workspace.onLayoutReady( () => {
this.close();

67
src/PromptView.ts
View File

@ -1,27 +1,78 @@
import { ItemView, WorkspaceLeaf } from "obsidian";
import { ItemView, TAbstractFile, TFile, WorkspaceLeaf } from "obsidian";
export const VIEW_TYPE_EXAMPLE = "LearningView";
export const LEARNING_TYPE = "LearningView";
export class PromptView extends ItemView {
constructor(leaf: WorkspaceLeaf) {
private params: any
private file: TAbstractFile | null
constructor(leaf: WorkspaceLeaf, params: any) {
super(leaf);
this.params = params
}
getViewType() {
return VIEW_TYPE_EXAMPLE;
return LEARNING_TYPE;
}
getDisplayText() {
return "Example view";
}
async onload() {
}
async onOpen() {
const container = this.containerEl.children[1];
container.empty();
container.createEl("h4", { text: "Example view" });
const filteredTitles = this.params.titles.filter((str: string) => !str.includes("[Learning-Plugin]"));
let fileName = filteredTitles[0];
const lastPeriodIndex = fileName.lastIndexOf(".");
if (lastPeriodIndex !== -1) {
const beforePeriod = fileName.slice(0, lastPeriodIndex);
fileName = `[Learning-Plugin]-${beforePeriod}${fileName.slice(lastPeriodIndex)}`;
}
const originalFile = this.app.vault.getAbstractFileByPath(filteredTitles[0])
let content = await this.app.vault.read(originalFile as TFile)
const formattedContent = content.replace(/[\r\n]+/g, '\n>')
content = '>[!INFO]- ' + formattedContent
content += '\n\n\n\n<form id="learning_level">\
<input type="radio" id="learning-plugin-option0" name="radioOptions" value="0" onchange="()=>{console.log("clicked")}">\
<label for="option0">0</label>\
<br>\
<input type="radio" id="learning-plugin-option0" name="radioOptions" value="1" onchange="handleRadioChange(this)">\
<label for="option1">1</label>\
<br>\
<input type="radio" id="learning-plugin-option0" name="radioOptions" value="2" onchange="handleRadioChange(this)">\
<label for="option2">2</label>\
<br>\
<input type="radio" id="learning-plugin-option0" name="radioOptions" value="3" onchange="handleRadioChange(this)">\
<label for="option3">3</label>\
<br>\
<input type="radio" id="learning-plugin-option0" name="radioOptions" value="4" onchange="handleRadioChange(this)">\
<label for="option4">4</label>\
</form>'
try {
this.file = await this.app.vault.create(fileName, content)
await this.app.workspace.openLinkText(fileName, fileName, true, { state: { mode: 'preview' } })
}
catch(error) {
await this.app.workspace.openLinkText(fileName, fileName, false, { state: { mode: 'preview' } })
}
}
async onClose() {
// Nothing to clean up.
console.log("closed")
this.app.workspace.detachLeavesOfType(LEARNING_TYPE);
}
}