GithubHelp home page GithubHelp logo

pashashocky / obsidian-note-gallery Goto Github PK

View Code? Open in Web Editor NEW
163.0 163.0 5.0 976 KB

A masonry note gallery for obsidian.

License: GNU General Public License v3.0

JavaScript 6.99% TypeScript 88.44% CSS 4.57%

obsidian-note-gallery's People

Contributors

ianrandmckenzie avatar pashashocky avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

madx xbmcnerds unikz

obsidian-note-gallery's Issues

Disabled In-Line Titles Prevent Titles from Appearing in Gallery View

Hey there!

Disabling titles under Appearance will prevent titles from appearing in the Gallery View, despite the flag being set to True within the config. Not sure if intended, but just wanted to call it out. It would be nice (or rather, preferable) that that option overrides the Appearance toggle, since it's nice to see the titles in the Gallery view, but not so much in the Editor itself (at least for me).

Thanks!

EmbeddedSearch is not a constructor

Plugin is not rendering. Javascript errors regarding "EmbeddedSearch."

version: 0.0.40

I get these errors whether I build the plugin or install via community.

Here is the code block:

~~~~note-gallery
path: Atlas/Utilities/Assets
limit: 25
recursive: true
sort: desc
sortby: mtime
fontSize: 7pt
showTitle: true
~~~~

and the errors:

index.tsx:32 Uncaught (in promise) TypeError: this.plugin.EmbeddedSearch is not a constructor
    at eval (index.tsx:32:9)
    at t.onLayoutReady (app.js:1:1975503)
    at CodeBlockNoteGallery.eval (index.tsx:24:31)
    at Generator.next (<anonymous>)
    at eval (plugin:note-gallery:79:61)
    at new Promise (<anonymous>)
    at __async (plugin:note-gallery:63:10)
    at CodeBlockNoteGallery.onload (index.tsx:23:18)
    at e.load (app.js:1:1140190)
    at e.addChild (app.js:1:1140591)
eval @ index.tsx:32
t.onLayoutReady @ app.js:1
eval @ index.tsx:24
eval @ plugin:note-gallery:79
__async @ plugin:note-gallery:63
onload @ index.tsx:23
e.load @ app.js:1
e.addChild @ app.js:1
eval @ main.ts:145
wrapper @ index.js:20
addChild @ app.js:1
eval @ main.ts:89
eval @ plugin:note-gallery:79
__async @ plugin:note-gallery:63
eval @ main.ts:87
(anonymous) @ app.js:1
t.postProcess @ app.js:1
t.postProcess @ app.js:1
h @ app.js:1
e.onRender @ app.js:1
requestAnimationFrame (async)
ft @ app.js:1
e.queueRender @ app.js:1
e.set @ app.js:1
t.set @ app.js:1
(anonymous) @ app.js:1
(anonymous) @ app.js:1
(anonymous) @ app.js:1
a @ app.js:1
Promise.then (async)
l @ app.js:1
(anonymous) @ app.js:1
v @ app.js:1
t.setMode @ app.js:1
(anonymous) @ app.js:1
(anonymous) @ app.js:1
(anonymous) @ app.js:1
(anonymous) @ app.js:1
v @ app.js:1
t.setState @ app.js:1
(anonymous) @ app.js:1
(anonymous) @ app.js:1
(anonymous) @ app.js:1
(anonymous) @ app.js:1
v @ app.js:1
t.setViewState @ app.js:1
t.toggleMode @ app.js:1
checkCallback @ app.js:1
Eq @ app.js:1
e.executeCommand @ app.js:1
e.onTrigger @ app.js:1
e.handleKey @ app.js:1
e.handleKey @ app.js:1
t.handleKey @ app.js:1
e.onKeyEvent @ app.js:1

Let me know if I can assist further with troubleshooting.

Thank you

exclude sub-folder(s) of path

