Add api client

Beelink · Beelink · commit 4bd29fa015c4 · 2024-11-17T04:22:02.000+02:00
diff --git a/docs/.vite/manifest.json b/docs/.vite/manifest.json
@@ -1,11 +1,11 @@
 {
   "index.html": {
-    "file": "assets/app-DyTBjrEV.js",
+    "file": "assets/app-DBEImgM9.js",
     "name": "app",
     "src": "index.html",
     "isEntry": true,
     "css": [
-      "assets/app-DuIX79CA.css"
+      "assets/app-DbxKHP8o.css"
     ],
     "assets": [
       "assets/Pacifico-Dla-xvIJ.ttf",
diff --git a/docs/.vite/ssr-manifest.json b/docs/.vite/ssr-manifest.json
@@ -604,6 +604,11 @@
     "/assets/Inter-Regular-B3vv58xm.ttf",
     "/assets/Inter-Bold-DzTqCIlM.ttf"
   ],
+  "src/api/index.ts": [
+    "/assets/Pacifico-Dla-xvIJ.ttf",
+    "/assets/Inter-Regular-B3vv58xm.ttf",
+    "/assets/Inter-Bold-DzTqCIlM.ttf"
+  ],
   "src/assets/scss/animations.scss": [
     "/assets/Pacifico-Dla-xvIJ.ttf",
     "/assets/Inter-Regular-B3vv58xm.ttf",
diff --git a/docs/about.html b/docs/about.html
@@ -3,14 +3,14 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ModuleArt</title>
-    <script type="module" crossorigin="" src="/assets/app-DyTBjrEV.js"></script>
-    <link rel="stylesheet" crossorigin="" href="/assets/app-DuIX79CA.css">
+    <script type="module" crossorigin="" src="/assets/app-DBEImgM9.js"></script>
+    <link rel="stylesheet" crossorigin="" href="/assets/app-DbxKHP8o.css">
     <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
   </head>
 
   <body>
     <div id="root" data-server-rendered="true"><div class="app"><div class="width-limiter app__container"><header class="header"><a class="header__logo header__logo--clickable" href="/"><span>ModuleArt</span></a><ul class="header__links"><li class="header__link"><a class="link" href="https://github.com/ModuleArt" target="_blank"><span class="link__text">GitHub</span></a></li><li class="header__link"><a class="link link--internal" href="/about"><span class="link__text">About</span></a></li></ul></header><div class="app__page"><div class="about-page"><h1 class="not-found-page__heading">About us</h1></div></div><footer class="footer"><span class="footer__copyright">Copyright © <!-- -->2024<!-- --> ModuleArt. All rights reserved.</span></footer></div><div class="app__effects"><canvas height="0" width="0" style="pointer-events:none;background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%" data-testid="SnowfallCanvas"></canvas></div></div><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"App\":null,\"AboutPage\":null},\"actionData\":null,\"errors\":null}");</script></div>
-<script>window.__VITE_REACT_SSG_HASH__ = 'gwdt7qu6mo'</script>
+<script>window.__VITE_REACT_SSG_HASH__ = '7i0zjqx9fl'</script>
   
 
 </body></html>
diff --git a/docs/assets/app-DBEImgM9.js b/docs/assets/app-DBEImgM9.js
diff --git a/docs/assets/app-DbxKHP8o.css b/docs/assets/app-DbxKHP8o.css
diff --git a/docs/index.html b/docs/index.html
@@ -3,14 +3,14 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ModuleArt</title>
-    <script type="module" crossorigin="" src="/assets/app-DyTBjrEV.js"></script>
-    <link rel="stylesheet" crossorigin="" href="/assets/app-DuIX79CA.css">
+    <script type="module" crossorigin="" src="/assets/app-DBEImgM9.js"></script>
+    <link rel="stylesheet" crossorigin="" href="/assets/app-DbxKHP8o.css">
     <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
   </head>
 
   <body>
     <div id="root" data-server-rendered="true"><div class="app"><div class="width-limiter app__container"><header class="header"><div class="header__logo"><h1>ModuleArt</h1></div><ul class="header__links"><li class="header__link"><a class="link" href="https://github.com/ModuleArt" target="_blank"><span class="link__text">GitHub</span></a></li><li class="header__link"><a class="link link--internal" href="/about"><span class="link__text">About</span></a></li></ul></header><div class="app__page"><div class="home-page"><div class="projects-list"><div class="project-card project-card--clickable projects-list__project"><h2 class="project-card__title"><span class="project-card__text">PlainColor<!-- --> </span><span class="project-card__platform">for <!-- -->Mac</span></h2><a class="project-card__tile" href="/plain-color"><img class="project-card__image" src="/assets/images/projects/plain-color/1.webp" alt="PlainColor"></a></div><div class="project-card project-card--clickable projects-list__project"><h2 class="project-card__title"><span class="project-card__text">Quick Picture Viewer<!-- --> </span><span class="project-card__platform">for <!-- -->Win</span></h2><a class="project-card__tile" href="/quick-picture-viewer"><img class="project-card__image" src="/assets/images/projects/quick-picture-viewer/1.png" alt="Quick Picture Viewer"></a></div><div class="project-card project-card--clickable projects-list__project"><h2 class="project-card__title"><span class="project-card__text">SzContext<!-- --> </span><span class="project-card__platform">for <!-- -->Mac</span></h2><a class="project-card__tile" href="/sz-context"><img class="project-card__image" src="/assets/images/projects/sz-context/1.png" alt="SzContext"></a></div><div class="project-card project-card--clickable projects-list__project"><h2 class="project-card__title"><span class="project-card__text">Quick Color Picker<!-- --> </span><span class="project-card__platform">for <!-- -->Win</span></h2><a class="project-card__tile" href="/quick-color-picker"><img class="project-card__image" src="/assets/images/projects/quick-color-picker/1.png" alt="Quick Color Picker"></a></div></div></div></div><footer class="footer"><span class="footer__copyright">Copyright © <!-- -->2024<!-- --> ModuleArt. All rights reserved.</span></footer></div><div class="app__effects"><canvas height="0" width="0" style="pointer-events:none;background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%" data-testid="SnowfallCanvas"></canvas></div></div><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"App\":null,\"HomePage\":null},\"actionData\":null,\"errors\":null}");</script></div>
-<script>window.__VITE_REACT_SSG_HASH__ = 'gwdt7qu6mo'</script>
+<script>window.__VITE_REACT_SSG_HASH__ = '7i0zjqx9fl'</script>
   
 
 </body></html>
diff --git a/docs/plain-color.html b/docs/plain-color.html
@@ -3,14 +3,14 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ModuleArt</title>
-    <script type="module" crossorigin="" src="/assets/app-DyTBjrEV.js"></script>
-    <link rel="stylesheet" crossorigin="" href="/assets/app-DuIX79CA.css">
+    <script type="module" crossorigin="" src="/assets/app-DBEImgM9.js"></script>
+    <link rel="stylesheet" crossorigin="" href="/assets/app-DbxKHP8o.css">
     <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
   </head>
 
   <body>
     <div id="root" data-server-rendered="true"><div class="app"><div class="width-limiter app__container"><header class="header"><a class="header__logo header__logo--clickable" href="/"><span>ModuleArt</span></a><ul class="header__links"><li class="header__link"><a class="link" href="https://github.com/ModuleArt" target="_blank"><span class="link__text">GitHub</span></a></li><li class="header__link"><a class="link link--internal" href="/about"><span class="link__text">About</span></a></li></ul></header><div class="app__page"></div><footer class="footer"><span class="footer__copyright">Copyright © <!-- -->2024<!-- --> ModuleArt. All rights reserved.</span></footer></div><div class="app__effects"><canvas height="0" width="0" style="pointer-events:none;background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%" data-testid="SnowfallCanvas"></canvas></div></div><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"404\":null,\"App\":null},\"actionData\":null,\"errors\":null}");</script></div>
