Files
blockly/core/renderers/geras/renderer.ts
Maribeth Bottorff 88ff901a72 chore: use prettier instead of clang-format (#7014)
* chore: add and configure prettier

* chore: remove clang-format

* chore: remove clang-format config

* chore: lint additional ts files

* chore: fix lint errors in blocks

* chore: add prettier-ignore where needed

* chore: ignore js blocks when formatting

* chore: fix playground html syntax

* chore: fix yaml spacing from merge

* chore: convert text blocks to use arrow functions

* chore: format everything with prettier

* chore: fix lint unused imports in blocks
2023-05-10 16:01:39 -07:00

126 lines
3.6 KiB
TypeScript

/**
* @license
* Copyright 2019 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import * as goog from '../../../closure/goog/goog.js';
goog.declareModuleId('Blockly.geras.Renderer');
import type {BlockSvg} from '../../block_svg.js';
import type {BlockStyle, Theme} from '../../theme.js';
import * as blockRendering from '../common/block_rendering.js';
import type {RenderInfo as BaseRenderInfo} from '../common/info.js';
import {Renderer as BaseRenderer} from '../common/renderer.js';
import {ConstantProvider} from './constants.js';
import {Drawer} from './drawer.js';
import {HighlightConstantProvider} from './highlight_constants.js';
import {RenderInfo} from './info.js';
import {PathObject} from './path_object.js';
/**
* The geras renderer. This renderer was designed to be backwards compatible
* with pre-2019 Blockly. Newer projects that are not constrained by backwards
* compatibility should use thrasos, which is a more modern take on this
* renderer.
*
* Geras is the ancient Greek spirit of old age.
*/
export class Renderer extends BaseRenderer {
/** The renderer's highlight constant provider. */
private highlightConstants: HighlightConstantProvider | null = null;
/**
* @param name The renderer name.
*/
constructor(name: string) {
super(name);
}
/**
* Initialize the renderer. Geras has a highlight provider in addition to
* the normal constant provider.
*/
override init(
theme: Theme,
opt_rendererOverrides?: {[rendererConstant: string]: any}
) {
super.init(theme, opt_rendererOverrides);
this.highlightConstants = this.makeHighlightConstants_();
this.highlightConstants.init();
}
override refreshDom(svg: SVGElement, theme: Theme) {
super.refreshDom(svg, theme);
this.getHighlightConstants().init();
}
override makeConstants_() {
return new ConstantProvider();
}
/**
* Create a new instance of the renderer's render info object.
*
* @param block The block to measure.
* @returns The render info object.
*/
protected override makeRenderInfo_(block: BlockSvg): RenderInfo {
return new RenderInfo(this, block);
}
/**
* Create a new instance of the renderer's drawer.
*
* @param block The block to render.
* @param info An object containing all information needed to render this
* block.
* @returns The drawer.
*/
protected override makeDrawer_(
block: BlockSvg,
info: BaseRenderInfo
): Drawer {
return new Drawer(block, info as RenderInfo);
}
/**
* Create a new instance of a renderer path object.
*
* @param root The root SVG element.
* @param style The style object to use for colouring.
* @returns The renderer path object.
*/
override makePathObject(root: SVGElement, style: BlockStyle): PathObject {
return new PathObject(root, style, this.getConstants() as ConstantProvider);
}
/**
* Create a new instance of the renderer's highlight constant provider.
*
* @returns The highlight constant provider.
*/
protected makeHighlightConstants_(): HighlightConstantProvider {
return new HighlightConstantProvider(this.getConstants());
}
/**
* Get the renderer's highlight constant provider. We assume that when this
* is called, the renderer has already been initialized.
*
* @returns The highlight constant provider.
*/
getHighlightConstants(): HighlightConstantProvider {
if (!this.highlightConstants) {
throw new Error(
'Cannot access the highlight constants because init has not ' +
'been called'
);
}
return this.highlightConstants;
}
}
blockRendering.register('geras', Renderer);