I want to use path and go 2 levels down, but want to skip the "_attachments" and another directory I use. Not clear how to do this. Maybe add an "pathexclude" to allow that.

[BUG] Note cards are slightly resized on hover

I noticed that an undefined --interactive-accent-tint CSS variable is used for coloring note card borders on hover.
That makes the interpreter to reset border width to zero and cards become wider by 2px. In some cases card text takes less lines on hover.

According to the documentation for developers, the --interactive-accent variable should be used instead of aforementioned above one.

Before:
ezgif-1-643a7e89fa

After:
ezgif-1-7b43605bd8

Configurable font size

The size of the note content is very small compared to the size of the note title.
Is it possible to configure this?

image

Thanks

Feature request: auto refresh

Suppose we have a pinned note that lists the most recent (mtime) notes: it would be convenient if the gallery updated itself automatically (according to a specific interval, on focus, ...). Now (unfortunately) that doesn't happen and you have to reopen the note with the gallery.

Path appears to be ignored

Obsidian search string of

path: "๐Ÿ“บ TV Shows" tag: #to-watch

returns one note which is in the ๐Ÿ“บ TV Shows folder and has the #to-watch tag. There is another file in the folder without the tag which is not displayed.

```note-gallery
query: 'path: "๐Ÿ“บ TV Shows"'
query: tag:#to-watch
sort: asc
debugQuery: true
limit: 15
```

returns all notes in my vault with the tag #to-watch, including the correct one in ๐Ÿ“บ TV Shows.

I've tried multiple permutations with and without the single and/or double quotes and space after path:. Most return the same result set while a couple return an error.

Disabled In-Line Titles Prevent Titles from Appearing in Gallery View

#10 I'm not a collaborator, so re-opening here. I left a comment:

Looks like this is still not functioning as intended. Using the following code block:

~~~~note-gallery
showTitle: true
query: 'tag:#snippet' 
debugQuery: false
recursive: true
limit: 10
sort: desc
sortBy: mtime
fontSize: 12pt
~~~~

I tried repositioning the arguments, reinstalling via BRAT, but the issue persists. If I toggle show inline title on again, the titles will appear with no issue. I don't think there's anything else impacting the plugin. It's not a theme issue either, I've tested it with Default. Maybe I'm missing something?

[FR] Filter on a checkbox frontmatter property

Thank you SO much for this great plugin.
Would it be possible to add a function to filter not only on a folder but also on the value of a property? What I need is to be able to show only those results where the checkbox property for 'Reviewed' is empty.

[FR] Support for Native obsidian search query, dataview key and frontmatter for sorting

Thank you for developing this amazing plugin, I think it may be as useful as dataview.

It would be perfect if local query and dataview key were supported for filtering.