-<script>window.__VITE_REACT_SSG_HASH__ = 'gwdt7qu6mo'</script>
+<script>window.__VITE_REACT_SSG_HASH__ = '7i0zjqx9fl'</script>
   
 
 </body></html>
diff --git a/docs/quick-color-picker.html b/docs/quick-color-picker.html
@@ -3,14 +3,14 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ModuleArt</title>
-    <script type="module" crossorigin="" src="/assets/app-DyTBjrEV.js"></script>
-    <link rel="stylesheet" crossorigin="" href="/assets/app-DuIX79CA.css">
+    <script type="module" crossorigin="" src="/assets/app-DBEImgM9.js"></script>
+    <link rel="stylesheet" crossorigin="" href="/assets/app-DbxKHP8o.css">
     <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
   </head>
 
   <body>
     <div id="root" data-server-rendered="true"><div class="app"><div class="width-limiter app__container"><header class="header"><a class="header__logo header__logo--clickable" href="/"><span>ModuleArt</span></a><ul class="header__links"><li class="header__link"><a class="link" href="https://github.com/ModuleArt" target="_blank"><span class="link__text">GitHub</span></a></li><li class="header__link"><a class="link link--internal" href="/about"><span class="link__text">About</span></a></li></ul></header><div class="app__page"></div><footer class="footer"><span class="footer__copyright">Copyright © <!-- -->2024<!-- --> ModuleArt. All rights reserved.</span></footer></div><div class="app__effects"><canvas height="0" width="0" style="pointer-events:none;background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%" data-testid="SnowfallCanvas"></canvas></div></div><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"404\":null,\"App\":null},\"actionData\":null,\"errors\":null}");</script></div>
