Prevent default on arrow/pageup/down keys in game chapters

marijnh · marijnh · commit 03fc370b5803 · 2024-02-20T11:08:51.000+01:00
diff --git a/16_game.md b/16_game.md
@@ -1,4 +1,4 @@
-{{meta {load_files: ["code/chapter/16_game.js", "code/levels.js"], zip: "html include=[\"css/game.css\"]"}}}
+{{meta {load_files: ["code/chapter/16_game.js", "code/levels.js", "code/_stop_keys.js"], zip: "html include=[\"css/game.css\"]"}}}
 
 # Project: A Platform Game
 
diff --git a/17_canvas.md b/17_canvas.md
@@ -1,4 +1,4 @@
-{{meta {load_files: ["code/chapter/16_game.js", "code/levels.js", "code/chapter/17_canvas.js"], zip: "html include=[\"img/player.png\", \"img/sprites.png\"]"}}}
+{{meta {load_files: ["code/chapter/16_game.js", "code/levels.js", "code/_stop_keys.js", "code/chapter/17_canvas.js"], zip: "html include=[\"img/player.png\", \"img/sprites.png\"]"}}}
 
 # Drawing on Canvas
 
diff --git a/code/_stop_keys.js b/code/_stop_keys.js
@@ -0,0 +1,3 @@
+window.addEventListener("keydown", e => {
+  if (/Arrow|Home|End|Page/.test(e.key)) e.preventDefault()
+})
diff --git a/src/chapter_info.mjs b/src/chapter_info.mjs
@@ -189,7 +189,7 @@ function chapterZipFile(meta, chapter) {
   if (!chapter.start_code) throw new Error("zip but no start code");
   let data = /(\S+)(?:\s+include=(.*))?/.exec(JSON.parse(spec[1]))
   let name = "code/chapter/" + chapter.id + ".zip";
-  let files = (chapter.include || []).concat(data[2] ? JSON.parse(data[2]) : []);
+  let files = (chapter.include || []).concat(data[2] ? JSON.parse(data[2]) : []).filter(f => !/(^|\/)_/.test(f));
   let exists = fs.existsSync(name) && fs.statSync(name).mtime;
   if (exists && files.every(file => fs.statSync("html/" + file).mtime < exists))
     return name;
diff --git a/src/client/code.mjs b/src/client/code.mjs
@@ -170,7 +170,7 @@ class CodeSandbox {
     })
     if (chapter.include) chapter.include.forEach((file, i) => {
       if (!i) this.fileInfo.style.display = ""
-      addItem(this.fileList, file)
+      if (!/(^|\/)_/.test(file)) addItem(this.fileList, file)
     })
     this.selectContext(context || "box")
   }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-{{meta {load_files: ["code/chapter/16_game.js", "code/levels.js"], zip: "html include=[\"css/game.css\"]"}}}`
	`1`	`+{{meta {load_files: ["code/chapter/16_game.js", "code/levels.js", "code/_stop_keys.js"], zip: "html include=[\"css/game.css\"]"}}}`
`2`	`2`
`3`	`3`	`# Project: A Platform Game`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+window.addEventListener("keydown", e => {`
	`2`	`+ if (/Arrow\|Home\|End\|Page/.test(e.key)) e.preventDefault()`
	`3`	`+})`
Original file line number	Diff line number	Diff line change
`@@ -170,7 +170,7 @@ class CodeSandbox {`
`170`	`170`	`})`
`171`	`171`	`if (chapter.include) chapter.include.forEach((file, i) => {`
`172`	`172`	`if (!i) this.fileInfo.style.display = ""`
`173`		`- addItem(this.fileList, file)`
	`173`	`+ if (!/(^\|\/)_/.test(file)) addItem(this.fileList, file)`
`174`	`174`	`})`
`175`	`175`	`this.selectContext(context \|\| "box")`
`176`	`176`	`}`