blockly 8.0.4-beta.0 → 8.0.5-beta.0

package/core/registry.d.ts

@@ -0,0 +1,137 @@
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Abstract } from './events/events_abstract.js';
+import type { Field } from './field.js';
+import type { IBlockDragger } from './interfaces/i_block_dragger.js';
+import type { IConnectionChecker } from './interfaces/i_connection_checker.js';
+import type { IFlyout } from './interfaces/i_flyout.js';
+import type { IMetricsManager } from './interfaces/i_metrics_manager.js';
+import type { ISerializer } from './interfaces/i_serializer.js';
+import type { IToolbox } from './interfaces/i_toolbox.js';
+import type { Cursor } from './keyboard_nav/cursor.js';
+import type { Options } from './options.js';
+import type { Renderer } from './renderers/common/renderer.js';
+import type { Theme } from './theme.js';
+import type { ToolboxItem } from './toolbox/toolbox_item.js';
+export declare const TEST_ONLY: {
+    typeMap: {
+        [key: string]: {
+            [key: string]: any;
+        };
+    };
+};
+/**
+ * The string used to register the default class for a type of plugin.
+ * @alias Blockly.registry.DEFAULT
+ */
+export declare const DEFAULT = "default";
+/**
+ * A name with the type of the element stored in the generic.
+ * @alias Blockly.registry.Type
+ */
+export declare class Type<T> {
+    private readonly name;
+    /** @param name The name of the registry type. */
+    constructor(name: string);
+    /**
+     * Returns the name of the type.
+     * @return The name.
+     */
+    toString(): string;
+    static CONNECTION_CHECKER: Type<IConnectionChecker>;
+    static CURSOR: Type<Cursor>;
+    static EVENT: Type<Abstract>;
+    static FIELD: Type<Field>;
+    static RENDERER: Type<Renderer>;
+    static TOOLBOX: Type<IToolbox>;
+    static THEME: Type<Theme>;
+    static TOOLBOX_ITEM: Type<ToolboxItem>;
+    static FLYOUTS_VERTICAL_TOOLBOX: Type<IFlyout>;
+    static FLYOUTS_HORIZONTAL_TOOLBOX: Type<IFlyout>;
+    static METRICS_MANAGER: Type<IMetricsManager>;
+    static BLOCK_DRAGGER: Type<IBlockDragger>;
+    /** @internal */
+    static SERIALIZER: Type<ISerializer>;
+}
+/**
+ * Registers a class based on a type and name.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @param registryItem The class or object to register.
+ * @param opt_allowOverrides True to prevent an error when overriding an already
+ *     registered item.
+ * @throws {Error} if the type or name is empty, a name with the given type has
+ *     already been registered, or if the given class or object is not valid for
+ *     its type.
+ * @alias Blockly.registry.register
+ */
+export declare function register<T>(type: string | Type<T>, name: string, registryItem: (new (...p1: any[]) => T) | null | any, opt_allowOverrides?: boolean): void;
+/**
+ * Unregisters the registry item with the given type and name.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @alias Blockly.registry.unregister
+ */
+export declare function unregister<T>(type: string | Type<T>, name: string): void;
+/**
+ * Returns whether or not the registry contains an item with the given type and
+ * name.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @return True if the registry has an item with the given type and name, false
+ *     otherwise.
+ * @alias Blockly.registry.hasItem
+ */
+export declare function hasItem<T>(type: string | Type<T>, name: string): boolean;
+/**
+ * Gets the class for the given name and type.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the plugin.
+ * @return The class with the given name and type or null if none exists.
+ * @alias Blockly.registry.getClass
+ */
+export declare function getClass<T>(type: string | Type<T>, name: string, opt_throwIfMissing?: boolean): (new (...p1: any[]) => T) | null;
+/**
+ * Gets the object for the given name and type.
+ * @param type The type of the plugin.
+ *     (e.g. Category)
+ * @param name The plugin's name. (Ex. logic_category)
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the object.
+ * @return The object with the given name and type or null if none exists.
+ * @alias Blockly.registry.getObject
+ */
+export declare function getObject<T>(type: string | Type<T>, name: string, opt_throwIfMissing?: boolean): T | null;
+/**
+ * Returns a map of items registered with the given type.
+ * @param type The type of the plugin. (e.g. Category)
+ * @param opt_cased Whether or not to return a map with cased keys (rather than
+ *     caseless keys). False by default.
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the object. False by default.
+ * @return A map of objects with the given type, or null if none exists.
+ * @alias Blockly.registry.getAllItems
+ */
+export declare function getAllItems<T>(type: string | Type<T>, opt_cased: boolean, opt_throwIfMissing?: boolean): {
+    [key: string]: T | null | (new (...p1: any[]) => T);
+} | null;
+/**
+ * Gets the class from Blockly options for the given type.
+ * This is used for plugins that override a built in feature. (e.g. Toolbox)
+ * @param type The type of the plugin.
+ * @param options The option object to check for the given plugin.
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the plugin.
+ * @return The class for the plugin.
+ * @alias Blockly.registry.getClassFromOptions
+ */
+export declare function getClassFromOptions<T>(type: Type<T>, options: Options, opt_throwIfMissing?: boolean): (new (...p1: any[]) => T) | null;

