@nakamura-123/pages 0.0.1

package/dist/quiz/explain/Example.js

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_redux_1 = require("react-redux");
+var lib_1 = require("@nakamura-123/lib");
+var RenderImgOrText_1 = __importDefault(require("../common/RenderImgOrText"));
+var selector_1 = require("../../hooks/selector");
+var common_1 = require("@nakamura-123/common");
+// viewType に応じたコンポーネントのマッピング
+var viewTypeHandlers = {
+    base: function (_a) {
+        var word = _a.word, yearId = _a.yearId, navigation = _a.navigation;
+        return (<RenderImgOrText_1.default word={word} imgKey={"a" + yearId} navigation={navigation}/>);
+    },
+    rImg: function (_a) {
+        var word = _a.word, rImgs = _a.rImgs;
+        return (<common_1.MyImage path={lib_1.utilFnc.getrImgPath(rImgs, word)}/>);
+    },
+    mImg: function (_a) {
+        var word = _a.word, yearId = _a.yearId, num = _a.num;
+        var paths = lib_1.utilFnc.getmImgPathes(word, yearId, num);
+        return (<>
+        {paths.map(function (path, index) { return (<common_1.MyImage key={index} path={path}/>); })}
+      </>);
+    },
+};
+var Explain = function (_a) {
+    var navigation = _a.navigation;
+    var question = (0, selector_1.useQuestionData)();
+    var explain = question.explain;
+    if (!explain)
+        return null;
+    var explainInfos = explain.map(function (word) { return getExplainDatas(word, question); });
+    var rImgs = (0, react_redux_1.useSelector)(function (state) { return state.app.imgs.rImgs; });
+    return (<react_native_1.View style={styles.container}>
+      {explainInfos.map(function (info, index) {
+            var Component = viewTypeHandlers[info.viewType];
+            return Component ? (<Component key={index} {...info} rImgs={rImgs} navigation={navigation}/>) : null;
+        })}
+    </react_native_1.View>);
+};
+// 解説データを作成する関数
+var getExplainDatas = function (word, Q) {
+    var isLmn = word.startsWith("lmn");
+    var isrImg = word.startsWith("/");
+    var ismImg = word.startsWith("https");
+    if (isLmn)
+        return { word: word.split("lmn")[1], color: "yellow", viewType: "base" };
+    if (isrImg)
+        return { word: word, viewType: "rImg" };
+    if (ismImg)
+        return {
+            word: word,
+            viewType: "mImg",
+            additionalInfo: { yearId: Q.yearId, num: Q.num },
+        };
+    if (!Q.form)
+        return getChoice("normal", Q.choices, word);
+    if (Q.form === "blank")
+        return getChoice("blank", Q.blankAns, word);
+    if (Q.form === "multi")
+        return getChoice("multi", Q.multiSel, word);
+    return { word: word, viewType: "base" };
+};
+// 汎用的な選択肢取得関数
+var getChoice = function (type, data, word) {
+    return processWord(word, function (num) {
+        var _a, _b, _c;
+        if (type === "normal")
+            return ((_a = data.find(function (choice) { return choice.num === num; })) === null || _a === void 0 ? void 0 : _a.choice) || null;
+        if (type === "blank")
+            return data[num] || null;
+        if (type === "multi")
+            return ((_c = (_b = data[num]) === null || _b === void 0 ? void 0 : _b.find(function (choice) { return choice.num === 1; })) === null || _c === void 0 ? void 0 : _c.choice) || null;
+        return null;
+    });
+};
+// 選択肢取得共通関数
+var processWord = function (word, getChoice) {
+    if (!word.startsWith("ans"))
+        return { word: word, viewType: "base" };
+    var num = extractNumber(word);
+    if (num === null)
+        return { word: word, viewType: "base" };
+    var choice = getChoice(num);
+    return choice
+        ? { word: choice, viewType: "base", color: "ltBlack" }
+        : { word: word, viewType: "base" };
+};
+// 数字を抽出するヘルパー関数
+var extractNumber = function (input) {
+    var match = input.match(/\d+/);
+    return match ? parseInt(match[0], 10) : null;
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        justifyContent: "flex-start",
+        backgroundColor: lib_1.colors.ltBeige,
+        padding: 10,
+        marginBottom: 10,
+    },
+});
+exports.default = Explain;

