From a2d94058247a4d714aa88eb2fa67338e48ad3dc8 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 21 Nov 2022 16:27:32 -0800
Subject: [PATCH] deprecate node < 18

---
 README.md                                   |  4 +-
 packages/backend/package.json               |  4 +-
 packages/client/src/pages/about-calckey.vue |  2 +-
 packages/client/src/pages/page.vue          | 86 ++++++++++-----------
 4 files changed, 47 insertions(+), 49 deletions(-)

diff --git a/README.md b/README.md
index b729f421e..b4af8e16a 100644
--- a/README.md
+++ b/README.md
@@ -48,9 +48,7 @@ This guide will work for both **starting from scratch** and **migrating from Mis
 
 ## 📦 Dependencies
 
-- At least 🐢 [NodeJS](https://nodejs.org/en/) v16.15.0 (v18.12.1 recommended)
-
-> ⚠️ NodeJS v19 is not supported as of right now because of [this issue](https://github.com/nodejs/node-gyp/issues/2757).
+- At least 🐢 [NodeJS](https://nodejs.org/en/) v18.12.1 (v19.1.0 recommended)
 
 - 🐘 At least [PostgreSQL](https://www.postgresql.org/) v12
 
diff --git a/packages/backend/package.json b/packages/backend/package.json
index 52c83be0c..2f7a11984 100644
--- a/packages/backend/package.json
+++ b/packages/backend/package.json
@@ -4,8 +4,8 @@
 	"private": true,
 	"type": "module",
 	"scripts": {
-		"start": "node --experimental-json-modules ./built/index.js",
-		"start:test": "NODE_ENV=test node --experimental-json-modules ./built/index.js",
+		"start": "node ./built/index.js",
+		"start:test": "NODE_ENV=test node ./built/index.js",
 		"migrate": "typeorm migration:run -d ormconfig.js",
 		"build": "tsc -p tsconfig.json || echo done. && tsc-alias -p tsconfig.json",
 		"watch": "node watch.mjs",
diff --git a/packages/client/src/pages/about-calckey.vue b/packages/client/src/pages/about-calckey.vue
index 44a661ce0..a462ae7b6 100644
--- a/packages/client/src/pages/about-calckey.vue
+++ b/packages/client/src/pages/about-calckey.vue
@@ -19,7 +19,7 @@
 				</div>
 				<FormSection>
 					<div class="_formLinks">
-						<FormLink to="https://codeberg.org/thatonecalculator/calckey" external>
+						<FormLink to="/@thatonecalculator@stop.voring.me" external>
 							<template #icon><i class="ph-code-bold ph-lg"></i></template>
 							{{ i18n.ts._aboutMisskey.source }}
 							<template #suffix>Codeberg</template>
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue
index 7b3ee27f7..45f0b9c80 100644
--- a/packages/client/src/pages/page.vue
+++ b/packages/client/src/pages/page.vue
@@ -10,17 +10,18 @@
 				</div>
 				<div class="_block main">
 					<div class="banner">
-						<div v-if="page.eyeCatchingImageId" class="banner-image" :style="`background-image: url(${page.eyeCatchingImage.url})`"></div>
-						<div class="header">
-							<h1>{{ page.title }}</h1>
-						</div>
-						<div class="menu-actions">
-							<MkA :to="`/@${username}/pages/${pageName}/view-source`" class="menu _button"><i class="ph-code-bold"/></MkA>
-							<template v-if="$i && $i.id === page.userId">
-								<MkA v-tooltip="i18n.ts._pages.editPage" class="menu _button" :to="`/pages/edit/${page.id}`"><i class="ph-pencil-bold ph-lg"/></MkA>
-								<button v-if="$i.pinnedPageId === page.id" v-tooltip="i18n.ts.unpin" class="menu _button" @click="pin(false)"><i class="ph-push-pin-slash-bold ph-lg"/></button>
-								<button v-else v-tooltip="i18n.ts.pin" class="menu _button" @click="pin(true)"><i class="ph-push-pin-bold ph-lg"/></button>
-							</template>
+						<div v-if="page.eyeCatchingImageId" class="banner-image" :style="`background-image: ${page.eyeCatchingImage.url !== null ? `url(${page.eyeCatchingImage.url})` : `linear-gradient(to bottom right, #31748f, #9ccfd8);` }`">
+							<div class="header">
+								<h1>{{ page.title }}</h1>
+							</div>
+							<div class="menu-actions">
+								<MkA :to="`/@${username}/pages/${pageName}/view-source`" class="menu _button"><i class="ph-code-bold"/></MkA>
+								<template v-if="$i && $i.id === page.userId">
+									<MkA v-tooltip="i18n.ts._pages.editPage" class="menu _button" :to="`/pages/edit/${page.id}`"><i class="ph-pencil-bold ph-lg"/></MkA>
+									<button v-if="$i.pinnedPageId === page.id" v-tooltip="i18n.ts.unpin" class="menu _button" @click="pin(false)"><i class="ph-push-pin-slash-bold ph-lg"/></button>
+									<button v-else v-tooltip="i18n.ts.pin" class="menu _button" @click="pin(true)"><i class="ph-push-pin-bold ph-lg"/></button>
+								</template>
+							</div>
 						</div>
 					</div>
 					<div class="content">
@@ -197,41 +198,40 @@ definePageMetadata(computed(() => page ? {
 				background-position: center;
 				background-size: cover;
 
-			}
+				> .header {
+					padding: 16px;
 
-			> .header {
-				padding: 16px;
-
-				> h1 {
-					margin: 0;
-					color: white;
-					text-shadow: 0 0 8px #000;
-				}
-			}
-
-			> .menu-actions {
-				-webkit-backdrop-filter: var(--blur, blur(8px));
-				backdrop-filter: var(--blur, blur(8px));
-				background: rgba(0, 0, 0, 0.2);
-				padding: 8px;
-				border-radius: 24px;
-				width: fit-content;
-				position: relative;
-				top: -10px;
-				left: 1rem;
-
-				> .menu {
-					vertical-align: bottom;
-					height: 31px;
-					width: 31px;
-					color: #fff;
-					text-shadow: 0 0 8px #000;
-					font-size: 16px;
+					> h1 {
+						margin: 0;
+						color: white;
+						text-shadow: 0 0 8px #000;
+					}
 				}
 
-				> .koudoku {
-					margin-left: 4px;
-					vertical-align: bottom;
+				> .menu-actions {
+					-webkit-backdrop-filter: var(--blur, blur(8px));
+					backdrop-filter: var(--blur, blur(8px));
+					background: rgba(0, 0, 0, 0.2);
+					padding: 8px;
+					border-radius: 24px;
+					width: fit-content;
+					position: relative;
+					top: -10px;
+					left: 1rem;
+
+					> .menu {
+						vertical-align: bottom;
+						height: 31px;
+						width: 31px;
+						color: #fff;
+						text-shadow: 0 0 8px #000;
+						font-size: 16px;
+					}
+
+					> .koudoku {
+						margin-left: 4px;
+						vertical-align: bottom;
+					}
 				}
 			}
 		}