chore: format code.

Author: jaywcjlove

.kktrc.ts

@@ -40,4 +40,4 @@ export default (conf: Configuration, env: 'production' | 'development', options:
     conf.output = { ...conf.output, publicPath: './' };
   }
   return conf;
-}
+};

renovate.json

@@ -1,5 +1,3 @@
 {
-  "extends": [
-    "config:base"
-  ]
+  "extends": ["config:base"]
 }

src/components/Loading.tsx

@@ -1,7 +1,16 @@
 export default function Loading() {
   return (
-    <div style={{ color: '#fff', minHeight: 100, display: 'flex', textAlign: 'center', justifyContent: 'center', alignItems: 'center' }}>
+    <div
+      style={{
+        color: '#fff',
+        minHeight: 100,
+        display: 'flex',
+        textAlign: 'center',
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}
+    >
       <span>Loading...</span>
     </div>
-  )
-}
+  );
+}

src/components/Search.module.less

@@ -1,4 +1,3 @@
-
 .input {
   max-width: 420px;
 }
@@ -14,9 +13,9 @@
   }
   a {
     color: #669eb9;
-    transition: color .3s;
+    transition: color 0.3s;
     &:hover {
       color: #78bfe0;
     }
   }
-}
+}

src/components/Search.tsx

@@ -1,35 +1,35 @@
-import { useState, Fragment} from 'react';
+import { useState, Fragment } from 'react';
 import Input from '@uiw/react-input';
 import Button from '@uiw/react-button';
 import { useDispatch } from 'react-redux';
-import { Link, useNavigate }from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
 import { Dispatch } from '../models';
 import styles from './Search.module.less';
 
 export default function Search() {
   const dispatch = useDispatch<Dispatch>();
   const [value, setValue] = useState<string>();
   const navigate = useNavigate();
-  const [links] = useState<{to: string, label: string}[]>([
+  const [links] = useState<{ to: string; label: string }[]>([
     {
       to: '/pkg/uiw',
-      label: 'uiw'
+      label: 'uiw',
     },
     {
       to: '/pkg/vue',
-      label: 'vue'
+      label: 'vue',
     },
     {
       to: '/pkg/react',
-      label: 'react'
+      label: 'react',
     },
     {
       to: '/pkg/react@17',
-      label: 'react@17'
+      label: 'react@17',
     },
     {
       to: '/pkg/react@17.0.1',
-      label: 'react@17.0.1'
+      label: 'react@17.0.1',
     },
   ]);
   return (
@@ -42,12 +42,18 @@ export default function Search() {
           setValue(e.target.value);
         }}
         addonAfter={
-          <Button onClick={() => {
-            if (value) {
-              dispatch.global.update({ showSearch: false });
-              navigate(`/pkg/${value}`);
-            }
-          }} icon="arrow-right" size="small" basic type="light" />
+          <Button
+            onClick={() => {
+              if (value) {
+                dispatch.global.update({ showSearch: false });
+                navigate(`/pkg/${value}`);
+              }
+            }}
+            icon="arrow-right"
+            size="small"
+            basic
+            type="light"
+          />
         }
         placeholder="package or package@version"
       />
@@ -64,7 +70,7 @@ export default function Search() {
             >
               {item.label}
             </Link>
-          )
+          );
         })}
       </div>
     </Fragment>

src/hook/usePath.ts

@@ -14,8 +14,8 @@ export function usePath() {
   }, [filename, other]);
 
   useEffect(() => {
-    setPkgName(`${org ? `${org}/${name}`: name}`);
+    setPkgName(`${org ? `${org}/${name}` : name}`);
   }, [org, name]);
 
-  return { org, name, filename, other, filePath, pkgName }
-}
+  return { org, name, filename, other, filePath, pkgName };
+}

src/index.tsx

