refactor: Move to vite (#66)

magic-akari · Sep 17, 2023 · eb3acd1 · eb3acd1 · vercel · Sep 17, 2023
1 parent 26783c9
commit eb3acd1
Show file tree

Hide file tree

Showing 117 changed files with 3,217 additions and 4,635 deletions.
diff --git a/.devcontainer/Dockerfile b/.devcontainer/Dockerfile
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
diff --git a/.eslintrc b/.eslintrc
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -14,6 +14,5 @@ jobs:
                   cache: "pnpm"
             - run: pnpm i --ignore-scripts --frozen-lockfile
 
-            - run: pnpm run listdiff
-            - run: pnpm run lint
-            - run: make build
+            - run: pnpm run "/check\:/"
+            - run: pnpm run build
diff --git a/.github/workflows/release-local.yml b/.github/workflows/release-local.yml
@@ -18,9 +18,8 @@ jobs:
                   cache: "pnpm"
             - run: pnpm i --ignore-scripts --frozen-lockfile
 
-            - run: pnpm run listdiff
-            - run: pnpm run lint
-            - run: make build
+            - run: pnpm run "/check\:/"
+            - run: pnpm run build
 
             - name: Deploy Github Pages
               uses: peaceiris/actions-gh-pages@v3

diff --git a/.github/workflows/release-remote.yml b/.github/workflows/release-remote.yml
@@ -20,8 +20,7 @@ jobs:
 
             - run: pnpm i --ignore-scripts --frozen-lockfile
 
-            - run: pnpm run listdiff
-            - run: pnpm run lint
+            - run: pnpm run "/check\:/"
             - run: make deploy
 
             - name: Publish NPM

diff --git a/.node-version b/.node-version
@@ -1 +1 @@
-v16.15.1
+v18.17.0
diff --git a/.npmrc b/.npmrc
@@ -1 +1,2 @@
-registry=https://registry.npmjs.org/
+registry=https://registry.npmjs.org/
+legacy-peer-deps=true
diff --git a/.postcssrc.js b/.postcssrc.js
@@ -1,10 +1,12 @@
-module.exports = (ctx) => ({
-    map: ctx.options.map,
-    plugins: {
-        "postcss-import": {},
-        "postcss-color-function":{},
-        "postcss-custom-properties": {},
-        "autoprefixer": {},
-        "cssnano": ctx.options.map ? {} : false,
-    },
-});
+export default (ctx) => {
+    return {
+        map: ctx.options?.map,
+        plugins: {
+            "postcss-import": {},
+            "postcss-color-function": {},
+            "postcss-custom-properties": {},
+            "autoprefixer": {},
+            "cssnano": ctx.options?.map ? {} : false,
+        },
+    };
+};
diff --git a/.prettierrc.json b/.prettierrc.json
diff --git a/.stylelintrc b/.stylelintrc
@@ -1,8 +1,7 @@
 {
     "extends": [
         "stylelint-config-standard",
-        "stylelint-config-rational-order",
-        "stylelint-prettier/recommended"
+        "stylelint-config-rational-order"
     ],
     "rules": {
         "color-hex-length": "long",

diff --git a/.webpack.config.cjs b/.webpack.config.cjs
diff --git a/Makefile b/Makefile
diff --git a/README.md b/README.md
@@ -24,8 +24,8 @@ Use the arrow key and space key to insert the timestamp.
 
 Development branch links:
 
--   https://magic-akari.github.io/lrc-maker/
--   https://lrc-maker.vercel.app/
+- https://magic-akari.github.io/lrc-maker/
+- https://lrc-maker.vercel.app/
 
 ## Hotkeys
 
@@ -85,7 +85,6 @@ npm run build
 npm start
 # and run dev server
 npm run dev-server
-
 ```
 
 ## Star this project :star:
@@ -108,8 +107,8 @@ If you like give us a star :star: Share this project to help more people.
 
 开发分支版本链接:
 
--   https://magic-akari.github.io/lrc-maker/
--   https://lrc-maker.vercel.app/
+- https://magic-akari.github.io/lrc-maker/
+- https://lrc-maker.vercel.app/
 
 ## 热键
 

diff --git a/dprint.json b/dprint.json
@@ -0,0 +1,20 @@
+{
+    "lineWidth": 120,
+    "indentWidth": 4,
+    "typescript": {},
+    "json": {},
+    "markdown": {},
+    "includes": [
+        "*.{ts,tsx,js,jsx,cjs,mjs,json,md}"
+    ],
+    "excludes": [
+        "**/node_modules",
+        "**/*-lock.json",
+        "build"
+    ],
+    "plugins": [
+        "https://plugins.dprint.dev/typescript-0.87.1.wasm",
+        "https://plugins.dprint.dev/json-0.17.4.wasm",
+        "https://plugins.dprint.dev/markdown-0.16.1.wasm"
+    ]
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <title>LRC Maker</title>
+        <meta name="description" content="歌词滚动姬｜可能是你所能见到的最好用的歌词制作工具" />
+        <meta name="keywords" content="lrc maker, lrc generate, 歌词制作, 歌词滚动" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="renderer" content="webkit" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+        <meta name="google" content="notranslate" />
+        <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/favicons/apple-touch-icon.png" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
+        <link rel="manifest" href="/site.webmanifest" />
+        <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#ff4081" />
+        <link rel="shortcut icon" href="/favicons/favicon.ico" />
+        <meta name="application-name" content="灯里的歌词滚动姬" />
+        <meta name="msapplication-TileColor" content="#ffffff" />
+        <meta name="theme-color" content="#484848" />
+        <meta name="msapplication-config" content="/favicons/browserconfig.xml" />
+        <meta name="apple-mobile-web-app-title" content="灯里的歌词滚动姬" />
+        <link rel="stylesheet" href="/src/index.css" />
+    </head>
+    <body>
+        <div class="app-container">
+            <div class="page-loading">
+                <img
+                    class="akari-odango-loading start-loading"
+                    src="/svg/akari-odango-loading.svg"
+                    alt="loading"
+                    crossorigin="anonymous"
+                />
+            </div>
+        </div>
+        <script type="module" src="/src/index.ts"></script>
+    </body>
+</html>