style: Modify the code formatting maximum number of words per line!!!

yuanyxh · May 20, 2024 · 01696fa · 01696fa
1 parent 61cdc4d
commit 01696fa
Show file tree

Hide file tree

Showing 64 changed files with 437 additions and 1,009 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -15,3 +15,9 @@ node_modules
 .analyze.html
 
 build
+
+*.mdx
+
+LICENSE
+
+CNAME
diff --git a/.prettierrc b/.prettierrc
@@ -1,7 +1,7 @@
 {
   "useTabs": false,
   "tabWidth": 2,
-  "printWidth": 80,
+  "printWidth": 100,
   "singleQuote": true,
   "arrowParens": "always",
   "semi": true,

diff --git a/.stylelintignore b/.stylelintignore
@@ -11,3 +11,9 @@ index.html
 .analyze.html
 
 build
+
+*.mdx
+
+LICENSE
+
+CNAME
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
@@ -6,18 +6,7 @@ module.exports = {
     'type-enum': [
       2,
       'always',
-      [
-        'feat',
-        'fix',
-        'docs',
-        'style',
-        'refactor',
-        'perf',
-        'test',
-        'chore',
-        'revert',
-        'build'
-      ]
+      ['feat', 'fix', 'docs', 'style', 'refactor', 'perf', 'test', 'chore', 'revert', 'build']
     ],
     'type-case': [0],
     'type-empty': [0],

diff --git a/helpers/submit.ts b/helpers/submit.ts
@@ -23,11 +23,7 @@ function getHref(path: string) {
 
 function writeSubmited(submitedList: string[]) {
   try {
-    writeFileSync(
-      submitedPath,
-      `export default ${JSON.stringify(submitedList, null, 2)}`,
-      'utf-8'
-    );
+    writeFileSync(submitedPath, `export default ${JSON.stringify(submitedList, null, 2)}`, 'utf-8');
   } catch (err) {
     console.log('write fail', err);
   }

diff --git a/helpers/utils.ts b/helpers/utils.ts
@@ -44,8 +44,7 @@ export const routesPath = resolve('src/routes.tsx');
 
 export const parseRoute = (path: string) => path.split(sep).pop()!.slice(0, -4);
 
-export const replaceFileExtension = (name: string) =>
-  name.slice(0, name.lastIndexOf('.')) + '.tsx';
+export const replaceFileExtension = (name: string) => name.slice(0, name.lastIndexOf('.')) + '.tsx';
 
 export const generateRouteJSONWithArticle = async () => {
   const paths = await fast.glob(['./src/markdowns/**/*.mdx']);
@@ -56,13 +55,9 @@ export const generateRouteJSONWithArticle = async () => {
     .map((path) => resolve(path))
     .forEach((path) => {
       const route = parseRoute(path);
-      const { attributes } = frontmatter<ArticleMeta>(
-        readFileSync(path, 'utf-8')
-      );
+      const { attributes } = frontmatter<ArticleMeta>(readFileSync(path, 'utf-8'));
 
-      const aliasPath = path
-        .replace('./src/markdowns', '@/markdowns')
-        .replace(/\\/g, '/');
+      const aliasPath = path.replace('./src/markdowns', '@/markdowns').replace(/\\/g, '/');
 
       const str = `
         {
@@ -85,9 +80,7 @@ export const generateRouteJSONWithArticle = async () => {
 export const getExampleMeta = (path: string) => {
   const text = readFileSync(path, 'utf-8');
 
-  const match = text
-    .match(/(?<=\/\/--meta:)([\s\S]*)(?=\/\/--endmeta)/)?.[0]
-    .trim();
+  const match = text.match(/(?<=\/\/--meta:)([\s\S]*)(?=\/\/--endmeta)/)?.[0].trim();
 
   const arr = match!.replace(/\/\/\s/g, '').split(/[\n\r]/);
 
@@ -104,12 +97,7 @@ const template = readFileSync(resolve('./src/coder/Wrapper.tsx'), 'utf-8');
 export const generateRouteJSONWithExample = async () => {
   let result = '';
 
-  async function transform(
-    dirs: string[],
-    parent: string,
-    hierarchy: number,
-    root: string
-  ) {
+  async function transform(dirs: string[], parent: string, hierarchy: number, root: string) {
     if (hierarchy === 0) {
       const directory = resolve(parent, `code`);
       const value = template.replace('base64_coder/Index', `${root}/Index`);
@@ -156,9 +144,7 @@ export const generateRouteJSONWithExample = async () => {
 
       const newName = replaceFileExtension(name);
 
-      const paths = relative(resolve(examples, root), parent)
-        .split(sep)
-        .filter(Boolean);
+      const paths = relative(resolve(examples, root), parent).split(sep).filter(Boolean);
       const folder = resolve(examples, root, 'code', ...paths);
 
       if (!existsSync(folder)) {
@@ -207,10 +193,7 @@ export const generateRouteJSON = async () => {
   };
 };
 
-export const replacePlaceRoute = (
-  code: string,
-  { books, articles, examples }: RoutePlace
-) =>
+export const replacePlaceRoute = (code: string, { books, articles, examples }: RoutePlace) =>
   code
     .replace('/** placeholder for articles */', articles)
     .replace('/** placeholder for books */', books)

diff --git a/helpers/vite-generate-sitemap.ts b/helpers/vite-generate-sitemap.ts
@@ -25,9 +25,7 @@ function viteGenerateSitemap(): PluginOption {
     }
 
     const routeJSON = await generateRouteJSON();
-    const getRoutes = new Function(
-      `return ${replacePlaceRoute(`[${match[0]}]`, routeJSON)}`
-    );
+    const getRoutes = new Function(`return ${replacePlaceRoute(`[${match[0]}]`, routeJSON)}`);
 
     const detailsRoutes = resolveFullRoutes(getRoutes(), '', []);
 

diff --git a/helpers/vite-generateSw.ts b/helpers/vite-generateSw.ts
@@ -79,10 +79,7 @@ declare class Queue {
   private _syncInProgress;
   private _requestsAddedDuringSync;
 
-  constructor(
-    name: string,
-    { forceSyncFallback, onSync, maxRetentionTime }?: QueueOptions
-  );
+  constructor(name: string, { forceSyncFallback, onSync, maxRetentionTime }?: QueueOptions);
 
   get name(): string;
 
@@ -131,9 +128,7 @@ export interface CacheDidUpdateCallbackParam {
 
 export interface BroadcastCacheUpdateOptions {
   headersToCheck?: string[];
-  generatePayload?: (
-    options: CacheDidUpdateCallbackParam
-  ) => Record<string, any>;
+  generatePayload?: (options: CacheDidUpdateCallbackParam) => Record<string, any>;
   notifyAllClients?: boolean;
 }
 
@@ -178,9 +173,7 @@ export interface CachedResponseWillBeUsedCallbackParam {
   state?: PluginState;
 }
 export interface CachedResponseWillBeUsedCallback {
-  (
-    param: CachedResponseWillBeUsedCallbackParam
-  ): Promise<Response | void | null | undefined>;
+  (param: CachedResponseWillBeUsedCallbackParam): Promise<Response | void | null | undefined>;
 }
 
 export interface CacheKeyWillBeUsedCallbackParam {
@@ -201,9 +194,7 @@ export interface CacheWillUpdateCallbackParam {
   state?: PluginState;
 }
 export interface CacheWillUpdateCallback {
-  (
-    param: CacheWillUpdateCallbackParam
-  ): Promise<Response | void | null | undefined>;
+  (param: CacheWillUpdateCallbackParam): Promise<Response | void | null | undefined>;
 }
 export interface CachedResponseWillBeUsedCallbackParam {
   cacheName: string;
@@ -214,9 +205,7 @@ export interface CachedResponseWillBeUsedCallbackParam {
   state?: PluginState;
 }
 export interface CachedResponseWillBeUsedCallback {
-  (
-    param: CachedResponseWillBeUsedCallbackParam
-  ): Promise<Response | void | null | undefined>;
+  (param: CachedResponseWillBeUsedCallbackParam): Promise<Response | void | null | undefined>;
 }
 export interface FetchDidFailCallbackParam {
   error: Error;
@@ -521,9 +510,7 @@ const defaultConfig = {
   name: 'vite:workbox'
 };
 
-export default function vitePluginWorkbox({
-  mode
-}: ConfigParams): PluginOption {
+export default function vitePluginWorkbox({ mode }: ConfigParams): PluginOption {
   if (mode === 'development') {
     return defaultConfig;
   }

diff --git a/helpers/vite-prerender.ts b/helpers/vite-prerender.ts
@@ -29,14 +29,7 @@ const reg = /(?<=export const routes: RouteObject\[\] = \[)([\s\S]*)(?=\];)/;
 
 const match = text.match(reg);
 
-const excludeOutPathRewrite = [
-  '/',
-  '/articles',
-  '/examples',
-  '/books',
-  '/coder',
-  '/profile'
-];
+const excludeOutPathRewrite = ['/', '/articles', '/examples', '/books', '/coder', '/profile'];
 
 function getMetaTag(meta: ArticleMeta | undefined, route: ResolveRouteObject) {
   const env = getEnv();
@@ -135,9 +128,7 @@ async function vitePrerender(mode: string) {
   }
 
   const routeJSON = await generateRouteJSON();
-  const getRoutes = new Function(
-    `return ${replacePlaceRoute(`[${match[0]}]`, routeJSON)}`
-  );
+  const getRoutes = new Function(`return ${replacePlaceRoute(`[${match[0]}]`, routeJSON)}`);
 
   const detailsRoutes = resolveFullRoutes(getRoutes(), '', []);
   const routes = detailsRoutes.map((route) => route.fullPath);
@@ -174,18 +165,10 @@ async function vitePrerender(mode: string) {
         renderedRoute.outputPath = 'build' + renderedRoute.originalRoute;
       }
 
-      renderedRoute.html = renderedRoute.html.replace(
-        '<html lang="en"',
-        '<html lang="zh-CN"'
-      );
-      renderedRoute.html = renderedRoute.html.replace(
-        /alignItems/g,
-        'align-items'
-      );
-
-      const route = detailsRoutes.find(
-        (route) => route.fullPath === renderedRoute.originalRoute
-      );
+      renderedRoute.html = renderedRoute.html.replace('<html lang="en"', '<html lang="zh-CN"');
+      renderedRoute.html = renderedRoute.html.replace(/alignItems/g, 'align-items');
+
+      const route = detailsRoutes.find((route) => route.fullPath === renderedRoute.originalRoute);
       if (route) {
         renderedRoute.html = renderedRoute.html.replace(
           '<!-- meta_place -->',

diff --git a/helpers/vite-route-generator.ts b/helpers/vite-route-generator.ts
@@ -1,9 +1,4 @@
-import {
-  generateRouteJSON,
-  replacePlaceRoute,
-  resolve,
-  routesPath
-} from './utils';
+import { generateRouteJSON, replacePlaceRoute, resolve, routesPath } from './utils';
 
 import type { PluginOption } from 'vite';
 import { createFilter } from 'vite';

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,13 +1,6 @@
 import { createContext, useEffect, useRef } from 'react';
 
-import {
-  Button,
-  ConfigProvider,
-  message,
-  Modal,
-  notification,
-  theme
-} from 'antd';
+import { Button, ConfigProvider, message, Modal, notification, theme } from 'antd';
 import type { MessageInstance } from 'antd/es/message/interface';
 import type { HookAPI } from 'antd/es/modal/useModal';
 import type { NotificationInstance } from 'antd/es/notification/interface';
@@ -82,9 +75,7 @@ const App: React.FC<IAppProps> = (props) => {
 
     if (hasLocalStorage('app')) {
       setLanguage(getStorage<AppState>('app')?.settings?.language || 'zh-CN');
-      setColorScheme(
-        getStorage<AppState>('app')?.settings?.colorScheme || 'light'
-      );
+      setColorScheme(getStorage<AppState>('app')?.settings?.colorScheme || 'light');
     } else {
       setLanguage(language);
       if (darkModeQuery.matches) {
@@ -134,10 +125,7 @@ const App: React.FC<IAppProps> = (props) => {
     const listenerVisibilityChange = () => {
       setFrontDesk(!window.document.hidden);
     };
-    window.document.addEventListener(
-      'visibilitychange',
-      listenerVisibilityChange
-    );
+    window.document.addEventListener('visibilitychange', listenerVisibilityChange);
 
     const cancelGlobalUserTipsEventListener = globalEvent.on(
       'user_tips',
@@ -152,19 +140,14 @@ const App: React.FC<IAppProps> = (props) => {
       }
     );
 
-    const cancelListenerReLoad = assetsLoadHandle.reLoadByOnline(
-      () => !enableServiceWorkerCache
-    );
+    const cancelListenerReLoad = assetsLoadHandle.reLoadByOnline(() => !enableServiceWorkerCache);
 
     return () => {
       cancelListenerReLoad();
       cancelGlobalUserTipsEventListener();
       cancelGlobalUserAlertEventListener();
       darkModeQuery.removeEventListener('change', listenerColorSchemeChange);
-      window.document.removeEventListener(
-        'visibilitychange',
-        listenerVisibilityChange
-      );
+      window.document.removeEventListener('visibilitychange', listenerVisibilityChange);
     };
   }, []);
 
@@ -179,15 +162,10 @@ const App: React.FC<IAppProps> = (props) => {
           token: {
             colorPrimary: '#ff6000'
           },
-          algorithm:
-            colorScheme === 'dark'
-              ? theme.darkAlgorithm
-              : theme.defaultAlgorithm
+          algorithm: colorScheme === 'dark' ? theme.darkAlgorithm : theme.defaultAlgorithm
         }}
       >
-        <AppContext.Provider value={appProvider.current}>
-          {props.children}
-        </AppContext.Provider>
+        <AppContext.Provider value={appProvider.current}>{props.children}</AppContext.Provider>
       </ConfigProvider>
     </>
   );

diff --git a/src/assets/styles/prism-one-dark.css b/src/assets/styles/prism-one-dark.css
@@ -35,8 +35,7 @@ pre[class*='language-'] {
   background: hsl(220, 13%, 18%);
   color: hsl(220, 14%, 71%);
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-  font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono',
-    monospace;
+  font-family: 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
   direction: ltr;
   text-align: left;
   white-space: pre;
@@ -311,9 +310,7 @@ div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
 
 /* Hovering over a linkable line number (in the gutter area) */
 /* Requires Line Numbers plugin as well */
-pre[id].linkable-line-numbers.linkable-line-numbers
-  span.line-numbers-rows
-  > span:hover:before {
+pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
   background-color: hsla(220, 100%, 80%, 0.04);
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,3 +15,9 @@ node_modules @@
     .analyze.html
     build
+    *.mdx
+    LICENSE
+    CNAME