@@ -40,11 +40,7 @@ function App() {
 
 ReactDOM.render(
   <Provider store={store}>
-    <GitHubCorners
-      size={54}
-      target="_parent"
-      href="https://github.com/uiwjs/npm-unpkg"
-    />
+    <GitHubCorners size={54} target="_parent" href="https://github.com/uiwjs/npm-unpkg" />
     <App />
   </Provider>,
   document.getElementById('root'),

src/models/global.ts

@@ -1,7 +1,7 @@
 import { createModel } from '@rematch/core';
 import { RootModel } from './';
 import { getDirectoryTrees, getFileContent } from '../servers/unpkg';
-import {dataFilesSort} from '../utils/utils';
+import { dataFilesSort } from '../utils/utils';
 
 export interface Files {
   path: string;
@@ -14,33 +14,35 @@ export interface Files {
 }
 
 export interface PackageJSON {
-    name: string;
-    version: string;
-    description: string;
-    author: string;
-    homepage?: string;
-    repository?: {
-      type?: string;
-      url?: string;
-    } | string;
-    license: string;
-    main: string;
-    module: string;
-    files: string[];
-    publishConfig?: {
-      [key: string]: any;
-    }
-    keywords: string[];
-    peerDependencies?: {
-      [key: string]: string;
-    }
-    dependencies?: {
-      [key: string]: string;
-    }
-    devDependencies?: {
-      [key: string]: string;
-    }
-    gitHead?: string;
+  name: string;
+  version: string;
+  description: string;
+  author: string;
+  homepage?: string;
+  repository?:
+    | {
+        type?: string;
+        url?: string;
+      }
+    | string;
+  license: string;
+  main: string;
+  module: string;
+  files: string[];
+  publishConfig?: {
+    [key: string]: any;
+  };
+  keywords: string[];
+  peerDependencies?: {
+    [key: string]: string;
+  };
+  dependencies?: {
+    [key: string]: string;
+  };
+  devDependencies?: {
+    [key: string]: string;
+  };
+  gitHead?: string;
 }
 
 export interface GlobalState {
@@ -59,7 +61,7 @@ export type Params = {
   name?: string;
   filename?: string;
   '*'?: string;
-}
+};
 
 export const global = createModel<RootModel>()({
   state: {
@@ -78,8 +80,8 @@ export const global = createModel<RootModel>()({
       ...payload,
     }),
   },
-  effects: (dispatch) =>  {
-		const { global } = dispatch
+  effects: (dispatch) => {
+    const { global } = dispatch;
     return {
       async setPkgname(params: Params) {
         const { name, org } = params || {};
@@ -106,7 +108,7 @@ export const global = createModel<RootModel>()({
       async getPackageJSON(_, state) {
         const data: PackageJSON = await getFileContent(`${state.global.pkgname}/package.json`);
         if (data && typeof data === 'object') {
-          global.update({ package: {...data }, notFindPkg: false });
+          global.update({ package: { ...data }, notFindPkg: false });
         } else {
           global.update({
             package: undefined,
@@ -118,15 +120,15 @@ export const global = createModel<RootModel>()({
         if (!filepath) {
           dispatch.global.update({ content: '', extname: '' });
           return;
-        };
-        const type = filepath.replace(/.+\./,'');
+        }
+        const type = filepath.replace(/.+\./, '');
         const data: PackageJSON = await getFileContent(`${state.global.pkgname}/${filepath}`);
         if (typeof data === 'string' || !data) {
           dispatch.global.update({ content: data, extname: type });
         } else if (data && /\.(json|map)$/.test(filepath)) {
           dispatch.global.update({ content: JSON.stringify(data, null, 2), extname: type });
         }
       },
-    }
-  }
+    };
+  },
 });

src/models/index.tsx

@@ -14,6 +14,6 @@ export const store = init<RootModel, FullModel>({
   plugins: [loadingPlugin()],
 });
 
-export type Store = typeof store
-export type Dispatch = RematchDispatch<RootModel>
-export type RootState = RematchRootState<RootModel, FullModel>
+export type Store = typeof store;
+export type Dispatch = RematchDispatch<RootModel>;
+export type RootState = RematchRootState<RootModel, FullModel>;

src/pages/Home/index.tsx

@@ -8,4 +8,4 @@ export default function Home() {
       <Search />
     </div>
   );
-}
+}