package/dist/quiz/explain/Explain.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav } from "@nakamura-123/types";
+interface ExplainProps {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+}
+declare const Explain: React.FC<ExplainProps>;
+export default Explain;

package/dist/quiz/explain/Explain.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_redux_1 = require("react-redux");
+var lib_1 = require("@nakamura-123/lib");
+var common_1 = require("@nakamura-123/common");
+var RenderImgOrText_1 = __importDefault(require("../common/RenderImgOrText"));
+var quizHook_1 = require("../../hooks/quizHook");
+var ExplainLogic_1 = require("./ExplainLogic");
+var ZoomableImage_1 = __importDefault(require("../common/ZoomableImage"));
+var Explain = function (_a) {
+    var navigation = _a.navigation;
+    var question = (0, quizHook_1.useQuestionData)();
+    var rImgs = (0, react_redux_1.useSelector)(function (state) { return state.app.imgs.rImgs; });
+    var mImgs = (0, react_redux_1.useSelector)(function (state) { return state.app.imgs.mImgs; });
+    var yearId = question.yearId, explain = question.explain;
+    if (!explain)
+        return null;
+    var explainInfos = explain.map(function (word) {
+        return (0, ExplainLogic_1.getExplainDatas)(word, question);
+    });
+    return (<react_native_1.View style={styles.container}>
+      {/* 解説表示 */}
+      {explainInfos.map(function (I, index) {
+            var color = I.color && !I.word.startsWith("/") ? I.color : "ltBeige";
+            if (I.viewType === "base")
+                return (<react_native_1.View style={{ backgroundColor: lib_1.colors[color] }} key={index}>
+              <RenderImgOrText_1.default word={I.word} imgKey={"a" + yearId} navigation={navigation}/>
+            </react_native_1.View>);
+            if (I.viewType === "rImg") {
+                var path = lib_1.utilFnc.getrImgPath(rImgs, I.word);
+                return (<ZoomableImage_1.default key={index} path={path} navigation={navigation}/>);
+            }
+            if (I.viewType === "mImg") {
+                var pathes = lib_1.utilFnc.getmImgPathes(mImgs, I.yearId, I.num);
+                return (<react_native_1.View key={index}>
+              <common_1.RoundRectangle title="オリジナル解説動画はこちら>>>" onPress={function () { return lib_1.utilFnc.handleSearch(I.word); }} color="red" style={styles.imgRectangle}/>
+              {pathes.map(function (path, j) { return (<ZoomableImage_1.default key={j} path={path} navigation={navigation}/>); })}
+            </react_native_1.View>);
+            }
+        })}
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        justifyContent: "flex-start",
+        backgroundColor: lib_1.colors.ltBeige,
+        padding: 10,
+        marginBottom: 10,
+    },
+    imgRectangle: {
+        marginTop: 10,
+    },
+});
+exports.default = Explain;

package/dist/quiz/explain/ExplainLogic.d.ts

@@ -0,0 +1,17 @@
+import { ColorKeys } from "@nakamura-123/lib";
+import { Store } from "@nakamura-123/types";
+type ExplainDataNormal = {
+    viewType: "base" | "rImg";
+    word: string;
+    color?: ColorKeys;
+};
+type ExplainDataMovieImg = {
+    word: string;
+    viewType: "mImg";
+    color?: ColorKeys;
+    yearId: number;
+    num: number;
+};
+type ExplainData = ExplainDataNormal | ExplainDataMovieImg;
+export declare const getExplainDatas: (word: string, Q: Store.DQInStore) => ExplainData;
+export {};

