chore: Backport much of #793

Co-authored-by: Marvin Hagemeister <[email protected]>
preactjs · Feb 5, 2024 · 089b99e · 089b99e
1 parent 1b131bb
commit 089b99e
Show file tree

Hide file tree

Showing 64 changed files with 1,671 additions and 1,289 deletions.
diff --git a/content/en/tutorial/01-vdom.md b/content/en/tutorial/01-vdom.md
@@ -196,7 +196,7 @@ useResult(function(result) {
   var p = result.output.querySelector('p');
   var hasColor = p && p.style && p.style.color === 'purple';
   if (hasEm && hasColor) {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
   }
 }, []);
 ```

diff --git a/content/en/tutorial/02-events.md b/content/en/tutorial/02-events.md
@@ -61,7 +61,7 @@ useRealm(function (realm) {
   var win = realm.globalThis;
   var prevConsoleLog = win.console.log;
   win.console.log = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return prevConsoleLog.apply(win.console, arguments);
   };
 

diff --git a/content/en/tutorial/03-components.md b/content/en/tutorial/03-components.md
@@ -254,7 +254,7 @@ useRealm(function (realm) {
 
   win.console.log = function() {
     if (hasComponent && check) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
     return prevConsoleLog.apply(win.console, arguments);
   };

diff --git a/content/en/tutorial/04-state.md b/content/en/tutorial/04-state.md
@@ -161,7 +161,7 @@ useResult(function () {
       }
 
       if (Number(text2[1]) === Number(text[1]) + 1) {
-        store.setState({ solved: true });
+        solutionCtx.setSolved(true);
       }
     }, 10);
   }

diff --git a/content/en/tutorial/05-refs.md b/content/en/tutorial/05-refs.md
@@ -133,7 +133,7 @@ function patch(input) {
   input.__patched = true;
   var old = input.focus;
   input.focus = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return old.call(this);
   };
 }

diff --git a/content/en/tutorial/07-side-effects.md b/content/en/tutorial/07-side-effects.md
@@ -138,7 +138,7 @@ useRealm(function (realm) {
   var prevConsoleLog = win.console.log;
   win.console.log = function(m, s) {
     if (/Count is now/.test(m) && s === 1) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
     return prevConsoleLog.apply(win.console, arguments);
   };

diff --git a/content/en/tutorial/08-keys.md b/content/en/tutorial/08-keys.md
@@ -307,7 +307,7 @@ useRealm(function (realm) {
       /learn preact/i.test(c[0].textContent) &&
       /make an awesome app/i.test(c[1].textContent)
     ) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
   }
 

diff --git a/content/en/tutorial/09-error-handling.md b/content/en/tutorial/09-error-handling.md
@@ -98,7 +98,7 @@ useResult(function(result) {
     oe.apply(this, arguments);
     setTimeout(function() {
       if (result.output.textContent.match(/error/i)) {
-        store.setState({ solved: true });
+        solutionCtx.setSolved(true);
       }
     }, 10);
   };

diff --git a/content/kr/tutorial/01-vdom.md b/content/kr/tutorial/01-vdom.md
@@ -145,7 +145,7 @@ useResult(function(result) {
   var p = result.output.querySelector('p');
   var hasColor = p && p.style && p.style.color === 'purple';
   if (hasEm && hasColor) {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
   }
 }, []);
 ```

