@webwriter/block-based-code/types/events.ts

Write block-based code (e.g. Scratch) and run it.

/* eslint-disable max-classes-per-file */
import { StageType } from "./stage";
import { BlockTypes } from "../lib/blockly";

/**
 * An event that is fired when the editor changes.
 */
export class EditorChangeEvent extends CustomEvent<{ state: object, readableCode: string, executableCode: string }> {
  constructor(state: object, readableCode: string, executableCode: string) {
    super("change", {
      detail: {
        state,
        readableCode,
        executableCode,
      },
      bubbles: true,
      composed: true,
    });
  }
}

/**
 * An event that is fired when the options change.
 */
export class OptionsChangeEvent extends CustomEvent<{
  readonly?: 0 | 1;
  stageType?: StageType;
  selectedBlocks?: BlockTypes[];
}> {
  constructor(options: OptionsChangeEvent["detail"]) {
    super("change", {
      detail: options,
      bubbles: true,
      composed: true,
    });
  }
}

/**
 * An event that is fired when code highlighting is requested.
 */
export class CodeHighlightingEvent extends CustomEvent<string> {
  constructor(id: string) {
    super("highlight", {
      detail: id,
      bubbles: true,
      composed: true,
    });
  }
}