scratch-blocks 2.0.2 → 2.0.3

package/src/fields/field_textinput_removable.ts

@@ -1,5 +1,4 @@
 /**
- * @license
  * Visual Blocks Editor
  *
  * Copyright 2016 Massachusetts Institute of Technology
@@ -17,19 +16,18 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 /**
- * @fileoverview Text input field with floating "remove" button.
+ * @file Text input field with floating "remove" button.
  * @author pkaplan@media.mit.edu (Paul Kaplan)
  */
-import * as Blockly from "blockly/core";
-import type { ProcedureDeclarationBlock } from "../blocks/procedures";
+import * as Blockly from 'blockly/core'
+import type { ProcedureDeclarationBlock } from '../blocks/procedures'
 
 /**
  * Class for an editable text field displaying a deletion icon when selected.
  */
 export class FieldTextInputRemovable extends Blockly.FieldTextInput {
-  private removeButtonMouseWrapper_?: Blockly.browserEvents.Data;
+  private removeButtonMouseWrapper_?: Blockly.browserEvents.Data
 
   /**
    * Show the inline free-text editor on top of the text with the remove button.
@@ -38,24 +36,21 @@ export class FieldTextInputRemovable extends Blockly.FieldTextInput {
     // Wait for our parent block to render so we can examine its metrics to
     // calculate rounded corners on the editor as needed.
     Blockly.renderManagement.finishQueuedRenders().then(() => {
-      super.showEditor_();
+      super.showEditor_()
 
-      const div = Blockly.WidgetDiv.getDiv()!;
-      div.className += " removableTextInput";
-      const removeButton = document.createElement("img");
-      removeButton.className = "blocklyTextRemoveIcon";
-      removeButton.setAttribute(
-        "src",
-        this.sourceBlock_!.workspace.options.pathToMedia + "icons/remove.svg"
-      );
+      const div = Blockly.WidgetDiv.getDiv()!
+      div.className += ' removableTextInput'
+      const removeButton = document.createElement('img')
+      removeButton.className = 'blocklyTextRemoveIcon'
+      removeButton.setAttribute('src', this.sourceBlock_!.workspace.options.pathToMedia + 'icons/remove.svg')
       this.removeButtonMouseWrapper_ = Blockly.browserEvents.bind(
         removeButton,
-        "mousedown",
+        'mousedown',
         this,
-        this.removeCallback_
-      );
-      div.appendChild(removeButton);
-    });
+        this.removeCallback_,
+      )
+      div.appendChild(removeButton)
+    })
   }
 
   /**
@@ -63,33 +58,26 @@ export class FieldTextInputRemovable extends Blockly.FieldTextInput {
    * on sourceBlock and calls it if possible.
    */
   private removeCallback_() {
-    if (this.sourceBlock_ && "removeFieldCallback" in this.sourceBlock_) {
-      (this.sourceBlock_ as ProcedureDeclarationBlock).removeFieldCallback(
-        this
-      );
+    if (this.sourceBlock_ && 'removeFieldCallback' in this.sourceBlock_) {
+      ;(this.sourceBlock_ as ProcedureDeclarationBlock).removeFieldCallback(this)
     } else {
-      console.warn("Expected a source block with removeFieldCallback");
+      console.warn('Expected a source block with removeFieldCallback')
     }
   }
 
   /**
    * Helper function to construct a FieldTextInputRemovable from a JSON arg object,
    * dereferencing any string table references.
-   *
    * @param options A JSON object with options (text, class, and spellcheck).
    * @returns The new text input.
    */
-  fromJson(
-    options: Blockly.FieldTextInputFromJsonConfig
-  ): FieldTextInputRemovable {
-    const text = Blockly.utils.parsing.replaceMessageReferences(
-      options["text"]
-    );
-    const field = new FieldTextInputRemovable(text, null, options);
-    if (typeof options["spellcheck"] == "boolean") {
-      field.setSpellcheck(options["spellcheck"]);
+  fromJson(options: Blockly.FieldTextInputFromJsonConfig): FieldTextInputRemovable {
+    const text = Blockly.utils.parsing.replaceMessageReferences(options.text)
+    const field = new FieldTextInputRemovable(text, null, options)
+    if (typeof options.spellcheck == 'boolean') {
+      field.setSpellcheck(options.spellcheck)
     }
-    return field;
+    return field
   }
 }
 
@@ -97,8 +85,5 @@ export class FieldTextInputRemovable extends Blockly.FieldTextInput {
  * Register the field and any dependencies.
  */
 export function registerFieldTextInputRemovable() {
-  Blockly.fieldRegistry.register(
-    "field_input_removable",
-    FieldTextInputRemovable
-  );
+  Blockly.fieldRegistry.register('field_input_removable', FieldTextInputRemovable)
 }

package/src/fields/field_variable_getter.ts

@@ -1,5 +1,4 @@
 /**
- * @license
  * Visual Blocks Editor
  *
  * Copyright 2017 Google Inc.
@@ -17,104 +16,100 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 /**
- * @fileoverview Variable getter field.  Appears as a label but has a variable
+ * @file Variable getter field.  Appears as a label but has a variable
  *     picker in the right-click menu.
  * @author fenichel@google.com (Rachel Fenichel)
  */
-import * as Blockly from "blockly/core";
+import * as Blockly from 'blockly/core'
 
 /**
  * Class for a variable getter field.
  */
 class FieldVariableGetter extends Blockly.FieldLabel {
-  private variable: Blockly.IVariableModel<Blockly.IVariableState> | null =
-    null;
+  private variable: Blockly.IVariableModel<Blockly.IVariableState> | null = null
 
   /**
    * Creates a new FieldVariableGetter.
-   *
    * @param allowedVariableType The type of variables this field can display.
    */
-  constructor(private allowedVariableType = "") {
-    super(Blockly.Field.SKIP_SETUP);
-    this.SERIALIZABLE = true;
+  constructor(private allowedVariableType = '') {
+    super(Blockly.Field.SKIP_SETUP)
+    this.SERIALIZABLE = true
   }
 
   /**
    * Returns the ID of this field's variable.
-   *
    * @returns The ID of this field's variable.
    */
   getValue(): string {
-    return this.variable?.getId() ?? "";
+    return this.variable?.getId() ?? ''
   }
 
   /**
    * Returns the name of this field's variable.
-   *
    * @returns The name of this field's variable.
    */
   getText(): string {
-    return this.variable?.getName() ?? "";
+    return this.variable?.getName() ?? ''
   }
 
   /**
    * Get the variable model for the variable associated with this field.
    * Not guaranteed to be in the variable map on the workspace (e.g. if accessed
    * after the variable has been deleted).
-   *
    * @returns the selected variable, or null if none was selected.
    */
   getVariable(): Blockly.IVariableModel<Blockly.IVariableState> | null {
-    return this.variable;
+    return this.variable
   }
 
   /**
    * Updates this field's variable to one with the given ID.
-   *
    * @param newVariableId ID of a variable this field should represent.
    */
   doValueUpdate_(newVariableId: string) {
-    super.doValueUpdate_(newVariableId);
-    const workspace = this.getSourceBlock()!.workspace;
-    this.variable = Blockly.Variables.getVariable(workspace, newVariableId);
+    super.doValueUpdate_(newVariableId)
+    const workspace = this.getSourceBlock()!.workspace
+    this.variable = Blockly.Variables.getVariable(workspace, newVariableId)
   }
 
-  /** Informs Blockly that this field depends on a variable. */
+  /**
+   * Informs Blockly that this field depends on a variable.
+   * @returns Always true.
+   */
   referencesVariables() {
-    return true;
+    return true
   }
 
   /** Rerenders this field when the underlying variable's name changes. */
   refreshVariableName() {
-    this.forceRerender();
+    this.forceRerender()
   }
 
   static fromJson(options: FieldVariableGetterConfig) {
-    return new FieldVariableGetter(options["allowedVariableType"]);
+    return new FieldVariableGetter(options.allowedVariableType)
   }
 
   fromXml(element: Element) {
-    this.setValue(element.getAttribute("id")!);
+    this.setValue(element.getAttribute('id')!)
   }
 
   toXml(element: Element): Element {
-    element.setAttribute("id", this.variable!.getId());
-    element.setAttribute("variabletype", this.variable!.getType());
-    element.textContent = this.variable!.getName();
-    return element;
+    element.setAttribute('id', this.variable!.getId())
+    element.setAttribute('variabletype', this.variable!.getType())
+    element.textContent = this.variable!.getName()
+    return element
   }
 }
 
 interface FieldVariableGetterConfig extends Blockly.FieldLabelConfig {
-  allowedVariableType?: string;
+  allowedVariableType?: string
 }
 
 /**
  * Register the field and any dependencies.
  */
 export function registerFieldVariableGetter() {
-  Blockly.fieldRegistry.register("field_variable_getter", FieldVariableGetter);
+  Blockly.fieldRegistry.register('field_variable_getter', FieldVariableGetter)
 }

package/src/fields/field_vertical_separator.ts

@@ -1,5 +1,4 @@
 /**
- * @license
  * Visual Blocks Editor
  *
  * Copyright 2017 Massachusetts Institute of Technology
@@ -17,25 +16,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 /**
- * @fileoverview Vertical separator field. Draws a vertical line.
+ * @file Vertical separator field. Draws a vertical line.
  * @author ericr@media.mit.edu (Eric Rosenbaum)
  */
-import * as Blockly from "blockly/core";
+import * as Blockly from 'blockly/core'
 
 /**
  * Class for a vertical separator line.
  */
 class FieldVerticalSeparator extends Blockly.Field {
-  private lineElement?: SVGLineElement;
+  private lineElement?: SVGLineElement
 
   constructor() {
-    super(Blockly.Field.SKIP_SETUP);
+    super(Blockly.Field.SKIP_SETUP)
     /**
      * Editable fields are saved by the XML renderer, non-editable fields are not.
      */
-    this.EDITABLE = false;
+    this.EDITABLE = false
   }
 
   /**
@@ -43,29 +41,28 @@ class FieldVerticalSeparator extends Blockly.Field {
    * @returns The new field instance.
    */
   static fromJson = function () {
-    return new FieldVerticalSeparator();
-  };
+    return new FieldVerticalSeparator()
+  }
 
   /**
    * Install this field on a block.
    */
   initView() {
-    const height =
-      10 * (this.getConstants() as Blockly.zelos.ConstantProvider).GRID_UNIT;
-    this.size_ = new Blockly.utils.Size(1, height);
+    const height = 10 * (this.getConstants() as Blockly.zelos.ConstantProvider).GRID_UNIT
+    this.size_ = new Blockly.utils.Size(1, height)
 
     this.lineElement = Blockly.utils.dom.createSvgElement(
-      "line",
+      'line',
       {
         stroke: (this.sourceBlock_ as Blockly.BlockSvg).getColourSecondary(),
-        "stroke-linecap": "round",
+        'stroke-linecap': 'round',
         x1: 0,
         y1: 0,
         x2: 0,
         y2: height,
       },
-      this.fieldGroup_
-    );
+      this.fieldGroup_,
+    )
   }
 
   /**
@@ -76,25 +73,26 @@ class FieldVerticalSeparator extends Blockly.Field {
    * @package
    */
   setLineHeight(newHeight: number) {
-    this.lineElement!.setAttribute("y2", `${newHeight}`);
+    this.lineElement!.setAttribute('y2', `${newHeight}`)
   }
 
   /**
    * Get the value of this field. A no-op in this case.
+   * @returns Always null.
    */
   getValue(): string | null {
-    return null;
+    return null
   }
 
   getText() {
-    return "";
+    return ''
   }
 
   /**
    * Set the value of this field. A no-op in this case.
    */
   setValue() {
-    return;
+    return
   }
 
   /**
@@ -116,8 +114,5 @@ class FieldVerticalSeparator extends Blockly.Field {
  * Register the field and any dependencies.
  */
 export function registerFieldVerticalSeparator() {
-  Blockly.fieldRegistry.register(
-    "field_vertical_separator",
-    FieldVerticalSeparator
-  );
+  Blockly.fieldRegistry.register('field_vertical_separator', FieldVerticalSeparator)
 }