diff --git a/content/kr/tutorial/02-events.md b/content/kr/tutorial/02-events.md
@@ -54,7 +54,7 @@ useRealm(function (realm) {
   var win = realm.globalThis;
   var prevConsoleLog = win.console.log;
   win.console.log = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return prevConsoleLog.apply(win.console, arguments);
   };
 

diff --git a/content/ru/tutorial/01-vdom.md b/content/ru/tutorial/01-vdom.md
@@ -152,7 +152,7 @@ useResult(function(result) {
   var p = result.output.querySelector('p');
   var hasColor = p && p.style && p.style.color === 'purple';
   if (hasEm && hasColor) {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
   }
 }, []);
 ```

diff --git a/content/ru/tutorial/02-events.md b/content/ru/tutorial/02-events.md
@@ -48,7 +48,7 @@ useRealm(function (realm) {
   var win = realm.globalThis;
   var prevConsoleLog = win.console.log;
   win.console.log = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return prevConsoleLog.apply(win.console, arguments);
   };
 

diff --git a/content/ru/tutorial/03-components.md b/content/ru/tutorial/03-components.md
@@ -188,7 +188,7 @@ useRealm(function (realm) {
 
   win.console.log = function() {
     if (hasComponent && check) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
     return prevConsoleLog.apply(win.console, arguments);
   };

diff --git a/content/ru/tutorial/04-state.md b/content/ru/tutorial/04-state.md
@@ -113,7 +113,7 @@ useResult(function () {
       }
 
       if (Number(text2[1]) === Number(text[1]) + 1) {
-        store.setState({ solved: true });
+        solutionCtx.setSolved(true);
       }
     }, 10);
   }

diff --git a/content/ru/tutorial/05-refs.md b/content/ru/tutorial/05-refs.md
@@ -103,7 +103,7 @@ function patch(input) {
   input.__patched = true;
   var old = input.focus;
   input.focus = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return old.call(this);
   };
 }

diff --git a/content/ru/tutorial/07-side-effects.md b/content/ru/tutorial/07-side-effects.md
@@ -113,7 +113,7 @@ useRealm(function (realm) {
   var prevConsoleLog = win.console.log;
   win.console.log = function(m, s) {
     if (/Счётчик: /.test(m) && s === 1) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
     return prevConsoleLog.apply(win.console, arguments);
   };

diff --git a/content/ru/tutorial/08-keys.md b/content/ru/tutorial/08-keys.md
@@ -240,7 +240,7 @@ useRealm(function (realm) {
       /изучить preact/i.test(c[0].textContent) &&
       /сделать крутое приложение/i.test(c[1].textContent)
     ) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
   }
 

diff --git a/content/ru/tutorial/09-error-handling.md b/content/ru/tutorial/09-error-handling.md
@@ -73,7 +73,7 @@ useResult(function(result) {
     oe.apply(this, arguments);
     setTimeout(function() {
       if (result.output.textContent.match(/ошибка/i)) {
-        store.setState({ solved: true });
+        solutionCtx.setSolved(true);
       }
     }, 10);
   };

diff --git a/content/zh/tutorial/01-vdom.md b/content/zh/tutorial/01-vdom.md
@@ -161,7 +161,7 @@ useResult(function(result) {
   var p = result.output.querySelector('p');
   var hasColor = p && p.style && p.style.color === 'purple';
   if (hasEm && hasColor) {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
   }
 }, []);
 ```

diff --git a/content/zh/tutorial/02-events.md b/content/zh/tutorial/02-events.md
@@ -48,7 +48,7 @@ useRealm(function (realm) {
   var win = realm.globalThis;
   var prevConsoleLog = win.console.log;
   win.console.log = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return prevConsoleLog.apply(win.console, arguments);
   };
 

diff --git a/jsconfig.json b/jsconfig.json
@@ -1,8 +1,8 @@
 {
 	"compilerOptions": {
 		"target": "ESNext",
-		"module": "NodeNext",
-		"moduleResolution": "NodeNext",
+		"module": "ESNext",
+		"moduleResolution": "Node",
 		"resolveJsonModule": true,
 		"jsx": "react-jsx",
 		"jsxImportSource": "preact",
-Original file line number
+Diff line change
@@ Expand Up / @@ -161,7 +161,7 @@ useResult(function () { @@
           }
           if (Number(text2[1]) === Number(text[1]) + 1) {
-            store.setState({ solved: true });
+            solutionCtx.setSolved(true);
           }
         }, 10);
       }
@@ Expand Down @@