blockpy-edu · Copilot · Jun 30, 2026
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -3,6 +3,8 @@
         "es6": true,
         "browser": true
     },
+    "parser": "@typescript-eslint/parser",
+    "plugins": ["@typescript-eslint"],
     "rules": {
         "no-mixed-spaces-and-tabs": "error",
         "indent": ["error", 4, {

diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint src/",
     "dev": "webpack --progress --color --watch --env dev",
     "build": "webpack --env dev && webpack --env build"
   },
@@ -28,7 +29,7 @@
     "@babel/preset-env": "7.11.0",
     "babel-loader": "8.1.0",
     "css-loader": "4.2.0",
-    "eslint": "5.0.0",
+    "eslint": "^8.57.1",
     "eslint-loader": "4.0.2",
     "jquery": "3.5.1",
     "knockout": "3.5.1",
@@ -37,5 +38,13 @@
     "webpack": "4.44.1",
     "webpack-cli": "^4.2.0",
     "yargs": "15.4.1"
+  },
+  "dependencies": {
+    "@types/jquery": "^4.0.1",
+    "@types/knockout": "^3.4.79",
+    "@typescript-eslint/eslint-plugin": "^8.62.1",
+    "@typescript-eslint/parser": "^8.62.1",
+    "ts-loader": "^8.4.0",
+    "typescript": "^6.0.3"
   }
 }
diff --git a/src/blockly_blocks/parking.js → src/blockly_blocks/parking.ts b/src/blockly_blocks/parking.js → src/blockly_blocks/parking.ts
diff --git a/src/blockly_blocks/turtles.js → src/blockly_blocks/turtles.ts b/src/blockly_blocks/turtles.js → src/blockly_blocks/turtles.ts
diff --git a/src/blockpy.js → src/blockpy.ts b/src/blockpy.js → src/blockpy.ts
@@ -8,12 +8,12 @@ import $ from "jquery";
 import {$builtinmodule as imageModule} from "skulpt_modules/image";
 import {$builtinmodule as weakrefModule} from "skulpt_modules/weakref";
 //import {$builtinmodule as matplotlibModule} from "skulpt_modules/matplotlib2";