package/core/registry.ts

@@ -0,0 +1,339 @@
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @fileoverview This file is a universal registry that provides generic methods
+ *    for registering and unregistering different types of classes.
+ */
+
+/**
+ * This file is a universal registry that provides generic methods
+ *    for registering and unregistering different types of classes.
+ * @namespace Blockly.registry
+ */
+import * as goog from '../closure/goog/goog.js';
+goog.declareModuleId('Blockly.registry');
+
+import type {Abstract} from './events/events_abstract.js';
+import type {Field} from './field.js';
+import type {IBlockDragger} from './interfaces/i_block_dragger.js';
+import type {IConnectionChecker} from './interfaces/i_connection_checker.js';
+import type {IFlyout} from './interfaces/i_flyout.js';
+import type {IMetricsManager} from './interfaces/i_metrics_manager.js';
+import type {ISerializer} from './interfaces/i_serializer.js';
+import type {IToolbox} from './interfaces/i_toolbox.js';
+import type {Cursor} from './keyboard_nav/cursor.js';
+import type {Options} from './options.js';
+import type {Renderer} from './renderers/common/renderer.js';
+import type {Theme} from './theme.js';
+import type {ToolboxItem} from './toolbox/toolbox_item.js';
+
+
+/**
+ * A map of maps. With the keys being the type and name of the class we are
+ * registering and the value being the constructor function.
+ * e.g. {'field': {'field_angle': Blockly.FieldAngle}}
+ */
+const typeMap: {
+  [key: string]:
+      {[key: string]: (new () => AnyDuringMigration)|AnyDuringMigration}
+} = Object.create(null);
+export const TEST_ONLY = {typeMap};
+
+/**
+ * A map of maps. With the keys being the type and caseless name of the class we
+ * are registring, and the value being the most recent cased name for that
+ * registration.
+ */
+const nameMap: {[key: string]: {[key: string]: string}} = Object.create(null);
+
+/**
+ * The string used to register the default class for a type of plugin.
+ * @alias Blockly.registry.DEFAULT
+ */
+export const DEFAULT = 'default';
+
+/**
+ * A name with the type of the element stored in the generic.
+ * @alias Blockly.registry.Type
+ */
+export class Type<T> {
+  /** @param name The name of the registry type. */
+  constructor(private readonly name: string) {}
+
+  /**
+   * Returns the name of the type.
+   * @return The name.
+   */
+  toString(): string {
+    return this.name;
+  }
+
+  static CONNECTION_CHECKER = new Type<IConnectionChecker>('connectionChecker');
+
+  static CURSOR = new Type<Cursor>('cursor');
+
+  static EVENT = new Type<Abstract>('event');
+
+  static FIELD = new Type<Field>('field');
+
+  static RENDERER = new Type<Renderer>('renderer');
+
+  static TOOLBOX = new Type<IToolbox>('toolbox');
+
+  static THEME = new Type<Theme>('theme');
+
+  static TOOLBOX_ITEM = new Type<ToolboxItem>('toolboxItem');
+
+  static FLYOUTS_VERTICAL_TOOLBOX = new Type<IFlyout>('flyoutsVerticalToolbox');
+
+  static FLYOUTS_HORIZONTAL_TOOLBOX =
+      new Type<IFlyout>('flyoutsHorizontalToolbox');
+
+  static METRICS_MANAGER = new Type<IMetricsManager>('metricsManager');
+
+  static BLOCK_DRAGGER = new Type<IBlockDragger>('blockDragger');
+
+  /** @internal */
+  static SERIALIZER = new Type<ISerializer>('serializer');
+}
+
+/**
+ * Registers a class based on a type and name.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @param registryItem The class or object to register.
+ * @param opt_allowOverrides True to prevent an error when overriding an already
+ *     registered item.
+ * @throws {Error} if the type or name is empty, a name with the given type has
+ *     already been registered, or if the given class or object is not valid for
+ *     its type.
+ * @alias Blockly.registry.register
+ */
+export function register<T>(
+    type: string|Type<T>, name: string,
+    registryItem: (new (...p1: AnyDuringMigration[]) => T)|null|
+    AnyDuringMigration,
+    opt_allowOverrides?: boolean): void {
+  if (!(type instanceof Type) && typeof type !== 'string' ||
+      String(type).trim() === '') {
+    throw Error(
+        'Invalid type "' + type + '". The type must be a' +
+        ' non-empty string or a Blockly.registry.Type.');
+  }
+  type = String(type).toLowerCase();
+
+  if (typeof name !== 'string' || name.trim() === '') {
+    throw Error(
+        'Invalid name "' + name + '". The name must be a' +
+        ' non-empty string.');
+  }
+  const caselessName = name.toLowerCase();
+  if (!registryItem) {
+    throw Error('Can not register a null value');
+  }
+  let typeRegistry = typeMap[type];
+  let nameRegistry = nameMap[type];
+  // If the type registry has not been created, create it.
+  if (!typeRegistry) {
+    typeRegistry = typeMap[type] = Object.create(null);
+    nameRegistry = nameMap[type] = Object.create(null);
+  }
+
+  // Validate that the given class has all the required properties.
+  validate(type, registryItem);
+
+  // Don't throw an error if opt_allowOverrides is true.
+  if (!opt_allowOverrides && typeRegistry[caselessName]) {
+    throw Error(
+        'Name "' + caselessName + '" with type "' + type +
+        '" already registered.');
+  }
+  typeRegistry[caselessName] = registryItem;
+  nameRegistry[caselessName] = name;
+}
+
+/**
+ * Checks the given registry item for properties that are required based on the
+ * type.
+ * @param type The type of the plugin. (e.g. Field, Renderer)
+ * @param registryItem A class or object that we are checking for the required
+ *     properties.
+ */
+function validate(type: string, registryItem: Function|AnyDuringMigration) {
+  switch (type) {
+    case String(Type.FIELD):
+      if (typeof registryItem.fromJson !== 'function') {
+        throw Error('Type "' + type + '" must have a fromJson function');
+      }
+      break;
+  }
+}
+
+/**
+ * Unregisters the registry item with the given type and name.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @alias Blockly.registry.unregister
+ */
+export function unregister<T>(type: string|Type<T>, name: string) {
+  type = String(type).toLowerCase();
+  name = name.toLowerCase();
+  const typeRegistry = typeMap[type];
+  if (!typeRegistry || !typeRegistry[name]) {
+    console.warn(
+        'Unable to unregister [' + name + '][' + type + '] from the ' +
+        'registry.');
+    return;
+  }
+  delete typeMap[type][name];
+  delete nameMap[type][name];
+}
+
+/**
+ * Gets the registry item for the given name and type. This can be either a
+ * class or an object.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the plugin.
+ * @return The class or object with the given name and type or null if none
+ *     exists.
+ */
+function getItem<T>(
+    type: string|Type<T>, name: string, opt_throwIfMissing?: boolean):
+    (new (...p1: AnyDuringMigration[]) => T)|null|AnyDuringMigration {
+  type = String(type).toLowerCase();
+  name = name.toLowerCase();
+  const typeRegistry = typeMap[type];
+  if (!typeRegistry || !typeRegistry[name]) {
+    const msg = 'Unable to find [' + name + '][' + type + '] in the registry.';
+    if (opt_throwIfMissing) {
+      throw new Error(
+          msg + ' You must require or register a ' + type + ' plugin.');
+    } else {
+      console.warn(msg);
+    }
+    return null;
+  }
+  return typeRegistry[name];
+}
+
+/**
+ * Returns whether or not the registry contains an item with the given type and
+ * name.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @return True if the registry has an item with the given type and name, false
+ *     otherwise.
+ * @alias Blockly.registry.hasItem
+ */
+export function hasItem<T>(type: string|Type<T>, name: string): boolean {
+  type = String(type).toLowerCase();
+  name = name.toLowerCase();
+  const typeRegistry = typeMap[type];
+  if (!typeRegistry) {
+    return false;
+  }
+  return !!typeRegistry[name];
+}
+
+/**
+ * Gets the class for the given name and type.
+ * @param type The type of the plugin.
+ *     (e.g. Field, Renderer)
+ * @param name The plugin's name. (Ex. field_angle, geras)
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the plugin.
+ * @return The class with the given name and type or null if none exists.
+ * @alias Blockly.registry.getClass
+ */
+export function getClass<T>(
+    type: string|Type<T>, name: string, opt_throwIfMissing?: boolean):
+    (new (...p1: AnyDuringMigration[]) => T)|null {
+  return getItem(type, name, opt_throwIfMissing) as (
+             new (...p1: AnyDuringMigration[]) => T) |
+      null;
+}
+
+/**
+ * Gets the object for the given name and type.
+ * @param type The type of the plugin.
+ *     (e.g. Category)
+ * @param name The plugin's name. (Ex. logic_category)
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the object.
+ * @return The object with the given name and type or null if none exists.
+ * @alias Blockly.registry.getObject
+ */
+export function getObject<T>(
+    type: string|Type<T>, name: string, opt_throwIfMissing?: boolean): T|null {
+  return getItem(type, name, opt_throwIfMissing) as T;
+}
+
+/**
+ * Returns a map of items registered with the given type.
+ * @param type The type of the plugin. (e.g. Category)
+ * @param opt_cased Whether or not to return a map with cased keys (rather than
+ *     caseless keys). False by default.
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the object. False by default.
+ * @return A map of objects with the given type, or null if none exists.
+ * @alias Blockly.registry.getAllItems
+ */
+export function getAllItems<T>(
+    type: string|Type<T>, opt_cased: boolean, opt_throwIfMissing?: boolean):
+    {[key: string]: T|null|(new (...p1: AnyDuringMigration[]) => T)}|null {
+  type = String(type).toLowerCase();
+  const typeRegistry = typeMap[type];
+  if (!typeRegistry) {
+    const msg = `Unable to find [${type}] in the registry.`;
+    if (opt_throwIfMissing) {
+      throw new Error(`${msg} You must require or register a ${type} plugin.`);
+    } else {
+      console.warn(msg);
+    }
+    return null;
+  }
+  if (!opt_cased) {
+    return typeRegistry;
+  }
+  const nameRegistry = nameMap[type];
+  const casedRegistry = Object.create(null);
+  const keys = Object.keys(typeRegistry);
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    casedRegistry[nameRegistry[key]] = typeRegistry[key];
+  }
+  return casedRegistry;
+}
+
+/**
+ * Gets the class from Blockly options for the given type.
+ * This is used for plugins that override a built in feature. (e.g. Toolbox)
+ * @param type The type of the plugin.
+ * @param options The option object to check for the given plugin.
+ * @param opt_throwIfMissing Whether or not to throw an error if we are unable
+ *     to find the plugin.
+ * @return The class for the plugin.
+ * @alias Blockly.registry.getClassFromOptions
+ */
+export function getClassFromOptions<T>(
+    type: Type<T>, options: Options, opt_throwIfMissing?: boolean):
+    (new (...p1: AnyDuringMigration[]) => T)|null {
+  const typeName = type.toString();
+  const plugin = options.plugins[typeName] || DEFAULT;
+
+  // If the user passed in a plugin class instead of a registered plugin name.
+  if (typeof plugin === 'function') {
+    return plugin;
+  }
+  return getClass(type, plugin, opt_throwIfMissing);
+}

