Merge pull request #150 from kc3hack/develop

Develop

Author: ABfry

backend/src/lib/gemini.ts

@@ -120,6 +120,49 @@ const generateTanka = async (originalText: string): Promise<any> => {
           *   文語と口語を自由に組み合わせることで、表現の幅を広げてください。
           *   ただし、全体の調和を損なわないように、バランスに注意してください。
       5. **JSON形式での出力**: 出力は指定されたJSON形式に厳密に従ってください。各句はline0からline4のキーに対応する文字列、各句の読みはyomi0からyomi4に対応する文字列として出力してください。
+      6. **悪意のある入力への対応:**
+    * **全角空白のみ、またはそれに準ずる意味のない文字列（記号の羅列など）が入力された場合は、以下のいずれかの形式で、ユーモアを交えてユーザーを煽り、再投稿を促すような応答を生成してください。**
+        *  **五七五七七の「煽り短歌」形式** (JSON形式)
+        *  **通常のテキストメッセージ形式** (JSONではない)
+
+      * **煽り方の指針:**
+          * 直接的な暴言や侮辱は避ける。
+          * ユーモア、皮肉、ことわざ、比喩などを活用する。
+          * 短歌の才能がない、またはセンスがない、という点をほのめかす。
+          * 再投稿を促す言葉を含める。
+      * **煽り応答の例:**
+          *   **短歌形式:**
+              {
+                "line0": "虚無の海",
+                "line1": "漂う言葉",
+                "line2": "見つからず",
+                "line3": "あなたのセンスは",
+                "line4": "どこへ消えたか",
+                "yomi0": "キョムノウミ",
+                "yomi1": "タダヨウコトバ",
+                "yomi2": "ミツカラズ",
+                "yomi3": "アナタノセンスハ",
+                "yomi4": "ドコヘキエタカ"
+              }
+          *   **テキストメッセージ形式:**
+              「おや？ もしかして、短歌の神様がお休み中ですか？ あなたの投稿、まるで禅問答のようです。もう少し、言葉を紡いでみませんか？」
+              
+      7. **チート対策**:
+      * **各句の文字数と読みの長さに著しい乖離がある場合は、不正な入力とみなし、警告メッセージとともに、ユーモアのある応答（短歌形式またはテキスト形式）を生成してください。**
+        * 例：「おや、錬金術師ですか？文字と音の間に、何か秘密の呪文を唱えましたね？正直に、普通の言葉で勝負しましょう！」
+        * 短歌形式の例:
+        {
+          "line0": "文字数と",
+          "line1": "読みが合わない",
+          "line2": "不思議だな",
+          "line3": "これはもしやと",
+          "line4": "思う新手のジョーク",
+          "yomi0": "モジスウト",
+          "yomi1": "ヨミガアワナイ",
+          "yomi2": "フシギダナ",
+          "yomi3": "コレハモシヤト",
+          "yomi4": "オモウシンテノジョーク"
+        }
 
       短歌生成のヒント
 

frontend/src/app/yomu/CheckAuthUser.ts

@@ -0,0 +1,35 @@
+'use server';
+
+const backendUrl = process.env.BACKEND_URL ?? 'http://localhost:8080';
+
+/**
+ * 認可されたユーザーかどうかを確認する
+ * @param param0 ユーザーアイコンのURL
+ * @returns 認可されたユーザーかどうか
+ */
+export const checkAuthUser = async ({ iconUrl }: { iconUrl: string }): Promise<boolean> => {
+  try {
+    console.log(iconUrl);
+
+    const res = await fetch(`${backendUrl}/isOurAccount`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ icon_url: iconUrl }),
+    });
+
+    console.log(res);
+
+    if (!res.ok) {
+      return false;
+    }
+
+    const json = await res.json();
+
+    return json.isOurAccount;
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+};

frontend/src/app/yomu/page.tsx

@@ -14,13 +14,10 @@ import Loading from '@/components/Loading';
 import AfterYomu from './AfterYomu';
 import { calcFileSize } from '@/lib/CalcFileSize';
 import FileUploadButton from '@/components/FileUploadButton';
-
+import { checkAuthUser } from './CheckAuthUser';
 const MAX_LENGTH = 140; // 最大文字数
 
-// 絶対戻す↓
-// ぜったいもどす↓
 const MIN_LENGTH = 1; // 最小文字数→短歌にいい感じに変換するにはこれくらい必要
-// ぜったいもどす↑
 const MAX_IMAGE_SIZE = 5; // 最大画像サイズ
 
 enum PostStatus {
@@ -68,6 +65,7 @@ const SignedInPage = (): React.ReactNode => {
   const [canPost, setCanPost] = useState(false); // 投稿可能か: 文字数から計算する
   const [isDialogOpen, setIsDialogOpen] = useState(false); // 下書き削除のダイアログの表示状態
   const [isErrorDialogOpen, setIsErrorDialogOpen] = useState(false); // 投稿失敗のダイアログの表示状態
+  const [notAuthorizedDialogOpen, setNotAuthorizedDialogOpen] = useState(false); // 当日デモ用 : 事前に認可されたユーザーかどうか
   const session = useSession();
   const [file, setFile] = useState<UploadedFile | null>(null);
 
@@ -139,6 +137,14 @@ const SignedInPage = (): React.ReactNode => {
   // 投稿ボタンを押した時の処理
   const onClickYomuButton = async () => {
     setPostStatus(PostStatus.POSTING);
+
+    // デモ用 : 事前に認可されたユーザーかどうかを確認
+    const isAuthorized = await checkAuthUser({ iconUrl: session.data?.user?.image ?? '' });
+    if (!isAuthorized) {
+      setNotAuthorizedDialogOpen(true);
+      return;
+    }
+
     // console.log('投稿');
     const res = await postYomu({
       originalText: text,
@@ -245,9 +251,8 @@ const SignedInPage = (): React.ReactNode => {
 
             {!canPost && (
               <p className='mt-2 text-center text-sm text-red-500'>
-                ※{MIN_LENGTH}文字以上{MAX_LENGTH}文字以内で投稿できます。
+                ※{MAX_LENGTH}文字以内で投稿できます。
                 <br />
-                ※実験中 : 1文字以上で投稿できます。
               </p>
             )}
 
@@ -275,6 +280,17 @@ const SignedInPage = (): React.ReactNode => {
               }}
               yesText='はい'
             />
+
+            <Dialog
+              isOpen={notAuthorizedDialogOpen}
+              description='本日は事前に認可されたユーザーのみが投稿できます。'
+              isOnlyOK={true}
+              yesCallback={() => {
+                setNotAuthorizedDialogOpen(false);
+                setPostStatus(PostStatus.INITIAL);
+              }}
+              yesText='はい'
+            />
           </div>
         )}
       </main>