refactor: improve the new script (#33)

* feat: add new problem

* fix: yarn new script error

* feat: migrate some problems from typescript-exercise

* feat: temp

* refactor: add new problem script tool

* feat: refactor new tool script

* chore: change links

Author: ZLY201

config/links.json

@@ -1,4 +1,3 @@
 {
-  "github-repo": "https://github.com/typescript-tutorial-exercises/core",
-  "github-zly201": "https://github.com/zly201"
+  "github-repo": "https://github.com/typescript-tutorial-exercises"
 }

problems/basic-tutorial/1-hello-world/docs/description/description.en.md

@@ -24,9 +24,9 @@ Now, you can go to the editor at right of the page to start your TypeScript trav
 
 **Reference**
 
-> 1.https://www.typescriptlang.org/
-> 
-> 2.https://www.w3schools.com/typescript/typescript_intro.php
-> 
-> 3.https://github.com/typescript-exercises/typescript-exercises
+> 1.[https://www.typescriptlang.org/](https://www.typescriptlang.org/)
+>
+> 2.[https://www.w3schools.com/typescript/typescript_intro.php](https://www.w3schools.com/typescript/typescript_intro.php)
+>
+> 3.[https://github.com/typescript-exercises/typescript-exercises](https://github.com/typescript-exercises/typescript-exercises)
 

problems/basic-tutorial/1-hello-world/docs/description/description.zh-cn.md

@@ -24,8 +24,8 @@ TypeScript 允许指定代码中传递的数据类型，并且能够在类型不
 
 **参考**
 
-> 1.https://www.typescriptlang.org/
+> 1.[https://www.typescriptlang.org/](https://www.typescriptlang.org/)
 >
-> 2.https://www.w3schools.com/typescript/typescript_intro.php
+> 2.[https://www.w3schools.com/typescript/typescript_intro.php](https://www.w3schools.com/typescript/typescript_intro.php)
 >
-> 3.https://github.com/typescript-exercises/typescript-exercises
+> 3.[https://github.com/typescript-exercises/typescript-exercises](https://github.com/typescript-exercises/typescript-exercises)

problems/basic-tutorial/2-everyday-types/docs/description/description.en.md

@@ -2,4 +2,4 @@ Please replace all unknown and any in the code on the right with the correct typ
 
 **Reference**
 
-> https://www.typescriptlang.org/docs/handbook/2/everyday-types.html
+> [https://www.typescriptlang.org/docs/handbook/2/everyday-types.html](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html)

problems/basic-tutorial/2-everyday-types/docs/description/description.zh-cn.md

@@ -2,4 +2,4 @@
 
 **参考**
 
-> https://www.typescriptlang.org/docs/handbook/2/everyday-types.html
+> [https://www.typescriptlang.org/docs/handbook/2/everyday-types.html](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html)

problems/difficulties/transpose-matrix/check.ts problems/difficulties/1-transpose-matrix/check.ts

@@ -1 +1 @@
-export * as TransposeMatrix from './transpose-matrix';
+export * as TransposeMatrix from './1-transpose-matrix';

problems/difficulties/transpose-matrix/docs/description/description.en.md problems/difficulties/1-transpose-matrix/docs/description/description.en.md

@@ -1,9 +1,9 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "baseUrl": ".",
+    "baseUrl": "..",
     "target": "ESNext",
-    "noImplicitAny": false
+    "noImplicitAny": false,
   },
   "include": ["."],
   "exclude": []

problems/difficulties/transpose-matrix/docs/description/description.zh-cn.md problems/difficulties/1-transpose-matrix/docs/description/description.zh-cn.md

@@ -25,3 +25,9 @@ p > code {
     min-width: 32px !important;
   }
 }
+.markdown-wrapper a {
+  color: rgb(var(--primary-6)) !important;
+  &:hover {
+    opacity: 0.8;
+  }
+}

problems/difficulties/transpose-matrix/docs/description/index.ts problems/difficulties/1-transpose-matrix/docs/description/index.ts

@@ -21,6 +21,7 @@ const Markdown = function (props: {
   const { content, theme } = props;
   return (
     <ReactMarkdown
+      className={styles['markdown-wrapper']}
       remarkPlugins={[remarkMath]}
       rehypePlugins={[rehypeKatex]}
       components={{

problems/difficulties/transpose-matrix/docs/tutorial/index.ts problems/difficulties/1-transpose-matrix/docs/tutorial/index.ts

@@ -4,8 +4,8 @@ import styles from './index.module.less';
 const Footer = function () {
   return (
     <div className={styles.container}>
-      <a href={linkJson['github-zly201']} target={'_blank'} rel="noreferrer">
-        copyright © 2023-Present ZLY201
+      <a href={linkJson['github-repo']} target={'_blank'} rel="noreferrer">
+        copyright © 2023-Present typescript-tutorial-exercises
       </a>
     </div>
   );

problems/difficulties/transpose-matrix/docs/tutorial/tutorial.en.md problems/difficulties/1-transpose-matrix/docs/tutorial/tutorial.en.md

@@ -20,12 +20,12 @@ import i18nJson from '@config/i18n.json';
 import styles from './index.module.less';
 
 const Accepted = styled.div`
-  font-weight: 500;
+  font-weight: 600;
   color: rgb(var(--green-6));
 `;
 
 const UnAccepted = styled.div`
-  font-weight: 500;
+  font-weight: 600;
   color: rgb(var(--red-6));
 `;
 
@@ -118,7 +118,6 @@ const Records = function () {
       render(_, item: ProblemRecord & { problem: string }) {
         return (
           <a
-            style={{ display: 'flex', alignItems: 'center' }}
             onClick={function () {
               const success = localCache.deleteProblemRecord(
                 item.problem,
@@ -131,7 +130,13 @@ const Records = function () {
             }}
           >
             <IconDelete
-              style={{ width: 18, height: 18, color: 'rgb(var(--red-6))' }}
+              style={{
+                width: 18,
+                height: 18,
+                lineHeight: 1,
+                verticalAlign: 'middle',
+                color: 'rgb(var(--red-6))',
+              }}
             />
           </a>
         );

problems/difficulties/transpose-matrix/index.ts problems/difficulties/1-transpose-matrix/index.ts

@@ -36,7 +36,7 @@
         .desc-title {
           width: 100%;
           font-size: 24px;
-          font-weight: 600;
+          font-weight: 700;
           display: flex;
           align-items: center;
           justify-content: space-between;
@@ -59,7 +59,7 @@
           }
           .desc-case-title {
             font-size: 18px;
-            font-weight: 600;
+            font-weight: 700;
             margin-bottom: 8px;
           }
           .desc-case-content {

problems/difficulties/transpose-matrix/template.ts problems/difficulties/1-transpose-matrix/template.ts

@@ -53,7 +53,7 @@
               margin-right: 16px;
             }
             &.arco-tabs-header-title-active {
-              font-weight: 500;
+              font-weight: 600;
               background-color: var(--color-fill-3);
             }
           }
@@ -62,7 +62,7 @@
     }
     .case-header {
       font-size: 16px;
-      font-weight: 500;
+      font-weight: 600;
       margin: 8px 0;
     }
     .case-input {
@@ -94,7 +94,7 @@
         height: 48px;
         line-height: 48px;
         font-size: 24px;
-        font-weight: 600;
+        font-weight: 700;
         margin-bottom: 16px;
         color: rgb(var(--red-6));
       }

problems/difficulties/transpose-matrix/test problems/difficulties/1-transpose-matrix/test

@@ -45,6 +45,9 @@ class RspackSSRPlugin implements RspackPluginInstance {
     ]);
     buildProcess.stdout.on('data', process.stdout.write);
     buildProcess.stderr.on('data', process.stderr.write);
+    buildProcess.on('error', function (e) {
+      throw e;
+    });
     buildProcess.on('close', function (code) {
       if (code === 0) {
         callback();