🚀✨ [eslint upgrade] fixed home-v2 eslint

Author: MarkShawn2020

.eslintrc.js

@@ -2,7 +2,8 @@
 module.exports = {
   root: true,
   extends: [
-    "@cs-magic/eslint-config/typescript-type-checked", // "@cs-magic/eslint-config/prettier"
+    "@cs-magic/eslint-config/typescript-type-checked",
+    // "@cs-magic/eslint-config/prettier" // todo: compatiability test
   ],
   parserOptions: {
     project: true,

.gitmodules

@@ -79,3 +79,6 @@
 [submodule "cases/hand-future-frontend"]
 	path = cases/xieshou-frontend
 	url = [email protected]:mark-freelance/hand-future-frontend.git
+[submodule "apps/docs"]
+	path = apps/docs
+	url = [email protected]:MarkShawn2020/nextra-docs.git

README.md

@@ -22,6 +22,11 @@ brew install "${packages[@]}"
 - prepare yarn: `NV=18.19.0 && nvm install $NV && nvm use $NV && npm i -g yarn`
 - `export PATH=$(pwd)/node_modules/.bin:$PATH` (sometimes important!)
 - installation: `yarn` (db migration will auto exec)
+-
+    ```
+    yarn workspaces foreach -pA add -D npm-run-all
+    yarn workspaces foreach -pA --include "packages/frontend/*" --include "packages/backend/*" add -D ts-patch typescript-transform-paths  
+    ```
 
 ## References 
 

apps/badminton-reservation

@@ -1,6 +1,7 @@
+import { invoke } from "@tauri-apps/api/tauri";
 import { useState } from "react";
+
 import reactLogo from "../../assets/react.svg";
-import { invoke } from "@tauri-apps/api/tauri";
 import "./App.css";
 
 function App() {
@@ -17,14 +18,14 @@ function App() {
       <h1>Welcome to Tauri!</h1>
 
       <div className="row">
-        <a href="https://vitejs.dev" target="_blank">
-          <img src="/vite.svg" className="logo vite" alt="Vite logo" />
+        <a href="https://vitejs.dev" rel="noreferrer" target="_blank">
+          <img alt="Vite logo" className="logo vite" src="/vite.svg" />
         </a>
-        <a href="https://tauri.app" target="_blank">
-          <img src="/tauri.svg" className="logo tauri" alt="Tauri logo" />
+        <a href="https://tauri.app" rel="noreferrer" target="_blank">
+          <img alt="Tauri logo" className="logo tauri" src="/tauri.svg" />
         </a>
-        <a href="https://reactjs.org" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
+        <a href="https://reactjs.org" rel="noreferrer" target="_blank">
+          <img alt="React logo" className="logo react" src={reactLogo} />
         </a>
       </div>
 
@@ -39,8 +40,8 @@ function App() {
       >
         <input
           id="greet-input"
-          onChange={(e) => setName(e.currentTarget.value)}
           placeholder="Enter a name..."
+          onChange={(e) => setName(e.currentTarget.value)}
         />
         <button type="submit">Greet</button>
       </form>

apps/cs-magic/thinkow

@@ -1,6 +1,7 @@
-import React, { useState, useEffect } from "react";
 import { invoke } from "@tauri-apps/api/tauri";
 import { Activity, Cpu, Zap, Wifi, Globe, Database } from "lucide-react";
+import React, { useState, useEffect } from "react";
+
 import { Progress } from "@/components/ui/progress";
 
 // import "./app/App.css";
@@ -32,7 +33,7 @@ const SystemDashboard = () => {
 
   const MetricCard = ({ Icon, title, value, unit }) => (
     <div className="bg-gray-800 p-4 rounded-lg flex items-center space-x-4">
-      <Icon size={24} className="text-cyan-400" />
+      <Icon className="text-cyan-400" size={24} />
       <div>
         <h3 className="text-sm text-gray-400">{title}</h3>
         <p className="text-xl font-bold">
@@ -68,37 +69,37 @@ const SystemDashboard = () => {
         <MetricCard
           Icon={Cpu}
           title="CPU Usage"
-          value={systemInfo.cpu_usage}
           unit="%"
+          value={systemInfo.cpu_usage}
         />
         <MetricCard
           Icon={Database}
           title="Memory Usage"
-          value={systemInfo.memory_usage}
           unit="%"
+          value={systemInfo.memory_usage}
         />
         <MetricCard
           Icon={Globe}
           title="Disk Usage"
-          value={systemInfo.disk_usage}
           unit="%"
+          value={systemInfo.disk_usage}
         />
 
         <MetricCard
           Icon={Activity}
           title="Network Speed"
-          value={systemInfo.network_speed}
           unit="Mbps"
+          value={systemInfo.network_speed}
         />
         <MetricCard
           Icon={Zap}
           title="Battery Level"
-          value={systemInfo.battery_level}
           unit="%"
+          value={systemInfo.battery_level}
         />
         <div className="bg-gray-800 p-4 rounded-lg flex flex-col justify-center">
           <h3 className="text-sm text-gray-400 mb-2">System Health</h3>
-          <Progress value={100 - systemInfo.cpu_usage} className="h-2" />
+          <Progress className="h-2" value={100 - systemInfo.cpu_usage} />
           <p className="text-right text-sm mt-1">
             {(100 - systemInfo.cpu_usage).toFixed(2)}%
           </p>

apps/docs

@@ -1,5 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
+
 import App from "./components/app/App.tsx";
 import SystemDashboard from "./components/system-dashboard.tsx";
 import "@assets/styles/main.css";

apps/exts/chrome/chatbot-exporter

@@ -1,9 +1,10 @@
 'use client';
 
 import React, { useState } from 'react';
+
 import AddTodoForm from '../components/AddTodoForm';
 import TodoList from '../components/TodoList';
-import { Todo } from '../types/todo';
+import type { Todo } from '../types/todo';
 
 export default function Home() {
   const [todos, setTodos] = useState<Todo[]>([]);

apps/exts/chrome/claude-artifact-enhancer

@@ -16,15 +16,15 @@ const AddTodoForm: React.FC<AddTodoFormProps> = ({ onAdd }) => {
   };
 
   return (
-    <form onSubmit={handleSubmit} className="mb-4">
+    <form className="mb-4" onSubmit={handleSubmit}>
       <input
+        className="border p-2 mr-2"
+        placeholder="Add a new todo"
         type="text"
         value={text}
         onChange={(e) => setText(e.target.value)}
-        placeholder="Add a new todo"
-        className="border p-2 mr-2"
       />
-      <button type="submit" className="bg-blue-500 text-white p-2 rounded">
+      <button className="bg-blue-500 text-white p-2 rounded" type="submit">
         Add Todo
       </button>
     </form>

apps/home-v1

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Todo } from '../types/todo';
+
+import type { Todo } from '../types/todo';
 
 interface TodoListProps {
   todos: Todo[];
@@ -12,10 +13,10 @@ const TodoList: React.FC<TodoListProps> = ({ todos, onToggle }) => {
       {todos.map((todo) => (
         <li key={todo.id} className="mb-2">
           <input
-            type="checkbox"
             checked={todo.completed}
-            onChange={() => onToggle(todo.id)}
             className="mr-2"
+            type="checkbox"
+            onChange={() => onToggle(todo.id)}
           />
           <span className={todo.completed ? 'line-through' : ''}>
             {todo.text}

apps/home-v2

@@ -22,6 +22,7 @@
   ],
   "scripts": {
     "prepare": "ts-patch install -s",
+    "postinstall": "prisma generate",
     "init-app": "git submodule update --init --progress",
     "run-app": "yarn workspace @cs-magic"
   },
@@ -99,34 +100,16 @@
     "zod-prisma-types": "^3.1.8"
   },
   "dependencies": {
-    "@clerk/nextjs": "^6.0.2",
-    "@mdx-js/esbuild": "^3.0.1",
-    "@octokit/rest": "^21.0.2",
+    "@prisma/client": "^5.19.1",
     "@types/lodash": "^4.14.202",
-    "highlight.js": "^11.10.0",
     "lodash": "^4.17.21",
-    "rehype-highlight": "^7.0.0",
-    "rehype-pretty-code": "^0.14.0",
-    "shiki": "0.14.5",
-    "socket.io": "^4.8.0",
-    "stripe": "13.11.0",
-    "swr": "^2.2.5",
-    "ts-patch": "^3.2.1"
+    "prisma": "^5.21.0"
   },
   "devDependencies": {
-    "@prisma/client": "^5.19.1",
-    "@tailwindcss/forms": "^0.5.9",
-    "@tailwindcss/typography": "^0.5.15",
     "@types/node": "^22.0.0",
     "npm-run-all": "^4.1.5",
-    "postcss-import": "^16.1.0",
-    "prisma": "^5.21.0",
-    "protoc-gen-js": "^3.21.2",
-    "shx": "^0.3.4",
-    "ttypescript": "^1.5.15",
     "turbo": "^2.3.0",
-    "typescript": "5.5.4",
-    "typescript-transform-paths": "^3.5.1"
+    "typescript": "5.5.4"
   },
   "packageManager": "[email protected]",
   "ct3aMetadata": {

apps/screen-saver/src/components/app/App.tsx

@@ -5,7 +5,6 @@
   "main": "dist/index.js",
   "exports": {
     ".": "./dist/index.js",
-    "./dist/*": "./dist/*",
     "./*": "./dist/*.js"
   },
   "scripts": {
@@ -54,6 +53,7 @@
     "tailwind-merge": "^2.4.0",
     "tencentcloud-sdk-nodejs-sms": "^4.0.882",
     "triple-beam": "^1.4.1",
+    "ts-patch": "^3.2.1",
     "ulog": "2.0.0-beta.19",
     "universal-logger": "^1.0.1",
     "util": "^0.12.5",
@@ -73,6 +73,7 @@
     "@types/uuid": "^10",
     "@types/winston": "^2.4.4",
     "@types/yargs-parser": "^21",
-    "npm-run-all": "^4.1.5"
+    "npm-run-all": "^4.1.5",
+    "typescript": "^5.6.3"
   }
 }

apps/screen-saver/src/components/system-dashboard.tsx

@@ -1,7 +1,7 @@
 /**
  * error handler: Axios & Error handling like a boss 😎 - DEV Community, https://dev.to/mperon/axios-error-handling-like-a-boss-333d
  */
-import axios, { AxiosError, type AxiosResponse, type CreateAxiosDefaults } from "axios"
+import axios, { type AxiosError, type AxiosResponse, type CreateAxiosDefaults } from "axios"
 
 import { logger } from "@/log"
 

apps/screen-saver/src/main.tsx

@@ -3,7 +3,7 @@
 import { prisma } from "@/db/prisma"
 import logger from "@/log"
 import { SMS_PROVIDER_ID } from "@/sms.base"
-import { IProviderSendSms } from "@/sms.schema"
+import type { IProviderSendSms } from "@/sms.schema"
 
 /**
  * 发送验证码的时候，要创建Account以存储AccessToken，并在后续验证的时候实现登录

apps/todo/src/app/page.tsx

@@ -1,4 +1,4 @@
-import { IWechatProfile, IWechatRefreshedToken } from "@/auth/providers/wechat/schema"
+import type { IWechatProfile, IWechatRefreshedToken } from "@/auth/providers/wechat/schema"
 import {
   getWechatAuthToken,
   getWechatUserProfile,

apps/todo/src/components/AddTodoForm.tsx

@@ -1,10 +1,10 @@
 import { api } from "@/api"
 import { WECHAT_API_URL, WECHAT_AUTH_CALLBACK_URL } from "@/auth/providers/wechat/config"
 import {
-  IWechatAdaptedToken,
-  IWechatProfile,
-  IWechatRefreshedToken,
-  IWechatToken,
+  type IWechatAdaptedToken,
+  type IWechatProfile,
+  type IWechatRefreshedToken,
+  type IWechatToken,
   WechatScopeType,
   isWechatError,
 } from "@/auth/providers/wechat/schema"

apps/todo/src/components/TodoList.tsx

@@ -1,4 +1,4 @@
-import { HTMLElement } from "node-html-parser"
+import type { HTMLElement } from "node-html-parser"
 
 export const parseMetaFromHtml = (
   html: HTMLElement,

apps/uni-pusher

@@ -10,8 +10,8 @@ import { env } from "@/env"
 // Vercel log drain was setup to send logs here: https://logflare.app/sources/13830
 
 const { stream, send } = logflarePinoVercel({
-  apiKey: env!.NEXT_PUBLIC_PINO_LOGFLARE_API_KEY!,
-  sourceToken: env!.NEXT_PUBLIC_PINO_LOGFLARE_SOURCE_TOKEN!,
+  apiKey: env.NEXT_PUBLIC_PINO_LOGFLARE_API_KEY!,
+  sourceToken: env.NEXT_PUBLIC_PINO_LOGFLARE_SOURCE_TOKEN!,
 })
 
 /**

cases/xieshou-frontend

@@ -1,5 +1,6 @@
-import { SPLAT } from "triple-beam"
 import { inspect } from "util"
+
+import { SPLAT } from "triple-beam"
 import { format } from "winston"
 
 /**

package.json

@@ -2,7 +2,7 @@
 
 import OSS from "ali-oss"
 
-import { IApiResult, api } from "@/api"
+import { type IApiResult, api } from "@/api"
 import { env } from "@/env"
 import { OSS_BUCKET_NAME, OSS_REGION } from "@/oss/const"
 

packages/backend/common/package.json

@@ -1,7 +1,7 @@
 /**
  * ref: https://stackoverflow.com/a/49670389/9422455
  */
-export interface DeepReadonlyArray<T> extends ReadonlyArray<DeepReadonly<T>> {}
+export type DeepReadonlyArray<T> = ReadonlyArray<DeepReadonly<T>>
 
 export type DeepReadonlyObject<T> = {
   readonly [P in keyof T]: DeepReadonly<T[P]>

packages/backend/common/src/api/core.ts

@@ -1,4 +1,4 @@
-import { ZodBoolean, ZodEnum, ZodString, z } from "zod"
+import type { ZodBoolean, ZodEnum, ZodString, z } from "zod"
 
 export type LiteralUnionSchema = z.ZodUnion<[z.ZodLiteral<string>, ...z.ZodLiteral<string>[]]>
 export type CompressLineFunction = (line: string, ratio?: number) => string

packages/backend/common/src/auth/providers/sms/actions.ts

@@ -3,7 +3,7 @@ import { chromium } from "playwright"
 import type { Browser, BrowserType, LaunchOptions, Page } from "playwright-core"
 
 import logger from "@/log"
-import { type DriverType } from "@/spider/schema"
+import type { DriverType } from "@/spider/schema"
 
 const lock = new AsyncLock()