updated: Bumped version

.gitignore

@@ -15,4 +15,5 @@ data.json
 
 .history
 
-.DS_Store
+.DS_Store
+.DS_Store

README.md

@@ -33,21 +33,21 @@ Obsidian app version 12.8 adds a powerful custom context menu for easier note-ta
 
 <img src="https://user-images.githubusercontent.com/79069364/142739490-e6824979-c339-449e-88c2-051979b7a6aa.png" style=" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; ">
 
-You can also use the new command added in version [1.0.0]() to open your highlighlighter menu. Now, you can open your highlighting menu with a hotkey of your choosing. You will be able to add hotkeys to each individual highlighter color from your highlighter menu, as the plugin creates command for each highlighter as well.
+You can also use the new command added in version [1.0.0]() to open your highlighlighter menu. Now, you can open your highlighting menu with a hotkey of your choosing. You will be able to add hotkeys to each individual highlighter color from your highlighter menu, as the plugin creates a command for each highlighter as well.
 
 <img src="https://user-images.githubusercontent.com/79069364/142739122-aed7a0ee-e7d8-4595-90f5-9e809f44ef04.gif" style=" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; ">
 
 <img src="https://user-images.githubusercontent.com/79069364/142739489-8f1e3243-f07a-4b40-a9d7-9c36dd3a784b.png" style=" box-shadow: 0 2px 8px 0 var(--background-modifier-border); border-radius: 8px; ">
 
-Version [1.1.2]() add the ability to choose between inline CSS and CSS classes. This will create a new stylesheet that will how all of your highlight colors. Each class is named `hltr-${highlight_title_here}` and are generated from the titles by which you have named your highlights. Although inline CSS is highly encouraged, CSS classes will make your highlights much more flexible and easier to customize.
+Version [1.1.2]() adds the ability to choose between inline CSS and CSS classes. This will create a new stylesheet that will how all of your highlight colors. Each class is named `hltr-${highlight_title_here}` and are generated from the titles by which you have named your highlights. Although inline CSS is highly encouraged, CSS classes will make your highlights much more flexible and easier to customize.
 
 ## Disclaimer
 
 The plugin component will not work with [cMenu plugin](https://github.com/chetachiezikeuzor/cMenu-Plugin).
 
 ## Installation
 
-This plugin is not yet available in the Obsidian community plugin store. You can install it from there once it has been accepted. For a manual installation, you can download the necessary files and place them within your plugins folder.
+This plugin is available in the Obsidian community plugin store. You can install it from there. For a manual installation, you can download the necessary files and place them within your plugins folder.
 
 ---
 

manifest.json

@@ -1,7 +1,7 @@
 {
   "id": "highlightr-plugin",
   "name": "Highlightr",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "minAppVersion": "0.12.8",
   "description": "A minimal and aesthetically pleasing highlighting menu that makes color-coded highlighting much easier with a configurable assortment of highlight colors 🎨.",
   "author": "chetachi",

package.json

@@ -15,7 +15,7 @@
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-typescript": "^8.2.1",
     "@types/node": "^14.14.37",
-    "@types/sortablejs": "^1.10.7",
+    "@types/sortablejs": "^1.13.0",
     "obsidian": "^0.16.0",
     "rollup": "^2.32.1",
     "tslib": "^2.2.0",
@@ -28,6 +28,6 @@
     "react": "^17.0.2",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-css-only": "^3.1.0",
-    "sortablejs": "^1.14.0"
+    "sortablejs": "^1.15.0"
   }
 }

src/plugin/contextMenu.ts

@@ -19,7 +19,7 @@ export default function contextMenu(
     item
       .setTitle("Highlight")
       .setIcon("highlightr-pen")
-      .onClick(async (_) => {
+      .onClick(async (e) => {
         highlighterMenu(app, settings, editor);
       });
   });

src/plugin/main.ts

@@ -18,7 +18,7 @@ export default class HighlightrPlugin extends Plugin {
   settings: HighlightrSettings;
 
   async onload() {
-    console.log("Highlightr v" + this.manifest.version + " loaded");
+    console.log(`Highlightr v${this.manifest.version} loaded`);
     addIcons();
 
     await this.loadSettings();

src/settings/settingsTab.ts

@@ -229,7 +229,7 @@ export class HighlightrSettingTab extends PluginSettingTab {
       forceFallback: true,
       fallbackClass: "highlighter-sortable-fallback",
       easing: "cubic-bezier(1, 0, 0, 1)",
-      onSort: (command) => {
+      onSort: (command: { oldIndex: number; newIndex: number }) => {
         const arrayResult = this.plugin.settings.highlighterOrder;
         const [removed] = arrayResult.splice(command.oldIndex, 1);
         arrayResult.splice(command.newIndex, 0, removed);

styles.css

@@ -205,7 +205,7 @@ details[open] summary.highlight-summary::before {
 
 .menu.highlighterContainer .menu-item .menu-item-icon {
   display: inline-block;
-  width: 28px;
+  width: 25px;
   position: relative;
   top: 2px;
 }