package/dist/quiz/explain/ExplainLogic.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getExplainDatas = void 0;
+var getExplainDatas = function (word, Q) {
+    var yearId = Q.yearId, num = Q.num, form = Q.form;
+    if (word.startsWith("lmn"))
+        return { word: word.slice(3), color: "yellow", viewType: "base" };
+    if (word.startsWith("/"))
+        return { word: word, viewType: "rImg" };
+    if (word.startsWith("https"))
+        return { word: word, viewType: "mImg", yearId: yearId, num: num };
+    if (!form)
+        return getNormalChoice(Q.choices, word);
+    switch (form) {
+        case "blank":
+            return getBlankChoice(Q.blankAns, word);
+        case "multi":
+            return getMultiChoice(Q.multiSel, word);
+        default:
+            return { word: word, viewType: "base" };
+    }
+};
+exports.getExplainDatas = getExplainDatas;
+// 選択肢取得の共通ロジック
+var processWord = function (word, getChoice) {
+    if (!word.startsWith("ans"))
+        return { word: word, viewType: "base" };
+    var num = extractNumber(word);
+    if (num === null)
+        return { word: word, viewType: "base" };
+    var choice = getChoice(num);
+    return choice
+        ? { word: choice, viewType: "base", color: "light" }
+        : { word: word, viewType: "base" };
+};
+// 通常選択肢
+var getNormalChoice = function (choices, word) {
+    return processWord(word, function (num) { var _a; return ((_a = choices.find(function (choice) { return choice.num === num; })) === null || _a === void 0 ? void 0 : _a.choice) || null; });
+};
+// 空欄選択肢
+var getBlankChoice = function (blankAns, word) {
+    return processWord(word, function (num) { return blankAns[num] || null; });
+};
+// マルチ選択肢
+var getMultiChoice = function (multiSel, word) {
+    return processWord(word, function (num) { var _a, _b; return ((_b = (_a = multiSel[num]) === null || _a === void 0 ? void 0 : _a.find(function (choice) { return choice.num === 1; })) === null || _b === void 0 ? void 0 : _b.choice) || null; });
+};
+// ヘルパー関数: 数字を抽出
+var extractNumber = function (input) {
+    var match = input.match(/\d+/);
+    return match ? parseInt(match[0], 10) : null;
+};

package/dist/quiz/function/choiceFnc.d.ts

@@ -0,0 +1,2 @@
+import { Store } from "@nakamura-123/types";
+export declare const calcMaxChoiceLength: (choices: Store.ChoiceType[]) => number;

package/dist/quiz/function/choiceFnc.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calcMaxChoiceLength = void 0;
+var calcMaxChoiceLength = function (choices) {
+    return choices.reduce(function (max, current) {
+        return Math.max(max, current.choice.length);
+    }, 0);
+};
+exports.calcMaxChoiceLength = calcMaxChoiceLength;

package/dist/quiz/function/turnModeFnc.js

@@ -0,0 +1,31 @@
+"use strict";
+// import React from "react";
+// import Realm from "realm";
+// import { useDispatch, useSelector } from "react-redux";
+// import { AppDispatch, RootState, quizAction } from "@nakamura-123/stores";
+// import { Store, Nav } from "@nakamura-123/types";
+// import { saveStorage } from "@nakamura-123/stores";
+// import { DailyLogModel, DailyLogSchema } from "@nakamura-123/db";
+// interface HandleToCheckModeProps {
+//   mode: Store.Mode;
+//   selectIndexes: number[];
+//   choices: Store.ChoiceType[];
+//   realm: Realm;
+// }
+// const handleToCheckMode =
+//   (mode:, selectIndexes, choices, realm) => (dispatch: any) => {
+//     const correctCnt = choices.filter((choice) => choice.isCorrect).length;
+//     dispatch(quizAction.replaceSelectedIndex(selectIndexes));
+//     const isFinished = selectIndexes.length >= correctCnt;
+//     if (isFinished) {
+//       dispatch(quizAction.changeMode("check"));
+//       // 正解しているか確認(複数回答にも対応)
+//       const isCorrected = selectIndexes.every((i) => choices[i]?.isCorrect);
+//       dispatch(quizAction.setIsCorrected(isCorrected));
+//       // 正解しているときの動作
+//       if (isCorrected) dispatch(quizAction.addOnePoint());
+//       // AsyncStorageに保存
+//       dispatch(saveStorage.saveQuizToStorage());
+//       dispatch(DailyLogModel.addOneCntToday(realm));
+//     }
+//   };

package/dist/quiz/question/FillDiagram.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav } from "@nakamura-123/types";
+interface FillDiagramProps {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+    word: string;
+    yearId: number;
+}
+declare const FillDiagram: React.FC<FillDiagramProps>;
+export default FillDiagram;

