chore: add missing jsdoc to some codelabs (#2184)

Author: maribethb

examples/custom-renderer-codelab/src/renderers/custom.js

@@ -10,7 +10,12 @@
 
 import * as Blockly from 'blockly/core';
 
+/**
+ * The ConstantProvider holds rendering-related constants such as colour
+ * and size information.
+ */
 class CustomConstantProvider extends Blockly.blockRendering.ConstantProvider {
+  /** @override */
   constructor() {
     // Set up all of the constants from the base provider.
     super();
@@ -81,7 +86,7 @@ class CustomConstantProvider extends Blockly.blockRendering.ConstantProvider {
   }
 
   /**
-   * @returns Rectangular notch for use with previous and next connections.
+   * @returns {Object} Rectangular notch for use with previous and next connections.
    */
   makeRectangularPreviousConn() {
     const width = this.NOTCH_WIDTH;
@@ -90,8 +95,8 @@ class CustomConstantProvider extends Blockly.blockRendering.ConstantProvider {
     /**
      * Since previous and next connections share the same shape you can define
      * a function to generate the path for both.
-     * @param dir Multiplier for the horizontal direction of the path (-1 or 1)
-     * @returns SVGPath line for use with previous and next connections.
+     * @param {number} dir Multiplier for the horizontal direction of the path (-1 or 1)
+     * @returns {Object} SVGPath line for use with previous and next connections.
      */
     function makeMainPath(dir) {
       return Blockly.utils.svgPaths.line([
@@ -112,7 +117,7 @@ class CustomConstantProvider extends Blockly.blockRendering.ConstantProvider {
   }
 
   /**
-   * @returns Rectangular puzzle tab for use with input and output connections.
+   * @returns {Object} Rectangular puzzle tab for use with input and output connections.
    */
   makeRectangularInputConn() {
     const width = this.TAB_WIDTH;
@@ -121,8 +126,8 @@ class CustomConstantProvider extends Blockly.blockRendering.ConstantProvider {
     /**
      * Since input and output connections share the same shape you can define
      * a function to generate the path for both.
-     * @param dir Multiplier for the vertical direction of the path (-1 or 1)
-     * @returns SVGPath line for use with input and output connections.
+     * @param {number} dir Multiplier for the vertical direction of the path (-1 or 1)
+     * @returns {Object} SVGPath line for use with input and output connections.
      */
     function makeMainPath(dir) {
       return Blockly.utils.svgPaths.line([
@@ -143,7 +148,9 @@ class CustomConstantProvider extends Blockly.blockRendering.ConstantProvider {
   }
 }
 
+/** The CustomRenderer class incorporates our custom ConstantProvider. */
 export class CustomRenderer extends Blockly.blockRendering.Renderer {
+  /** @override */
   constructor() {
     super();
   }

examples/keyboard-navigation-codelab/src/cursors/custom.js

@@ -1,10 +1,13 @@
 import * as Blockly from 'blockly/core';
 
+/** A custom cursor that skips previous and next connections. */
 export class CustomCursor extends Blockly.Cursor {
+  /** @override */
   constructor() {
     super();
   }
 
+  /** @override */
   next() {
     const curNode = this.getCurNode();
     if (!curNode) {
@@ -26,6 +29,7 @@ export class CustomCursor extends Blockly.Cursor {
     return newNode;
   }
 
+  /** @override */
   in() {
     const curNode = this.getCurNode();
     if (!curNode) {
@@ -43,6 +47,7 @@ export class CustomCursor extends Blockly.Cursor {
     return newNode;
   }
 
+  /** @override */
   prev() {
     const curNode = this.getCurNode();
     if (!curNode) {
@@ -64,6 +69,7 @@ export class CustomCursor extends Blockly.Cursor {
     return newNode;
   }
 
+  /** @override */
   out() {
     const curNode = this.getCurNode();
     if (!curNode) {

examples/keyboard-navigation-codelab/src/markers/custom_marker_svg.js

@@ -1,6 +1,8 @@
 import * as Blockly from 'blockly/core';
 
+/** A custom Marker that causes an entire block to flash when marked. */
 class CustomMarkerSvg extends Blockly.blockRendering.MarkerSvg {
+  /** @override */
   constructor(workspace, constants, marker) {
     super(workspace, constants, marker);
   }
@@ -30,6 +32,7 @@ class CustomMarkerSvg extends Blockly.blockRendering.MarkerSvg {
     }
   }
 
+  /** @override */
   showWithBlock_(curNode) {
     // Get the block from the AST Node
     const block = curNode.getLocation();
@@ -78,11 +81,14 @@ class CustomMarkerSvg extends Blockly.blockRendering.MarkerSvg {
   }
 }
 
+/** A renderer that uses our custom marker. */
 class CustomRenderer extends Blockly.geras.Renderer {
+  /** @override */
   constructor(name) {
     super(name);
   }
 
+  /** @override */
   makeMarkerDrawer(workspace, marker) {
     return new CustomMarkerSvg(workspace, this.getConstants(), marker);
   }