@popp0102/questify 0.6.0 → 0.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/questify.js +24 -24
- package/dist/questify.js.map +1 -1
- package/package.json +1 -1
package/dist/questify.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { createContext as C, useState as h, useEffect as v, useContext as A } from "react";
|
|
3
|
-
const m = "questify-current-trial",
|
|
3
|
+
const m = "questify-current-trial", g = C({
|
|
4
4
|
playerLocation: "trail",
|
|
5
5
|
currentTrialIdx: 0,
|
|
6
6
|
trials: {},
|
|
@@ -9,29 +9,29 @@ const m = "questify-current-trial", w = C({
|
|
|
9
9
|
completeTrial: () => {
|
|
10
10
|
}
|
|
11
11
|
}), y = -1;
|
|
12
|
-
function b({ trials: r, persister: e, children:
|
|
12
|
+
function b({ trials: r, persister: e, children: l }) {
|
|
13
13
|
r = r.map((t, n) => ({ ...t, index: n }));
|
|
14
14
|
const [c, s] = h({ currentTrialIdx: 0, playerLocation: y });
|
|
15
15
|
v(() => {
|
|
16
16
|
async function t() {
|
|
17
|
-
const n = await e.load(m)
|
|
18
|
-
|
|
17
|
+
const n = await e.load(m);
|
|
18
|
+
if (n) {
|
|
19
|
+
const d = parseInt(n);
|
|
20
|
+
s((w) => ({ ...w, currentTrialIdx: d }));
|
|
21
|
+
}
|
|
19
22
|
}
|
|
20
23
|
t();
|
|
21
24
|
}, [e]);
|
|
22
|
-
function f() {
|
|
25
|
+
async function f() {
|
|
23
26
|
const t = c.currentTrialIdx + 1;
|
|
24
|
-
s((n) => ({
|
|
25
|
-
...n,
|
|
26
|
-
currentTrialIdx: t
|
|
27
|
-
})), e.store(m, t);
|
|
27
|
+
s((n) => ({ ...n, currentTrialIdx: t })), await e.store(m, t);
|
|
28
28
|
}
|
|
29
|
-
function o(t) {
|
|
29
|
+
async function o(t) {
|
|
30
30
|
let n = !1;
|
|
31
31
|
const d = c.currentTrialIdx + 1;
|
|
32
|
-
return r[d].solution === t.trim().toLowerCase() && (n = !0, s((S) => ({ ...S, currentTrialIdx: d })), e.store(m, d)), n;
|
|
32
|
+
return r[d].solution === t.trim().toLowerCase() && (n = !0, s((S) => ({ ...S, currentTrialIdx: d })), await e.store(m, d)), n;
|
|
33
33
|
}
|
|
34
|
-
function
|
|
34
|
+
function a() {
|
|
35
35
|
return r[c.playerLocation];
|
|
36
36
|
}
|
|
37
37
|
function i() {
|
|
@@ -55,19 +55,19 @@ function b({ trials: r, persister: e, children: a }) {
|
|
|
55
55
|
trials: r,
|
|
56
56
|
submitAnswer: o,
|
|
57
57
|
completeTrial: f,
|
|
58
|
-
selectedTrial:
|
|
58
|
+
selectedTrial: a,
|
|
59
59
|
playerOnTrialSelectScreen: i,
|
|
60
60
|
moveToTrialSelectScreen: u,
|
|
61
61
|
moveToTrialScreen: x
|
|
62
62
|
};
|
|
63
|
-
return /* @__PURE__ */ p(
|
|
63
|
+
return /* @__PURE__ */ p(g.Provider, { value: T, children: l });
|
|
64
64
|
}
|
|
65
65
|
class L {
|
|
66
66
|
constructor() {
|
|
67
67
|
this.registry = /* @__PURE__ */ new Map();
|
|
68
68
|
}
|
|
69
|
-
register(e,
|
|
70
|
-
this.registry.set(e,
|
|
69
|
+
register(e, l) {
|
|
70
|
+
this.registry.set(e, l);
|
|
71
71
|
}
|
|
72
72
|
get(e) {
|
|
73
73
|
return this.registry.get(e);
|
|
@@ -78,10 +78,10 @@ class L {
|
|
|
78
78
|
}
|
|
79
79
|
const I = new L();
|
|
80
80
|
function R() {
|
|
81
|
-
const r = A(
|
|
81
|
+
const r = A(g);
|
|
82
82
|
if (!r) throw new Error("useQuestify must be used within a ProgressContextProvider");
|
|
83
83
|
const e = r.trials.map((o) => o.solution);
|
|
84
|
-
function
|
|
84
|
+
function l(o, a) {
|
|
85
85
|
if (r.playerOnTrialSelectScreen()) {
|
|
86
86
|
const x = s().map((T) => ({
|
|
87
87
|
title: T.title,
|
|
@@ -94,7 +94,7 @@ function R() {
|
|
|
94
94
|
if (!u)
|
|
95
95
|
throw new Error(`No trial component registered for type: ${i.type}`);
|
|
96
96
|
return /* @__PURE__ */ p(
|
|
97
|
-
|
|
97
|
+
a,
|
|
98
98
|
{
|
|
99
99
|
title: i.title,
|
|
100
100
|
onBack: r.moveToTrialSelectScreen,
|
|
@@ -103,13 +103,13 @@ function R() {
|
|
|
103
103
|
);
|
|
104
104
|
}
|
|
105
105
|
function c(o) {
|
|
106
|
-
let
|
|
106
|
+
let a = !1;
|
|
107
107
|
const i = r.currentTrialIdx;
|
|
108
|
-
return e[i] === o.trim().toLowerCase() && (
|
|
108
|
+
return e[i] === o.trim().toLowerCase() && (a = !0, r.completeTrial()), a;
|
|
109
109
|
}
|
|
110
110
|
function s() {
|
|
111
111
|
const o = r.currentTrialIdx;
|
|
112
|
-
return r.trials.filter((
|
|
112
|
+
return r.trials.filter((a) => a.index < o);
|
|
113
113
|
}
|
|
114
114
|
function f() {
|
|
115
115
|
return r.selectedTrial();
|
|
@@ -118,14 +118,14 @@ function R() {
|
|
|
118
118
|
submitAnswer: c,
|
|
119
119
|
solvedTrials: s,
|
|
120
120
|
selectedTrial: f,
|
|
121
|
-
renderScreen:
|
|
121
|
+
renderScreen: l
|
|
122
122
|
};
|
|
123
123
|
}
|
|
124
124
|
const O = (r, e) => {
|
|
125
125
|
I.register(r, e);
|
|
126
126
|
};
|
|
127
127
|
export {
|
|
128
|
-
|
|
128
|
+
g as ProgressContext,
|
|
129
129
|
b as ProgressContextProvider,
|
|
130
130
|
O as registerTrialComponent,
|
|
131
131
|
R as useQuestify
|
package/dist/questify.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"questify.js","sources":["../lib/store/ProgressContext.tsx","../lib/registry/TrialRegistry.ts","../lib/hooks/useQuestify.tsx","../lib/index.ts"],"sourcesContent":["import { useState, useEffect, createContext } from \"react\";\n\nconst STORAGE_KEY = \"questify-current-trial\";\n\nexport const ProgressContext = createContext({\n playerLocation: \"trail\",\n currentTrialIdx: 0,\n trials: {},\n submitAnswer: () => {},\n completeTrial: () => {},\n});\n\nconst TRIAL_SELECT_SCREEN = -1;\n\nexport default function ProgressContextProvider({ trials, persister, children }) {\n trials = trials.map((trial, index) => ({ ...trial, index: index }));\n\n const [progress, setProgress] = useState({ currentTrialIdx: 0, playerLocation: TRIAL_SELECT_SCREEN });\n\n useEffect(() => {\n async function loadProgress() {\n const savedTrialStr = await persister.load(STORAGE_KEY);\n const savedTrialIdx = parseInt(savedTrialStr);\n
|
|
1
|
+
{"version":3,"file":"questify.js","sources":["../lib/store/ProgressContext.tsx","../lib/registry/TrialRegistry.ts","../lib/hooks/useQuestify.tsx","../lib/index.ts"],"sourcesContent":["import { useState, useEffect, createContext } from \"react\";\n\nconst STORAGE_KEY = \"questify-current-trial\";\n\nexport const ProgressContext = createContext({\n playerLocation: \"trail\",\n currentTrialIdx: 0,\n trials: {},\n submitAnswer: () => {},\n completeTrial: () => {},\n});\n\nconst TRIAL_SELECT_SCREEN = -1;\n\nexport default function ProgressContextProvider({ trials, persister, children }) {\n trials = trials.map((trial, index) => ({ ...trial, index: index }));\n\n const [progress, setProgress] = useState({ currentTrialIdx: 0, playerLocation: TRIAL_SELECT_SCREEN });\n\n useEffect(() => {\n async function loadProgress() {\n const savedTrialStr = await persister.load(STORAGE_KEY);\n if (savedTrialStr) {\n const savedTrialIdx = parseInt(savedTrialStr);\n setProgress((prev) => ({ ...prev, currentTrialIdx: savedTrialIdx }));\n }\n }\n\n loadProgress();\n }, [persister]);\n\n async function handleCompleteTrial() {\n const trialIdx = progress.currentTrialIdx + 1;\n setProgress((prevProgress) => ({ ...prevProgress, currentTrialIdx: trialIdx }));\n\n await persister.store(STORAGE_KEY, trialIdx);\n }\n\n async function handleSubmitAnswer(answer) {\n let answeredCorrectly = false;\n const trialIdx = progress.currentTrialIdx + 1;\n const correctAnswer = trials[trialIdx].solution;\n\n if (correctAnswer === answer.trim().toLowerCase()) {\n answeredCorrectly = true;\n setProgress((prevProgress) => ({ ...prevProgress, currentTrialIdx: trialIdx }));\n await persister.store(STORAGE_KEY, trialIdx);\n }\n\n return answeredCorrectly;\n }\n\n function selectedTrial() {\n return trials[progress.playerLocation];\n }\n\n function playerOnTrialSelectScreen() {\n return progress.playerLocation === TRIAL_SELECT_SCREEN;\n }\n\n function moveToTrialSelectScreen() {\n setProgress((prevProgress) => ({\n ...prevProgress,\n playerLocation: TRIAL_SELECT_SCREEN,\n }));\n }\n\n function moveToTrialScreen(trial) {\n setProgress((prevProgress) => ({\n ...prevProgress,\n playerLocation: trial.index,\n }));\n }\n\n const progressCtxValue = {\n currentTrialIdx: progress.currentTrialIdx,\n currentTrial: trials[progress.currentTrialIdx],\n trials: trials,\n submitAnswer: handleSubmitAnswer,\n completeTrial: handleCompleteTrial,\n selectedTrial: selectedTrial,\n playerOnTrialSelectScreen: playerOnTrialSelectScreen,\n moveToTrialSelectScreen: moveToTrialSelectScreen,\n moveToTrialScreen: moveToTrialScreen,\n };\n\n return (\n <ProgressContext.Provider value={progressCtxValue}>\n {children}\n </ProgressContext.Provider>\n );\n}\n","type TrialComponent = React.ComponentType<any>;\n\nclass TrialRegistry {\n private registry: Map<string, TrialComponent> = new Map();\n\n register(type: string, component: TrialComponent): void {\n this.registry.set(type, component);\n }\n\n get(type: string): TrialComponent | undefined {\n return this.registry.get(type);\n }\n\n has(type: string): boolean {\n return this.registry.has(type);\n }\n}\n\nexport const trialRegistry = new TrialRegistry();\n","import { useContext, useState } from \"react\";\nimport { ProgressContext } from \"../store/ProgressContext\";\nimport { trialRegistry } from \"../registry/TrialRegistry\";\n\nexport function useQuestify() {\n const context = useContext(ProgressContext);\n\n if (!context) throw new Error(\"useQuestify must be used within a ProgressContextProvider\");\n\n const solutions = context.trials.map((trial) => trial.solution);\n\n function renderScreen(SelectScreenComponent, TrialScreenComponent) {\n if (context.playerOnTrialSelectScreen()) {\n const trialSelectors = solvedTrials().map((trial) => ({\n title: trial.title,\n type: trial.type,\n onSelectTrial: () => context.moveToTrialScreen(trial)\n }));\n return <SelectScreenComponent trialSelectors={trialSelectors} />;\n }\n\n const trial = selectedTrial();\n const TrialComponent = trialRegistry.get(trial.type);\n\n if (!TrialComponent) {\n throw new Error(`No trial component registered for type: ${trial.type}`);\n }\n\n return <TrialScreenComponent\n title={trial.title}\n onBack={context.moveToTrialSelectScreen}\n TrialComponent={() => <TrialComponent {...trial.blueprint} title={trial.title} />}\n />;\n }\n\n function submitAnswer(answer) {\n let isCorrect = false;\n const currentTrialIdx = context.currentTrialIdx;\n const correctAnswer = solutions[currentTrialIdx];\n\n if(correctAnswer === answer.trim().toLowerCase()) {\n isCorrect = true;\n context.completeTrial();\n }\n\n return isCorrect;\n }\n\n function solvedTrials() {\n const currentTrialIdx = context.currentTrialIdx;\n return context.trials.filter(trial => trial.index < currentTrialIdx);\n }\n\n function selectedTrial() {\n return context.selectedTrial();\n }\n\n return {\n submitAnswer: submitAnswer,\n solvedTrials: solvedTrials,\n selectedTrial: selectedTrial,\n renderScreen: renderScreen,\n };\n}\n","import { useQuestify } from './hooks/useQuestify';\nimport ProgressContextProvider, { ProgressContext } from './store/ProgressContext';\nimport { trialRegistry } from './registry/TrialRegistry';\n\nexport const registerTrialComponent = (type: string, component: React.ComponentType<any>) => {\n trialRegistry.register(type, component);\n};\n\nexport { ProgressContextProvider, ProgressContext, useQuestify };\n"],"names":["STORAGE_KEY","ProgressContext","createContext","TRIAL_SELECT_SCREEN","ProgressContextProvider","trials","persister","children","trial","index","progress","setProgress","useState","useEffect","loadProgress","savedTrialStr","savedTrialIdx","prev","handleCompleteTrial","trialIdx","prevProgress","handleSubmitAnswer","answer","answeredCorrectly","selectedTrial","playerOnTrialSelectScreen","moveToTrialSelectScreen","moveToTrialScreen","progressCtxValue","TrialRegistry","type","component","trialRegistry","useQuestify","context","useContext","solutions","renderScreen","SelectScreenComponent","TrialScreenComponent","trialSelectors","solvedTrials","jsx","TrialComponent","submitAnswer","isCorrect","currentTrialIdx","registerTrialComponent"],"mappings":"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"}
|