package/dist/quiz/question/FillDiagram.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_redux_1 = require("react-redux");
+var common_1 = require("@nakamura-123/common");
+var FillDiagram = function (_a) {
+    var navigation = _a.navigation, word = _a.word, yearId = _a.yearId;
+    var qImgs = (0, react_redux_1.useSelector)(function (state) { return state.app.imgs.qImgs; });
+    var diagramPathNum = getFullImgPathFromWord(word, qImgs, yearId);
+    return (<common_1.MiniIconBtn onPress={function () { return navigation.navigate("ImgZoom", { path: diagramPathNum }); }} icon="image" title="全体図" color="beige" size="sm" outline outerStyle={{ marginLeft: 5 }}/>);
+};
+// 関数定義
+// 画像パスを取得
+var getFullImgPathFromWord = function (word, qImgs, yearId) {
+    var num = extractNumberFromString(word);
+    var path = qImgs["diagram"]["q".concat(yearId, "_").concat(num)];
+    return path;
+};
+// 数字を抽出
+var extractNumberFromString = function (input) {
+    var match = input.match(/\d+/);
+    return match ? parseInt(match[0], 10) : null;
+};
+exports.default = FillDiagram;

package/dist/quiz/question/Question.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav } from "@nakamura-123/types";
+interface QuestionProps {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+}
+declare const Question: React.FC<QuestionProps>;
+export default Question;

package/dist/quiz/question/Question.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_redux_1 = require("react-redux");
+var lib_1 = require("@nakamura-123/lib");
+var FillDiagram_1 = __importDefault(require("./FillDiagram"));
+var SearchYoutue_1 = __importDefault(require("./SearchYoutue"));
+var RenderImgOrText_1 = __importDefault(require("../common/RenderImgOrText"));
+var quizHook_1 = require("../../hooks/quizHook");
+var QuestionFormats_1 = require("./QuestionFormats");
+var quizHook_2 = require("../../hooks/quizHook");
+var Question = function (_a) {
+    var navigation = _a.navigation;
+    var question = (0, quizHook_1.useQuestionData)();
+    // クイズの問題文を取得
+    var yearId = question.yearId, style = question.style, title = question.title, form = question.form;
+    var multiState = (0, react_redux_1.useSelector)(function (state) { return state.quiz.currentInfo.multi; });
+    var mode = (0, quizHook_2.useGetMode)();
+    var isQuizMode = mode === "quiz";
+    if (form === "multi")
+        question = (0, QuestionFormats_1.formatMultiQuestion)({ question: question, multiState: multiState, isQuizMode: isQuizMode });
+    if (form === "blank")
+        question = (0, QuestionFormats_1.formatBlankQuestion)(question, question.blankAns, isQuizMode);
+    var questionWords = question.question;
+    // ボタン部分
+    var diagramPath = findDiagramInStyle(style);
+    var isYoutubeSearch = (0, react_redux_1.useSelector)(function (state) { var _a; return (_a = state.app.appSetting.setting) === null || _a === void 0 ? void 0 : _a.isYoutubeSearch; });
+    // 問題文章がmultiの場合の整形
+    return (<react_native_1.View style={styles.container}>
+      {/* 問題表示 */}
+      {questionWords.map(function (word, index) { return (<RenderImgOrText_1.default key={index} word={word} imgKey={"q" + yearId} navigation={navigation}/>); })}
+      {/* ボタン類(youtube、全体図) */}
+      <react_native_1.View style={styles.btnBox}>
+        {isYoutubeSearch && <SearchYoutue_1.default title={title}/>}
+        {diagramPath && (<FillDiagram_1.default navigation={navigation} word={diagramPath} yearId={yearId}/>)}
+      </react_native_1.View>
+    </react_native_1.View>);
+};
+// 関数定義
+// styleから図のパスを取得
+var findDiagramInStyle = function (style) {
+    return style.find(function (item) { return item.includes("diagram"); });
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        justifyContent: "flex-start",
+        backgroundColor: lib_1.colors.ltBeige,
+        padding: 10,
+        marginBottom: 10,
+    },
+    btnBox: {
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        marginVertical: 10,
+    },
+});
+exports.default = Question;

package/dist/quiz/question/QuestionFormat.d.ts

@@ -0,0 +1,8 @@
+import { Store } from "@nakamura-123/types";
+interface multiProps {
+    question: Store.DQInStoreMulti;
+    multiState: Store.MultiState;
+}
+export declare const formatMultiQuestion: ({ question, multiState, }: multiProps) => Store.DQInStoreMulti;
+export declare const formatBlankQuestion: (question: Store.DQInStoreBlank, blankAns: string[]) => Store.DQInStoreBlank;
+export {};

package/dist/quiz/question/QuestionFormat.js

