@popp0102/questify 0.6.0 → 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 +20 -23
- 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,26 @@ 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
17
|
const n = await e.load(m), d = parseInt(n);
|
|
18
|
-
s((
|
|
18
|
+
s((w) => ({ ...w, currentTrialIdx: d }));
|
|
19
19
|
}
|
|
20
20
|
t();
|
|
21
21
|
}, [e]);
|
|
22
|
-
function f() {
|
|
22
|
+
async function f() {
|
|
23
23
|
const t = c.currentTrialIdx + 1;
|
|
24
|
-
s((n) => ({
|
|
25
|
-
...n,
|
|
26
|
-
currentTrialIdx: t
|
|
27
|
-
})), e.store(m, t);
|
|
24
|
+
s((n) => ({ ...n, currentTrialIdx: t })), await e.store(m, t);
|
|
28
25
|
}
|
|
29
|
-
function o(t) {
|
|
26
|
+
async function o(t) {
|
|
30
27
|
let n = !1;
|
|
31
28
|
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;
|
|
29
|
+
return r[d].solution === t.trim().toLowerCase() && (n = !0, s((S) => ({ ...S, currentTrialIdx: d })), await e.store(m, d)), n;
|
|
33
30
|
}
|
|
34
|
-
function
|
|
31
|
+
function a() {
|
|
35
32
|
return r[c.playerLocation];
|
|
36
33
|
}
|
|
37
34
|
function i() {
|
|
@@ -55,19 +52,19 @@ function b({ trials: r, persister: e, children: a }) {
|
|
|
55
52
|
trials: r,
|
|
56
53
|
submitAnswer: o,
|
|
57
54
|
completeTrial: f,
|
|
58
|
-
selectedTrial:
|
|
55
|
+
selectedTrial: a,
|
|
59
56
|
playerOnTrialSelectScreen: i,
|
|
60
57
|
moveToTrialSelectScreen: u,
|
|
61
58
|
moveToTrialScreen: x
|
|
62
59
|
};
|
|
63
|
-
return /* @__PURE__ */ p(
|
|
60
|
+
return /* @__PURE__ */ p(g.Provider, { value: T, children: l });
|
|
64
61
|
}
|
|
65
62
|
class L {
|
|
66
63
|
constructor() {
|
|
67
64
|
this.registry = /* @__PURE__ */ new Map();
|
|
68
65
|
}
|
|
69
|
-
register(e,
|
|
70
|
-
this.registry.set(e,
|
|
66
|
+
register(e, l) {
|
|
67
|
+
this.registry.set(e, l);
|
|
71
68
|
}
|
|
72
69
|
get(e) {
|
|
73
70
|
return this.registry.get(e);
|
|
@@ -78,10 +75,10 @@ class L {
|
|
|
78
75
|
}
|
|
79
76
|
const I = new L();
|
|
80
77
|
function R() {
|
|
81
|
-
const r = A(
|
|
78
|
+
const r = A(g);
|
|
82
79
|
if (!r) throw new Error("useQuestify must be used within a ProgressContextProvider");
|
|
83
80
|
const e = r.trials.map((o) => o.solution);
|
|
84
|
-
function
|
|
81
|
+
function l(o, a) {
|
|
85
82
|
if (r.playerOnTrialSelectScreen()) {
|
|
86
83
|
const x = s().map((T) => ({
|
|
87
84
|
title: T.title,
|
|
@@ -94,7 +91,7 @@ function R() {
|
|
|
94
91
|
if (!u)
|
|
95
92
|
throw new Error(`No trial component registered for type: ${i.type}`);
|
|
96
93
|
return /* @__PURE__ */ p(
|
|
97
|
-
|
|
94
|
+
a,
|
|
98
95
|
{
|
|
99
96
|
title: i.title,
|
|
100
97
|
onBack: r.moveToTrialSelectScreen,
|
|
@@ -103,13 +100,13 @@ function R() {
|
|
|
103
100
|
);
|
|
104
101
|
}
|
|
105
102
|
function c(o) {
|
|
106
|
-
let
|
|
103
|
+
let a = !1;
|
|
107
104
|
const i = r.currentTrialIdx;
|
|
108
|
-
return e[i] === o.trim().toLowerCase() && (
|
|
105
|
+
return e[i] === o.trim().toLowerCase() && (a = !0, r.completeTrial()), a;
|
|
109
106
|
}
|
|
110
107
|
function s() {
|
|
111
108
|
const o = r.currentTrialIdx;
|
|
112
|
-
return r.trials.filter((
|
|
109
|
+
return r.trials.filter((a) => a.index < o);
|
|
113
110
|
}
|
|
114
111
|
function f() {
|
|
115
112
|
return r.selectedTrial();
|
|
@@ -118,14 +115,14 @@ function R() {
|
|
|
118
115
|
submitAnswer: c,
|
|
119
116
|
solvedTrials: s,
|
|
120
117
|
selectedTrial: f,
|
|
121
|
-
renderScreen:
|
|
118
|
+
renderScreen: l
|
|
122
119
|
};
|
|
123
120
|
}
|
|
124
121
|
const O = (r, e) => {
|
|
125
122
|
I.register(r, e);
|
|
126
123
|
};
|
|
127
124
|
export {
|
|
128
|
-
|
|
125
|
+
g as ProgressContext,
|
|
129
126
|
b as ProgressContextProvider,
|
|
130
127
|
O as registerTrialComponent,
|
|
131
128
|
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 setProgress((prev) => ({ ...prev, currentTrialIdx: savedTrialIdx }));\n }\n\n loadProgress();\n }, [persister]);\n\n function handleCompleteTrial() {\n const trialIdx = progress.currentTrialIdx + 1;\n setProgress((prevProgress) => ({
|
|
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":"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"}
|