Fix: Migrating every theme to TypeScript.

plugins/theme-dark/package.json

@@ -51,5 +51,8 @@
   },
   "engines": {
     "node": ">=8.17.0"
+  },
+  "dependencies": {
+    "@blockly/theme-dark": "file:"
   }
 }

plugins/theme-dark/src/index.js → plugins/theme-dark/src/index.ts

@@ -14,10 +14,11 @@ import * as Blockly from 'blockly/core';
  * Dark theme.
  */
 export default Blockly.Theme.defineTheme('dark', {
+  name: 'dark',
   base: Blockly.Themes.Classic,
   componentStyles: {
     workspaceBackgroundColour: '#1e1e1e',
-    toolboxBackgroundColour: 'blackBackground',
+    toolboxBackgroundColour: '#333',
     toolboxForegroundColour: '#fff',
     flyoutBackgroundColour: '#252526',
     flyoutForegroundColour: '#ccc',
@@ -27,6 +28,5 @@ export default Blockly.Theme.defineTheme('dark', {
     insertionMarkerOpacity: 0.3,
     scrollbarOpacity: 0.4,
     cursorColour: '#d0d0d0',
-    blackBackground: '#333',
   },
 });

plugins/theme-dark/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "dist",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "module": "es2015",
+    "moduleResolution": "bundler",
+    "target": "es6",
+    "strict": true
+  },
+  // NOTE: `test/**/*` is automatically included in `blockly-scripts start`.
+  // Only src matters for production builds.
+  "include": ["src"]
+}

plugins/theme-deuteranopia/src/index.js → plugins/theme-deuteranopia/src/index.ts

@@ -11,79 +11,79 @@
 import * as Blockly from 'blockly/core';
 
 const defaultBlockStyles = {
-  colour_blocks: {
+  colourBlocks: {
     colourPrimary: '#f2a72c',
     colourSecondary: '#f1c172',
     colourTertiary: '#da921c',
   },
-  list_blocks: {
+  listBlocks: {
     colourPrimary: '#7d65ab',
     colourSecondary: '#a88be0',
     colourTertiary: '#66518e',
   },
-  logic_blocks: {
+  logicBlocks: {
     colourPrimary: '#9fd2f1',
     colourSecondary: '#c0e0f4',
     colourTertiary: '#74bae5',
   },
-  loop_blocks: {
+  loopBlocks: {
     colourPrimary: '#795a07',
     colourSecondary: '#ac8726',
     colourTertiary: '#c4a03f',
   },
-  math_blocks: {
+  mathBlocks: {
     colourPrimary: '#e6da39',
     colourSecondary: '#f3ec8e',
     colourTertiary: '#f2eeb7',
   },
-  procedure_blocks: {
+  procedureBlocks: {
     colourPrimary: '#590721',
     colourSecondary: '#8c475d',
     colourTertiary: '#885464',
   },
-  text_blocks: {
+  textBlocks: {
     colourPrimary: '#058863',
     colourSecondary: '#5ecfaf',
     colourTertiary: '#04684c',
   },
-  variable_blocks: {
+  variableBlocks: {
     colourPrimary: '#47025a',
     colourSecondary: '#820fa1',
     colourTertiary: '#8e579d',
   },
-  variable_dynamic_blocks: {
+  variableDynamicBlocks: {
     colourPrimary: '#47025a',
     colourSecondary: '#820fa1',
     colourTertiary: '#8e579d',
   },
 };
 
 const categoryStyles = {
-  colour_category: {
+  colourCategory: {
     colour: '#f2a72c',
   },
-  list_category: {
+  listCategory: {
     colour: '#7d65ab',
   },
-  logic_category: {
+  logicCategory: {
     colour: '#9fd2f1',
   },
-  loop_category: {
+  loopCategory: {
     colour: '#795a07',
   },
-  math_category: {
+  mathCategory: {
     colour: '#e6da39',
   },
-  procedure_category: {
+  procedureCategory: {
     colour: '#590721',
   },
-  text_category: {
+  textCategory: {
     colour: '#058863',
   },
-  variable_category: {
+  variableCategory: {
     colour: '#47025a',
   },
-  variable_dynamic_category: {
+  variableDynamicCategory: {
     colour: '#47025a',
   },
 };
@@ -95,10 +95,11 @@ const categoryStyles = {
  * inability to perceive red light).
  */
 export default Blockly.Theme.defineTheme('deuteranopia', {
+  name: 'deuteranopia',
   base: Blockly.Themes.Classic,
   blockStyles: defaultBlockStyles,
   categoryStyles: categoryStyles,
   componentStyles: {},
   fontStyle: {},
-  startHats: null,
+  startHats: undefined,
 });

plugins/theme-deuteranopia/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "dist",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "module": "es2015",
+    "moduleResolution": "bundler",
+    "target": "es6",
+    "strict": true
+  },
+  // NOTE: `test/**/*` is automatically included in `blockly-scripts start`.
+  // Only src matters for production builds.
+  "include": ["src"]
+}