-<script>window.__VITE_REACT_SSG_HASH__ = 'gwdt7qu6mo'</script>
+<script>window.__VITE_REACT_SSG_HASH__ = '7i0zjqx9fl'</script>
   
 
 </body></html>
diff --git a/docs/quick-picture-viewer.html b/docs/quick-picture-viewer.html
@@ -3,14 +3,14 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ModuleArt</title>
-    <script type="module" crossorigin="" src="/assets/app-DyTBjrEV.js"></script>
-    <link rel="stylesheet" crossorigin="" href="/assets/app-DuIX79CA.css">
+    <script type="module" crossorigin="" src="/assets/app-DBEImgM9.js"></script>
+    <link rel="stylesheet" crossorigin="" href="/assets/app-DbxKHP8o.css">
     <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
   </head>
 
   <body>
     <div id="root" data-server-rendered="true"><div class="app"><div class="width-limiter app__container"><header class="header"><a class="header__logo header__logo--clickable" href="/"><span>ModuleArt</span></a><ul class="header__links"><li class="header__link"><a class="link" href="https://github.com/ModuleArt" target="_blank"><span class="link__text">GitHub</span></a></li><li class="header__link"><a class="link link--internal" href="/about"><span class="link__text">About</span></a></li></ul></header><div class="app__page"></div><footer class="footer"><span class="footer__copyright">Copyright © <!-- -->2024<!-- --> ModuleArt. All rights reserved.</span></footer></div><div class="app__effects"><canvas height="0" width="0" style="pointer-events:none;background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%" data-testid="SnowfallCanvas"></canvas></div></div><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"404\":null,\"App\":null},\"actionData\":null,\"errors\":null}");</script></div>
