🏷️ 将所有能改变的let转为const，将所有var转为let

package.json

@@ -1,7 +1,7 @@
 {
  "name": "verkfi",
  "version": "1.7.0",
- "devVersion": "854",
+ "devVersion": "859",
  "dev": true,
  "description": "Platform for Neila's something useless tools.",
  "private": true,

prebuild.ts

@@ -22,14 +22,14 @@ const logger = new Logger({
 import Logger from "lp-logger";
 async function devMain() {
  const repoInfo = await getRepoInfo();
- let commits = Number(ChildProcess.execSync("git log --oneline | wc -l").toString().replace(/\n/g, "")),
-   oldPackage = <typeof pack>JSON.parse(fs.readFileSync("package.json").toString());
+ let commits = Number(ChildProcess.execSync("git log --oneline | wc -l").toString().replace(/\n/g, ""));
+ const oldPackage = <typeof pack>JSON.parse(fs.readFileSync("package.json").toString());
  commits++;
  oldPackage.description = repoInfo.description;
  oldPackage.devVersion = commits.toString();
  logger.log(`计算出devVersion为${commits}`);
  fs.writeFileSync("package.json", JSON.stringify(oldPackage, null, 4));
- let oldManifest = <Manifest>JSON.parse(fs.readFileSync("public/index.webmanifest").toString());
+ const oldManifest = <Manifest>JSON.parse(fs.readFileSync("public/index.webmanifest").toString());
  oldManifest.description = repoInfo.description;
  oldManifest.short_name = repoInfo.name;
  oldManifest.name = repoInfo.name;

src/app/Menu.tsx

@@ -216,12 +216,11 @@ export default function Menu() {
  sortingFor={"__home__"}
  setTools={tools => null}
  editMode={false}
- paramTool={recentlyUsed.map(to => {
- var tool: tool | 0 = 0
- || realTools.find(single => single.to === to)
- || convertExtensionTools(extensionTools).find(single => `/tools/extension?tool=${to}` === single.to);
- return tool;
- }).filter((item: tool | 0) => item !== 0 && item !== undefined) as unknown as tool[]} />
+ paramTool={recentlyUsed.map(to => (
+ 0
+ || realTools.find(single => single.to === to)
+ || convertExtensionTools(extensionTools).find(single => `/tools/extension?tool=${to}` === single.to))
+ ).filter((item: tool | 0) => item !== 0 && item !== undefined) as unknown as tool[]} />
  </Box>
  </Box>
  <Box>

src/app/components/matrix/matrix.ts

@@ -9,7 +9,7 @@ export const logger = new LpLogger({
 });
 export type block = [number, number];
 export default function drawMatrix(blocks: block[], g: number, posX: number, posZ: number, posCache: block, cache: block[], palette: Palette, onlyPos: boolean) {
- var e = Number(window.getComputedStyle(document.getElementById("canvascontainer").parentElement.children[0]).width.replace("px", "")), // Decrepated: Math.max(w, h),
+ const e = Number(window.getComputedStyle(document.getElementById("canvascontainer").parentElement.children[0]).width.replace("px", "")), // Decrepated: Math.max(w, h),
  nowPos: block = [posX, posZ],
  cachePosBlock: block[] = [],
  posBlock: block[] = [];

src/app/index/DownButton.tsx

@@ -32,7 +32,7 @@ export default function DownButton(props: {
  }} onClick={event => {
  event.stopPropagation();
  props.setTools(draft => {
- var pd = draft.slice(0);
+ const pd = draft.slice(0);
  downGo(pd, pd.indexOf(props.tool));
  buttonCommonSorting(props.sortingFor, pd);
  return pd;

src/app/index/EditToolsListDialog.tsx

@@ -52,13 +52,13 @@ export default function EditToolsListDialog(props: {
  createOrEdit = !edit(list) ? get("category.创建分类") : get("category.编辑分类"),
  extensionTools = useContext(extensions).value,
  converted = convertExtensionTools(extensionTools),
- toolsList = useToolsList(getTools(get));
- var right = toolsList.concat(converted).filter(atool => atool !== undefined).map(atool => atool.name).filter(v => props.left.every(val => val !== v));
+ toolsList = useToolsList(getTools(get)),
+   right = toolsList.concat(converted).filter(atool => atool !== undefined).map(atool => atool.name).filter(v => props.left.every(val => val !== v));
  return (
  <PureDialog action={(
  <ButtonGroup fullWidth>
  <Button variant="contained" onClick={event => {
- var listDraft: lists = list.slice(0),
+ const listDraft: lists = list.slice(0),
  index = list.findIndex(singleList => singleList[0] === dialogListName),
  have: boolean = index !== -1;
  if (index !== -1) {

src/app/index/Selects.tsx

@@ -181,7 +181,7 @@ export default function Selects(props: {
  title: get("category.删除此分类"),
  description: get("category.确定删除此分类吗？"),
  onTrue: () => {
- var listDraft: lists = list.slice(0).filter(draftSingle => draftSingle[0] !== dialogListName)
+ const listDraft: lists = list.slice(0).filter(draftSingle => draftSingle[0] !== dialogListName)
  setList(listDraft);
  lists.set(listDraft);
  setDialogListName("");

src/app/index/SingleTool.tsx

@@ -108,13 +108,13 @@ export default function SingleTool(props: {
  onSwipedRight: data => {
  switch (homeWhere) {
  case "most": {
- let old = mostUsed.value;
+ const old = mostUsed.value;
  Reflect.deleteProperty(old, tool.to);
  mostUsed.set(old);
  break;
  }
  case "recently": {
- let old = recentlyUsed.value;
+ const old = recentlyUsed.value;
  recentlyUsed.set(removeArrayItem(old, tool.to));
  break;
  }

src/app/index/UpButton.tsx

@@ -32,7 +32,7 @@ export default function UpButton(props: {
  }} size="large" edge="end" onClick={event => {
  event.stopPropagation();
  props.setTools(draft => {
- var pd = draft.slice(0);
+ const pd = draft.slice(0);
  upGo(pd, pd.indexOf(props.tool));
  buttonCommonSorting(props.sortingFor, pd);
  return pd;

src/app/index/searchBase.tsx

@@ -3,10 +3,10 @@ import {
  tool
 } from "tools/info";
 export default function searchBase(sortedTools: tool[], search: string) {
- var calcTools: tool[] = [];
- const lower = String(search).toLowerCase();
+ const calcTools: tool[] = [],
+   lower = String(search).toLowerCase();
  sortedTools.forEach(tool => {
- var to = String(tool.to);
+ const to = String(tool.to);
  if (tool.desc.toLowerCase().includes(lower) || to.includes(search) || tool.name.toLowerCase().includes(lower)) calcTools.push(tool);
  });
  return calcTools;

src/app/layout.tsx

@@ -5,7 +5,7 @@ import {
  getRepoInfo
 } from "components/getRepoInfo";
 export async function generateMetadata() {
- var url = new URL(pack.homepage);
+ let url = new URL(pack.homepage);
  try {
  url = new URL(process.env.VERKFI_URL)
  } catch {

src/app/layout/desktopAdder.ts

@@ -12,7 +12,7 @@ const desktopAdder = () => {
  },
  };
  //@ts-ignore 不是，你不能安装PWA还强行安装，指定没好果汁吃奥
- var deferredPrompt: BeforeInstallPromptEvent = defaultPrompt;
+ let deferredPrompt: BeforeInstallPromptEvent = defaultPrompt;
  // 监听beforeinstallprompt事件，该事件在网站满足PWA安装条件时触发，保存安装事件
  window.addEventListener("beforeinstallprompt", (event: BeforeInstallPromptEvent) => {
  event.preventDefault();

src/app/layout/layoutClient.tsx

@@ -106,7 +106,7 @@ export const darkMode = createContext<{
 }>(null);
 export function useLightMode() {
  const gotContext = useContext(darkMode).mode;
- var value: boolean = true;
+ let value = true;
  switch (gotContext) {
  case "dark":
  value = false;

src/app/layout/useLang.ts

@@ -12,7 +12,7 @@ import {
 import settingReader from 'setting/settingReader';
 import useSWR from 'swr';
 const useLang = () => {
- var browserLang: string = "zhCN";
+ let browserLang: string = "zhCN";
  if (isBrowser()) {
  if (window.navigator.language || window.navigator.languages) {
  browserLang = ((window.navigator.languages && window.navigator.languages[0]) || window.navigator.language).split("-").join("") || "zhCN";

src/app/page.tsx

@@ -53,12 +53,6 @@ import {
 import getParamTools from 'index/getParamTools';
 import VerkfiIcon from 'components/verkfiIcon/verkfiIcon';
 import generateTries from 'index/generateTries';
-import db, {
- single
-} from 'db';
-import {
- useLiveQuery
-} from 'dexie-react-hooks';
 import convertExtensionTools from 'index/convertExtensionTools';
 import MouseOverPopover from 'components/Popover';
 export default function Index(props: {
@@ -70,7 +64,6 @@ export default function Index(props: {
  * 搜索内容
  */
  children?: string;
- ref?;
  expand?: boolean;
  setExpand?: setState<boolean>;
 }): JSX.Element {
@@ -79,10 +72,6 @@ export default function Index(props: {
  extensionTools = useContext(extensions).value,
  router = useRouter(),
  toolsList = useToolsList(realTools),
- refThis = useRef(),
- {
- ref = refThis
- } = props,
  showSidebar = useContext(showSidebarContext),
  first = useContext(firstContext),
  recentlyUsed = useContext(recentlyUsedContext).value,
@@ -102,20 +91,16 @@ export default function Index(props: {
  tries = useMemo(() => generateTries(mostUsed, realTools), [mostUsed, realTools]),
  recentlyTools = recentlyUsed.map(to => {
  const converted = convertExtensionTools(extensionTools);
- var tool: tool | 0 = 0
+ return 0
  || realTools.find(single => single.to === to)
  || converted.find(single => `/tools/extension?tool=${to}` === single.to);
- return tool;
  }).filter((item: tool | 0) => item !== 0) as unknown as tool[],
  [sortingFor, setSortingFor] = useState<string>(props.isImplant ? "__global__" : "__home__");
+ let expand = expandThis,
+ setExpand = setExpandThis;
  if (props.setExpand) {
- var {
- expand,
- setExpand
- } = props;
- } else {
- var expand = expandThis,
- setExpand = setExpandThis;
+ expand = props.expand;
+ setExpand = props.setExpand;
  }
  /**
  * 搜索工具
@@ -161,7 +146,7 @@ export default function Index(props: {
  );
  }
  return (props.isImplant ? showSidebar.show : true) && (
- <Box ref={ref}>
+ <Box>
  {props.isImplant !== true && (
  <HeadBar isIndex pageName="Verkfi" sx={{
  zIndex: theme => String((theme as ThemeHaveZIndex).zIndex.drawer + 1)

src/app/service-worker.ts

@@ -16,7 +16,7 @@ import pages from "./pages.json";
  "keycode",
  "readnumber",
 ]; */
-declare let self: ServiceWorkerGlobalScope;
+declare const self: ServiceWorkerGlobalScope;
 export const Cache = `Verkfi-${version}-${dev == true ? `dev${devVersion}` : "prod"}`, // C
  log = (text: string) => console.log(`%cServiceWorker`, `background: #52c41a;border-radius: 0.5em;color: white;font-weight: bold;padding: 2px 0.5em`, text),
  clearOldCaches = async () => {
@@ -62,16 +62,16 @@ self.addEventListener('activate', event => event.waitUntil((async () => {
  */
 self.addEventListener('fetch', event => {
  if (event.request.method !== 'GET') return;
- let requrl = event.request.url;
- let url = String(requrl);
+ const requrl = event.request.url,
+ url = String(requrl),
+ urled = new URL(url),
+ path = urled.pathname.split("/");
  if (url.startsWith("chrome-extension://")) return;
- let urled = new URL(url);
  let response: Response; // 可能为空的响应
- let path = urled.pathname.split("/");
  path.shift();
  event.respondWith((async () => {
- const cache = await caches.open(Cache);
- var realReq = event.request.clone();
+ const cache = await caches.open(Cache),
+   realReq = event.request.clone();
  log(`抓取: ${url}`);
  if (path[0] === "handle") {
  const toPath = `/tools/${urled.searchParams.get("handle").replace(/web\+verkfi:\/\//g, "")}`;

src/app/setting/getCache.tsx

@@ -3,14 +3,5 @@ import {
 } from "./consts";
 export default async function getCache(type: "usage" | "quota") {
  const estimate = await navigator.storage.estimate();
- var _ret: number = 0;
- switch (type) {
- case 'usage':
- _ret = estimate.usage / MB;
- break;
- case 'quota':
- _ret = estimate.quota / MB;
- break;
- }
- return _ret;
+ return type === "usage" ? estimate.usage / MB : estimate.quota / MB;
 }

src/app/tools/audiotools/getRecording.ts

@@ -4,18 +4,21 @@ import {
  isBrowser
 } from "layout/layoutClient";
 export default async function getRecording(onStop: (blob: Blob) => any, onDataAvailable?: (blob: Blob) => any, log = true) {
- var mediaRecorder: MediaRecorder;
- class logger {
- private static lpLogger = new LpLogger({
- name: "AudioTools",
- level: "log", // 空字符串时，不显示任何信息
- });
- static log(...a) {
+ let mediaRecorder: MediaRecorder;
+ class Logger extends LpLogger {
+ constructor() {
+ super({
+ name: "AudioTools",
+ level: "log", // 空字符串时，不显示任何信息
+ });
+ }
+ log(...a) {
  if (log) {
- this.lpLogger.log(...a);
+ super.log(...a);
  }
  };
  }
+ const logger = new Logger();
  if (isBrowser() && navigator.mediaDevices.getUserMedia) {
  const constraints = {
  audio: true
@@ -27,7 +30,7 @@ export default async function getRecording(onStop: (blob: Blob) => any, onDataAv
  "audio/mpeg",
  ].find(a => MediaRecorder.isTypeSupported(a));
  const stream = await navigator.mediaDevices.getUserMedia(constraints);
- var chunks: Blob[] = [];
+ const chunks: Blob[] = [];
  logger.log("授权成功。");
  mediaRecorder = new MediaRecorder(stream, {
  mimeType
@@ -43,7 +46,7 @@ export default async function getRecording(onStop: (blob: Blob) => any, onDataAv
  onStop(new Blob(chunks, {
  type: mimeType
  }));
- chunks = [];
+ chunks.splice(0, chunks.length)
  };
  mediaRecorder.onpause = event => {
  logger.log("录音已暂停");