package/core/rendered_connection.d.ts

@@ -0,0 +1,191 @@
+/**
+ * @license
+ * Copyright 2016 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { Block } from './block.js';
+import type { BlockSvg } from './block_svg.js';
+import { Connection } from './connection.js';
+import { Coordinate } from './utils/coordinate.js';
+/**
+ * Class for a connection between blocks that may be rendered on screen.
+ * @alias Blockly.RenderedConnection
+ */
+export declare class RenderedConnection extends Connection {
+    sourceBlock_: BlockSvg;
+    private readonly db_;
+    private readonly dbOpposite_;
+    private readonly offsetInBlock_;
+    private trackedState_;
+    /** Connection this connection connects to.  Null if not connected. */
+    targetConnection: RenderedConnection | null;
+    /**
+     * @param source The block establishing this connection.
+     * @param type The type of the connection.
+     */
+    constructor(source: BlockSvg, type: number);
+    /**
+     * Dispose of this connection. Remove it from the database (if it is
+     * tracked) and call the super-function to deal with connected blocks.
+     * @internal
+     */
+    dispose(): void;
+    /**
+     * Get the source block for this connection.
+     * @return The source block.
+     */
+    getSourceBlock(): BlockSvg;
+    /**
+     * Returns the block that this connection connects to.
+     * @return The connected block or null if none is connected.
+     */
+    targetBlock(): BlockSvg | null;
+    /**
+     * Returns the distance between this connection and another connection in
+     * workspace units.
+     * @param otherConnection The other connection to measure the distance to.
+     * @return The distance between connections, in workspace units.
+     */
+    distanceFrom(otherConnection: Connection): number;
+    /**
+     * Move the block(s) belonging to the connection to a point where they don't
+     * visually interfere with the specified connection.
+     * @param staticConnection The connection to move away from.
+     * @internal
+     */
+    bumpAwayFrom(staticConnection: RenderedConnection): void;
+    /**
+     * Change the connection's coordinates.
+     * @param x New absolute x coordinate, in workspace coordinates.
+     * @param y New absolute y coordinate, in workspace coordinates.
+     */
+    moveTo(x: number, y: number): void;
+    /**
+     * Change the connection's coordinates.
+     * @param dx Change to x coordinate, in workspace units.
+     * @param dy Change to y coordinate, in workspace units.
+     */
+    moveBy(dx: number, dy: number): void;
+    /**
+     * Move this connection to the location given by its offset within the block
+     * and the location of the block's top left corner.
+     * @param blockTL The location of the top left corner of the block, in
+     *     workspace coordinates.
+     */
+    moveToOffset(blockTL: Coordinate): void;
+    /**
+     * Set the offset of this connection relative to the top left of its block.
+     * @param x The new relative x, in workspace units.
+     * @param y The new relative y, in workspace units.
+     */
+    setOffsetInBlock(x: number, y: number): void;
+    /**
+     * Get the offset of this connection relative to the top left of its block.
+     * @return The offset of the connection.
+     * @internal
+     */
+    getOffsetInBlock(): Coordinate;
+    /**
+     * Move the blocks on either side of this connection right next to each other.
+     * @internal
+     */
+    tighten(): void;
+    /**
+     * Find the closest compatible connection to this connection.
+     * All parameters are in workspace units.
+     * @param maxLimit The maximum radius to another connection.
+     * @param dxy Offset between this connection's location in the database and
+     *     the current location (as a result of dragging).
+     * @return Contains two properties: 'connection' which is either another
+     *     connection or null, and 'radius' which is the distance.
+     */
+    closest(maxLimit: number, dxy: Coordinate): {
+        connection: RenderedConnection | null;
+        radius: number;
+    };
+    /** Add highlighting around this connection. */
+    highlight(): void;
+    /** Remove the highlighting around this connection. */
+    unhighlight(): void;
+    /**
+     * Set whether this connections is tracked in the database or not.
+     * @param doTracking If true, start tracking. If false, stop tracking.
+     * @internal
+     */
+    setTracking(doTracking: boolean): void;
+    /**
+     * Stop tracking this connection, as well as all down-stream connections on
+     * any block attached to this connection. This happens when a block is
+     * collapsed.
+     *
+     * Also closes down-stream icons/bubbles.
+     * @internal
+     */
+    stopTrackingAll(): void;
+    /**
+     * Start tracking this connection, as well as all down-stream connections on
+     * any block attached to this connection. This happens when a block is
+     * expanded.
+     * @return List of blocks to render.
+     */
+    startTrackingAll(): Block[];
+    /**
+     * Behavior after a connection attempt fails.
+     * Bumps this connection away from the other connection. Called when an
+     * attempted connection fails.
+     * @param otherConnection Connection that this connection failed to connect
+     *     to.
+     * @internal
+     */
+    onFailedConnect(otherConnection: Connection): void;
+    /**
+     * Disconnect two blocks that are connected by this connection.
+     * @param parentBlock The superior block.
+     * @param childBlock The inferior block.
+     */
+    protected disconnectInternal_(parentBlock: Block, childBlock: Block): void;
+    /**
+     * Respawn the shadow block if there was one connected to the this connection.
+     * Render/rerender blocks as needed.
+     */
+    protected respawnShadow_(): void;
+    /**
+     * Find all nearby compatible connections to this connection.
+     * Type checking does not apply, since this function is used for bumping.
+     * @param maxLimit The maximum radius to another connection, in workspace
+     *     units.
+     * @return List of connections.
+     * @internal
+     */
+    neighbours(maxLimit: number): Connection[];
+    /**
+     * Connect two connections together.  This is the connection on the superior
+     * block.  Rerender blocks as needed.
+     * @param childConnection Connection on inferior block.
+     */
+    protected connect_(childConnection: Connection): void;
+    /**
+     * Function to be called when this connection's compatible types have changed.
+     */
+    protected onCheckChanged_(): void;
+}
+export declare namespace RenderedConnection {
+    /**
+     * Enum for different kinds of tracked states.
+     *
+     * WILL_TRACK means that this connection will add itself to
+     * the db on the next moveTo call it receives.
+     *
+     * UNTRACKED means that this connection will not add
+     * itself to the database until setTracking(true) is explicitly called.
+     *
+     * TRACKED means that this connection is currently being tracked.
+     */
+    enum TrackedState {
+        WILL_TRACK = -1,
+        UNTRACKED = 0,
+        TRACKED = 1
+    }
+}
+export declare type TrackedState = RenderedConnection.TrackedState;
+export declare const TrackedState: typeof RenderedConnection.TrackedState;