-<script>window.__VITE_REACT_SSG_HASH__ = 'gwdt7qu6mo'</script>
+<script>window.__VITE_REACT_SSG_HASH__ = '7i0zjqx9fl'</script>
   
 
 </body></html>
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>http://localhost/</loc><lastmod>2024-11-17T01:46:56.858Z</lastmod><changefreq>daily</changefreq><priority>1.0</priority></url></urlset>
+<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>http://localhost/</loc><lastmod>2024-11-17T02:21:53.147Z</lastmod><changefreq>daily</changefreq><priority>1.0</priority></url></urlset>
diff --git a/docs/static-loader-data-manifest-7i0zjqx9fl.json b/docs/static-loader-data-manifest-7i0zjqx9fl.json
diff --git a/docs/sz-context.html b/docs/sz-context.html
@@ -3,14 +3,14 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ModuleArt</title>
-    <script type="module" crossorigin="" src="/assets/app-DyTBjrEV.js"></script>
-    <link rel="stylesheet" crossorigin="" href="/assets/app-DuIX79CA.css">
+    <script type="module" crossorigin="" src="/assets/app-DBEImgM9.js"></script>
+    <link rel="stylesheet" crossorigin="" href="/assets/app-DbxKHP8o.css">
     <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
   </head>
 
   <body>
     <div id="root" data-server-rendered="true"><div class="app"><div class="width-limiter app__container"><header class="header"><a class="header__logo header__logo--clickable" href="/"><span>ModuleArt</span></a><ul class="header__links"><li class="header__link"><a class="link" href="https://github.com/ModuleArt" target="_blank"><span class="link__text">GitHub</span></a></li><li class="header__link"><a class="link link--internal" href="/about"><span class="link__text">About</span></a></li></ul></header><div class="app__page"></div><footer class="footer"><span class="footer__copyright">Copyright © <!-- -->2024<!-- --> ModuleArt. All rights reserved.</span></footer></div><div class="app__effects"><canvas height="0" width="0" style="pointer-events:none;background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%" data-testid="SnowfallCanvas"></canvas></div></div><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"404\":null,\"App\":null},\"actionData\":null,\"errors\":null}");</script></div>
-<script>window.__VITE_REACT_SSG_HASH__ = 'gwdt7qu6mo'</script>
+<script>window.__VITE_REACT_SSG_HASH__ = '7i0zjqx9fl'</script>
   
 
 </body></html>
