@popp0102/questify 0.5.2 → 0.6.1
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 +87 -74
- 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
|
-
import { createContext as
|
|
3
|
-
const
|
|
2
|
+
import { createContext as C, useState as h, useEffect as v, useContext as A } from "react";
|
|
3
|
+
const m = "questify-current-trial", g = C({
|
|
4
4
|
playerLocation: "trail",
|
|
5
5
|
currentTrialIdx: 0,
|
|
6
6
|
trials: {},
|
|
@@ -8,110 +8,123 @@ const x = "questify-current-trial", A = localStorage.getItem(x) || 0, L = parseI
|
|
|
8
8
|
},
|
|
9
9
|
completeTrial: () => {
|
|
10
10
|
}
|
|
11
|
-
}),
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
const [
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
11
|
+
}), y = -1;
|
|
12
|
+
function b({ trials: r, persister: e, children: l }) {
|
|
13
|
+
r = r.map((t, n) => ({ ...t, index: n }));
|
|
14
|
+
const [c, s] = h({ currentTrialIdx: 0, playerLocation: y });
|
|
15
|
+
v(() => {
|
|
16
|
+
async function t() {
|
|
17
|
+
const n = await e.load(m), d = parseInt(n);
|
|
18
|
+
s((w) => ({ ...w, currentTrialIdx: d }));
|
|
19
|
+
}
|
|
20
|
+
t();
|
|
21
|
+
}, [e]);
|
|
22
|
+
async function f() {
|
|
23
|
+
const t = c.currentTrialIdx + 1;
|
|
24
|
+
s((n) => ({ ...n, currentTrialIdx: t })), await e.store(m, t);
|
|
23
25
|
}
|
|
24
|
-
function o() {
|
|
25
|
-
|
|
26
|
+
async function o(t) {
|
|
27
|
+
let n = !1;
|
|
28
|
+
const d = c.currentTrialIdx + 1;
|
|
29
|
+
return r[d].solution === t.trim().toLowerCase() && (n = !0, s((S) => ({ ...S, currentTrialIdx: d })), await e.store(m, d)), n;
|
|
26
30
|
}
|
|
27
|
-
function
|
|
28
|
-
return
|
|
31
|
+
function a() {
|
|
32
|
+
return r[c.playerLocation];
|
|
29
33
|
}
|
|
30
34
|
function i() {
|
|
31
|
-
|
|
35
|
+
return c.playerLocation === y;
|
|
32
36
|
}
|
|
33
|
-
function
|
|
34
|
-
|
|
37
|
+
function u() {
|
|
38
|
+
s((t) => ({
|
|
39
|
+
...t,
|
|
40
|
+
playerLocation: y
|
|
41
|
+
}));
|
|
42
|
+
}
|
|
43
|
+
function x(t) {
|
|
44
|
+
s((n) => ({
|
|
45
|
+
...n,
|
|
46
|
+
playerLocation: t.index
|
|
47
|
+
}));
|
|
35
48
|
}
|
|
36
|
-
const
|
|
37
|
-
currentTrialIdx:
|
|
38
|
-
currentTrial:
|
|
39
|
-
trials:
|
|
40
|
-
submitAnswer:
|
|
41
|
-
completeTrial:
|
|
42
|
-
selectedTrial:
|
|
43
|
-
playerOnTrialSelectScreen:
|
|
44
|
-
moveToTrialSelectScreen:
|
|
45
|
-
moveToTrialScreen:
|
|
49
|
+
const T = {
|
|
50
|
+
currentTrialIdx: c.currentTrialIdx,
|
|
51
|
+
currentTrial: r[c.currentTrialIdx],
|
|
52
|
+
trials: r,
|
|
53
|
+
submitAnswer: o,
|
|
54
|
+
completeTrial: f,
|
|
55
|
+
selectedTrial: a,
|
|
56
|
+
playerOnTrialSelectScreen: i,
|
|
57
|
+
moveToTrialSelectScreen: u,
|
|
58
|
+
moveToTrialScreen: x
|
|
46
59
|
};
|
|
47
|
-
return /* @__PURE__ */ p(g.Provider, { value:
|
|
60
|
+
return /* @__PURE__ */ p(g.Provider, { value: T, children: l });
|
|
48
61
|
}
|
|
49
|
-
class
|
|
62
|
+
class L {
|
|
50
63
|
constructor() {
|
|
51
64
|
this.registry = /* @__PURE__ */ new Map();
|
|
52
65
|
}
|
|
53
|
-
register(
|
|
54
|
-
this.registry.set(
|
|
66
|
+
register(e, l) {
|
|
67
|
+
this.registry.set(e, l);
|
|
55
68
|
}
|
|
56
|
-
get(
|
|
57
|
-
return this.registry.get(
|
|
69
|
+
get(e) {
|
|
70
|
+
return this.registry.get(e);
|
|
58
71
|
}
|
|
59
|
-
has(
|
|
60
|
-
return this.registry.has(
|
|
72
|
+
has(e) {
|
|
73
|
+
return this.registry.has(e);
|
|
61
74
|
}
|
|
62
75
|
}
|
|
63
|
-
const
|
|
64
|
-
function
|
|
65
|
-
const
|
|
66
|
-
if (!
|
|
67
|
-
const
|
|
68
|
-
function
|
|
69
|
-
if (
|
|
70
|
-
const
|
|
71
|
-
title:
|
|
72
|
-
type:
|
|
73
|
-
onSelectTrial: () =>
|
|
76
|
+
const I = new L();
|
|
77
|
+
function R() {
|
|
78
|
+
const r = A(g);
|
|
79
|
+
if (!r) throw new Error("useQuestify must be used within a ProgressContextProvider");
|
|
80
|
+
const e = r.trials.map((o) => o.solution);
|
|
81
|
+
function l(o, a) {
|
|
82
|
+
if (r.playerOnTrialSelectScreen()) {
|
|
83
|
+
const x = s().map((T) => ({
|
|
84
|
+
title: T.title,
|
|
85
|
+
type: T.type,
|
|
86
|
+
onSelectTrial: () => r.moveToTrialScreen(T)
|
|
74
87
|
}));
|
|
75
|
-
return /* @__PURE__ */ p(o, { trialSelectors:
|
|
88
|
+
return /* @__PURE__ */ p(o, { trialSelectors: x });
|
|
76
89
|
}
|
|
77
|
-
const i =
|
|
78
|
-
if (!
|
|
90
|
+
const i = f(), u = I.get(i.type);
|
|
91
|
+
if (!u)
|
|
79
92
|
throw new Error(`No trial component registered for type: ${i.type}`);
|
|
80
93
|
return /* @__PURE__ */ p(
|
|
81
|
-
|
|
94
|
+
a,
|
|
82
95
|
{
|
|
83
96
|
title: i.title,
|
|
84
|
-
onBack:
|
|
85
|
-
TrialComponent: () => /* @__PURE__ */ p(
|
|
97
|
+
onBack: r.moveToTrialSelectScreen,
|
|
98
|
+
TrialComponent: () => /* @__PURE__ */ p(u, { ...i.blueprint, title: i.title })
|
|
86
99
|
}
|
|
87
100
|
);
|
|
88
101
|
}
|
|
89
|
-
function
|
|
90
|
-
let
|
|
91
|
-
const i =
|
|
92
|
-
return
|
|
102
|
+
function c(o) {
|
|
103
|
+
let a = !1;
|
|
104
|
+
const i = r.currentTrialIdx;
|
|
105
|
+
return e[i] === o.trim().toLowerCase() && (a = !0, r.completeTrial()), a;
|
|
93
106
|
}
|
|
94
|
-
function
|
|
95
|
-
const o =
|
|
96
|
-
return
|
|
107
|
+
function s() {
|
|
108
|
+
const o = r.currentTrialIdx;
|
|
109
|
+
return r.trials.filter((a) => a.index < o);
|
|
97
110
|
}
|
|
98
|
-
function
|
|
99
|
-
return
|
|
111
|
+
function f() {
|
|
112
|
+
return r.selectedTrial();
|
|
100
113
|
}
|
|
101
114
|
return {
|
|
102
|
-
submitAnswer:
|
|
103
|
-
solvedTrials:
|
|
104
|
-
selectedTrial:
|
|
105
|
-
renderScreen:
|
|
115
|
+
submitAnswer: c,
|
|
116
|
+
solvedTrials: s,
|
|
117
|
+
selectedTrial: f,
|
|
118
|
+
renderScreen: l
|
|
106
119
|
};
|
|
107
120
|
}
|
|
108
|
-
const
|
|
109
|
-
|
|
121
|
+
const O = (r, e) => {
|
|
122
|
+
I.register(r, e);
|
|
110
123
|
};
|
|
111
124
|
export {
|
|
112
125
|
g as ProgressContext,
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
126
|
+
b as ProgressContextProvider,
|
|
127
|
+
O as registerTrialComponent,
|
|
128
|
+
R as useQuestify
|
|
116
129
|
};
|
|
117
130
|
//# sourceMappingURL=questify.js.map
|
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, createContext } from
|
|
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 setProgress((prev) => ({ ...prev, currentTrialIdx: savedTrialIdx }));\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":";;AAEA,MAAMA,IAAc,0BAEPC,IAAkBC,EAAc;AAAA,EAC3C,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,QAAQ,CAAA;AAAA,EACR,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,eAAe,MAAM;AAAA,EAAC;AACxB,CAAC,GAEKC,IAAsB;AAE5B,SAAwBC,EAAwB,EAAE,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,KAAY;AAC/E,EAAAF,IAASA,EAAO,IAAI,CAACG,GAAOC,OAAW,EAAE,GAAGD,GAAO,OAAAC,EAAA,EAAe;AAElE,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAE,iBAAiB,GAAG,gBAAgBT,GAAqB;AAEpG,EAAAU,EAAU,MAAM;AACd,mBAAeC,IAAe;AAC5B,YAAMC,IAAgB,MAAMT,EAAU,KAAKN,CAAW,GAChDgB,IAAgB,SAASD,CAAa;AAC5C,MAAAJ,EAAY,CAACM,OAAU,EAAE,GAAGA,GAAM,iBAAiBD,IAAgB;AAAA,IACrE;AAEA,IAAAF,EAAA;AAAA,EACF,GAAG,CAACR,CAAS,CAAC;AAEd,iBAAeY,IAAsB;AACnC,UAAMC,IAAWT,EAAS,kBAAkB;AAC5C,IAAAC,EAAY,CAACS,OAAkB,EAAE,GAAGA,GAAc,iBAAiBD,IAAW,GAE9E,MAAMb,EAAU,MAAMN,GAAamB,CAAQ;AAAA,EAC7C;AAEA,iBAAeE,EAAmBC,GAAQ;AACxC,QAAIC,IAAoB;AACxB,UAAMJ,IAAWT,EAAS,kBAAkB;AAG5C,WAFsBL,EAAOc,CAAQ,EAAE,aAEjBG,EAAO,KAAA,EAAO,kBAClCC,IAAoB,IACpBZ,EAAY,CAACS,OAAkB,EAAE,GAAGA,GAAc,iBAAiBD,IAAW,GAC9E,MAAMb,EAAU,MAAMN,GAAamB,CAAQ,IAGtCI;AAAA,EACT;AAEA,WAASC,IAAgB;AACvB,WAAOnB,EAAOK,EAAS,cAAc;AAAA,EACvC;AAEA,WAASe,IAA4B;AACnC,WAAOf,EAAS,mBAAmBP;AAAA,EACrC;AAEA,WAASuB,IAA0B;AACjC,IAAAf,EAAY,CAACS,OAAkB;AAAA,MAC7B,GAAGA;AAAA,MACH,gBAAgBjB;AAAA,IAAA,EAChB;AAAA,EACJ;AAEA,WAASwB,EAAkBnB,GAAO;AAChC,IAAAG,EAAY,CAACS,OAAkB;AAAA,MAC7B,GAAGA;AAAA,MACH,gBAAgBZ,EAAM;AAAA,IAAA,EACtB;AAAA,EACJ;AAEA,QAAMoB,IAAmB;AAAA,IACvB,iBAAiBlB,EAAS;AAAA,IAC1B,cAAcL,EAAOK,EAAS,eAAe;AAAA,IAC7C,QAAAL;AAAA,IACA,cAAcgB;AAAA,IACd,eAAeH;AAAA,IACf,eAAAM;AAAA,IACA,2BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA;AAGF,2BACG1B,EAAgB,UAAhB,EAAyB,OAAO2B,GAC9B,UAAArB,GACH;AAEJ;ACvFA,MAAMsB,EAAc;AAAA,EAApB,cAAA;AACE,SAAQ,+BAA4C,IAAA;AAAA,EAAI;AAAA,EAExD,SAASC,GAAcC,GAAiC;AACtD,SAAK,SAAS,IAAID,GAAMC,CAAS;AAAA,EACnC;AAAA,EAEA,IAAID,GAA0C;AAC5C,WAAO,KAAK,SAAS,IAAIA,CAAI;AAAA,EAC/B;AAAA,EAEA,IAAIA,GAAuB;AACzB,WAAO,KAAK,SAAS,IAAIA,CAAI;AAAA,EAC/B;AACF;AAEO,MAAME,IAAgB,IAAIH,EAAA;ACd1B,SAASI,IAAc;AAC5B,QAAMC,IAAUC,EAAWlC,CAAe;AAE1C,MAAI,CAACiC,EAAS,OAAM,IAAI,MAAM,2DAA2D;AAEzF,QAAME,IAAYF,EAAQ,OAAO,IAAI,CAAC1B,MAAUA,EAAM,QAAQ;AAE9D,WAAS6B,EAAaC,GAAuBC,GAAsB;AACjE,QAAIL,EAAQ,6BAA6B;AACvC,YAAMM,IAAiBC,EAAA,EAAe,IAAI,CAACjC,OAAW;AAAA,QACpD,OAAOA,EAAM;AAAA,QACb,MAAMA,EAAM;AAAA,QACZ,eAAe,MAAM0B,EAAQ,kBAAkB1B,CAAK;AAAA,MAAA,EACpD;AACF,aAAO,gBAAAkC,EAACJ,KAAsB,gBAAAE,GAAgC;AAAA,IAChE;AAEA,UAAMhC,IAAQgB,EAAA,GACRmB,IAAiBX,EAAc,IAAIxB,EAAM,IAAI;AAEnD,QAAI,CAACmC;AACH,YAAM,IAAI,MAAM,2CAA2CnC,EAAM,IAAI,EAAE;AAGzE,WAAO,gBAAAkC;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,OAAO/B,EAAM;AAAA,QACb,QAAQ0B,EAAQ;AAAA,QAChB,gBAAgB,MAAM,gBAAAQ,EAACC,GAAA,EAAgB,GAAGnC,EAAM,WAAW,OAAOA,EAAM,MAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAE1F;AAEA,WAASoC,EAAatB,GAAQ;AAC5B,QAAIuB,IAAY;AAChB,UAAMC,IAAkBZ,EAAQ;AAGhC,WAFsBE,EAAUU,CAAe,MAE1BxB,EAAO,KAAA,EAAO,kBACjCuB,IAAY,IACZX,EAAQ,cAAA,IAGHW;AAAA,EACT;AAEA,WAASJ,IAAe;AACtB,UAAMK,IAAkBZ,EAAQ;AAChC,WAAOA,EAAQ,OAAO,OAAO,CAAA1B,MAASA,EAAM,QAAQsC,CAAe;AAAA,EACrE;AAEA,WAAStB,IAAgB;AACvB,WAAOU,EAAQ,cAAA;AAAA,EACjB;AAEA,SAAO;AAAA,IACL,cAAAU;AAAA,IACA,cAAAH;AAAA,IACA,eAAAjB;AAAA,IACA,cAAAa;AAAA,EAAA;AAEJ;AC3DO,MAAMU,IAAyB,CAACjB,GAAcC,MAAwC;AAC3F,EAAAC,EAAc,SAASF,GAAMC,CAAS;AACxC;"}
|