style: lint and prettier

.vscode/launch.json

@@ -1,28 +1,22 @@
 {
-    // 使用 IntelliSense 了解相关属性。 
-    // 悬停以查看现有属性的描述。
-    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "Restart",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "restart"
-            ],
-        },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "Restart in Prod Mode",
-            "runtimeExecutable": "npm",
-            "runtimeArgs": [
-                "run",
-                "restart-prod"
-            ],
-        }
-    ]
+  // 使用 IntelliSense 了解相关属性。
+  // 悬停以查看现有属性的描述。
+  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Restart",
+      "runtimeExecutable": "npm",
+      "runtimeArgs": ["run", "restart"]
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Restart in Prod Mode",
+      "runtimeExecutable": "npm",
+      "runtimeArgs": ["run", "restart-prod"]
+    }
+  ]
 }

.vscode/toolkit.code-snippets

@@ -1,45 +1,45 @@
 {
-    "appendElement - full": {
-        "scope": "javascript,typescript",
-        "prefix": "appendElement",
-        "body": [
-            "appendElement({",
-            "\ttag: '${1:div}',",
-            "\tid: '${2:id}',",
-            "\tnamespace: '${3:html}',",
-            "\tclassList: ['${4:class}'],",
-            "\tstyles: {${5:style}: '$6'},",
-            "\tproperties: {},",
-            "\tattributes: {},",
-            "\t[{ '${7:onload}', (e: Event) => $8, ${9:false} }],",
-            "\tcheckExistanceParent: ${10:HTMLElement},",
-            "\tignoreIfExists: ${11:true},",
-            "\tskipIfExists: ${12:true},",
-            "\tremoveIfExists: ${13:true},",
-            "\tcustomCheck: (doc: Document, options: ElementOptions) => ${14:true},",
-            "\tchildren: [$15]",
-            "}, ${16:container});"
-        ]
-    },
-    "appendElement - minimum": {
-        "scope": "javascript,typescript",
-        "prefix": "appendElement",
-        "body": "appendElement({ tag: '$1' }, $2);"
-    },
-    "register Notifier": {
-        "scope": "javascript,typescript",
-        "prefix": "registerObserver",
-        "body": [
-            "registerObserver({",
-            "\t notify: (",
-            "\t\tevent: _ZoteroTypes.Notifier.Event,",
-            "\t\ttype: _ZoteroTypes.Notifier.Type,",
-            "\t\tids: string[],",
-            "\t\textraData: _ZoteroTypes.anyObj",
-            "\t) => {",
-            "\t\t$0",
-            "\t}",
-            "});"
-        ]
-    }
+  "appendElement - full": {
+    "scope": "javascript,typescript",
+    "prefix": "appendElement",
+    "body": [
+      "appendElement({",
+      "\ttag: '${1:div}',",
+      "\tid: '${2:id}',",
+      "\tnamespace: '${3:html}',",
+      "\tclassList: ['${4:class}'],",
+      "\tstyles: {${5:style}: '$6'},",
+      "\tproperties: {},",
+      "\tattributes: {},",
+      "\t[{ '${7:onload}', (e: Event) => $8, ${9:false} }],",
+      "\tcheckExistanceParent: ${10:HTMLElement},",
+      "\tignoreIfExists: ${11:true},",
+      "\tskipIfExists: ${12:true},",
+      "\tremoveIfExists: ${13:true},",
+      "\tcustomCheck: (doc: Document, options: ElementOptions) => ${14:true},",
+      "\tchildren: [$15]",
+      "}, ${16:container});"
+    ]
+  },
+  "appendElement - minimum": {
+    "scope": "javascript,typescript",
+    "prefix": "appendElement",
+    "body": "appendElement({ tag: '$1' }, $2);"
+  },
+  "register Notifier": {
+    "scope": "javascript,typescript",
+    "prefix": "registerObserver",
+    "body": [
+      "registerObserver({",
+      "\t notify: (",
+      "\t\tevent: _ZoteroTypes.Notifier.Event,",
+      "\t\ttype: _ZoteroTypes.Notifier.Type,",
+      "\t\tids: string[],",
+      "\t\textraData: _ZoteroTypes.anyObj",
+      "\t) => {",
+      "\t\t$0",
+      "\t}",
+      "});"
+    ]
+  }
 }

addon/chrome/content/zoteroPane.css

@@ -1,3 +1,3 @@
 .makeItRed {
-    background-color: tomato;
+  background-color: tomato;
 }

src/addon.ts

@@ -21,7 +21,7 @@ class Addon {
   // Lifecycle hooks
   public hooks: typeof hooks;
   // APIs
-  public api: {};
+  public api: object;
 
   constructor() {
     this.data = {

src/modules/locale.ts

@@ -8,10 +8,7 @@ export function initLocale() {
   };
 }
 
-export function getString(
-  localString: string,
-  noReload: boolean = false
-): string {
+export function getString(localString: string, noReload = false): string {
   try {
     return addon.data.locale?.stringBundle.GetStringFromName(localString);
   } catch (e) {

src/modules/preferenceScript.ts

@@ -46,7 +46,8 @@ async function updatePrefsUI() {
   // with addon.data.prefs.window.document
   // Or bind some events to the elements
   const renderLock = ztoolkit.getGlobal("Zotero").Promise.defer();
-  const tableHelper = new ztoolkit.VirtualizedTable(addon.data.prefs?.window!)
+  if (addon.data.prefs?.window == undefined) return;
+  const tableHelper = new ztoolkit.VirtualizedTable(addon.data.prefs?.window)
     .setContainerId(`${config.addonRef}-table-container`)
     .setProp({
       id: `${config.addonRef}-prefs-table`,
@@ -122,7 +123,7 @@ function bindPrefEvents() {
     });
 
   addon.data
-    .prefs!!.window.document.querySelector(
+    .prefs!.window.document.querySelector(
       `#zotero-prefpane-${config.addonRef}-input`
     )
     ?.addEventListener("change", (e) => {