diff --git a/src/api/index.ts b/src/api/index.ts
@@ -0,0 +1,13 @@
+// import { envConfig } from '@/config/Env'
+import axios from 'axios'
+
+const apiClient = axios.create({
+  baseURL: 'https://api.github.com',
+  timeout: 20000,
+  headers: {
+    'Content-Type': 'application/json',
+    // Authorization: `Bearer ${envConfig.githubToken}`,
+  },
+})
+
+export default apiClient
diff --git a/src/components/MarkdownView/index.scss b/src/components/MarkdownView/index.scss
@@ -11,6 +11,10 @@
   h6 {
     margin: var(--size-xl) 0 var(--size-md) !important;
     font-weight: var(--font-weight-lg) !important;
+
+    &:first-child {
+      margin-top: 0 !important;
+    }
   }
 
   img {
diff --git a/src/components/ProjectCard/Props.ts b/src/components/ProjectCard/Props.ts
@@ -5,5 +5,5 @@ export interface Props {
   title: string
   href?: string
   image: string
-  platform: Platform
+  platforms?: Platform[]
 }
diff --git a/src/components/ProjectCard/index.tsx b/src/components/ProjectCard/index.tsx
@@ -4,7 +4,7 @@ import cn from 'classnames'
 import { Props } from './Props'
 import './index.scss'
 
-export const ProjectCard: FC<Props> = ({ className, title, href = null, image, platform }) => {
+export const ProjectCard: FC<Props> = ({ className, title, href = null, image, platforms = [] }) => {
   return (
     <div
       className={cn({
@@ -15,7 +15,7 @@ export const ProjectCard: FC<Props> = ({ className, title, href = null, image, p
     >
       <h2 className="project-card__title">
         <span className="project-card__text">{title} </span>
-        <span className="project-card__platform">for {platform}</span>
+        {platforms.length > 0 && <span className="project-card__platform">for {platforms.join(', ')}</span>}
       </h2>
       {href ? (
         <RouterLink className="project-card__tile" to={href}>
diff --git a/src/components/ProjectsList/index.tsx b/src/components/ProjectsList/index.tsx
@@ -14,7 +14,7 @@ export const ProjectsList: FC<Props> = ({ projects }) => {
             title={project.title}
             href={project.href}
             image={project.images[0]}
-            platform={project.platform}
+            platforms={project.platforms}
           />
         )
       })}
diff --git a/src/config/Env.ts b/src/config/Env.ts
@@ -1,5 +1,5 @@
 import { EnvConfig } from '@/interfaces/EnvConfig'
 
 export const envConfig: EnvConfig = {
-  githubToken: import.meta.env.MODE || '',
+  githubToken: import.meta.env.VITE_GITHUB_TOKEN || '',
 }
diff --git a/src/config/Main.ts b/src/config/Main.ts
@@ -8,13 +8,13 @@ export const mainConfig: MainConfig = {
     {
       title: 'PlainColor',
       shortDescription: 'Lightweight stylish cross-platform color picker app',
-      longDescription: '',
+      longDescription: 'We are in active development, and many new features are coming soon...',
       href: '/plain-color',
       appIcon: '/assets/images/projects/plain-color/icon.png',
       images: ['/assets/images/projects/plain-color/1.webp'],
       githubPath: 'ModuleArt/plain-color',
       donateUrl: 'https://opencollective.com/moduleart/projects/plaincolor',
-      platform: Platform.mac,
+      platforms: [Platform.mac],
       os: 'macOS 10.15+',
       authorName: 'Eugene Volynko',
       authorUrl: 'https://github.com/Beelink',
@@ -29,7 +29,7 @@ export const mainConfig: MainConfig = {
       images: ['/assets/images/projects/quick-picture-viewer/1.png', '/assets/images/projects/quick-picture-viewer/2.png'],
       githubPath: 'ModuleArt/quick-picture-viewer',
       donateUrl: 'https://opencollective.com/moduleart/projects/quick-picture-viewer',
-      platform: Platform.win,
+      platforms: [Platform.win],
       os: 'Windows 7+',
       authorName: 'Eugene Volynko',
       authorUrl: 'https://github.com/Beelink',
@@ -47,20 +47,21 @@ export const mainConfig: MainConfig = {
         '/assets/images/projects/sz-context/4.png',
       ],
       githubPath: 'RoadToDream/SzContext',
-      platform: Platform.mac,
+      platforms: [Platform.mac],
       os: 'macOS 10.15+',
       authorName: 'Duan Jiawei',
       authorUrl: 'https://github.com/RoadToDream',
     },
     {
       title: 'Quick Color Picker',
       shortDescription: 'Lightweight desktop color picker and color editor utility for Windows',
-      longDescription: '',
+      longDescription: 'Color picker and color editor utility to pick and save color codes from your screen quickly',
       href: '/quick-color-picker',
       appIcon: '/assets/images/projects/quick-color-picker/icon.png',
       images: ['/assets/images/projects/quick-color-picker/1.png', '/assets/images/projects/quick-color-picker/2.png'],
       githubPath: 'ModuleArt/quick-color-picker',
-      platform: Platform.win,
+      donateUrl: 'https://opencollective.com/moduleart',
+      platforms: [Platform.win],
       os: 'Windows 7+',
       authorName: 'Eugene Volynko',
       authorUrl: 'https://github.com/Beelink',
diff --git a/src/interfaces/Project.ts b/src/interfaces/Project.ts
@@ -9,7 +9,7 @@ export interface Project {
   images: string[]
   githubPath: string
   donateUrl?: string
-  platform: Platform
+  platforms: Platform[]
   os: string
   authorName: string
   authorUrl: string
diff --git a/src/pages/ProjectPage/index.tsx b/src/pages/ProjectPage/index.tsx

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>http://localhost/</loc><lastmod>2024-11-17T01:46:56.858Z</lastmod><changefreq>daily</changefreq><priority>1.0</priority></url></urlset>`
	`1`	`+<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1"><url><loc>http://localhost/</loc><lastmod>2024-11-17T02:21:53.147Z</lastmod><changefreq>daily</changefreq><priority>1.0</priority></url></urlset>`