Virtual Footer

Virtual Content

Previously known as "Virtual Footer"

Set rules to add markdown text to files based on rules. This text gets rendered normally, including dataview blocks or Obsidian Bases. Your notes don't get modified or changed, the given markdown text is simply rendered "virtually". Rules can be defined based on folders, tags or properties. The content to be included can be entered directly in the plugin settings, or come from a file in your vault.

This is especially useful if you have many files with the same dataview block. Instead of pasting the dataview codeblock into every note, you can simply add it with this plugin. This prevents unecessary file bloat, while also letting you easily change the code for all files at the same time.

Features

• Works with Dataview, Datacore and native Obisidan Bases
• Lets you define rules using folderes, tags and properties
  • Rules can be set to include or exclude subfolders and subtags (recursive matching)
  • Multi-condition rules are possible, allowing you to define multiple conditions for one rule (using AND/OR)
  • Dataview rules can be used to create complex conditions
• Lets you select wether the "virtual content" gets added as a footer (end of file), a header (below properties) or in the sidebar
  • Lets you choose if all sidebar "virtual content" gets added to the same sidebar tab, or if it should be shown in it's own tab
• Supports virtual content at the top or bottom of sections (defined using headings)
• Allows for "virtual content" to be defined in the plugin settings, or in a markdown file
• Rules can be enabled or disabled from the plugin settings

Example use cases

Universally defined dataview for showing authors works

I have a folder called "Authors" which contains a note on each author of media I've read/watched. I want to see what media the Author has made when I open the note, so I use the following dataview query to query that info from my media notes:

#### Made
```dataview
TABLE without ID
file.link AS "Name"
FROM "References/Media Thoughts"
WHERE contains(creator, this.file.link)
SORT file.link DESC
```

Instead of having to add this to each file, I can simply add a rule to the folder "Authors" which contains the above text, and it will be automatically shown in each file. I can do this with as many folders as I like.

Customizable backlinks

Some users use Virtual Content to sort their backlinks based on folder or tag.

Displaying tags used in a file

Other users use Virtual Content at the top of a file to show tags used in the body of their notes. Check out this issue for examples!

Displaying related notes in your daily note

I use this dataviewjs to display notes which were created, modified on that day or reference my daily note.

```dataviewjs
const currentDate = dv.current().file.name; // Get the current journal note's date (YYYY-MM-DD)

// Helper function to extract the date part (YYYY-MM-DD) from a datetime string as a plain string
const extractDate = (datetime) => {
    if (!datetime) return "No date";
    if (typeof datetime === "string") {
        return datetime.split("T")[0]; // Split at "T" to extract the date
    }
    return "Invalid format"; // Fallback if not a string
};

const thoughts = dv.pages('"Thoughts"')
    .where(p => {
        const createdDate = p.created ? extractDate(String(p.created)) : null;
        const modifiedDate = p.modified ? extractDate(String(p.modified)) : null;
        return createdDate === currentDate || modifiedDate === currentDate;
    });

const wiki = dv.pages('"Wiki"')
    .where(p => {
        const createdDate = p.created ? extractDate(String(p.created)) : null;
        const modifiedDate = p.modified ? extractDate(String(p.modified)) : null;
        return createdDate === currentDate || modifiedDate === currentDate;
    });

const literatureNotes = dv.pages('"References/Literature"')
    .where(p => {
        const createdDate = p.created ? extractDate(String(p.created)) : null;
        const modifiedDate = p.modified ? extractDate(String(p.modified)) : null;
        return createdDate === currentDate || modifiedDate === currentDate;
    });

const mediaThoughts = dv.pages('"References/Media"')
    .where(p => {
        // Check only for files that explicitly link to the daily note
        const linksToCurrent = p.file.outlinks && p.file.outlinks.some(link => link.path === dv.current().file.path);
        return linksToCurrent;
    });

const mediaWatched = dv.pages('"References/Media"')
    .where(p => {
        const startedDate = p.started ? extractDate(String(p.started)) : null;
        const finishedDate = p.finished ? extractDate(String(p.finished)) : null;
        return startedDate === currentDate || finishedDate === currentDate;
    });

const relatedFiles = [...thoughts, ...mediaThoughts, ...mediaWatched, ...wiki, ...literatureNotes];

if (relatedFiles.length > 0) {
    dv.el("div", 
        `> [!related]+\n` + 
        relatedFiles.map(p => `> - ${p.file.link}`).join("\n")
    );
} else {
    dv.el("div", `> [!related]+\n> - No related files found.`);
}
```

Displaying dataview in the sidebar

You can also use Virtual Content to display dataview (or anything else) in the sidebar. This is useful if you want to see the results of a dataview query without having to scroll to the bottom of the file. Just select the "Sidebar" option in the settings, and use the "Open virtual content in sidebar" command.

Applying complex rules using Dataview

You can use Dataview queries to create complex rules. For example, you can create a rule that applies to all notes in a specific folder, but only if they begin with a certain prefix. It is recommended to use the Dataview option for very complex rules, as it allows for more flexibility and power than the built-in multi-condition rules.

Example dataview rules:

LIST FROM "References/Authors" WHERE startswith(file.name, "Test") OR startswith(file.name, "Example")

LIST FROM "Tasks/Reports" WHERE (Tags = work AND status = "done") OR progress > 50

Showing virtual content in an expandable pop up

Check out this issue to see how a user turned the virtual content into a pop up which displays when you hover over it!

https://github.com/user-attachments/assets/2125c038-9298-4c8b-9072-d40888882635

.daily-note .virtual-footer-dynamic-content-element.virtual-footer-header-group.virtual-footer-header-rendered-content{
    position: absolute;
    opacity: 0.3;
    width: 800px !important;
    border-radius: 12px;
    top: 300px;
    left: -750px;
    z-index: 1;
    transition: all 0.4s ease; /* 所有属性添加0.2秒渐变效果 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    outline: 1px solid var(--background-modifier-border);

    &:hover {
        z-index: 100;
        scale: 1.0;
        opacity: 1.0;
        background-color: var(--background-secondary);
        transform: translate(756px, 0px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(10px);
    }
}

In the above snippet it's limited to .daily-note so that this style only applies to notes with cssclasses: daily-note.

Limitations

Links in the markdown text work natively when in Reading mode, however they don't in Live Preview, so I've added a workaround that gets most functionality back. This means that left click works to open the link in the current tab, and middle mouse and ctrl/cmd + left click works to open the link in a new tab. Right click currently doesn't work.

Sectional virtual content currently only supports Reading mode and does not display in Live Preview.

Support

You can send me a donation using my Paypal link. Thanks for the support!