query: "/regex/"(Support Obsidian's own search syntax, especially regex, that would be perfect!)
limit: 100      
recursive: true 
sort: desc      
sortby: frontmatter&dataview key
fontsize: 8pt   

Is there a way to dynamically use the current note name in the query?

I want to use this (amazing, thank you!) plugin in a template, and would like the gallery to be populated by every note that links to the current one. In dataview you can just do [[]] and it knows to use the name of the note you're in, would be really handy here too so that I don't have to manually go in and change the query for every new note. I guess relatedly, is it already possible to use dataview with note gallery somehow?

[FR] Improve README - confusing for new users

Hi there, as a new Obsidian user, the "Example Syntax" section was extremely confusing for me. If it weren't for my software background, I would have given up and uninstalled. Which would be silly because this plugin rocks.

The syntax block assumes people already know how this syntax stuff works and will immediately know what to do with that text. I think the README needs more explicit instructions on how to use this "Example Syntax"

Can we use the current global search query to produce the list of cards?

I'm moving over from Google Keep, Obsidian is a much more in-depth solution which I intend to use, but I want to replicate the main search and masonry list from Keep.

Your plugin looks great, is it possible to reflect the current global search query (which could be anything, tag, path, filename etc) dynamically in the masonry view, without having to keep editing the query manually?

Many thanks

Change the number of columns

Is there any way I can change the number of columns from the default 4 to a different number, like 3 or 2?
I didn't find such an option in the available options or in the Styles file

[FR] Open in new tab

Hi Pasha,

Amazing plugin. Is it possible to open a note in new tab or go back to the same view after viewing a clicked note? This is important because it is currently inconvenient to scroll down again to a point after opening a note and going back (going back opens top of the page)

Note not showing if image is note on the vault

Hello,

Thank you for your plugin, i love the idea !

I tried it, but it seems there is a little issue.

When the note contains text and local image with preview, it works very well.
But when the image in the note is on a website (and note inside the vault), the note gallery don't show that note.

I show you this in the following gif.
Issue note gallery

I tried it on the sandbox vault and in my own local vault and that's the same.

Thank you for your plugin and your help.

[FR] Support Dendron style "path"

I have not installed the plugin, but I am intrigued.

I save most of my notes and assets in one folder.

Would it be possible to support a Dendron styled path, e.g., user.script.daily-notes, which displays all files with that prefix, e.g., user.script.daily-notes.quick-switcher.mjs.md and user.script.daily-notes.dates-database.mjs.md?

Cheers

When adding notes on mobile, the plugin on desktop does not update automatically

Hi, Pasha, thank you for your amazing plugin!
I use obsidian on both desktop and mobile with obsidian sync. I've found that when I add notes on my phone, the plugin on desktop doesn't update automatically (It does update on mobile). I have to run the command to refresh it manually. The same happens vice versa.
Is is possible to make the plugin update automatically in real-time across mobile and desktop?

[FR] Option to make notecards all the same size and scrollable.

I think it would be useful to be able to have rows of same-size notecards, square or otherwise. If the note is too long, then there can be a little search bar in the note to scroll up and down. There's another note plugin that allows for something similar but their implimentation of the scroll bar includes one that goes side to side which makes the whole plugin unusable.

Some minor style improvements

Images with specified size (like this ![[logo.png|300]]) follow the large size in the note page.
This css snippet will make it follow the gallery width:
It should be better if this option can be set as default.

.card-content img{
  max-width:100%;
}

image


btw, the margin between title and content is too large in my minimal theme. I made some minor changes with the following css snippet:

.card-content p{
  margin-top: 0;
}
.note-card hr{
  display: none;
} 
.search-empty-state{
  display: none;
}

Feature request: hide the note titles

Since many notes have their titles as a H1 Header, it uses up a lot of space when its shown twice in the gallery view (as the files title and as a h1 header). Would be great to have to option of not showing the file-titles.

[BUG] Gallery doesn't render when "Source" mode is "Default Editing Mode" in Settings.

I acknowledge that I may be using it wrong; however, it appears that the query function doesn't work.

I have tried all of these with no results showing.

~~~~note-gallery
query: 'path: Worlds/The Vault/Masks'
debugQuery: true
~~~~
~~~~note-gallery
query: path:Worlds/The Vault/Masks
debugQuery: true
~~~~
~~~~note-gallery
query: tag:#Masks
debugQuery: true
~~~~
~~~~note-gallery
query: 'tag: #Masks'
debugQuery: true
~~~~

The path function works perfectly; but, I would like only to show results with a specified tag.

I would also like to mention that I'm a big fan of this plugin, there is another one called Page Gallery by Nathan Clark, which is very similar, and honestly a bit more versatile and easier to use; however, due to the amount of results I would like to load its performance is terrible. Perhaps in consideration of that, a "results per page" would be a wise addition, so not every result is loaded at the same time, even though your plugin seems to be more performant so far.

[FR] Support for Banners plugin

To see banners while viewing the gallery. Banners is compatible with core Page Preview and Hover Editor plugin.
I don't know if this FR belongs to Banners' repo or this one? :)

PS: Very much needed and very well executed plugin, thank you very much !!!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.