1.1.1 - Better error showing and no more Notice Spam

esbuild.config.mjs

@@ -44,7 +44,7 @@ const args = {
 		"@lezer/highlight",
 		...builtins],
 	format: "cjs",
-	target: "es2016",
+	target: "es2017",
 	logLevel: "info",
 	sourcemap: prod ? false : "inline",
 	treeShaking: true,

main.ts

@@ -16,6 +16,7 @@ import { lintKeymap } from "@codemirror/lint";
 import { EditorView, ViewUpdate } from "@codemirror/view";
 import { debounce, App, Editor, MarkdownView, Modal, Notice, Plugin, PluginSettingTab, Setting, PluginManifest } from 'obsidian';
 import { tags as t } from "@lezer/highlight";
+import { error } from "console";
 
 const config = {
 	name: "obsidian",
@@ -222,6 +223,7 @@ export default class ObisidianKV extends Plugin {
 	online: any
 	offline: any
 	injectexterchnage: any
+	app: App
 
 	constructor(app: App, manifest: PluginManifest) {
 		super(app, manifest);
@@ -366,7 +368,7 @@ class ObisidianKVSettingTab extends PluginSettingTab {
 		dropCursor(),
 		EditorState.allowMultipleSelections.of(true),
 		indentOnInput(),
-		indentUnit.of("    "),
+		indentUnit.of("  "),
 		syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
 		EditorView.lineWrapping,
 		bracketMatching(),
@@ -387,15 +389,27 @@ class ObisidianKVSettingTab extends PluginSettingTab {
 	createJSONEditor(snippetsSetting: Setting) {
 		const container = snippetsSetting.controlEl.createDiv("kv-store-json-editor");
 
+		const errorpane = container.createDiv("kv-store-json-editor-error");
+		errorpane.style.color = "green";
+		errorpane.style.fontWeight = "bold"
+		errorpane.style.paddingBottom = "10px";
+
+		let greenmessage = "No errors found!"
+
+		errorpane.setText(greenmessage);
+
 		const change = EditorView.updateListener.of(async (v: ViewUpdate) => {
 			if (v.docChanged) {
 				const value = v.state.doc.toString();
 				try {
 					this.plugin.settings.kvdata = JSON.parse(value);
 					await this.plugin.saveSettings();
 					window.kv = new SharedStuff(this.plugin.settings.kvdata, this.plugin);
+					errorpane.style.color = "green";
+					errorpane.setText(greenmessage);
 				} catch (error) {
-					new Notice('Invalid JSON: ' + error.message, 1000);
+					errorpane.style.color = "red";
+					errorpane.setText(error.message);
 				}
 			}
 		});
@@ -405,7 +419,13 @@ class ObisidianKVSettingTab extends PluginSettingTab {
 		extensions.push(change);
 
 		this.snippetsEditor = this.createJSONCMEditor(JSON.stringify(this.plugin.settings.kvdata, null, 2), extensions);
+		let blankbr = document.createElement("br");
+
+		container.appendChild(errorpane);
+		container.appendChild(blankbr);
+		container.appendChild(blankbr);
 		container.appendChild(this.snippetsEditor.dom);
+		container.appendChild(blankbr);
 
 	}
 

manifest.json

@@ -1,7 +1,7 @@
 {
 	"id": "kv-store",
 	"name": "KV Store",
-	"version": "1.1.0",
+	"version": "1.1.1",
 	"minAppVersion": "0.15.0",
 	"description": "Adds a key-value store. Use it to store and retrieve key-value pairs in your vault.",
 	"author": "Darren-project",

package.json

@@ -29,6 +29,6 @@
 		"@fingerprintjs/fingerprintjs": "^4.2.2",
 		"esbuild-plugin-inline-import": "^1.1.0",
 		"obsidian": "^1.4.11",
-		"tslib": "^2.6.2"
+		"tslib": "^2.6.3"
 	}
 }

styles.css

@@ -13,5 +13,10 @@ If your plugin does not need CSS, delete this file.
 
 .kv-store-json-editor-css .setting-item-control {
     text-align: unset;
+    justify-content: unset;
 }
 
+
+.setting-item.kv-store-json-editor-css {
+    display: unset;
+}

tsconfig.json

@@ -15,7 +15,8 @@
       "DOM",
       "ES5",
       "ES6",
-      "ES7"
+      "ES7",
+      "ES2017",
     ]
   },
   "include": [

versions.json

@@ -5,5 +5,6 @@
 	"1.0.4": "0.15.0",
 	"1.0.5": "0.15.0",
 	"1.0.6": "0.15.0",
-	"1.1.0": "0.15.0"
+	"1.1.0": "0.15.0",
+	"1.1.1": "0.15.0"
 }