Developing Review Notes for Obsidian · cho.sh

Developing Review Notes for Obsidian · cho.sh

/plugin
├── main.js
└── manifest.json

json

{
  "package": "yarn build && rm -rf dist && mkdir dist && cp main.js dist/main.js && cp manifest.json dist/manifest.json && rm -rf ../www/Brain/.obsidian/plugins/review-page-for-daily-notes && mkdir ../www/Brain/.obsidian/plugins/review-page-for-daily-notes && cp -r dist/* ../www/Brain/.obsidian/plugins/review-page-for-daily-notes"
}

json

{
  "id": "review-page-for-daily-notes",
  "name": "Review Page for Daily Notes",
  "version": "1.0.0",
  "minAppVersion": "0.12.0",
  "description": "Roam-like Review page for Daily Notes for Obsidian",
  "author": "Sunghyun Cho",
  "authorUrl": "https://cho.sh",
  "isDesktopOnly": false,
  "js": "main.js"
}

ts

import {
  App,
  Editor,
  MarkdownView,
  Modal,
  Notice,
  Plugin,
  PluginSettingTab,
  Setting,
} from "obsidian";

interface CustomSettings {
  // relative path to daily notes folder
  dailyNotesFolder: string;

  // format of the daily notes file, e.g. 'YYYY-MM-DD'
  dailyNotesFormat: string;

  // how many files to load at once?
  dailyNotesOffset: number;
}

const DEFAULT_SETTINGS: CustomSettings = {
  dailyNotesFolder: "Journals",
  dailyNotesFormat: "YYYY-MM-DD",
  dailyNotesOffset: 10,
};

export default class CustomPlugin extends Plugin {
  settings: CustomSettings;
  async onload(): Promise<void> {
    await this.loadSettings();
    this.createRibbon();
  }
  async loadSettings() {
    this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
  }
  createRibbon(): HTMLElement {
    const ribbon = this.addRibbonIcon(
      "calendar-with-checkmark",
      "Review Daily Notes",
      (evt: MouseEvent) => {
        new Notice("HELLO!");
      },
    );
    return ribbon;
  }
}

ts

import { CustomSettings } from "main";
import {
  Editor,
  ItemView,
  MarkdownView,
  Notice,
  WorkspaceLeaf,
} from "obsidian";

export const ReviewDailyNotesViewType = "review-daily-notes";

export class ReviewDailyNotesView extends ItemView {
  private readonly settings: CustomSettings;

  constructor(leaf: WorkspaceLeaf, settings: CustomSettings) {
    super(leaf);
    this.settings = settings;
  }

  public getViewType(): string {
    return "Review Daily Notes";
  }

  public getDisplayText(): string {
    return ReviewDailyNotesViewType;
  }

  public getIcon(): string {
    return "calendar-with-checkmark";
  }

  public load(): void {
    super.load();
    this.draw();
  }

  private readonly draw = (): void => {
    const container = this.containerEl.children[1];
    const rootEl = document.createElement("div");
    const navHeader = rootEl.createDiv({
      cls: "nav-header",
    });
    navHeader.createDiv({
      cls: "nav-header-title",
    }).textContent = "Review Daily Notes";
    container.empty();
    container.appendChild(rootEl);
  };
}

ts

/**
 * @public
 */
export class TFile extends TAbstractFile {
  /**
   * @public
   */
  stat: FileStats;
  /**
   * @public
   */
  basename: string;
  /**
   * @public
   */
  extension: string;
}

ts

public loadDailyNotes(): TFile[] {
    const { dailyNotesFolder } = this.settings;
    const files = this.app.vault.getFiles();
    const dailyNotes = files.filter(
        (file) =>
            file.path.startsWith(dailyNotesFolder) &&
            file.path.endsWith(".md")
    );
    console.log(dailyNotes);
    return dailyNotes;
}

ts

dailyNotes.sort((a, b) => {
  const aDate = new Date(a.path.substring(dailyNotesFolder.length + 1));
  const bDate = new Date(b.path.substring(dailyNotesFolder.length + 1));
  return aDate.getTime() - bDate.getTime();
});

ts

export class MarkdownPreviewView
  extends MarkdownRenderer
  implements MarkdownSubView, MarkdownPreviewEvents
{
  /**
   * @public
   */
  containerEl: HTMLElement;
  /**
   * @public
   */
  get(): string;
  /**
   * @public
   */
  set(data: string, clear: boolean): void;
  /**
   * @public
   */
  clear(): void;
  /**
   * @public
   */
  rerender(full?: boolean): void;
  /**
   * @public
   */
  getScroll(): number;
  /**
   * @public
   */
  applyScroll(scroll: number): void;
}