fix: cannot load daily notes after first init when reloading Obsidian

manifest.json

@@ -1,10 +1,10 @@
 {
-	"id": "daily-notes-editor",
-	"name": "Daily Notes Editor",
-	"version": "0.1.7",
-	"minAppVersion": "0.15.0",
-	"description": "Edit a bunch of daily notes in one page(inline), which works similar to Roam Research's default daily note view.",
-	"author": "Quorafind",
-	"authorUrl": "https://obsidian.md",
-	"isDesktopOnly": false
-}
+    "id": "daily-notes-editor",
+    "name": "Daily Notes Editor",
+    "version": "0.1.8",
+    "minAppVersion": "0.15.0",
+    "description": "Edit a bunch of daily notes in one page(inline), which works similar to Roam Research's default daily note view.",
+    "author": "Quorafind",
+    "authorUrl": "https://obsidian.md",
+    "isDesktopOnly": false
+}

package.json

@@ -1,6 +1,6 @@
 {
     "name": "daily-notes-editor",
-    "version": "0.1.7",
+    "version": "0.1.8",
     "description": "A plugin for you to edit a bunch of daily notes in one page(inline), which works similar to Roam Research's default daily note view.",
     "main": "main.js",
     "scripts": {

src/component/DailyNoteEditorView.svelte

@@ -13,6 +13,8 @@
         getDailyNoteSettings,
         DEFAULT_DAILY_NOTE_FORMAT
     } from 'obsidian-daily-notes-interface';
+    import { onMount } from "svelte";
+
 
     export let plugin: DailyNoteViewPlugin;
     export let leaf: WorkspaceLeaf;
@@ -27,6 +29,9 @@
     let hasFetch = false;
     let hasCurrentDay: boolean = true;
 
+    let firstLoaded = true;
+    let loaderRef: HTMLDivElement;
+
     $: if (hasMore && !hasFetch) {
         cacheDailyNotes = getAllDailyNotes();
         // Build notes list by date in descending order.
@@ -37,6 +42,12 @@
         checkDailyNote();
     }
 
+    onMount(() => {
+        checkDailyNote();
+        startFillViewport();
+
+    });
+
     function checkDailyNote() {
         // @ts-ignore
         const currentDate = moment();
@@ -79,6 +90,18 @@
                 ...renderedDailyNotes,
                 ...allDailyNotes.splice(0, size)
             ];
+            if (firstLoaded) {
+                window.setTimeout(() => {
+                    ensureViewFilled();
+                    firstLoaded = false;
+                }, 100);
+            }
+        }
+    }
+
+    function ensureViewFilled() {
+        if (loaderRef && loaderRef.getBoundingClientRect().top < leaf.view.contentEl.innerHeight) {
+            infiniteHandler();
         }
     }
 
@@ -155,13 +178,16 @@
     {#each renderedDailyNotes as file (file)}
         <DailyNote file={file} plugin={plugin} leaf={leaf}/>
     {/each}
-    <div use:inview={{}} on:inview_init={startFillViewport} on:inview_change={infiniteHandler}
+    <div bind:this={loaderRef} class="dn-view-loader" use:inview={{
+        root: leaf.view.containerEl
+    }} on:inview_init={startFillViewport} on:inview_change={infiniteHandler}
          on:inview_leave={stopFillViewport}/>
     {#if !hasMore}
         <div class="no-more-text">—— No more of results ——</div>
     {/if}
 </div>
 
+
 <style>
     .dn-stock {
         height: 1000px;
@@ -196,9 +222,4 @@
         margin-right: auto;
         text-align: center;
     }
-
-    /*.daily-note-view{*/
-    /*    display: flex;*/
-    /*    flex-direction: row;*/
-    /*}*/
 </style>

src/dailyNoteViewIndex.ts

@@ -4,7 +4,7 @@ import {
     TFile,
     Workspace,
     WorkspaceContainer, WorkspaceItem,
-    WorkspaceLeaf, TAbstractFile, Scope, Notice
+    WorkspaceLeaf, TAbstractFile, Scope
 } from 'obsidian';
 import DailyNoteEditorView from "./component/DailyNoteEditorView.svelte";
 import { around } from "monkey-around";
@@ -84,7 +84,7 @@ export default class DailyNoteViewPlugin extends Plugin {
 
         this.registerView(DAILY_NOTE_VIEW_TYPE, (leaf: WorkspaceLeaf) => (this.view = new DailyNoteView(leaf, this)));
 
-        this.addRibbonIcon('daily-note', 'Open Daily Note Editor', (evt: MouseEvent) => this.openDailyNoteEditor());
+        this.addRibbonIcon('calendar-range', 'Open Daily Note Editor', (evt: MouseEvent) => this.openDailyNoteEditor());
         this.addCommand({
             id: 'open-daily-note-editor',
             name: 'Open Daily Note Editor',