[Refactor] Use Typescript (Step 2: Add new files)

HadTeam · Dec 27, 2024 · 9a2f7c3 · 9a2f7c3
1 parent 78bf6ee
commit 9a2f7c3
Show file tree

Hide file tree

Showing 44 changed files with 3,360 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# idea
+.idea
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,28 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)
diff --git a/index.html b/index.html
@@ -0,0 +1,36 @@
+<!--
+ ___  ___  ________  ________          _________  _______   ________  _____ ______
+|\  \|\  \|\   __  \|\   ___ \        |\___   ___\\  ___ \ |\   __  \|\   _ \  _   \
+\ \  \\\  \ \  \|\  \ \  \_|\ \       \|___ \  \_\ \   __/|\ \  \|\  \ \  \\\__\ \  \
+ \ \   __  \ \   __  \ \  \ \\ \           \ \  \ \ \  \_|/_\ \   __  \ \  \\|__| \  \
+  \ \  \ \  \ \  \ \  \ \  \_\\ \           \ \  \ \ \  \_|\ \ \  \ \  \ \  \    \ \  \
+   \ \__\ \__\ \__\ \__\ \_______\           \ \__\ \ \_______\ \__\ \__\ \__\    \ \__\
+    \|__|\|__|\|__|\|__|\|_______|            \|__|  \|_______|\|__|\|__|\|__|     \|__|
+
+
+Github: https://github.com/HadTeam
+-->
+
+<html lang="zh">
+<head>
+    <title>cdMir</title>
+    <meta charset="UTF-8" content="text/html">
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <meta content="Software,Mirror,software,mirror,download,Download,下载,软件,镜像,列表" name="Keywords"/>
+    <meta content="A high-speed download mirror list of common software for Chinese users." name="Description"/>
+    <meta content="width=device-width, initial-scale=0.9, maximum-scale=1.0, user-scalable=no" name="viewport"/>
+    <meta content="pc,mobile" name="applicable-device">
+    <meta content="CornWorld" name="Author"/>
+    <meta content="CornWorld" name="Designer"/>
+    <meta content="Index" name="Robots"/>
+</head>
+<body>
+
+<div id="root" style="padding: 59px 0 10px 0">
+
+</div>
+
+<script type="module" src="/src/main.tsx"></script>
+
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,39 @@
+{
+  "name": "cdmir-ts",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@fontsource/jetbrains-mono": "^5.1.1",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^22.10.2",
+    "events": "^3.3.0",
+    "fomantic-ui-css": "^2.9.3",
+    "lodash": "^4.17.21",
+    "react": "^18.3.1",
+    "react-device-detect": "^2.2.3",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^7.1.1",
+    "semantic-ui-react": "^2.1.5",
+    "web-vitals": "^4.2.4"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "globals": "^15.14.0",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "^6.0.5"
+  }
+}
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,5 @@
+# robots.txt
+User-agent: *
+Disallow:
+Disallow: /files
+Disallow: /about
diff --git a/public/static/avatar/cornworld.jpg b/public/static/avatar/cornworld.jpg
diff --git a/public/static/avatar/dhclientqwq.jpg b/public/static/avatar/dhclientqwq.jpg
diff --git a/public/static/avatar/echidna.jpg b/public/static/avatar/echidna.jpg
diff --git a/public/static/image/alipay.png b/public/static/image/alipay.png
diff --git a/public/static/image/qqpay.png b/public/static/image/qqpay.png
diff --git a/public/static/image/wechatpay.png b/public/static/image/wechatpay.png
diff --git a/src/About.tsx b/src/About.tsx
@@ -0,0 +1,88 @@
+import { FC } from 'react';
+import { Accordion, Card, Container, Divider, Icon } from 'semantic-ui-react';
+import { isMobile } from 'react-device-detect';
+
+import contributors from './data/processed/contributors.json';
+import faqs from './data/processed/faqs.json';
+import donateInfo from './data/processed/donateInfo.json';
+
+interface Contributor {
+  header: string;
+  href: string;
+  as: string;
+  image: string;
+  meta: string;
+  description: string;
+}
+
+interface FAQ {
+  key: string;
+  title: string;
+  content: string;
+}
+
+interface DonateInfo {
+  image: string;
+  header: string;
+  meta: string;
+}
+
+const About: FC = () => {
+  return (
+    <div id='body'>
+      <Container>
+        <Divider horizontal as='h4' id='contributor'>
+          <Icon name='thumbs up outline'/>
+          贡献者
+        </Divider>
+        <Divider hidden/>
+        <Container>
+          <Card.Group 
+            centered 
+            itemsPerRow={isMobile ? 2 : 4} 
+            items={contributors as Contributor[]}
+          />
+        </Container>
+
+        <Divider horizontal as='h4' id='description'>
+          <Icon name='tag'/>
+          介绍
+        </Divider>
+        <Divider hidden/>
+        <Container>
+          <p>这是一个软件镜像站，旨在通过搜集或搭建镜像的方式，为处于中国大陆的用户提供高速下载服务。</p>
+          <p>如果您需要软件并未被 cdMir 收录，请联系我们（包括但不限于 发布Issues、社交媒体联系、邮箱联系），我们会考虑并添加。</p>
+          <p>如果您认为我们值得支持，请 star 我们的<a href='https://github.com/HadTeam/cdMir'>仓库</a>！</p>
+          <p><a href='https://github.com/HadTeam/cdMir/blob/main/README.md'>[更多介绍可参见 README.md 文件]</a></p>
+        </Container>
+
+        <Divider horizontal as='h4' id='faq'>
+          <Icon name='question'/>
+          FAQ
+        </Divider>
+        <Divider hidden/>
+        <Container>
+          <Accordion
+            exclusive={false}
+            fluid
+            panels={faqs as FAQ[]}
+          />
+        </Container>
+
+        <Divider horizontal as='h4' id='donate'>
+          <Icon name='yen sign'/>
+          捐助
+        </Divider>
+        <Container>
+          <Card.Group 
+            itemsPerRow={isMobile ? 3 : 5} 
+            centered 
+            items={donateInfo as DonateInfo[]}
+          />
+        </Container>
+      </Container>
+    </div>
+  );
+};
+
+export default About;