From 362a5490e58e41052ff23b04875073961c91ea20 Mon Sep 17 00:00:00 2001
From: Kainoa Kanter <kainoa@t1c.dev>
Date: Sun, 14 May 2023 14:12:59 -0700
Subject: [PATCH] warn against graze for mastodon

---
 locales/en-US.yml                      |  2 +-
 locales/ja-JP.yml                      |  1 +
 package.json                           |  2 +-
 packages/client/src/pages/no-graze.vue | 37 ++++++++++++++++++++++++++
 packages/client/src/router.ts          |  4 +++
 5 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 packages/client/src/pages/no-graze.vue

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 7df19e815..f62c9d72e 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -1086,7 +1086,7 @@ sendModMail: "Send Moderation Notice"
 preventAiLearning: "Prevent AI bot scraping"
 preventAiLearningDescription: "Request third-party AI language models not to study\
   \ content you upload, such as posts and images."
-
+noGraze: "Please disable the \"Graze for Mastodon\" browser extension, as it interferes with Calckey."
 
 _sensitiveMediaDetection:
   description: "Reduces the effort of server moderation through automatically recognizing\
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index e3005720c..84c894c7a 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -975,6 +975,7 @@ customKaTeXMacroDescription: "数式入力を楽にするためのマクロを
 enableCustomKaTeXMacro: "カスタムKaTeXマクロを有効にする"
 preventAiLearning: "AIによる学習を防止"
 preventAiLearningDescription: "投稿したノート、添付した画像などのコンテンツを学習の対象にしないようAIに要求します。これはnoaiフラグをHTMLレスポンスに含めることによって実現されます。"
+noGraze: "ブラウザの拡張機能「Graze for Mastodon」は、Calckeyの動作を妨げるため、無効にしてください。"
 
 _sensitiveMediaDetection:
   description: "機械学習を使って自動でセンシティブなメディアを検出し、モデレーションに役立てられます。サーバーの負荷が少し増えます。"
diff --git a/package.json b/package.json
index 9d29a8c67..8ee24ea02 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "14.0.0-dev10",
+	"version": "14.0.0-dev12",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/no-graze.vue b/packages/client/src/pages/no-graze.vue
new file mode 100644
index 000000000..b6e01ebce
--- /dev/null
+++ b/packages/client/src/pages/no-graze.vue
@@ -0,0 +1,37 @@
+<template>
+	<transition :name="$store.state.animation ? 'zoom' : ''" appear>
+		<div :class="$style.root">
+			<img
+				src="/static-assets/badges/info.png"
+				class="_ghost"
+				alt="Error"
+			/>
+			<p>
+				<i class="ph-warning ph-bold ph-lg"></i>
+				{{ i18n.ts.noGraze }}
+			</p>
+		</div>
+	</transition>
+</template>
+
+<script lang="ts" setup>
+import { i18n } from "@/i18n";
+</script>
+
+<style lang="scss" module>
+.root {
+	padding: 32px;
+	text-align: center;
+
+	> p {
+		margin: 0 0 8px 0;
+	}
+
+	> img {
+		vertical-align: bottom;
+		height: 128px;
+		margin-bottom: 16px;
+		border-radius: 16px;
+	}
+}
+</style>
diff --git a/packages/client/src/router.ts b/packages/client/src/router.ts
index a84c2c8b3..952925816 100644
--- a/packages/client/src/router.ts
+++ b/packages/client/src/router.ts
@@ -62,6 +62,10 @@ export const routes = [
 		path: "/instance-info/:host",
 		component: page(() => import("./pages/instance-info.vue")),
 	},
+	{
+		path: "/public/local",
+		component: page(() => import("./pages/no-graze.vue")),
+	},
 	{
 		name: "settings",
 		path: "/settings",