-import {LocalStorageWrapper} from "storage.js";
-import {EditorsEnum} from "editors.js";
-import {DisplayModes} from "editor/python.js";
-import {StatusState} from "server.js";
-import {makeInterface, makeExtraInterfaceSubscriptions, SecondRowSecondPanelOptions} from "interface.js";
-import {Editors} from "editors.js";
+import {LocalStorageWrapper} from "storage";
+import {EditorsEnum} from "editors";
+import {DisplayModes} from "editor/python";
+import {StatusState} from "server";
+import {makeInterface, makeExtraInterfaceSubscriptions, SecondRowSecondPanelOptions} from "interface";
+import {Editors} from "editors";
 import {
     BlockPyFileSystem,
     loadConcatenatedFile,
@@ -23,10 +23,10 @@ import {
     UNRENAMABLE_FILES
 } from "./files";
 import {uploadFile, downloadFile} from "./editor/abstract_editor";
-import {BlockPyEngine} from "engine.js";
+import {BlockPyEngine} from "engine";
 import {AST_DESCRIPTIONS, BlockPyTrace} from "./trace";
 import {BlockPyConsole} from "./console";
-import {BlockPyFeedback} from "feedback.js";
+import {BlockPyFeedback} from "feedback";
 import {BlockPyServer} from "./server";
 import {BlockPyDialog} from "./dialog";
 import {AssigmentType, loadAssignmentSettings, makeAssignmentSettingsModel} from "./editor/assignment_settings";

diff --git a/src/console.js → src/console.ts b/src/console.js → src/console.ts
diff --git a/src/corgis.js → src/corgis.ts b/src/corgis.js → src/corgis.ts
diff --git a/src/dialog.js → src/dialog.ts b/src/dialog.js → src/dialog.ts
diff --git a/src/editor/abstract_editor.js → src/editor/abstract_editor.ts b/src/editor/abstract_editor.js → src/editor/abstract_editor.ts
diff --git a/src/editor/assignment_settings.js → src/editor/assignment_settings.ts b/src/editor/assignment_settings.js → src/editor/assignment_settings.ts
diff --git a/src/editor/default_header.js → src/editor/default_header.ts b/src/editor/default_header.js → src/editor/default_header.ts
diff --git a/src/editor/images.js → src/editor/images.ts b/src/editor/images.js → src/editor/images.ts
diff --git a/src/editor/json.js → src/editor/json.ts b/src/editor/json.js → src/editor/json.ts
diff --git a/src/editor/markdown.js → src/editor/markdown.ts b/src/editor/markdown.js → src/editor/markdown.ts
diff --git a/src/editor/python.js → src/editor/python.ts b/src/editor/python.js → src/editor/python.ts
diff --git a/src/editor/quiz.js → src/editor/quiz.ts b/src/editor/quiz.js → src/editor/quiz.ts
diff --git a/src/editor/sample_submissions.js → src/editor/sample_submissions.ts b/src/editor/sample_submissions.js → src/editor/sample_submissions.ts
diff --git a/src/editor/tags.js → src/editor/tags.ts b/src/editor/tags.js → src/editor/tags.ts
diff --git a/src/editor/text.js → src/editor/text.ts b/src/editor/text.js → src/editor/text.ts
diff --git a/src/editor/toolbox.js → src/editor/toolbox.ts b/src/editor/toolbox.js → src/editor/toolbox.ts
diff --git a/src/editors.js → src/editors.ts b/src/editors.js → src/editors.ts
diff --git a/src/engine.js → src/engine.ts b/src/engine.js → src/engine.ts
diff --git a/src/engine/configurations.js → src/engine/configurations.ts b/src/engine/configurations.js → src/engine/configurations.ts
diff --git a/src/engine/eval.js → src/engine/eval.ts b/src/engine/eval.js → src/engine/eval.ts
diff --git a/src/engine/instructor.js → src/engine/instructor.ts b/src/engine/instructor.js → src/engine/instructor.ts
@@ -1,4 +1,4 @@
-import {Configuration, EMPTY_MODULE} from "./configurations.js";
+import {Configuration, EMPTY_MODULE} from "./configurations";
 import {$sk_mod_instructor} from "../skulpt_modules/sk_mod_instructor";
 import {$sk_mod_coverage} from "../skulpt_modules/coverage";
 import {$pedal_tracer} from "../skulpt_modules/pedal_tracer";

diff --git a/src/engine/on_change.js → src/engine/on_change.ts b/src/engine/on_change.js → src/engine/on_change.ts
diff --git a/src/engine/on_eval.js → src/engine/on_eval.ts b/src/engine/on_eval.js → src/engine/on_eval.ts
diff --git a/src/engine/on_run.js → src/engine/on_run.ts b/src/engine/on_run.js → src/engine/on_run.ts
diff --git a/src/engine/on_sample.js → src/engine/on_sample.ts b/src/engine/on_sample.js → src/engine/on_sample.ts
diff --git a/src/engine/run.js → src/engine/run.ts b/src/engine/run.js → src/engine/run.ts
diff --git a/src/engine/sample.js → src/engine/sample.ts b/src/engine/sample.js → src/engine/sample.ts
diff --git a/src/engine/student.js → src/engine/student.ts b/src/engine/student.js → src/engine/student.ts
diff --git a/src/feedback.js → src/feedback.ts b/src/feedback.js → src/feedback.ts
diff --git a/src/files.js → src/files.ts b/src/files.js → src/files.ts
@@ -1,4 +1,4 @@
-import {firstDefinedValue} from "utilities.js";
+import {firstDefinedValue} from "utilities";
 
 // ${makeTab("?mock_urls.blockpy", "URL Data", true)}
 

diff --git a/src/footer.js → src/footer.ts b/src/footer.js → src/footer.ts
diff --git a/src/globals.d.ts b/src/globals.d.ts
@@ -0,0 +1,13 @@
+/**
+ * Global declarations for external libraries that are loaded outside of the
+ * module bundler (e.g., via <script> tags in the host page).
+ */
+
+/** Skulpt – client-side Python-to-JavaScript compiler */
+declare var Sk: any;
+
+/** Blockly – visual blocks programming editor */
+declare var Blockly: any;
+
+/** FilePond – file upload library */
+declare var FilePond: any;
diff --git a/src/history.js → src/history.ts b/src/history.js → src/history.ts
diff --git a/src/interface.js → src/interface.ts b/src/interface.js → src/interface.ts
@@ -10,13 +10,13 @@
  *  Row 5: Footer Row
  */
 
-import {TRACE_HTML} from "trace.js";
-import {DIALOG_HTML} from "dialog.js";
-import {FEEDBACK_HTML} from "feedback.js";
-import {FILES_HTML} from "files.js";
-import {FOOTER_HTML} from "footer.js";
-import {EDITORS_HTML} from "editors.js";
-import {CONSOLE_HTML} from "console.js";
+import {TRACE_HTML} from "trace";
+import {DIALOG_HTML} from "dialog";
+import {FEEDBACK_HTML} from "feedback";
+import {FILES_HTML} from "files";
+import {FOOTER_HTML} from "footer";
+import {EDITORS_HTML} from "editors";
+import {CONSOLE_HTML} from "console";
 
 /**
  * The different layout options of the panes in the second row of the layout.

diff --git a/src/server.js → src/server.ts b/src/server.js → src/server.ts
diff --git a/src/skulpt_modules/coverage.js → src/skulpt_modules/coverage.ts b/src/skulpt_modules/coverage.js → src/skulpt_modules/coverage.ts
diff --git a/src/skulpt_modules/image.js → src/skulpt_modules/image.ts b/src/skulpt_modules/image.js → src/skulpt_modules/image.ts
diff --git a/src/skulpt_modules/matplotlib2.js → src/skulpt_modules/matplotlib2.ts b/src/skulpt_modules/matplotlib2.js → src/skulpt_modules/matplotlib2.ts
diff --git a/src/skulpt_modules/pedal_tracer.js → src/skulpt_modules/pedal_tracer.ts b/src/skulpt_modules/pedal_tracer.js → src/skulpt_modules/pedal_tracer.ts
diff --git a/src/skulpt_modules/sk_mod_instructor.js → src/skulpt_modules/sk_mod_instructor.ts b/src/skulpt_modules/sk_mod_instructor.js → src/skulpt_modules/sk_mod_instructor.ts
diff --git a/src/skulpt_modules/weakref.js → src/skulpt_modules/weakref.ts b/src/skulpt_modules/weakref.js → src/skulpt_modules/weakref.ts
diff --git a/src/storage.js → src/storage.ts b/src/storage.js → src/storage.ts
diff --git a/src/toolbar.js → src/toolbar.ts b/src/toolbar.js → src/toolbar.ts
diff --git a/src/trace.js → src/trace.ts b/src/trace.js → src/trace.ts
diff --git a/src/utilities.js → src/utilities.ts b/src/utilities.js → src/utilities.ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES6",
+    "module": "ES6",
+    "lib": ["ES6", "DOM"],
+    "moduleResolution": "bundler",
+    "baseUrl": "./src",
+    "rootDir": "./src",
+    "noEmit": true,
+    "strict": false,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "ignoreDeprecations": "6.0"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -17,7 +17,7 @@ if (env === "build") {
 let config = {
     mode: mode,
     entry: {
-        blockpy: __dirname + "/src/blockpy.js"
+        blockpy: __dirname + "/src/blockpy.ts"
     },
     devtool: "inline-source-map",
     output: {
@@ -31,18 +31,20 @@ let config = {
     module: {
         rules: [
             {
-                test: /(\.jsx|\.js)$/,
-                /*loader: "babel-loader",*/
-                use: {
-                    loader: "babel-loader"
-                },
+                test: /\.tsx?$/,
+                use: [
+                    {
+                        loader: "babel-loader"
+                    },
+                    {
+                        loader: "ts-loader",
+                        options: {
+                            transpileOnly: true
+                        }
+                    }
+                ],
                 exclude: /(node_modules|bower_components)/
             },
-            {
-                test: /(\.jsx|\.js)$/,
-                loader: "eslint-loader",
-                exclude: /node_modules/
-            },
             {
                 test: /\.css$/,
                 use: [
@@ -62,7 +64,7 @@ let config = {
     },
     resolve: {
         modules: [path.resolve("./node_modules"), path.resolve("./src")],
-        extensions: [".json", ".js"]
+        extensions: [".ts", ".tsx", ".json", ".js"]
     },
     plugins: [
         new MiniCssExtractPlugin({