Add debug functions to the options page and fix linter warnings

neobooru · Oct 3, 2023 · 335bc6e · 335bc6e
1 parent ab6b018
commit 335bc6e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/dynamicStyle.ts b/src/dynamicStyle.ts
@@ -12,8 +12,12 @@ export function refreshTagCategoryColorMap(tagCategories: TagCategoryColor[], st
   document.head.appendChild(styleElement);
   for (const category of tagCategories) {
     const ruleName = makeCssName("tag", category.name);
-    styleElement.sheet!.insertRule(`.${ruleName} { color: ${category.color} }`, styleElement.sheet!.cssRules.length);
-    console.log("adding " + category);
+
+    if (styleElement.sheet) {
+      styleElement.sheet.insertRule(`.${ruleName} { color: ${category.color} }`, styleElement.sheet.cssRules.length);
+    } else {
+      console.error("styleElement.sheet is undefined. This should never happen!");
+    }
   }
   return styleElement;
 }
diff --git a/src/options/App.vue b/src/options/App.vue
@@ -86,6 +86,11 @@ function resetTagCategories() {
 function addTagCategory() {
   cfg.value.tagCategories.push(new TagCategoryColor("category", "#abcdef"));
 }
+
+// For debugging
+const wnd = window as any;
+wnd.szc_get_config = () => JSON.parse(JSON.stringify(cfg.value));
+wnd.szc_set_config_version = (v = 0) => (cfg.value.version = v);
 </script>
 
 <template>