mirror of
https://github.com/google/blockly.git
synced 2026-01-10 10:27:08 +01:00
* 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
126 lines
3.6 KiB
TypeScript
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);
|