Enable ts strict mode, refactor tag dialog

Author: apqx

_includes/script-theme.html

@@ -11,7 +11,7 @@
             savedTheme = THEME_AUTO
             localStorage.setItem(KEY_THEME, savedTheme)
         }
-        const bodyE = document.getElementsByTagName("body")[0];
+        const bodyE = document.body;
         // 默认是没有.dark的，在确定是暗黑模式时加上.dark
         // 默认是没有theme-color的，在这里根据主题加上
         if (savedTheme === THEME_DARK

_posts/original/2021-08-03-为博客添加站内搜索和暗黑模式.md

@@ -101,7 +101,7 @@ const KEY_THEME = "theme"
 // 读取保存的用户主题设置
 const savedTheme = localStorage.getItem(KEY_THEME)
 console.log("saved theme = " + savedTheme)
-const bodyE = document.querySelector("body")
+const bodyE = document.body
 // 根据用户设置显示对应主题
 if (savedTheme == THEME_DARK) {
     bodyE.classList.add("dark")

npm/dist/blog-404-v2.0.0.js

@@ -2,21 +2,21 @@ import { consoleDebug } from "../util/log"
 
 export class ResizeHeightObserver {
     callback: (width: number) => void
-    lastTimeout: NodeJS.Timeout = null
+    lastTimeout: NodeJS.Timeout | null = null
     lastHeight = -1
     resizeObserver = new ResizeObserver((entries) => {
         const entry = entries.pop()
-        if (entry.contentRect.height == this.lastHeight) {
+        if (entry!!.contentRect.height == this.lastHeight) {
             // 高度没有变化
             return
         }
-        this.lastHeight = entry.contentRect.height
+        this.lastHeight = entry!!.contentRect.height
         if (this.lastTimeout != null) {
             clearTimeout(this.lastTimeout)
         }
         this.lastTimeout = setTimeout(() => {
-            consoleDebug("ResizeHeightObserver height changed after delay " + entry.contentRect.height)
-            this.callback(entry.contentRect.height)
+            consoleDebug("ResizeHeightObserver height changed after delay " + entry!!.contentRect.height)
+            this.callback(entry!!.contentRect.height)
         }, 200)
     })
     constructor(e: HTMLElement, callback: (height: number) => void) {

npm/dist/blog-index-v2.0.0.js

@@ -2,25 +2,25 @@ import { consoleDebug } from "../util/log"
 
 export class ResizeWidthObserver {
     callback: (width: number) => void
-    lastTimeout: NodeJS.Timeout = null
+    lastTimeout: NodeJS.Timeout | null = null
     lastWidth = -1
     resizeObserver = new ResizeObserver((entries) => {
         const entry = entries.pop()
-        if (entry.contentRect.width == this.lastWidth) {
+        if (entry!!.contentRect.width == this.lastWidth) {
             // 宽度没有变化
             return
         }
-        if (entry.contentRect.width == 0) {
+        if (entry!!.contentRect.width == 0) {
             // 宽度变为0是什么情况🙄
             return
         }
-        this.lastWidth = entry.contentRect.width
+        this.lastWidth = entry!!.contentRect.width
         if (this.lastTimeout != null) {
             clearTimeout(this.lastTimeout)
         }
         this.lastTimeout = setTimeout(() => {
-            consoleDebug("ResizeWidthObserver width changed after delay " + entry.contentRect.width)
-            this.callback(entry.contentRect.width)
+            consoleDebug("ResizeWidthObserver width changed after delay " + entry!!.contentRect.width)
+            this.callback(entry!!.contentRect.width)
         }, 200)
     })
     constructor(e: HTMLElement, callback: (width: number) => void) {