Merge pull request #59 from ansidev/release/2.2.0

Release v2.2.0

Author: ansidev

.changes/v2.2.0.md

@@ -0,0 +1,9 @@
+## [v2.2.0](https://github.com/ansidev/astro-basic-template/compare/v2.1.0...v2.2.0) (2023-03-04)
+
+### Features
+
+- Change website font to Inter.
+- Add meta fields for SEO.
+- Generate post thumbnail using [satori](https://github.com/vercel/satori).
+
+Full Changelog: [v2.1.0...v2.2.0](https://github.com/ansidev/astro-basic-template/compare/v2.1.0...v2.2.0)

CHANGELOG.md

@@ -4,6 +4,16 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](http://semver.org).
 
+## [v2.2.0](https://github.com/ansidev/astro-basic-template/compare/v2.1.0...v2.2.0) (2023-03-04)
+
+### Features
+
+- Change website font to Inter.
+- Add meta fields for SEO.
+- Generate post thumbnail using [satori](https://github.com/vercel/satori).
+
+Full Changelog: [v2.1.0...v2.2.0](https://github.com/ansidev/astro-basic-template/compare/v2.1.0...v2.2.0)
+
 ## [v2.1.0](https://github.com/ansidev/astro-basic-template/compare/v2.0.1...v2.1.0) (2023-03-01)
 
 ### Bug Fixes

README.md

@@ -8,6 +8,7 @@ Solutions for LeetCode problems - Written by [ansidev](https://github.com/anside
 ## Features
 
 - [Astro](https://astro.build) v2, disabled Astro Telemetry.
+- Automate generating post thumbnail using [satori](https://github.com/vercel/satori) (since [v2.2.0](https://github.com/ansidev/leetcode-blog/releases/tag/v2.2.0)).
 - [Astro Compress](https://github.com/astro-community/astro-compress) - Compress output HTML, CSS, JS, image.
 - [Astro PurgeCSS](https://github.com/codiume/orbit/tree/main/packages/astro-purgecss) - Remove unused CSS from build output.
 - Automate releasing new versions using [GitHub Actions](https://github.com/features/actions) and following the [`git-flow`](https://nvie.com/posts/a-successful-git-branching-model/) branching model.
@@ -20,6 +21,7 @@ Solutions for LeetCode problems - Written by [ansidev](https://github.com/anside
 - [Conventional commit](https://conventionalcommits.org/).
 - [ESLint](https://eslint.org) - Static code analyzer.
 - [Prettier](https://prettier.io) - Code formatter.
+- [Husky](https://github.com/typicode/husky) - Modern native Git hooks made easy.
 - [Renovate](https://www.mend.io/free-developer-tools/renovate/) - Automate dependency updates.
 - [changie](https://changie.dev), [git-chglog](https://github.com/git-chglog/git-chglog) - Generate changelog from conventional commits.
 - [taskfile](https://github.com/ansidev/taskfile) - Task files for common tasks.
@@ -54,10 +56,10 @@ pnpm create astro@latest --template ansidev/astro-basic-template
      - https://docs.netlify.com/site-deploys/overview/#deploy-preview-controls
 3. Go to https://github.com/{user}/{repository}/settings/secrets/actions/new and add following repository secrets:
 
-   | Name                 | Description                                                                                                                                                                            |
-   | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-   | `GH_TOKEN`           | GitHub Personal Access Token which has the `repo` scope. Click [here](https://github.com/settings/tokens/new?scopes=repo) to create a new one.                                         |
-   | `NETLIFY_AUTH_TOKEN` | Netlify Authentication Token. Click [here](https://app.netlify.com/user/applications/personal) to create a new one.                                                                    |
+   | Name                 | Description                                                                                                                                                                                                                                                                  |
+   | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+   | `GH_TOKEN`           | GitHub Personal Access Token which has the `repo` scope. Click [here](https://github.com/settings/tokens/new?scopes=repo) to create a new one.                                                                                                                               |
+   | `NETLIFY_AUTH_TOKEN` | Netlify Authentication Token. Click [here](https://app.netlify.com/user/applications/personal) to create a new one.                                                                                                                                                          |
    | `NETLIFY_SITE_ID`    | Netlify site ID. You can obtain it via UI or CLI.<br/><ul><li>UI: Go to https://app.netlify.com/sites/{netlify-site-name}/settings/general#site-details and click the copy button next to the site ID.</li><li>CLI: Run `netlify sites:list` and copy the site ID.</li></ul> |
 
 ## Project Structure
@@ -68,6 +70,9 @@ Inside of your Astro project, you'll see the following folders and files:
 
 ```
 /
+./
+├── .astro
+│   └── types.d.ts
 ├── .changes
 │   ├── unreleased
 │   │   └── .gitkeep
@@ -97,6 +102,7 @@ Inside of your Astro project, you'll see the following folders and files:
 │   ├── task_dep.yaml
 │   ├── task_git.yaml
 │   ├── task_github.yaml
+│   ├── task_leetcode.yaml
 │   ├── task_release.yaml
 │   └── task_site.yaml
 ├── .vscode
@@ -107,24 +113,73 @@ Inside of your Astro project, you'll see the following folders and files:
 ├── LICENSE
 ├── README.md
 ├── Taskfile.yaml
-├── astro-basic-template.code-workspace
 ├── astro.config.mjs
 ├── dotenv.config.ts
 ├── eslint.config.cjs
 ├── netlify.toml
 ├── package.json
 ├── pnpm-lock.yaml
 ├── public
-│   └── favicon.svg
+│   ├── default-post-thumbnail.png
+│   └── favicon.ico
 ├── renovate.json
 ├── src
+│   ├── assets
+│   │   └── scss
+│   │       ├── _base.scss
+│   │       ├── _styles.scss
+│   │       └── app.scss
+│   ├── cmd
+│   │   └── leetcode.ts
 │   ├── components
-│   │   └── Card.astro
+│   │   ├── AppFooter.astro
+│   │   ├── AppHeader.astro
+│   │   ├── Breadcrumb.astro
+│   │   ├── Disqus.astro
+│   │   ├── Icon.astro
+│   │   ├── LeetCodeDifficulty.astro
+│   │   ├── SEOMeta.astro
+│   │   ├── ThemeSelector.astro
+│   │   ├── analytics
+│   │   │   ├── CounterAnalytics.astro
+│   │   │   ├── GoogleAnalytics.astro
+│   │   │   └── Swetrix.astro
+│   │   └── post
+│   │       ├── PostHeader.astro
+│   │       ├── PostItem.astro
+│   │       └── PostList.astro
+│   ├── configs
+│   │   └── site.ts
+│   ├── content
+│   │   ├── config.ts
+│   │   └── leetcode-solutions
+│   │       ├── *.md
 │   ├── env.d.ts
 │   ├── layouts
-│   │   └── Layout.astro
-│   └── pages
-│       └── index.astro
+│   │   ├── AppLayout.astro
+│   │   └── PostLayout.astro
+│   ├── leetcode
+│   │   ├── data
+│   │   │   └── problem_set.json
+│   │   ├── templates
+│   │   │   └── leetcode.md.mustache
+│   │   └── types.ts
+│   ├── pages
+│   │   ├── 404.astro
+│   │   ├── [slug].astro
+│   │   ├── difficulties
+│   │   │   └── [slug].astro
+│   │   ├── images
+│   │   │   └── [slug].png.ts
+│   │   ├── index.astro
+│   │   ├── rss.xml.ts
+│   │   └── tags
+│   │       └── [slug].astro
+│   └── utils
+│       ├── date.ts
+│       └── plugin.ts
+├── tailwind.config.cjs
+├── theme.config.cjs
 └── tsconfig.json
 ```
 

astro.config.mjs

@@ -1,3 +1,5 @@
+import fs from 'node:fs'
+
 import partytown from '@astrojs/partytown'
 import sitemap from '@astrojs/sitemap'
 import tailwind from '@astrojs/tailwind'
@@ -29,5 +31,29 @@ export default defineConfig({
     sitemap(),
     purgecss(),
     compress(),
-  ]
+  ],
+  vite: {
+    plugins: [rawFonts(['.ttf', '.woff'])],
+    optimizeDeps: {
+      exclude: [
+        '@resvg/resvg-js',
+      ],
+    },
+  }
 })
+
+// vite plugin to import fonts
+function rawFonts(ext) {
+  return {
+    name: 'vite-plugin-raw-fonts',
+    transform(_, id) {
+      if (ext.some((e) => id.endsWith(e))) {
+        const buffer = fs.readFileSync(id)
+        return {
+          code: `export default ${JSON.stringify(buffer)}`,
+          map: null,
+        }
+      }
+    },
+  }
+}

package.json

@@ -2,7 +2,7 @@
   "name": "leetcode-blog",
   "description": "Solutions for LeetCode problems - Written by ansidev",
   "type": "module",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "license": "MIT",
   "scripts": {
     "lc:new": "tsx ./src/cmd/leetcode.ts",
@@ -20,20 +20,22 @@
     "@astrojs/rss": "^2.1.1",
     "@astrojs/sitemap": "^1.1.0",
     "@astrojs/tailwind": "^3.0.1",
-    "astro": "^2.0.16",
+    "astro": "^2.0.17",
     "astro-compress": "^1.1.35",
-    "astro-purgecss": "^2.0.0",
+    "astro-purgecss": "^2.0.1",
     "tailwindcss": "^3.2.7"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.4.4",
     "@commitlint/config-conventional": "^17.4.4",
+    "@fontsource/ibm-plex-mono": "^4.5.13",
     "@iconify-json/bi": "^1.1.15",
+    "@resvg/resvg-js": "^2.4.1",
     "@tailwindcss/typography": "^0.5.9",
     "@types/lodash.get": "^4.4.7",
     "@types/lodash.kebabcase": "^4.1.7",
     "@types/mustache": "^4.2.2",
-    "@types/node": "^18.14.2",
+    "@types/node": "^18.14.6",
     "@typescript-eslint/eslint-plugin": "^5.54.0",
     "@typescript-eslint/parser": "^5.54.0",
     "commander": "^10.0.0",
@@ -48,6 +50,8 @@
     "lodash.kebabcase": "^4.1.1",
     "mustache": "^4.2.0",
     "sass": "^1.58.3",
+    "satori": "^0.4.1",
+    "satori-html": "^0.3.2",
     "tailwindcss-themer": "^3.0.1",
     "tsx": "^3.12.3",
     "typescript": "^4.9.5"