feat(mcq): single choice question auto flipping

.changeset/khaki-beers-smoke.md

@@ -0,0 +1,5 @@
+---
+'anki-templates': minor
+---
+
+feat(mcq): single choice question auto flipping (单选题自动翻转)

src/entries/mcq.tsx

@@ -12,6 +12,7 @@ import { useField } from '../hooks/use-field';
 import { t } from '../utils/locale';
 import { randomOptionsAtom } from '@/components/settings';
 import '@/styles/mcq.css';
+import { flipToBack } from '@/utils/bridge';
 import { FIELD_ID } from '@/utils/const';
 import { getFieldText, isFieldEmpty } from '@/utils/field';
 import { useAutoAnimate } from '@formkit/auto-animate/preact';
@@ -72,6 +73,7 @@ export default () => {
       toggle(name);
     } else {
       setSelected([name]);
+      setTimeout(flipToBack, 300);
     }
   });
 

src/utils/bridge.ts

@@ -0,0 +1,25 @@
+declare const pycmd: (cmd: string) => void | undefined;
+declare const study: { drawAnswer: () => void } | undefined;
+declare const AnkiDroidJS: any;
+declare const showAnswer: () => void | undefined;
+
+declare global {
+  interface Window {
+    sendMessage2?: (type: string, pos: string) => void;
+    anki: any;
+  }
+}
+
+export function flipToBack() {
+  if (typeof pycmd !== 'undefined') {
+    pycmd('ans');
+  } else if (typeof study !== 'undefined') {
+    study.drawAnswer();
+  } else if (typeof AnkiDroidJS !== 'undefined') {
+    showAnswer();
+  } else if (window.anki && window.sendMessage2) {
+    window.sendMessage2('ankitap', 'midCenter');
+  } else if (process.env.NODE_ENV === 'development') {
+    window.setBack?.(true);
+  }
+}