Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chetachiezikeuzor/mysnippets-plugin

MySnippets is a plugin that adds a status bar menu allowing the user to quickly manage their snippets within the comfort of their workspace 🖌.
https://github.com/chetachiezikeuzor/mysnippets-plugin

css obsidian-md obsidian-plugin plugin

Last synced: 4 days ago
JSON representation

MySnippets is a plugin that adds a status bar menu allowing the user to quickly manage their snippets within the comfort of their workspace 🖌.

Host: GitHub
URL: https://github.com/chetachiezikeuzor/mysnippets-plugin
Owner: chetachiezikeuzor
License: mpl-2.0
Created: 2021-08-31T20:45:29.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2024-04-24T10:12:43.000Z (8 months ago)
Last Synced: 2024-10-13T06:25:05.401Z (2 months ago)
Topics: css, obsidian-md, obsidian-plugin, plugin
Language: TypeScript
Homepage:
Size: 157 MB
Stars: 159
Watchers: 4
Forks: 3
Open Issues: 16
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

# MySnippets Plugin

![MySnippets-Plugin Downloads](https://img.shields.io/github/downloads/chetachiezikeuzor/MySnippets-Plugin/total.svg)
![MySnippets-Plugin Releases](https://img.shields.io/github/v/release/chetachiezikeuzor/MySnippets-Plugin)

mysnippets-header

### Status: This plugin is currently available in the Obsidian plugin store

Remember that one time, where you were trying to test out a few cool and new snippets? Oh, but you had to constantly, go back and forth between workspace and settings tab just to toggle them on and off. Been there, done that… but wait! What if you could… I dunno… have your snippets right there in front of you? What if you could toggle your snippets on and off from the comfort of your workspace? That'd be super cool, right? I know! Well, you've come to the right place!

MySnippets is a plugin that adds a status bar menu allowing the user to quickly manage their snippets within the comfort of their workspace 🖌. This plugin makes managing snippets a breeze with a beautiful mini menu that shows up with a click of a button!

## Demo

pick-a-snippet

open-menu-in-statusbar

## Ease of Use

We all love hacking away at Obsidian with a bunch of different snippets, but I'm willing to bet that most of us don't like having to trigger and re-trigger the settings tab just to get to our snippets. With MySnippets, we can finally access our snippets and toggle them on and off easily! Think of it as a condensed and tucked away version of the "CSS Snippets" section in the settings tab. I don't know about you, but when I want to edit my snippets, I don't want to have to rummage through the settings tab just to get to them! It can be distracting, a time waster, and just overall annoying! So let's end the era of `Settings > Appearance > CSS Snippets` and welcome the new era of ← _Click_!

## How it Works

MySnippets appends a cute little status bar icon in your workspace. All you need to do is click and see all of your lovely snippets in a menu! Here, you will see two buttons to the bottom of the menu. The first is your "Reload" button and the second is your "Folder" button. Triggering "Reload" button will allow the plugin to reread your snippets folder, in case you have decided to create a new snippet or delete a snippet. Triggering the "Folder" button will open the folder that houses your snippets. These buttons mimic the functions in the settings tab.

open-snippet-folder

Each snippet item has a toggle and a button. You can use the toggle to turn your snippet off/on.

pick-a-snippet

You can also use the button to open your snippet with your default application for CSS files.

open-snippet

On Mac, you can change your default application by right-clicking on any CSS file, then click "Get info." Then, Go to the "Open with" section and choose the application you'd like to use. Use the "Change All..." button to set this application as your default application to open CSS files.

With MySnippets, you can change the design aesthetic. You can choose to have a "glass" style for MySnippets within the settings tab, which gives it a unique and futuristic look!

glass-menu

default-menu

### Create New CSS Snippets

Version [1.1.0](https://github.com/chetachiezikeuzor/MySnippets-Plugin/releases/tag/1.1.0) now adds the functionality to create new CSS snippets using a modal. All you have to do is provide the name of the file and the file contents. You can also set a template for your new snippets within the settings tab. There are settings added that allow you to decide whether or not you want your new snippets to open automatically after creating them, and whether you want your snippets to be automatically toggled on after creating them.

create-css-snippet

## Installation

This plugin is now available in the community plugin store. You can install it from there and enable it. For a manual installation, you can download the necessary files and place them within your plugins folder.

---

## Changelog

### [1.1.0](https://github.com/chetachiezikeuzor/MySnippets-Plugin/releases/tag/1.1.0) - Dec 4, 2021

##### Added

- Create new CSS snippets function
create-css-snippet

##### Fixed

- MySnippets menu positioning is now dependent on window coordinates (solves issue with hidden status bar).

---

## Checklist

- [x] Command to open snippets menu
- [x] Create new CSS snippets function

---

## Support

If you like this plugin and are considering donating to support continued development, use the button below!

Created with ❤️ by Chetachi