@@ -0,0 +1,69 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatBlankQuestion = exports.formatMultiQuestion = void 0;
+// 01.メインロジック・複数選択問題のフォーマット
+var formatMultiQuestion = function (_a) {
+    var question = _a.question, multiState = _a.multiState;
+    var questionTexts = question.question, multiSel = question.multiSel;
+    // ansSels を抽出
+    var ansSels = multiSel.map(function (array) { var _a, _b; return (_b = (_a = array[0]) === null || _a === void 0 ? void 0 : _a.choice) !== null && _b !== void 0 ? _b : ""; });
+    var formattedQuestions = questionTexts.map(function (qText) {
+        return replaceMultiText(qText, multiState, ansSels);
+    });
+    return __assign(__assign({}, question), { question: formattedQuestions });
+};
+exports.formatMultiQuestion = formatMultiQuestion;
+// 02.複数選択問題のzz1部分を赤や青、答えに置き換える
+var RED_ZZ = "ZZAZZ";
+var BLUE_ZZ = "ZZBZZ";
+var replaceMultiText = function (qText, multiState, ansSels) {
+    var returnText = qText;
+    ansSels.forEach(function (sel, i) {
+        var nom = i + 1;
+        var regex = new RegExp("zz".concat(nom), "g");
+        var state = checkMultiState(multiState, i);
+        if (state === "red")
+            returnText = returnText.replace(regex, RED_ZZ);
+        else if (state === "blue")
+            returnText = returnText.replace(regex, BLUE_ZZ);
+        else
+            returnText = returnText.replace(regex, "JJ".concat(sel, "JJ"));
+    });
+    return returnText;
+};
+// 03.zz1などの形を判定する
+var checkMultiState = function (multiState, index) {
+    var mTurn = multiState.turn, mMode = multiState.mode;
+    if (index === mTurn)
+        return mMode === "quiz" ? "red" : "ans";
+    if (index < mTurn)
+        return "ans";
+    return "blue";
+};
+// 10. 穴埋め問題のフォーマット
+var formatBlankQuestion = function (question, blankAns) {
+    return __assign(__assign({}, question), { question: question.question.map(function (qText) {
+            return replaceBlankText(qText, blankAns);
+        }) });
+};
+exports.formatBlankQuestion = formatBlankQuestion;
+var replaceBlankText = function (qText, blankAns) {
+    var returnText = qText;
+    blankAns.forEach(function (ans, i) {
+        var nom = i + 1;
+        var regex = new RegExp("zz".concat(nom), "g");
+        returnText = returnText.replace(regex, "XX".concat(ans, "XX"));
+    });
+    return returnText;
+};

package/dist/quiz/question/QuestionFormats.d.ts

@@ -0,0 +1,9 @@
+import { Store } from "@nakamura-123/types";
+interface multiProps {
+    question: Store.DQInStoreMulti;
+    multiState: Store.MultiState;
+    isQuizMode: boolean;
+}
+export declare const formatMultiQuestion: ({ question, multiState, isQuizMode, }: multiProps) => Store.DQInStoreMulti;
+export declare const formatBlankQuestion: (question: Store.DQInStoreBlank, blankAns: string[], isQuizMode: boolean) => Store.DQInStoreBlank;
+export {};

package/dist/quiz/question/QuestionFormats.js

