Added support for more media file types

Author: dominikmayer

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "obsidian-yesterday",
-	"version": "1.0.8",
+	"version": "1.0.9",
 	"description": "Plugin that provides Yesterday journaling support to Obsidian",
 	"main": "main.js",
 	"scripts": {

src/constants.ts

@@ -0,0 +1,30 @@
+export const audioExtensions = [
+	'flac',
+	'm4a',
+	'mp3',
+	'ogg',
+	'wav'
+]
+
+export const imageExtensions = [
+	'gif',
+	'jpg', 
+	'jpeg', 
+	'png', 
+	'webp'
+];
+
+export const videoExtensions = [
+    'avi',
+    'm4v',
+    'mkv',
+    'mov',
+    'mp4',
+    'webm'
+];
+
+export const mediaExtensions = [ 
+	...audioExtensions, 
+	...imageExtensions,
+    ...videoExtensions
+];

src/main.ts

@@ -1,8 +1,7 @@
 import { App, MarkdownRenderer, Notice, Platform, Plugin, PluginSettingTab, Setting, TFile } from 'obsidian';
 import { YesterdayMedia, ImageModal } from "./media"
 import { YesterdayDialog } from "./dialogs"
-
-const mediaExtensions = ['jpg', 'jpeg', 'png'];
+import { mediaExtensions } from './constants';
 
 interface YesterdaySettings {
 	colorMarkdownFiles: boolean;
@@ -86,10 +85,6 @@ export default class Yesterday extends Plugin {
 		this.registerMarkdownPostProcessor((element, context) => {
 			const elements = Array.from(element.querySelectorAll("p, hr"));
 
-			// const paragraphs = elements.map(paragraph => {
-				
-			// })
-
 			elements.forEach((element) => {
 				let text: string;
 				if (element.tagName === "HR") {
@@ -98,15 +93,15 @@ export default class Yesterday extends Plugin {
 					text = (element as HTMLElement).innerText.trim();
 				}
 
-				const isImage = text[0] === "/" && mediaExtensions.some(extension => text.endsWith(extension));
+				const isMedia = text[0] === "/" && mediaExtensions.some(extension => text.endsWith(extension));
 				const isComment = text.startsWith("///");
 				const isDialog = text.startsWith(".") && text.contains(":");
 				const isDreamStart = text.startsWith("§§§");
 				const isDreamEnd = text.endsWith("§§§");
 				const isTodoStart = text.startsWith("++");
 				const isTodoEnd = text.endsWith("++");
 
-				if (isImage) {
+				if (isMedia) {
 					context.addChild(new YesterdayMedia((element as HTMLElement), text));
 				}
 
@@ -124,7 +119,6 @@ export default class Yesterday extends Plugin {
 				}
 
 				if (this.inDream) {
-					console.log(text);
 					let textWithoutMarkers = text.replace(/^§§§|§§§$/g, '').trim();
 					this.dreamContent += `> ${textWithoutMarkers}\n`;
 					if (!isDreamEnd) {

src/media.ts

@@ -1,4 +1,5 @@
 import { MarkdownRenderChild, MarkdownRenderer, App, Modal } from "obsidian";
+import { audioExtensions } from './constants';
 
 /**
  * Renders markdown images within a specified container element.
@@ -17,9 +18,10 @@ export class YesterdayMedia extends MarkdownRenderChild {
     const markdownItems = items.map(YesterdayMedia.createMarkdownImage);
 
     const container = this.containerEl.createDiv();
-    // if (items.length > 1) {
-    container.addClass("image-grid");
-    // }
+    if (items.every(item => !audioExtensions.some(extension => item.endsWith(extension)))) {
+      container.addClass("image-grid");
+    }
+
     MarkdownRenderer.renderMarkdown(markdownItems.join(""), container, null, this);
     this.containerEl.replaceWith(container);
   }

styles.css

@@ -42,9 +42,22 @@
 }
 
 /* Hide media files */
+.hide-media-files .nav-file-title[data-path$='.avi'],
+.hide-media-files .nav-file-title[data-path$='.flac'],
+.hide-media-files .nav-file-title[data-path$='.gif'],
 .hide-media-files .nav-file-title[data-path$='.jpeg'],
 .hide-media-files .nav-file-title[data-path$='.jpg'],
-.hide-media-files .nav-file-title[data-path$='.png'] {
+.hide-media-files .nav-file-title[data-path$='.m4a'],
+.hide-media-files .nav-file-title[data-path$='.m4v'],
+.hide-media-files .nav-file-title[data-path$='.mkv'],
+.hide-media-files .nav-file-title[data-path$='.mov'],
+.hide-media-files .nav-file-title[data-path$='.mp3'],
+.hide-media-files .nav-file-title[data-path$='.mp4'],
+.hide-media-files .nav-file-title[data-path$='.ogg'],
+.hide-media-files .nav-file-title[data-path$='.png'],
+.hide-media-files .nav-file-title[data-path$='.wav'],
+.hide-media-files .nav-file-title[data-path$='.webm'],
+.hide-media-files .nav-file-title[data-path$='.webp'] {
   display: none;
 }
 

tag_and_push.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+
+# Check if a version number was provided
+if [ -z "$1" ]; then
+	echo "Usage: $0 <version_number>"
+	exit 1
+fi
+
+VERSION=$1
+
+# Create a git tag with the provided version number
+git tag -a $VERSION -m "$VERSION"
+
+# Push the tag to the remote repository
+git push origin $VERSION