@@ -0,0 +1,75 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatBlankQuestion = exports.formatMultiQuestion = void 0;
+// 01.メインロジック・複数選択問題のフォーマット
+var formatMultiQuestion = function (_a) {
+    var question = _a.question, multiState = _a.multiState, isQuizMode = _a.isQuizMode;
+    var questionTexts = question.question, multiSel = question.multiSel;
+    // ansSels を抽出
+    var ansSels = multiSel.map(function (array) { var _a, _b; return (_b = (_a = array.find(function (a) { return a.isCorrect; })) === null || _a === void 0 ? void 0 : _a.choice) !== null && _b !== void 0 ? _b : ""; });
+    var formattedQuestions = questionTexts.map(function (qText) {
+        return replaceMultiText(qText, multiState, ansSels, isQuizMode);
+    });
+    console.log(formattedQuestions, "formattedQuestions");
+    return __assign(__assign({}, question), { question: formattedQuestions });
+};
+exports.formatMultiQuestion = formatMultiQuestion;
+// 02.複数選択問題のzz1部分を赤や青、答えに置き換える
+var RED_ZZ = "ZZAZZ";
+var BLUE_ZZ = "ZZBZZ";
+var replaceMultiText = function (qText, multiState, ansSels, isQuizMode) {
+    var returnText = qText;
+    ansSels.forEach(function (sel, i) {
+        var nom = i + 1;
+        var regex = new RegExp("zz".concat(nom), "g");
+        var state = checkMultiState(multiState, i, isQuizMode);
+        if (state === "red")
+            returnText = returnText.replace(regex, RED_ZZ);
+        else if (state === "blue")
+            returnText = returnText.replace(regex, BLUE_ZZ);
+        else
+            returnText = returnText.replace(regex, "JJ".concat(sel, "JJ"));
+    });
+    return returnText;
+};
+// 03.zz1などの形を判定する
+var checkMultiState = function (multiState, index, isQuizMode) {
+    console.log(isQuizMode, "isQuizMode");
+    if (!isQuizMode)
+        return "ans";
+    var mTurn = multiState.turn, mMode = multiState.mode;
+    if (index === mTurn)
+        return mMode === "quiz" ? "red" : "ans";
+    if (index < mTurn)
+        return "ans";
+    return "blue";
+};
+// 10. 穴埋め問題のフォーマット
+var formatBlankQuestion = function (question, blankAns, isQuizMode) {
+    return __assign(__assign({}, question), { question: question.question.map(function (qText) {
+            return replaceBlankText(qText, blankAns, isQuizMode);
+        }) });
+};
+exports.formatBlankQuestion = formatBlankQuestion;
+var replaceBlankText = function (qText, blankAns, isQuizMode) {
+    var returnText = qText;
+    blankAns.forEach(function (ans, i) {
+        var nom = i + 1;
+        var regex = new RegExp("zz".concat(nom), "g");
+        returnText = isQuizMode
+            ? returnText.replace(regex, "XX".concat(nom, "XX"))
+            : returnText.replace(regex, "JJ".concat(ans, "JJ"));
+    });
+    return returnText;
+};

package/dist/quiz/question/QuestionMultiFormat.d.ts

@@ -0,0 +1,7 @@
+import { Store } from "@nakamura-123/types";
+interface multiProps {
+    questions: Store.DQInStoreMulti;
+    multiState: Store.MultiState;
+}
+export declare const formatMultiQuestion: ({ questions, multiState, }: multiProps) => string[];
+export {};

package/dist/quiz/question/QuestionMultiFormat.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatMultiQuestion = void 0;
+var types_1 = require("@nakamura-123/types");
+// 01.メインロジック・複数選択問題のフォーマット
+var formatMultiQuestion = function (_a) {
+    var questions = _a.questions, multiState = _a.multiState;
+    var questionTexts = questions.question;
+    if (types_1.qGard.isDQInStoreMulti(questions) === false)
+        return questionTexts;
+    var multiSel = questions.multiSel;
+    var ansSels = multiSel.map(function (array, i) { return array[0].choice; });
+    return questionTexts.map(function (qText) {
+        return replaceMultiText(qText, multiState, ansSels);
+    });
+};
+exports.formatMultiQuestion = formatMultiQuestion;
+// 02.複数選択問題のzz1部分を赤や青、答えに置き換える
+var RED_ZZ = "ZZAZZ";
+var BLUE_ZZ = "ZZBZZ";
+var replaceMultiText = function (qText, multiState, ansSels) {
+    var returnText = qText;
+    ansSels.forEach(function (sel, i) {
+        var nom = i + 1;
+        var regex = new RegExp("zz".concat(nom), "g");
+        var state = checkMultiState(multiState, i);
+        if (state === "red")
+            returnText = returnText.replace(regex, RED_ZZ);
+        else if (state === "blue")
+            returnText = returnText.replace(regex, BLUE_ZZ);
+        else
+            returnText = returnText.replace(regex, sel);
+    });
+    return returnText;
+};
+var checkMultiState = function (multiState, index) {
+    var mTurn = multiState.turn, mMode = multiState.mode;
+    if (index === mTurn)
+        return mMode === "quiz" ? "red" : "ans";
+    if (index < mTurn)
+        return "ans";
+    return "blue";
+};

package/dist/quiz/question/QuestionTxtFomat.d.ts

@@ -0,0 +1,7 @@
+import { Store } from "@nakamura-123/types";
+interface multiProps {
+    questions: Store.DQInStoreMulti;
+    multiState: Store.MultiState;
+}
+export declare const formatMultiQuestion: ({ questions, multiState, }: multiProps) => string[];
+export {};