@vitrosoftware/common-ui-ts 1.1.122 → 1.1.123

package/lib/dxf-viewer/DxfScene.js

@@ -0,0 +1,2695 @@
+import {DynamicBuffer, NativeType} from "./DynamicBuffer.js"
+import {BatchingKey} from "./BatchingKey.js"
+import { Matrix3, Vector2 } from "/resource/dxfViewer/js/three/three.module.js"
+import {TextRenderer, ParseSpecialChars, HAlign, VAlign} from "./TextRenderer.js"
+import {RBTree} from "./RBTree.js"
+import {MTextFormatParser} from "./MTextFormatParser.js";
+import dimStyleCodes from './parser/DimStyleCodes.js'
+import {LinearDimension} from "./LinearDimension.js"
+//import { HatchCalculator, HatchStyle } from "./HatchCalculator.js"
+//import { LookupPattern, Pattern } from "./Pattern.js"
+//import "./patterns"
+
+export { Block, RenderBatch, BlockContext };
+
+
+
+
+/** Use 16-bit indices for indexed geometry. */
+const INDEXED_CHUNK_SIZE = 0x10000
+/** Arc angle for tessellating point circle shape. */
+const POINT_CIRCLE_TESSELLATION_ANGLE = 15 * Math.PI / 180
+const POINT_SHAPE_BLOCK_NAME = "__point_shape"
+/** Flatten a block if its total vertices count in all instances is less than this value. */
+const BLOCK_FLATTENING_VERTICES_THRESHOLD = 1024
+/** Number of subdivisions per spline point. */
+const SPLINE_SUBDIVISION = 4
+/** Limit hatch lines number to some reasonable value to mitigate hanging and out-of-memory issues
+ * on bad files.
+ */
+const MAX_HATCH_LINES = 20000
+/** Limit hatch segments number per line to some reasonable value to mitigate hanging and
+ * out-of-memory issues on bad files.
+ */
+const MAX_HATCH_SEGMENTS = 20000
+
+
+/** Default values for system variables. Entry may be either value or function to call for obtaining
+ * a value, the function `this` argument is DxfScene.
+ */
+const DEFAULT_VARS = {
+    /* https://knowledge.autodesk.com/support/autocad/learn-explore/caas/CloudHelp/cloudhelp/2016/ENU/AutoCAD-Core/files/GUID-A17A69D7-25EF-4F57-B4EB-D53A56AB909C-htm.html */
+    DIMTXT: function() {
+        //XXX should select value for imperial or metric units
+        return 2.5 //XXX 0.18 for imperial
+    },
+    DIMASZ: 2.5,//XXX 0.18 for imperial
+    DIMCLRD: 0,
+    DIMCLRE: 0,
+    DIMCLRT: 0,
+    DIMDEC: 2, //XXX 4 for imperial,
+    DIMDLE: 0,
+    DIMDSEP: ".".charCodeAt(0), //XXX "," for imperial,
+    DIMEXE: 1.25, //XXX 0.18 for imperial
+    DIMEXO: 0.625, // XXX 0.0625 for imperial
+    DIMFXL: 1,
+    DIMFXLON: false,
+    DIMGAP: 0.625,//XXX for imperial
+    DIMLFAC: 1,
+    DIMRND: 0,
+    DIMSAH: 0,
+    DIMSCALE: 1,
+    DIMSD1: 0,
+    DIMSD2: 0,
+    DIMSE1: 0,
+    DIMSE2: 0,
+    DIMSOXD: false,
+    DIMTSZ: 0,
+    DIMZIN: 8, //XXX 0 for imperial,
+}
+
+/** This class prepares an internal representation of a DXF file, optimized fo WebGL rendering. It
+ * is decoupled in such a way so that it should be possible to build it in a web-worker, effectively
+ * transfer it to the main thread, and easily apply it to a Three.js scene there.
+ */
+export class DxfScene {
+
+    constructor(options) {
+        this.options = Object.create(DxfScene.DefaultOptions)
+        if (options) {
+            Object.assign(this.options, options.sceneOptions)
+        }
+
+        /* Scene origin. All input coordinates are made local to this point to minimize precision
+        * loss.
+        */
+        this.origin = null
+        /* RBTree<BatchingKey, RenderBatch> */
+        this.batches = new RBTree((b1, b2) => b1.key.Compare(b2.key))
+        /* Indexed by layer name, value is layer object from parsed DXF. */
+        this.layers = new Map()
+        /* Indexed by block name, value is Block. */
+        this.blocks = new Map()
+        /** Indexed by dimension style name, value is DIMSTYLE object from parsed DXF. */
+        this.dimStyles = new Map()
+        /** Indexed by variable name (without leading '$'). */
+        this.vars = new Map()
+        this.fontStyles = new Map();
+        this.bounds = null
+        this.pointShapeBlock = null
+        this.numBlocksFlattened = 0
+        this.numEntitiesFiltered = 0
+    }
+
+    /** Build the scene from the provided parsed DXF.
+     * @param dxf {{}} Parsed DXF file.
+     * @param fontFetchers {?Function[]} List of font fetchers. Fetcher should return promise with
+     *  loaded font object (opentype.js). They are invoked only when necessary. Each glyph is being
+     *  searched sequentially in each provided font.
+     */
+    async Build(dxf, fontFetchers) {
+        const header = dxf.header || {}
+
+        for (const [name, value] of Object.entries(header)) {
+            if (name.startsWith("$")) {
+                this.vars.set(name.slice(1), value)
+            }
+        }
+
+        /* Zero angle direction, 0 is +X. */
+        this.angBase = this.vars.get("ANGBASE") ?? 0
+        /* 0 - CCW, 1 - CW */
+        this.angDir = this.vars.get("ANGDIR") ?? 0
+        this.pdSize = this.vars.get("PDSIZE") ?? 0
+        this.isMetric = (this.vars.get("MEASUREMENT") ?? 1) == 1
+
+        if(dxf.tables && dxf.tables.layer) {
+            for (const [, layer] of Object.entries(dxf.tables.layer.layers)) {
+                layer.displayName = ParseSpecialChars(layer.name)
+                this.layers.set(layer.name, layer)
+            }
+        }
+
+        if(dxf.tables && dxf.tables.dimstyle) {
+            for (const [, style] of Object.entries(dxf.tables.dimstyle.dimStyles)) {
+                this.dimStyles.set(style.name, style)
+            }
+        }
+
+        if (dxf.tables && dxf.tables.style) {
+            for (const [, style] of Object.entries(dxf.tables.style.styles)) {
+                this.fontStyles.set(style.styleName, style);
+            }
+        }
+
+        if (dxf.blocks) {
+            for (const [, block] of Object.entries(dxf.blocks)) {
+                this.blocks.set(block.name, new Block(block))
+            }
+        }
+
+        this.textRenderer = new TextRenderer(fontFetchers, this.options.textOptions)
+        this.hasMissingChars = false
+        await this._FetchFonts(dxf)
+
+        /* Scan all entities to analyze block usage statistics. */
+        for (const entity of dxf.entities) {
+            if (!this._FilterEntity(entity)) {
+                continue
+            }
+            if (entity.type === "INSERT") {
+                const block = this.blocks.get(entity.name)
+                block?.RegisterInsert(entity)
+
+            } else if (entity.type == "DIMENSION") {
+                if ((entity.block ?? null) !== null) {
+                    const block = this.blocks.get(entity.block)
+                    block?.RegisterInsert(entity)
+                }
+            }
+        }
+
+        for (const block of this.blocks.values()) {
+            if (block.data.hasOwnProperty("entities")) {
+                const blockCtx = block.DefinitionContext()
+                for (const entity of block.data.entities) {
+                    if (!this._FilterEntity(entity)) {
+                        continue
+                    }
+                    this._ProcessDxfEntity(entity, blockCtx)
+                }
+            }
+            if (block.SetFlatten()) {
+                this.numBlocksFlattened++
+            }
+        }
+        console.log(`${this.numBlocksFlattened} blocks flattened`)
+
+        for (const entity of dxf.entities) {
+            if (!this._FilterEntity(entity)) {
+                this.numEntitiesFiltered++
+                continue
+            }
+            this._ProcessDxfEntity(entity)
+        }
+        console.log(`${this.numEntitiesFiltered} entities filtered`)
+
+        this.scene = this._BuildScene()
+
+        delete this.batches
+        delete this.layers
+        delete this.blocks
+        delete this.textRenderer
+    }
+
+    /** @return False to suppress the specified entity, true to permit rendering. */
+    _FilterEntity(entity) {
+        return !this.options.suppressPaperSpace || !entity.inPaperSpace
+    }
+
+    async _FetchFonts(dxf) {
+
+        function IsTextEntity(entity) {
+            return entity.type === "TEXT" || entity.type === "MTEXT" ||
+                   entity.type === "DIMENSION" || entity.type === "ATTDEF" ||
+                   entity.type === "ATTRIB"
+        }
+
+        const ProcessEntity = async (entity) => {
+            if (!this._FilterEntity(entity)) {
+                return
+            }
+            let ret
+            if (entity.type === "TEXT" || entity.type === "ATTRIB" || entity.type === "ATTDEF") {
+                ret = await this.textRenderer.FetchFonts(ParseSpecialChars(entity.text))
+
+            } else if (entity.type === "MTEXT") {
+                const parser = new MTextFormatParser()
+                parser.Parse(entity.text)
+                ret = true
+                //XXX formatted MTEXT may specify some fonts explicitly, this is not yet supported
+                for (const text of parser.GetText()) {
+                    if (!await this.textRenderer.FetchFonts(ParseSpecialChars(text))) {
+                        ret = false
+                        break
+                    }
+                }
+
+            } else if (entity.type === "DIMENSION") {
+                ret = true
+                const dim = this._CreateLinearDimension(entity)
+                if (dim) {
+                    for (const text of dim.GetTexts()) {
+                        if (!await this.textRenderer.FetchFonts(text)) {
+                            ret = false
+                            break
+                        }
+                    }
+                }
+
+            } else {
+                throw new Error("Bad entity type")
+            }
+            if (!ret) {
+                this.hasMissingChars = true
+            }
+            return ret
+        }
+
+        for (const entity of dxf.entities) {
+            if (IsTextEntity(entity)) {
+                if (!await ProcessEntity(entity)) {
+                    /* Failing to resolve some character means that all fonts have been loaded and
+                     * checked. No mean to check the rest strings. However until it is encountered,
+                     * all strings should be checked, even if all fonts already loaded. This needed
+                     * to properly set hasMissingChars which allows displaying some warning in a
+                     * viewer.
+                     */
+                    return
+                }
+            }
+        }
+        for (const block of this.blocks.values()) {
+            if (block.data.hasOwnProperty("entities")) {
+                for (const entity of block.data.entities) {
+                    if (IsTextEntity(entity)) {
+                        if (!await ProcessEntity(entity)) {
+                            return
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    _ProcessDxfEntity(entity, blockCtx = null) {
+        let renderEntities
+        switch (entity.type) {
+        case "LINE":
+            renderEntities = this._DecomposeLine(entity, blockCtx)
+            break
+        case "POLYLINE":
+        case "LWPOLYLINE":
+            renderEntities = this._DecomposePolyline(entity, blockCtx)
+            break
+        case "ARC":
+            renderEntities = this._DecomposeArc(entity, blockCtx)
+            break
+        case "CIRCLE":
+            renderEntities = this._DecomposeCircle(entity, blockCtx)
+            break
+        case "ELLIPSE":
+            renderEntities = this._DecomposeEllipse(entity, blockCtx)
+            break
+        case "POINT":
+            renderEntities = this._DecomposePoint(entity, blockCtx)
+            break
+        case "SPLINE":
+            renderEntities = this._DecomposeSpline(entity, blockCtx)
+            break
+        case "INSERT":
+            /* Works with rendering batches without intermediate entities. */
+            this._ProcessInsert(entity, blockCtx)
+            return
+        case "TEXT":
+            renderEntities = this._DecomposeText(entity, blockCtx)
+            break
+        case "MTEXT":
+            renderEntities = this._DecomposeMText(entity, blockCtx)
+            break
+        case "3DFACE":
+            renderEntities = this._Decompose3DFace(entity, blockCtx)
+            break
+        case "SOLID":
+            renderEntities = this._DecomposeSolid(entity, blockCtx)
+            break
+        case "DIMENSION":
+            renderEntities = this._DecomposeDimension(entity, blockCtx)
+            break
+        case "ATTRIB":
+            renderEntities = this._DecomposeAttribute(entity, blockCtx)
+            break
+        case "HATCH":
+            renderEntities = this._DecomposeHatch(entity, blockCtx)
+            break
+        default:
+            console.log("Unhandled entity type: " + entity.type)
+            return
+        }
+        for (const renderEntity of renderEntities) {
+            this._ProcessEntity(renderEntity, blockCtx)
+        }
+    }
+    /**
+     * @param entity {Entity}
+     * @param blockCtx {?BlockContext}
+     */
+    _ProcessEntity(entity, blockCtx = null) {
+        switch (entity.type) {
+        case Entity.Type.POINTS:
+            this._ProcessPoints(entity, blockCtx)
+            break
+        case Entity.Type.LINE_SEGMENTS:
+            this._ProcessLineSegments(entity, blockCtx)
+            break
+        case Entity.Type.POLYLINE:
+            this._ProcessPolyline(entity, blockCtx)
+            break
+        case Entity.Type.TRIANGLES:
+            this._ProcessTriangles(entity, blockCtx)
+            break
+        default:
+            throw new Error("Unhandled entity type: " + entity.type)
+        }
+    }
+
+    /**
+     * @param entity
+     * @param vertex
+     * @param blockCtx {?BlockContext}
+     * @return {number}
+     */
+    _GetLineType(entity, vertex = null, blockCtx = null) {
+        //XXX lookup
+        return 0
+    }
+
+    /** Check if start/end with are not specified. */
+    _IsPlainLine(entity) {
+        return !Boolean(entity.startWidth || entity.endWidth)
+    }
+
+    *_DecomposeLine(entity, blockCtx) {
+        /* start/end width, bulge - seems cannot be present, at least with current parser */
+        if (entity.vertices.length !== 2) {
+            return
+        }
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const color = this._GetEntityColor(entity, blockCtx)
+        yield new Entity({
+            type: Entity.Type.LINE_SEGMENTS,
+            vertices: entity.vertices,
+            layer, color,
+            lineType: this._GetLineType(entity, entity.vertices[0])
+        })
+    }
+
+    /** Generate vertices for bulged line segment.
+     *
+     * @param vertices Generated vertices pushed here.
+     * @param startVtx Starting vertex. Assuming it is already present in the vertices array.
+     * @param endVtx Ending vertex.
+     * @param bulge Bulge value (see DXF specification).
+     */
+    _GenerateBulgeVertices(vertices, startVtx, endVtx, bulge) {
+        const a = 4 * Math.atan(bulge)
+        const aAbs = Math.abs(a)
+        if (aAbs < this.options.arcTessellationAngle) {
+            vertices.push(new Vector2(endVtx.x, endVtx.y))
+            return
+        }
+        const ha = a / 2
+        const sha = Math.sin(ha)
+        const cha = Math.cos(ha)
+        const d = {x: endVtx.x - startVtx.x, y: endVtx.y - startVtx.y}
+        const dSq = d.x * d.x + d.y * d.y
+        if (dSq < Number.MIN_VALUE * 2) {
+            /* No vertex is pushed since end vertex is duplicate of start vertex. */
+            return
+        }
+        const D = Math.sqrt(dSq)
+        let R = D / 2 / sha
+        d.x /= D
+        d.y /= D
+        const center = {
+            x: (d.x * sha - d.y * cha) * R + startVtx.x,
+            y: (d.x * cha + d.y * sha) * R + startVtx.y
+        }
+
+        let numSegments = Math.floor(aAbs / this.options.arcTessellationAngle)
+        if (numSegments < this.options.minArcTessellationSubdivisions) {
+            numSegments = this.options.minArcTessellationSubdivisions
+        }
+        if (numSegments > 1) {
+            const startAngle = Math.atan2(startVtx.y - center.y, startVtx.x - center.x)
+            const step = a / numSegments
+            if (a < 0) {
+                R = -R
+            }
+            for (let i = 1; i < numSegments; i++) {
+                const a = startAngle + i * step
+                const v = new Vector2(
+                    center.x + R * Math.cos(a),
+                    center.y + R * Math.sin(a)
+                )
+                vertices.push(v)
+            }
+        }
+        vertices.push(new Vector2(endVtx.x, endVtx.y))
+    }
+
+    /** Generate vertices for arc segment.
+     *
+     * @param vertices Generated vertices pushed here.
+     * @param {{x, y}} center  Center vector.
+     * @param {number} radius
+     * @param {?number} startAngle Start angle in radians. Zero if not specified. Arc is drawn in
+     *  CCW direction from start angle towards end angle.
+     * @param {?number} endAngle Optional end angle in radians. Full circle is drawn if not
+     *  specified.
+     * @param {?number} tessellationAngle Arc tessellation angle in radians, default value is taken
+     *  from scene options.
+     * @param {?number} yRadius Specify to get ellipse arc. `radius` parameter used as X radius.
+     * @param {?Matrix3} transform Optional transform matrix for the arc. Applied as last operation.
+     * @param {?number} rotation Optional rotation angle for generated arc. Mostly for ellipses.
+     * @param {?boolean} cwAngleDir Angles counted in clockwise direction from X positive direction.
+     * @return {Vector2[]} List of generated vertices.
+     */
+    _GenerateArcVertices({vertices, center, radius, startAngle = null, endAngle = null,
+                          tessellationAngle = null, yRadius = null, transform = null,
+                          rotation = null, ccwAngleDir = true}) {
+        if (!center || !radius) {
+            return
+        }
+        if (!tessellationAngle) {
+            tessellationAngle = this.options.arcTessellationAngle
+        }
+        if (yRadius === null) {
+            yRadius = radius
+        }
+        /* Normalize angles - make them starting from +X in CCW direction. End angle should be
+         * greater than start angle.
+         */
+        if (startAngle === undefined || startAngle === null) {
+            startAngle = 0
+        } else {
+            startAngle += this.angBase
+        }
+        let isClosed = false
+        if (endAngle === undefined || endAngle === null) {
+            endAngle = startAngle + 2 * Math.PI
+            isClosed = true
+        } else {
+            endAngle += this.angBase
+        }
+
+        //XXX this.angDir - not clear, seem in practice it does not alter arcs rendering.
+        if (!ccwAngleDir) {
+            const tmp = startAngle
+            startAngle = -endAngle
+            endAngle = -tmp
+        }
+
+        while (endAngle <= startAngle) {
+            endAngle += Math.PI * 2
+        }
+
+        const arcAngle = endAngle - startAngle
+
+        let numSegments = Math.floor(arcAngle / tessellationAngle)
+        if (numSegments === 0) {
+            numSegments = 1
+        }
+        const step = arcAngle / numSegments
+
+        let rotationTransform = null
+        if (rotation) {
+            rotationTransform = new Matrix3().makeRotation(rotation)
+        }
+
+        for (let i = 0; i <= numSegments; i++) {
+            if (i === numSegments && isClosed) {
+                break
+            }
+            let a
+            if (ccwAngleDir) {
+                a = startAngle + i * step
+            } else {
+                a = startAngle + (numSegments - i) * step
+            }
+            const v = new Vector2(radius * Math.cos(a), yRadius * Math.sin(a))
+
+            if (rotationTransform) {
+                v.applyMatrix3(rotationTransform)
+            }
+            v.add(center)
+            if (transform) {
+                v.applyMatrix3(transform)
+            }
+            vertices.push(v)
+        }
+    }
+
+    *_DecomposeArc(entity, blockCtx) {
+        const color = this._GetEntityColor(entity, blockCtx)
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const lineType = this._GetLineType(entity, null, blockCtx)
+        const vertices = []
+        this._GenerateArcVertices({vertices, center: entity.center, radius: entity.radius,
+                                   startAngle: entity.startAngle, endAngle: entity.endAngle,
+                                   transform: this._GetEntityExtrusionTransform(entity)})
+        yield new Entity({
+            type: Entity.Type.POLYLINE,
+            vertices, layer, color, lineType,
+            shape: entity.endAngle === undefined
+        })
+    }
+
+    *_DecomposeCircle(entity, blockCtx) {
+        const color = this._GetEntityColor(entity, blockCtx)
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const lineType = this._GetLineType(entity, null, blockCtx)
+        const vertices = []
+        this._GenerateArcVertices({vertices, center: entity.center, radius: entity.radius,
+                                   transform: this._GetEntityExtrusionTransform(entity)})
+        yield new Entity({
+            type: Entity.Type.POLYLINE,
+            vertices, layer, color, lineType,
+            shape: true
+        })
+    }
+
+    *_DecomposeEllipse(entity, blockCtx) {
+        const color = this._GetEntityColor(entity, blockCtx)
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const lineType = this._GetLineType(entity, null, blockCtx)
+        const vertices = []
+        const xR = Math.sqrt(entity.majorAxisEndPoint.x * entity.majorAxisEndPoint.x +
+                                 entity.majorAxisEndPoint.y * entity.majorAxisEndPoint.y)
+        const yR = xR * entity.axisRatio
+        const rotation = Math.atan2(entity.majorAxisEndPoint.y, entity.majorAxisEndPoint.x)
+
+        const startAngle = entity.startAngle ?? 0
+        let endAngle = entity.endAngle ?? startAngle + 2 * Math.PI
+        while (endAngle <= startAngle) {
+            endAngle += Math.PI * 2
+        }
+        const isClosed = (entity.endAngle ?? null) === null ||
+            Math.abs(endAngle - startAngle - 2 * Math.PI) < 1e-6
+
+        this._GenerateArcVertices({vertices, center: entity.center, radius: xR,
+                                   startAngle: entity.startAngle,
+                                   endAngle: isClosed ? null : entity.endAngle,
+                                   yRadius: yR,
+                                   rotation,
+                                   /* Assuming mirror transform if present, for ellipse it just
+                                    * reverses angle direction.
+                                    */
+                                   ccwAngleDir: !this._GetEntityExtrusionTransform(entity)})
+
+        yield new Entity({
+            type: Entity.Type.POLYLINE,
+            vertices, layer, color, lineType,
+            shape: isClosed
+        })
+    }
+
+    *_DecomposePoint(entity, blockCtx) {
+        if (this.pdMode === PdMode.NONE) {
+            /* Points not displayed. */
+            return
+        }
+        if (this.pdMode !== PdMode.DOT && this.pdSize <= 0) {
+            /* Currently not supported. */
+            return
+        }
+        const color = this._GetEntityColor(entity, blockCtx)
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const markType = this.pdMode & PdMode.MARK_MASK
+        const isShaped = (this.pdMode & PdMode.SHAPE_MASK) !== 0
+
+        if (isShaped) {
+            /* Shaped mark should be instanced. */
+            const key = new BatchingKey(layer, POINT_SHAPE_BLOCK_NAME,
+                                        BatchingKey.GeometryType.POINT_INSTANCE, color, 0)
+            const batch = this._GetBatch(key)
+            batch.PushVertex(this._TransformVertex(entity.position))
+            this._CreatePointShapeBlock()
+            return
+        }
+
+        if (markType === PdMode.DOT) {
+            yield new Entity({
+                type: Entity.Type.POINTS,
+                vertices: [entity.position],
+                layer, color,
+                lineType: null
+            })
+            return
+        }
+
+        const vertices = []
+        this._CreatePointMarker(vertices, markType, entity.position)
+        yield new Entity({
+            type: Entity.Type.LINE_SEGMENTS,
+            vertices, layer, color,
+            lineType: null
+        })
+    }
+
+    *_DecomposeAttribute(entity, blockCtx) {
+        if (!this.textRenderer.canRender) {
+            return;
+        }
+        const layer = this._GetEntityLayer(entity, blockCtx);
+        const color = this._GetEntityColor(entity, blockCtx);
+
+        const font = this.fontStyles.get(entity.textStyle);
+
+        yield* this.textRenderer.Render({
+            text: ParseSpecialChars(entity.text),
+            fontSize: entity.textHeight * entity.scale,
+            startPos: entity.startPoint,
+            endPos: entity.endPoint,
+            rotation: entity.rotation,
+            hAlign: entity.horizontalJustification,
+            vAlign: entity.verticalJustification,
+            widthFactor: font?.widthFactor,
+            color,
+            layer,
+        });
+    }
+
+
+    /** Create line segments for point marker.
+     * @param vertices
+     * @param markType
+     * @param position {?{x,y}} point center position, default is zero.
+     */
+    _CreatePointMarker(vertices, markType, position = null) {
+        const _this = this
+        function PushVertex(offsetX, offsetY) {
+            vertices.push({
+                x: (position?.x ?? 0) + offsetX * _this.pdSize * 0.5,
+                y: (position?.y ?? 0) + offsetY * _this.pdSize * 0.5
+            })
+        }
+
+        switch(markType) {
+        case PdMode.PLUS:
+            PushVertex(0, 1.5)
+            PushVertex(0, -1.5)
+            PushVertex(-1.5, 0)
+            PushVertex(1.5, 0)
+            break
+        case PdMode.CROSS:
+            PushVertex(-1, 1)
+            PushVertex(1, -1)
+            PushVertex(1, 1)
+            PushVertex(-1, -1)
+            break
+        case PdMode.TICK:
+            PushVertex(0, 1)
+            PushVertex(0, 0)
+            break
+        default:
+            console.warn("Unsupported point display type: " + markType)
+        }
+    }
+
+    /** Create point shape block if not yet done. */
+    _CreatePointShapeBlock() {
+        if (this.pointShapeBlock) {
+            return
+        }
+        /* This mimics DXF block entity. */
+        this.pointShapeBlock = new Block({
+            name: POINT_SHAPE_BLOCK_NAME,
+            position: { x: 0, y: 0}
+        })
+        /* Fix block origin at zero. */
+        this.pointShapeBlock.offset = new Vector2(0, 0)
+        const blockCtx = this.pointShapeBlock.DefinitionContext()
+
+        const markType = this.pdMode & PdMode.MARK_MASK
+        if (markType !== PdMode.DOT && markType !== PdMode.NONE) {
+            const vertices = []
+            this._CreatePointMarker(vertices, markType)
+            const entity = new Entity({
+                type: Entity.Type.LINE_SEGMENTS,
+                vertices,
+                color: ColorCode.BY_BLOCK
+            })
+            this._ProcessEntity(entity, blockCtx)
+        }
+
+        if (this.pdMode & PdMode.SQUARE) {
+            const r = this.pdSize * 0.5
+            const vertices = [
+                {x: -r, y: r},
+                {x: r, y: r},
+                {x: r, y: -r},
+                {x: -r, y: -r}
+            ]
+            const entity = new Entity({
+                type: Entity.Type.POLYLINE, vertices,
+                color: ColorCode.BY_BLOCK,
+                shape: true
+            })
+            this._ProcessEntity(entity, blockCtx)
+        }
+        if (this.pdMode & PdMode.CIRCLE) {
+            const vertices = []
+            this._GenerateArcVertices({vertices, center: {x: 0, y: 0},
+                                       radius: this.pdSize * 0.5,
+                                       tessellationAngle: POINT_CIRCLE_TESSELLATION_ANGLE})
+            const entity = new Entity({
+                type: Entity.Type.POLYLINE, vertices,
+                color: ColorCode.BY_BLOCK,
+                shape: true
+            })
+            this._ProcessEntity(entity, blockCtx)
+        }
+    }
+
+    *_Decompose3DFace(entity, blockCtx) {
+        yield *this._DecomposeFace(entity, entity.vertices, blockCtx, this.options.wireframeMesh)
+    }
+
+    *_DecomposeSolid(entity, blockCtx) {
+        yield *this._DecomposeFace(entity, entity.points, blockCtx, false,
+                                   this._GetEntityExtrusionTransform(entity))
+    }
+
+    *_DecomposeFace(entity, vertices, blockCtx, wireframe, transform = null) {
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const color = this._GetEntityColor(entity, blockCtx)
+
+        function IsValidTriangle(v1, v2, v3) {
+            const e1 = new Vector2().subVectors(v2, v1)
+            const e2 = new Vector2().subVectors(v3, v1)
+            const area = Math.abs(e1.cross(e2))
+            return area > Number.EPSILON
+        }
+
+        const v0 = new Vector2(vertices[0].x, vertices[0].y)
+        const v1 = new Vector2(vertices[1].x, vertices[1].y)
+        const v2 = new Vector2(vertices[2].x, vertices[2].y)
+        let v3 = null
+
+        let hasFirstTriangle = IsValidTriangle(v0, v1, v2)
+        let hasSecondTriangle = false
+
+        if (vertices.length > 3) {
+            /* Fourth vertex may be the same as one of the previous vertices, so additional triangle
+             * for degeneration.
+             */
+
+            v3 = new Vector2(vertices[3].x, vertices[3].y)
+            hasSecondTriangle = IsValidTriangle(v1, v3, v2)
+            if (transform) {
+                v3.applyMatrix3(transform)
+            }
+        }
+        if (transform) {
+            v0.applyMatrix3(transform)
+            v1.applyMatrix3(transform)
+            v2.applyMatrix3(transform)
+        }
+
+        if (!hasFirstTriangle && !hasSecondTriangle) {
+            return
+        }
+
+        if (wireframe) {
+            const _vertices = []
+            if (hasFirstTriangle && !hasSecondTriangle) {
+                _vertices.push(v0, v1, v2)
+            } else if (!hasFirstTriangle && hasSecondTriangle) {
+                _vertices.push(v1, v3, v2)
+            } else {
+                _vertices.push(v0, v1, v3, v2)
+            }
+            yield new Entity({
+                type: Entity.Type.POLYLINE,
+                vertices: _vertices, layer, color,
+                shape: true
+            })
+
+        } else {
+            const _vertices = []
+            const indices = []
+            if (hasFirstTriangle) {
+                _vertices.push(v0, v1, v2)
+                indices.push(0, 1, 2)
+            }
+            if (hasSecondTriangle) {
+                if (!hasFirstTriangle) {
+                    _vertices.push(v1, v2)
+                    indices.push(0, 1, 2)
+                } else {
+                    indices.push(1, 2, 3)
+                }
+                _vertices.push(v3)
+            }
+            yield new Entity({
+                type: Entity.Type.TRIANGLES,
+                vertices: _vertices, indices, layer, color
+            })
+        }
+    }
+
+    *_DecomposeText(entity, blockCtx) {
+        if (!this.textRenderer.canRender) {
+            return
+        }
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const color = this._GetEntityColor(entity, blockCtx)
+        yield* this.textRenderer.Render({
+            text: ParseSpecialChars(entity.text),
+            fontSize: entity.textHeight,
+            startPos: entity.startPoint,
+            endPos: entity.endPoint,
+            rotation: entity.rotation,
+            hAlign: entity.halign,
+            vAlign: entity.valign,
+            widthFactor: entity.xScale,
+            color, layer
+        })
+    }
+
+    *_DecomposeMText(entity, blockCtx) {
+        if (!this.textRenderer.canRender) {
+            return
+        }
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const color = this._GetEntityColor(entity, blockCtx)
+        const parser = new MTextFormatParser()
+        parser.Parse(ParseSpecialChars(entity.text))
+        yield* this.textRenderer.RenderMText({
+            formattedText: parser.GetContent(),
+            fontSize: entity.height,
+            position: entity.position,
+            rotation: entity.rotation,
+            direction: entity.direction,
+            attachment: entity.attachmentPoint,
+            lineSpacing: entity.lineSpacing,
+            width: entity.width,
+            color, layer
+        })
+    }
+
+    /**
+     * @return {?LinearDimension} Dimension handler instance, null if not possible to create from
+     * the provided entity.
+     */
+    _CreateLinearDimension(entity) {
+        const type = (entity.dimensionType || 0) & 0xf
+        /* For now support linear dimensions only. */
+        if ((type != 0 && type != 1) || !entity.linearOrAngularPoint1 ||
+            !entity.linearOrAngularPoint2 || !entity.anchorPoint) {
+
+            return null
+        }
+
+        let style = null
+        if (entity.hasOwnProperty("styleName")) {
+            style = this.dimStyles.get(entity.styleName)
+        }
+
+        const dim = new LinearDimension({
+            p1: new Vector2().copy(entity.linearOrAngularPoint1),
+            p2: new Vector2().copy(entity.linearOrAngularPoint2),
+            anchor: new Vector2().copy(entity.anchorPoint),
+            isAligned: type == 1,
+            angle: entity.angle,
+            text: entity.text,
+            textAnchor: entity.middleOfText ? new Vector2().copy(entity.middleOfText) : null,
+            textRotation: entity.textRotation
+
+        /* styleResolver */
+        }, valueName => {
+            return this._GetDimStyleValue(valueName, entity, style)
+
+        /* textWidthCalculator */
+        }, (text, fontSize) => {
+            return this.textRenderer.GetLineWidth(text, fontSize)
+        })
+
+        if (!dim.IsValid) {
+            console.warn("Invalid dimension geometry detected for " + entity.handle)
+            return null
+        }
+
+        return dim
+    }
+
+    *_DecomposeDimension(entity, blockCtx) {
+        if ((entity.block ?? null) !== null && this.blocks.has(entity.block)) {
+            /* Dimension may have pre-rendered block attached. Then just render this block instead
+             * of synthesizing dimension geometry from parameters.
+             *
+             * Create dummy INSERT entity.
+             */
+            const insert = {
+                name: entity.block,
+                position: {x: 0, y: 0},
+                layer: entity.layer,
+                color: entity.color,
+                colorIndex: entity.colorIndex
+            }
+            this._ProcessInsert(insert, blockCtx)
+            return
+        }
+
+        /* https://ezdxf.readthedocs.io/en/stable/tutorials/linear_dimension.html
+         * https://ezdxf.readthedocs.io/en/stable/tables/dimstyle_table_entry.html
+         */
+
+        const dim = this._CreateLinearDimension(entity)
+        if (!dim) {
+            return
+        }
+
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const color = this._GetEntityColor(entity, blockCtx)
+        const transform = this._GetEntityExtrusionTransform(entity)
+
+        const layout = dim.GenerateLayout()
+
+        for (const line of layout.lines) {
+            const vertices = []
+
+            if (transform) {
+                line.start.applyMatrix3(transform)
+                line.end.applyMatrix3(transform)
+            }
+            vertices.push(line.start, line.end)
+
+            yield new Entity({
+                type: Entity.Type.LINE_SEGMENTS,
+                vertices,
+                layer,
+                color: line.color ?? color
+            })
+        }
+
+        for (const triangle of layout.triangles) {
+            if (transform) {
+                for (const v of triangle.vertices) {
+                    v.applyMatrix3(transform)
+                }
+            }
+
+            yield new Entity({
+                type: Entity.Type.TRIANGLES,
+                vertices: triangle.vertices,
+                indices: triangle.indices,
+                layer,
+                color: triangle.color ?? color
+            })
+        }
+
+        if (this.textRenderer.canRender) {
+            for (const text of layout.texts) {
+                if (transform) {
+                    //XXX does not affect text rotation and mirroring
+                    text.position.applyMatrix3(transform)
+                }
+                yield* this.textRenderer.Render({
+                    text: text.text,
+                    fontSize: text.size,
+                    startPos: text.position,
+                    rotation: text.angle,
+                    hAlign: HAlign.CENTER,
+                    vAlign: VAlign.MIDDLE,
+                    color: text.color ?? color,
+                    layer
+                })
+            }
+        }
+    }
+
+    *_DecomposeHatch(entity, blockCtx) {
+        if (entity.isSolid) {
+            //XXX solid hatch not yet supported
+            return
+        }
+
+        const style = entity.hatchStyle ?? 0
+
+        if (style != HatchStyle.ODD_PARITY && style != HatchStyle.THROUGH_ENTIRE_AREA) {
+            //XXX other styles not yet supported
+            return
+        }
+
+        const boundaryLoops = this._GetHatchBoundaryLoops(entity)
+        if (boundaryLoops.length == 0) {
+            console.warn("HATCH entity with empty boundary loops array " +
+                "(perhaps some loop types are not implemented yet)")
+            return
+        }
+
+        const calc = new HatchCalculator(boundaryLoops, style)
+
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const color = this._GetEntityColor(entity, blockCtx)
+        const transform = this._GetEntityExtrusionTransform(entity)
+
+        let pattern = null
+        if (entity.patternName) {
+            pattern = LookupPattern(entity.patternName, this.isMetric)
+            if (!pattern) {
+                console.log(`Hatch pattern with name ${entity.patternName} not found ` +
+                            `(metric: ${this.isMetric})`)
+            }
+        }
+        if (pattern == null && entity.definitionLines) {
+            pattern = new Pattern(entity.definitionLines)
+        }
+        if (pattern == null) {
+            pattern = LookupPattern("ANSI31")
+        }
+        if (!pattern) {
+            return
+        }
+
+        const seedPoints = entity.seedPoints ? entity.seedPoints : [{x: 0, y: 0}]
+
+        for (const seedPoint of seedPoints) {
+
+            const patTransform = calc.GetPatternTransform({
+                seedPoint,
+                angle: entity.patternAngle,
+                scale: entity.patternScale
+            })
+
+            for (const line of pattern.lines) {
+
+                let offsetX = line.offset.x
+                let offsetY = line.offset.y
+
+                /* Normalize offset so that Y is always non-negative. Inverting offset vector
+                 * direction does not change lines positions.
+                 */
+                if (offsetY < 0) {
+                    offsetY = -offsetY
+                    offsetX = -offsetX
+                }
+
+                const lineTransform = calc.GetLineTransform({
+                    patTransform,
+                    basePoint: line.base,
+                    angle: line.angle ?? 0
+                })
+
+                const bbox = calc.GetBoundingBox(lineTransform)
+                const margin = (bbox.max.x - bbox.min.x) * 0.05
+
+                /* First determine range of line indices. Line with index 0 goes through base point
+                 * (which is [0; 0] in line coordinates system). Line with index `n`` starts in `n`
+                 * offset vectors added to the base point.
+                 */
+                let minLineIdx, maxLineIdx
+                if (offsetY == 0) {
+                    /* Degenerated to single line. */
+                    minLineIdx = 0
+                    maxLineIdx = 0
+                } else {
+                    minLineIdx = Math.ceil(bbox.min.y / offsetY)
+                    maxLineIdx = Math.floor(bbox.max.y / offsetY)
+                }
+
+                if (maxLineIdx - minLineIdx > MAX_HATCH_LINES) {
+                    console.warn("Too many lines produced by hatching pattern")
+                    continue
+                }
+
+                let dashPatLength
+                if (line.dashes && line.dashes.length > 1) {
+                    dashPatLength = 0
+                    for (const dash of line.dashes) {
+                        if (dash < 0) {
+                            dashPatLength -= dash
+                        } else {
+                            dashPatLength += dash
+                        }
+                    }
+                } else {
+                    dashPatLength = null
+                }
+
+                const ocsTransform = lineTransform.clone().invert()
+
+                for (let lineIdx = minLineIdx; lineIdx <= maxLineIdx; lineIdx++) {
+                    const y = lineIdx * offsetY
+                    const xBase = lineIdx * offsetX
+
+                    const xStart = bbox.min.x - margin
+                    const xEnd = bbox.max.x + margin
+                    const lineLength = xEnd - xStart
+                    const start = new Vector2(xStart, y).applyMatrix3(ocsTransform)
+                    const end = new Vector2(xEnd, y).applyMatrix3(ocsTransform)
+                    const lineVec = end.clone().sub(start)
+                    const clippedSegments = calc.ClipLine([start, end])
+
+                    function GetParam(x) {
+                        return (x - xStart) / lineLength
+                    }
+
+                    function RenderSegment(seg) {
+                        const p1 = lineVec.clone().multiplyScalar(seg[0]).add(start)
+                        const p2 = lineVec.clone().multiplyScalar(seg[1]).add(start)
+                        if (transform) {
+                            p1.applyMatrix3(transform)
+                            p2.applyMatrix3(transform)
+                        }
+                        if (seg[1] - seg[0] <= Number.EPSILON) {
+                            return new Entity({
+                                type: Entity.Type.POINTS,
+                                vertices: [p1],
+                                layer, color
+                            })
+                        }
+                        return new Entity({
+                            type: Entity.Type.LINE_SEGMENTS,
+                            vertices: [p1, p2],
+                            layer, color
+                        })
+                    }
+
+                    /** Clip segment against `clippedSegments`. */
+                    function *ClipSegment(segStart, segEnd) {
+                        for (const seg of clippedSegments) {
+                            if (seg[0] >= segEnd) {
+                                return
+                            }
+                            if (seg[1] <= segStart) {
+                                continue
+                            }
+                            const _start = Math.max(segStart, seg[0])
+                            const _end = Math.min(segEnd, seg[1])
+                            yield [_start, _end]
+                            segStart = _end
+                        }
+                    }
+
+                    /* Determine range for segment indices. One segment is one full sequence of
+                     * dashes. In case there is no dashes (solid line), just use hatch bounds.
+                     */
+                    if (dashPatLength !== null) {
+                        let minSegIdx = Math.floor((xStart - xBase) / dashPatLength)
+                        let maxSegIdx = Math.floor((xEnd - xBase) / dashPatLength)
+                        if (maxSegIdx - minSegIdx >= MAX_HATCH_SEGMENTS) {
+                            console.warn("Too many segments produced by hatching pattern line")
+                            continue
+                        }
+
+                        for (let segIdx = minSegIdx; segIdx <= maxSegIdx; segIdx++) {
+                            let segStartParam = GetParam(xBase + segIdx * dashPatLength)
+
+                            for (let dashLength of line.dashes) {
+                                const isSpace = dashLength < 0
+                                if (isSpace) {
+                                    dashLength = - dashLength
+                                }
+                                const dashLengthParam = dashLength / lineLength
+                                if (!isSpace) {
+                                    for (const seg of ClipSegment(segStartParam,
+                                                                  segStartParam + dashLengthParam)) {
+                                        yield RenderSegment(seg)
+                                    }
+                                }
+                                segStartParam += dashLengthParam
+                            }
+                        }
+
+                    } else {
+                        /* Single solid line. */
+                        for (const seg of clippedSegments) {
+                            yield RenderSegment(seg)
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    /** @return {Vector2[][]} Each loop is a list of points in OCS coordinates. */
+    _GetHatchBoundaryLoops(entity) {
+        if (!entity.boundaryLoops) {
+            return []
+        }
+
+        const result = []
+
+        const AddPoints = (vertices, points) => {
+            const n = points.length
+            if (n == 0) {
+                return
+            }
+            if (vertices.length == 0) {
+                vertices.push(points[0])
+            } else {
+                const lastPt = vertices[vertices.length - 1]
+                if (lastPt.x != points[0].x || lastPt.y != points[0].y) {
+                    vertices.push(points[0])
+                }
+            }
+            for (let i = 1; i < n; i++) {
+                vertices.push(points[i])
+            }
+        }
+
+        for (const loop of entity.boundaryLoops) {
+            const vertices = []
+
+            //XXX handle external references
+
+            if (loop.type & 2) {
+                /* Polyline. */
+                for (let vtxIdx = 0; vtxIdx < loop.polyline.vertices.length; vtxIdx++) {
+                    const vtx = loop.polyline.vertices[vtxIdx]
+                    if ((vtx.bulge ?? 0) == 0) {
+                        vertices.push(new Vector2(vtx.x, vtx.y))
+                    } else {
+                        const prevVtx = loop.polyline.vertices[vtxIdx == 0 ?
+                            loop.polyline.vertices.length - 1 : vtxIdx - 1]
+                        if ((prevVtx.bulge ?? 0) == 0) {
+                            /* Start vertex is not produced by _GenerateBulgeVertices(). */
+                            vertices.push(new Vector2(vtx.x, vtx.y))
+                        }
+                        const nextVtx = loop.polyline.vertices[
+                            vtxIdx == loop.polyline.vertices.length - 1 ? 0 : vtxIdx + 1]
+                        this._GenerateBulgeVertices(vertices, vtx, nextVtx, vtx.bulge)
+                    }
+                }
+
+            } else if (loop.edges && loop.edges.length > 0) {
+                for (const edge of loop.edges) {
+                    switch (edge.type) {
+                    case 1:
+                        /* Line segment. */
+                        AddPoints(vertices, [new Vector2(edge.start.x, edge.start.y),
+                                             new Vector2(edge.end.x, edge.end.y)])
+                        break
+                    case 2: {
+                        /* Circular arc. */
+                        const arcVertices = []
+                        this._GenerateArcVertices({
+                            vertices: arcVertices,
+                            center: edge.start,
+                            radius: edge.radius,
+                            startAngle: edge.startAngle,
+                            endAngle: edge.endAngle,
+                            ccwAngleDir: edge.isCcw
+                        })
+                        AddPoints(vertices, arcVertices)
+                        break
+                    }
+                    case 3: {
+                        /* Elliptic arc. */
+                        const center = edge.start
+                        const majorAxisEndPoint = edge.end
+                        const xR = Math.sqrt(majorAxisEndPoint.x * majorAxisEndPoint.x +
+                                             majorAxisEndPoint.y * majorAxisEndPoint.y)
+                        const axisRatio = edge.radius
+                        const yR = xR * axisRatio
+                        const rotation = Math.atan2(majorAxisEndPoint.y, majorAxisEndPoint.x)
+                        const arcVertices = []
+                        this._GenerateArcVertices({
+                            vertices: arcVertices,
+                            center,
+                            radius: xR,
+                            startAngle: edge.startAngle,
+                            endAngle: edge.endAngle,
+                            yRadius: yR,
+                            ccwAngleDir: edge.isCcw
+                        })
+                        if (rotation !== 0) {
+                            //XXX should account angDir?
+                            const cos = Math.cos(rotation)
+                            const sin = Math.sin(rotation)
+                            for (const v of arcVertices) {
+                                const tx = v.x - center.x
+                                const ty = v.y - center.y
+                                /* Rotate the vertex around the ellipse center point. */
+                                v.x = tx * cos - ty * sin + center.x
+                                v.y = tx * sin + ty * cos + center.y
+                            }
+                        }
+                        AddPoints(vertices, arcVertices)
+                        break;
+                    }
+                    case 4:
+                        /* Spline. */
+                        const controlPoints = edge.controlPoints.map(p => [p.x, p.y])
+                        const subdivisions = controlPoints.length * SPLINE_SUBDIVISION
+                        const step = 1 / subdivisions
+                        for (let i = 0; i <= subdivisions; i++) {
+                            const pt = this._InterpolateSpline(i * step, edge.degreeOfSplineCurve,
+                                                               controlPoints,
+                                                               edge.knotValues)
+                            vertices.push(new Vector2(pt[0],pt[1]))
+                        }
+                        break;
+                    default:
+                        console.warn("Unhandled hatch boundary loop edge type: " + edge.type)
+                    }
+                }
+            }
+
+            if (vertices.length > 2) {
+                const first = vertices[0]
+                const last = vertices[vertices.length - 1]
+                if (last.x == first.x && last.y == first.y) {
+                    vertices.length = vertices.length - 1
+                }
+            }
+            if (vertices.length > 2) {
+                result.push(vertices)
+            }
+        }
+
+        return result
+    }
+
+    _GetDimStyleValue(valueName, entity, style) {
+        const entries = entity?.xdata?.ACAD?.DSTYLE?.values
+        if (entries) {
+            let isVarCode = true
+            let found = false
+            for (const e of entries) {
+                if (isVarCode) {
+                    if (e.code != 1070) {
+                        /* Unexpected group code. */
+                        break
+                    }
+                    if (dimStyleCodes.get(e.value) == valueName) {
+                        found = true
+                    }
+                } else if (found) {
+                    return e.value
+                }
+                isVarCode = !isVarCode
+            }
+        }
+        if (style && style.hasOwnProperty(valueName)) {
+            return style[valueName]
+        }
+        if (this.vars.has(valueName)) {
+            return this.vars.get(valueName)
+        }
+        if (DEFAULT_VARS.hasOwnProperty(valueName)) {
+            const value = DEFAULT_VARS[valueName]
+            if (value instanceof Function) {
+                return value.call(this)
+            }
+            return value
+        }
+        return null
+    }
+
+    /**
+     * Updates batches directly.
+     * @param entity
+     * @param blockCtx {?BlockContext} Nested block insert when non-null.
+     */
+    _ProcessInsert(entity, blockCtx = null) {
+        if (blockCtx) {
+            //XXX handle indirect recursion
+            if (blockCtx.name === entity.name) {
+                console.warn("Recursive block reference: " + blockCtx.name)
+                return
+            }
+            /* Flatten nested blocks definition. */
+            const block = this.blocks.get(entity.name)
+            if (!block) {
+                console.warn("Unresolved nested block reference: " + entity.name)
+            }
+            const nestedCtx = blockCtx.NestedBlockContext(block, entity)
+            if (block.data.entities) {
+                for (const entity of block.data.entities) {
+                    this._ProcessDxfEntity(entity, nestedCtx)
+                }
+            }
+            return
+        }
+
+        const block = this.blocks.get(entity.name)
+        if (block === null) {
+            console.warn("Unresolved block reference in INSERT: " + entity.name)
+            return
+        }
+        if (!block.HasGeometry()) {
+            return
+        }
+
+        const layer = this._GetEntityLayer(entity, null)
+        const color = this._GetEntityColor(entity, null)
+        const lineType = this._GetLineType(entity, null, null)
+        //XXX apply extrusion direction
+        const transform = block.InstantiationContext().GetInsertionTransform(entity)
+
+        /* Update bounding box and origin with transformed block bounds corner points. */
+        const bounds = block.bounds
+        this._UpdateBounds(new Vector2(bounds.minX, bounds.minY).applyMatrix3(transform))
+        this._UpdateBounds(new Vector2(bounds.maxX, bounds.maxY).applyMatrix3(transform))
+        this._UpdateBounds(new Vector2(bounds.minX, bounds.maxY).applyMatrix3(transform))
+        this._UpdateBounds(new Vector2(bounds.maxX, bounds.minY).applyMatrix3(transform))
+
+        transform.translate(-this.origin.x, -this.origin.y)
+        //XXX grid instancing not supported yet
+        if (block.flatten) {
+            for (const batch of block.batches) {
+                this._FlattenBatch(batch, layer, color, lineType, transform)
+            }
+        } else {
+            const key = new BatchingKey(layer, entity.name, BatchingKey.GeometryType.BLOCK_INSTANCE,
+                                        color, lineType)
+            const batch = this._GetBatch(key)
+            batch.PushInstanceTransform(transform)
+        }
+    }
+
+    /** Flatten block definition batch. It is merged into suitable instant rendering batch. */
+    _FlattenBatch(blockBatch, layerName, blockColor, blockLineType, transform) {
+        const layer = this.layers.get(layerName)
+        let color, lineType = 0
+        if (blockBatch.key.color === ColorCode.BY_BLOCK) {
+            color = blockColor
+        } else if (blockBatch.key.color === ColorCode.BY_LAYER) {
+            color = layer?.color ?? 0
+        } else {
+            color = blockBatch.key.color
+        }
+        //XXX line type
+        const key = new BatchingKey(layerName, null, blockBatch.key.geometryType, color, lineType)
+        const batch = this._GetBatch(key)
+        batch.Merge(blockBatch, transform)
+    }
+
+    /**
+     * Generate entities for shaped polyline (e.g. line resulting in mesh). All segments are shaped
+     * (have start/end width). Segments may be bulge.
+     * @param vertices
+     * @param layer
+     * @param color
+     * @param lineType
+     * @param shape {Boolean} True if closed polyline.
+     * @return {Generator<Entity>}
+     */
+    *_GenerateShapedPolyline(vertices, layer, color, lineType, shape) {
+        //XXX
+        yield new Entity({
+                             type: Entity.Type.POLYLINE,
+                             vertices,
+                             layer,
+                             color,
+                             lineType,
+                             shape
+                         })
+    }
+
+    /** Mirror entity vertices if necessary in case of extrusionDirection with negative Z specified.
+     *
+     * @param entity Entity to check.
+     * @param vertices {?{x,y}[]} Vertices array to use instead of entity vertices attribute.
+     * @return {{x,y}[]} Vertices array with mirrored X if necessary. All attributes preserved.
+     */
+    _MirrorEntityVertices(entity, vertices = null) {
+        if (!entity.extrusionDirection || entity.extrusionDirection.z >= 0) {
+            return vertices ?? entity.vertices
+        }
+        if (!vertices || vertices === entity.vertices) {
+            vertices = entity.vertices.slice()
+        }
+        const n = vertices.length
+        for (let i = 0; i < n; i++) {
+            const v = vertices[i]
+            const _v = {x: -v.x}
+            for (const propName in v) {
+                if (!v.hasOwnProperty(propName)) {
+                    continue
+                }
+                if (propName !== "x") {
+                    _v[propName] = v[propName]
+                }
+            }
+            vertices[i] = _v
+        }
+        return vertices
+    }
+
+    *_DecomposePolyline(entity, blockCtx = null) {
+
+        if (entity.isPolyfaceMesh) {
+            yield *this._DecomposePolyfaceMesh(entity, blockCtx)
+            return
+        }
+
+        let entityVertices, verticesCount
+        if (entity.includesCurveFitVertices || entity.includesSplineFitVertices) {
+            entityVertices = entity.vertices.filter(v => v.splineVertex || v.curveFittingVertex)
+            verticesCount = entityVertices.length
+        } else {
+            entityVertices = entity.vertices
+            verticesCount = entity.vertices.length
+        }
+        if (verticesCount < 2) {
+            return
+        }
+        entityVertices = this._MirrorEntityVertices(entity, entityVertices)
+        const color = this._GetEntityColor(entity, blockCtx)
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const _this = this
+        let startIdx = 0
+        let curPlainLine = this._IsPlainLine(entityVertices[0])
+        let curLineType = this._GetLineType(entity, entityVertices[0], blockCtx)
+        let curVertices = null
+
+        function *CommitSegment(endIdx) {
+            if (endIdx === startIdx) {
+                return
+            }
+            let isClosed = false
+            let vertices = curVertices
+            if (endIdx === verticesCount && startIdx === 0) {
+                isClosed = true
+                if (vertices === null) {
+                    vertices = entityVertices
+                }
+            } else if (endIdx === verticesCount - 1 && startIdx === 0) {
+                if (vertices === null) {
+                    vertices = entityVertices
+                }
+            } else if (endIdx === verticesCount) {
+                if (vertices === null) {
+                    vertices = entityVertices.slice(startIdx, endIdx)
+                    vertices.push(entityVertices[0])
+                }
+            } else {
+                if (vertices === null) {
+                    vertices = entityVertices.slice(startIdx, endIdx + 1)
+                }
+            }
+
+            if (curPlainLine) {
+                yield new Entity({
+                                     type: Entity.Type.POLYLINE,
+                                     vertices, layer, color,
+                                     lineType: curLineType,
+                                     shape: isClosed
+                                 })
+            } else {
+                yield* _this._GenerateShapedPolyline(vertices, layer, color, curLineType, isClosed)
+            }
+
+            startIdx = endIdx
+            if (endIdx !== verticesCount) {
+                curPlainLine = _this._IsPlainLine(entityVertices[endIdx])
+                curLineType = _this._GetLineType(entity, entityVertices[endIdx])
+            }
+            curVertices = null
+        }
+
+        for (let vIdx = 1; vIdx <= verticesCount; vIdx++) {
+            const prevVtx = entityVertices[vIdx - 1]
+            let vtx
+            if (vIdx === verticesCount) {
+                if (!entity.shape) {
+                    yield* CommitSegment(vIdx - 1)
+                    break
+                }
+                vtx = entityVertices[0]
+            } else {
+                vtx = entityVertices[vIdx]
+            }
+
+            if (Boolean(prevVtx.bulge) && curPlainLine) {
+                if (curVertices === null) {
+                    curVertices = entityVertices.slice(startIdx, vIdx)
+                }
+                this._GenerateBulgeVertices(curVertices, prevVtx, vtx, prevVtx.bulge)
+            } else if (curVertices !== null) {
+                curVertices.push(vtx)
+            }
+
+            if (vIdx === verticesCount) {
+                yield* CommitSegment(vIdx)
+                break
+            }
+
+            const isPlainLine = this._IsPlainLine(vtx)
+            const lineType = this._GetLineType(entity, vtx)
+            if (isPlainLine !== curPlainLine ||
+                /* Line type is accounted for plain lines only. */
+                (curPlainLine && lineType !== curLineType)) {
+
+                yield* CommitSegment(vIdx)
+            }
+        }
+    }
+
+    *_DecomposePolyfaceMesh(entity, blockCtx = null) {
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const color = this._GetEntityColor(entity, blockCtx)
+
+        const vertices = []
+        const faces = []
+
+        for (const v of entity.vertices) {
+            if (v.faces) {
+                const face = {
+                    indices: [],
+                    hiddenEdges: []
+                }
+                for (const vIdx of v.faces) {
+                    if (vIdx == 0) {
+                        break
+                    }
+                    face.indices.push(vIdx < 0 ? -vIdx - 1 : vIdx - 1)
+                    face.hiddenEdges.push(vIdx < 0)
+                }
+                if (face.indices.length == 3 || face.indices.length == 4) {
+                    faces.push(face)
+                }
+            } else {
+                vertices.push(new Vector2(v.x, v.y))
+            }
+        }
+
+        const polylines = []
+        const CommitLineSegment = (startIdx, endIdx) => {
+            if (polylines.length > 0) {
+                const prev = polylines[polylines.length - 1]
+                if (prev.indices[prev.indices.length - 1] == startIdx) {
+                    prev.indices.push(endIdx)
+                    return
+                }
+                if (prev.indices[0] == prev.indices[prev.indices.length - 1]) {
+                    prev.isClosed = true
+                }
+            }
+            polylines.push({
+                indices: [startIdx, endIdx],
+                isClosed: false
+            })
+        }
+
+        for (const face of faces) {
+
+            if (this.options.wireframeMesh) {
+                for (let i = 0; i < face.indices.length; i++) {
+                    if (face.hiddenEdges[i]) {
+                        continue
+                    }
+                    const nextIdx = i < face.indices.length - 1 ? i + 1 : 0
+                    CommitLineSegment(face.indices[i], face.indices[nextIdx])
+                }
+
+            } else {
+                let indices
+                if (face.indices.length == 3) {
+                    indices = face.indices
+                } else {
+                    indices = [face.indices[0], face.indices[1], face.indices[2],
+                               face.indices[0], face.indices[2], face.indices[3]]
+                }
+                yield new Entity({
+                    type: Entity.Type.TRIANGLES,
+                    vertices, indices, layer, color
+                })
+            }
+        }
+
+        if (this.options.wireframeMesh) {
+            for (const pl of polylines) {
+                if (pl.length == 2) {
+                    yield new Entity({
+                        type: Entity.Type.LINE_SEGMENTS,
+                        vertices: [vertices[pl.indices[0]], vertices[pl.indices[1]]],
+                        layer, color
+                    })
+                } else {
+                    const _vertices = []
+                    for (const vIdx of pl.indices) {
+                        _vertices.push(vertices[vIdx])
+                    }
+                    yield new Entity({
+                        type: Entity.Type.POLYLINE,
+                        vertices: _vertices, layer, color,
+                        shape: pl.isClosed
+                    })
+                }
+            }
+        }
+    }
+
+    *_DecomposeSpline(entity, blockCtx = null) {
+        const color = this._GetEntityColor(entity, blockCtx)
+        const layer = this._GetEntityLayer(entity, blockCtx)
+        const lineType = this._GetLineType(entity, null, blockCtx)
+        const controlPoints = entity.controlPoints.map(p => [p.x, p.y])
+        const vertices = []
+        const subdivisions = controlPoints.length * SPLINE_SUBDIVISION
+        const step = 1 / subdivisions
+        for (let i = 0; i <= subdivisions; i++) {
+            const pt = this._InterpolateSpline(i * step, entity.degreeOfSplineCurve, controlPoints,
+                                               entity.knotValues)
+            vertices.push({x: pt[0], y: pt[1]})
+        }
+        //XXX extrusionDirection (normalVector) transform?
+        yield new Entity({type: Entity.Type.POLYLINE, vertices, layer, color, lineType})
+    }
+
+    /** Get a point on a B-spline.
+     * https://github.com/thibauts/b-spline
+     * @param t {number} Point position on spline, [0..1].
+     * @param degree {number} B-spline degree.
+     * @param points {number[][]} Control points. Each point should have the same dimension which
+     *  defines dimension of the result.
+     * @param knots {?number[]} Knot vector. Should have size `points.length + degree + 1`. Default
+     *  is uniform spline.
+     * @param weights {?number} Optional weights vector.
+     * @return {number[]} Resulting point on the specified position.
+     */
+    _InterpolateSpline(t, degree, points, knots = null, weights = null) {
+        let i, j, s, l             // function-scoped iteration variables
+        const n = points.length    // points count
+        const d = points[0].length // point dimensionality
+
+        if (degree < 1) {
+            throw new Error("Degree must be at least 1 (linear)")
+        }
+        if (degree > (n - 1)) {
+            throw new Error("Degree must be less than or equal to point count - 1")
+        }
+
+        if (!weights) {
+            // build weight vector of length [n]
+            weights = []
+            for(i = 0; i < n; i++) {
+                weights[i] = 1
+            }
+        }
+
+        if (!knots) {
+            // build knot vector of length [n + degree + 1]
+            knots = []
+            for(i = 0; i < n + degree + 1; i++) {
+                knots[i] = i
+            }
+        } else {
+            if (knots.length !== n + degree + 1) {
+                throw new Error("Bad knot vector length")
+            }
+        }
+
+        const domain = [
+            degree,
+            knots.length-1 - degree
+        ]
+
+        // remap t to the domain where the spline is defined
+        const low  = knots[domain[0]]
+        const high = knots[domain[1]]
+        t = t * (high - low) + low
+
+        if (t < low) {
+            t = low
+        } else if (t > high) {
+            t = high
+        }
+
+        // find s (the spline segment) for the [t] value provided
+        for (s = domain[0]; s < domain[1]; s++) {
+            if (t >= knots[s] && t <= knots[s + 1]) {
+                break
+            }
+        }
+
+        // convert points to homogeneous coordinates
+        const v = []
+        for (i = 0; i < n; i++) {
+            v[i] = []
+            for (j = 0; j < d; j++) {
+                v[i][j] = points[i][j] * weights[i]
+            }
+            v[i][d] = weights[i]
+        }
+
+        // l (level) goes from 1 to the curve degree + 1
+        let alpha
+        for (l = 1; l <= degree + 1; l++) {
+            // build level l of the pyramid
+            for(i = s; i > s - degree - 1 + l; i--) {
+                alpha = (t - knots[i]) / (knots[i + degree + 1 - l] - knots[i])
+                // interpolate each component
+                for(j = 0; j < d + 1; j++) {
+                    v[i][j] = (1 - alpha) * v[i - 1][j] + alpha * v[i][j]
+                }
+            }
+        }
+
+        // convert back to cartesian and return
+        const result = []
+        for(i = 0; i < d; i++) {
+            result[i] = v[s][i] / v[s][d]
+        }
+        return result
+    }
+
+    /**
+     * @param entity {Entity}
+     * @param blockCtx {?BlockContext}
+     */
+    _ProcessPoints(entity, blockCtx = null) {
+        const key = new BatchingKey(entity.layer, blockCtx?.name,
+                                    BatchingKey.GeometryType.POINTS, entity.color, 0)
+        const batch = this._GetBatch(key)
+        for (const v of entity.vertices) {
+            batch.PushVertex(this._TransformVertex(v, blockCtx))
+        }
+    }
+
+    /**
+     * @param entity {Entity}
+     * @param blockCtx {?BlockContext}
+     */
+    _ProcessLineSegments(entity, blockCtx = null) {
+        if (entity.vertices.length % 2 !== 0) {
+            throw Error("Even number of vertices expected")
+        }
+        const key = new BatchingKey(entity.layer, blockCtx?.name,
+                                    BatchingKey.GeometryType.LINES, entity.color, entity.lineType)
+        const batch = this._GetBatch(key)
+        for (const v of entity.vertices) {
+            batch.PushVertex(this._TransformVertex(v, blockCtx))
+        }
+    }
+
+    /**
+     * @param entity {Entity}
+     * @param blockCtx {?BlockContext}
+     */
+    _ProcessPolyline(entity, blockCtx = null) {
+        if (entity.vertices.length < 2) {
+            return
+        }
+        /* It is more optimal to render short polylines un-indexed. Also DXF often contains
+         * polylines with just two points.
+         */
+        const verticesCount = entity.vertices.length
+        if (verticesCount <= 3) {
+            const key = new BatchingKey(entity.layer, blockCtx?.name,
+                                        BatchingKey.GeometryType.LINES, entity.color,
+                                        entity.lineType)
+            const batch = this._GetBatch(key)
+            let prev = null
+            for (const v of entity.vertices) {
+                if (prev !== null) {
+                    batch.PushVertex(this._TransformVertex(prev, blockCtx))
+                    batch.PushVertex(this._TransformVertex(v, blockCtx))
+                }
+                prev = v
+            }
+            if (entity.shape && verticesCount > 2) {
+                batch.PushVertex(this._TransformVertex(entity.vertices[verticesCount - 1], blockCtx))
+                batch.PushVertex(this._TransformVertex(entity.vertices[0], blockCtx))
+            }
+            return
+        }
+
+        const key = new BatchingKey(entity.layer, blockCtx?.name,
+                                    BatchingKey.GeometryType.INDEXED_LINES,
+                                    entity.color, entity.lineType)
+        const batch = this._GetBatch(key)
+        /* Line may be split if exceeds chunk limit. */
+        for (const lineChunk of entity._IterateLineChunks()) {
+            const chunk = batch.PushChunk(lineChunk.verticesCount)
+            for (const v of lineChunk.vertices) {
+                chunk.PushVertex(this._TransformVertex(v, blockCtx))
+            }
+            for (const idx of lineChunk.indices) {
+                chunk.PushIndex(idx)
+            }
+            chunk.Finish()
+        }
+    }
+
+    /**
+     * @param entity {Entity}
+     * @param blockCtx {?BlockContext}
+     */
+    _ProcessTriangles(entity, blockCtx = null) {
+        if (entity.vertices.length < 3) {
+            return
+        }
+        if (entity.indices.length % 3 !== 0) {
+            console.error("Unexpected size of indices array: " + entity.indices.length)
+            return
+        }
+        const key = new BatchingKey(entity.layer, blockCtx?.name,
+                                    BatchingKey.GeometryType.INDEXED_TRIANGLES,
+                                    entity.color, 0)
+        const batch = this._GetBatch(key)
+        //XXX splitting into chunks is not yet implemented. Currently used only for text glyphs so
+        // should fit into one chunk
+        const chunk = batch.PushChunk(entity.vertices.length)
+        for (const v of entity.vertices) {
+            chunk.PushVertex(this._TransformVertex(v, blockCtx))
+        }
+        for (const idx of entity.indices) {
+            chunk.PushIndex(idx)
+        }
+        chunk.Finish()
+    }
+
+    /** Resolve entity color.
+     *
+     * @param entity
+     * @param blockCtx {?BlockContext}
+     * @return {number} RGB color value. For block entity it also may be one of ColorCode values
+     *  which are resolved on block instantiation.
+     */
+    _GetEntityColor(entity, blockCtx = null) {
+        let color = ColorCode.BY_LAYER
+        if (entity.colorIndex === 0) {
+            color = ColorCode.BY_BLOCK
+        } else if (entity.colorIndex === 256) {
+            color = ColorCode.BY_LAYER
+        } else if (entity.hasOwnProperty("color")) {
+            color = entity.color
+        }
+
+        if (blockCtx) {
+            return color
+        }
+        if (color === ColorCode.BY_LAYER || color === ColorCode.BY_BLOCK) {
+            /* BY_BLOCK is not useful when not in block so replace it by layer as well. */
+            if (entity.hasOwnProperty("layer")) {
+                const layer = this.layers.get(entity.layer)
+                if (layer) {
+                    return layer.color
+                }
+            }
+        } else {
+            return color
+        }
+        /* Fallback to black. */
+        return 0
+    }
+
+    /** @return {?string} Layer name, null for block entity. */
+    _GetEntityLayer(entity, blockCtx = null) {
+        if (blockCtx) {
+            return null
+        }
+        if (entity.hasOwnProperty("layer")) {
+            return entity.layer
+        }
+        return "0"
+    }
+
+    /** Check extrusionDirection property of the entity and return corresponding transform matrix.
+     *
+     * @return {?Matrix3} Null if not transform required.
+     */
+    _GetEntityExtrusionTransform(entity) {
+        //XXX For now just mirror X axis if extrusion Z is negative. No full support for arbitrary
+        // OCS yet.
+        if (!entity.hasOwnProperty("extrusionDirection")) {
+            return null
+        }
+        if (entity.extrusionDirection.z > 0) {
+            return null
+        }
+        return new Matrix3().scale(-1, 1)
+    }
+
+    /** @return {RenderBatch} */
+    _GetBatch(key) {
+        let batch = this.batches.find({key})
+        if (batch !== null) {
+            return batch
+        }
+        batch = new RenderBatch(key)
+        this.batches.insert(batch)
+        if (key.blockName !== null && !key.IsInstanced()) {
+            /* Block definition batch. */
+            const block = this.blocks.get(key.blockName)
+            if (block) {
+                block.batches.push(batch)
+            }
+        }
+        return batch
+    }
+
+    /**
+     * Apply all necessary final transforms to a vertex before just before storing it in a rendering
+     * batch.
+     * @param v {{x: number, y: number}}
+     * @param blockCtx {BlockContext}
+     * @return {{x: number, y: number}}
+     */
+    _TransformVertex(v, blockCtx = null) {
+        if (blockCtx) {
+            /* Block definition in block coordinates. So it should not touch bounds and origin. */
+            return blockCtx.TransformVertex(v)
+        }
+        this._UpdateBounds(v)
+        return { x: v.x - this.origin.x, y: v.y - this.origin.y }
+    }
+
+    /** @param v {{x,y}} Vertex to extend bounding box with and set origin. */
+    _UpdateBounds(v) {
+        if (this.bounds === null) {
+            this.bounds = { minX: v.x, maxX: v.x, minY: v.y, maxY: v.y }
+        } else {
+            if (v.x < this.bounds.minX) {
+                this.bounds.minX = v.x
+            } else if (v.x > this.bounds.maxX) {
+                this.bounds.maxX = v.x
+            }
+            if (v.y < this.bounds.minY) {
+                this.bounds.minY = v.y
+            } else if (v.y > this.bounds.maxY) {
+                this.bounds.maxY = v.y
+            }
+        }
+        if (this.origin === null) {
+            this.origin = { x: v.x, y: v.y }
+        }
+    }
+
+    _BuildScene() {
+        let verticesSize = 0
+        let indicesSize = 0
+        let transformsSize = 0
+        this.batches.each(b => {
+            verticesSize += b.GetVerticesBufferSize()
+            indicesSize += b.GetIndicesBufferSize()
+            transformsSize += b.GetTransformsSize()
+        })
+
+        const scene = {
+            vertices: new ArrayBuffer(verticesSize),
+            indices: new ArrayBuffer(indicesSize),
+            transforms: new ArrayBuffer(transformsSize),
+            batches: [],
+            layers: [],
+            origin: this.origin,
+            bounds: this.bounds,
+            hasMissingChars: this.hasMissingChars
+        }
+
+        const buffers = {
+            vertices: new Float32Array(scene.vertices),
+            verticesOffset: 0,
+            indices: new Uint16Array(scene.indices),
+            indicesOffset: 0,
+            transforms: new Float32Array(scene.transforms),
+            transformsOffset: 0
+        }
+
+        this.batches.each(b => {
+            scene.batches.push(b.Serialize(buffers))
+        })
+
+        for (const layer of this.layers.values()) {
+            scene.layers.push({
+                name: layer.name,
+                displayName: layer.displayName,
+                color: layer.color
+            })
+        }
+
+        scene.pointShapeHasDot = (this.pdMode & PdMode.MARK_MASK) === PdMode.DOT
+
+        return scene
+    }
+}
+
+class RenderBatch {
+    constructor(key) {
+        this.key = key
+        if (key.IsIndexed()) {
+            this.chunks = []
+        } else if (key.geometryType === BatchingKey.GeometryType.BLOCK_INSTANCE) {
+            this.transforms = new DynamicBuffer(NativeType.FLOAT32)
+        } else {
+            this.vertices = new DynamicBuffer(NativeType.FLOAT32)
+        }
+    }
+
+    PushVertex(v) {
+        const idx = this.vertices.Push(v.x)
+        this.vertices.Push(v.y)
+        return idx
+    }
+
+    /**
+     * @param matrix {Matrix3} 3x3 Transform matrix. Assuming 2D affine transform so only top 3x2
+     *  sub-matrix is taken.
+     */
+    PushInstanceTransform(matrix) {
+        /* Storing in row-major order as expected by renderer. */
+        for (let row = 0; row < 2; row++) {
+            for (let col = 0; col < 3; col++) {
+                this.transforms.Push(matrix.elements[col * 3 + row])
+            }
+        }
+    }
+
+    /** This method actually reserves space for the specified number of indexed vertices in some
+     * chunk. The returned object should be used to push exactly the same amount vertices and any
+     * number of their referring indices.
+     * @param verticesCount Number of vertices in the chunk.
+     * @return {IndexedChunkWriter}
+     */
+    PushChunk(verticesCount) {
+        if (verticesCount > INDEXED_CHUNK_SIZE) {
+            throw new Error("Vertices count exceeds chunk limit: " + verticesCount)
+        }
+        /* Find suitable chunk with minimal remaining space to fill them as fully as possible. */
+        let curChunk = null
+        let curSpace = 0
+        for (const chunk of this.chunks) {
+            const space = INDEXED_CHUNK_SIZE - chunk.vertices.GetSize() / 2
+            if (space < verticesCount) {
+                continue
+            }
+            if (curChunk === null || space < curSpace) {
+                curChunk = chunk
+                curSpace = space
+            }
+        }
+        if (curChunk === null) {
+            curChunk = this._NewChunk(verticesCount)
+        }
+        return new IndexedChunkWriter(curChunk, verticesCount)
+    }
+
+    /** Merge other batch into this one. They should have the same geometry type. Instanced batches
+     * are disallowed.
+     *
+     * @param batch {RenderBatch}
+     * @param transform {?Matrix3} Optional transform to apply for merged vertices.
+     */
+    Merge(batch, transform = null) {
+        if (this.key.geometryType !== batch.key.geometryType) {
+            throw new Error("Rendering batch merging geometry type mismatch: " +
+                            `${this.key.geometryType} !== ${batch.key.geometryType}`)
+        }
+        if (this.key.IsInstanced()) {
+            throw new Error("Attempted to merge instanced batch")
+        }
+        if (this.key.IsIndexed()) {
+            /* Merge chunks. */
+            for (const chunk of batch.chunks) {
+                const verticesSize = chunk.vertices.size
+                const chunkWriter = this.PushChunk(verticesSize / 2)
+                for (let i = 0; i < verticesSize; i += 2) {
+                    const v = new Vector2(chunk.vertices.Get(i), chunk.vertices.Get(i + 1))
+                    if (transform) {
+                        v.applyMatrix3(transform)
+                    }
+                    chunkWriter.PushVertex(v)
+                }
+                const numIndices = chunk.indices.size
+                for (let i = 0; i < numIndices; i ++) {
+                    chunkWriter.PushIndex(chunk.indices.Get(i))
+                }
+                chunkWriter.Finish()
+            }
+        } else {
+            const n = batch.vertices.size
+            for (let i = 0; i < n; i += 2) {
+                const v = new Vector2(batch.vertices.Get(i), batch.vertices.Get(i + 1))
+                if (transform) {
+                    v.applyMatrix3(transform)
+                }
+                this.PushVertex(v)
+            }
+        }
+    }
+
+    /** @return Vertices buffer required size in bytes. */
+    GetVerticesBufferSize() {
+        if (this.key.IsIndexed()) {
+            let size = 0
+            for (const chunk of this.chunks) {
+                size += chunk.vertices.GetSize()
+            }
+            return size * Float32Array.BYTES_PER_ELEMENT
+        } else if (this.key.geometryType === BatchingKey.GeometryType.BLOCK_INSTANCE) {
+            return 0
+        } else {
+            return this.vertices.GetSize() * Float32Array.BYTES_PER_ELEMENT
+        }
+    }
+
+    /** @return Indices buffer required size in bytes. */
+    GetIndicesBufferSize() {
+        if (this.key.IsIndexed()) {
+            let size = 0
+            for (const chunk of this.chunks) {
+                size += chunk.indices.GetSize()
+            }
+            return size * Uint16Array.BYTES_PER_ELEMENT
+        } else {
+            return 0
+        }
+    }
+
+    /** @return Instances transforms buffer required size in bytes. */
+    GetTransformsSize() {
+        if (this.key.geometryType === BatchingKey.GeometryType.BLOCK_INSTANCE) {
+            return this.transforms.GetSize() * Float32Array.BYTES_PER_ELEMENT
+        } else {
+            return 0
+        }
+    }
+
+    Serialize(buffers) {
+        if (this.key.IsIndexed()) {
+            const batch = {
+                key: this.key,
+                chunks: []
+            }
+            for (const chunk of this.chunks) {
+                batch.chunks.push(chunk.Serialize(buffers))
+            }
+            return batch
+
+        } else if (this.key.geometryType === BatchingKey.GeometryType.BLOCK_INSTANCE) {
+            const size = this.transforms.GetSize()
+            const batch = {
+                key: this.key,
+                transformsOffset: buffers.transformsOffset,
+                transformsSize: size
+            }
+            this.transforms.CopyTo(buffers.transforms, buffers.transformsOffset)
+            buffers.transformsOffset += size
+            return batch
+
+        } else {
+            const size = this.vertices.GetSize()
+            const batch = {
+                key: this.key,
+                verticesOffset: buffers.verticesOffset,
+                verticesSize: size
+            }
+            this.vertices.CopyTo(buffers.vertices, buffers.verticesOffset)
+            buffers.verticesOffset += size
+            return batch
+        }
+    }
+
+    _NewChunk(initialCapacity) {
+        const chunk = new IndexedChunk(initialCapacity)
+        this.chunks.push(chunk)
+        return chunk
+    }
+}
+
+class Block {
+    /** @param data {{}} Raw DXF entity. */
+    constructor(data) {
+        this.data = data
+        /* Number of times referenced from top-level entities (INSERT). */
+        this.useCount = 0
+        /* Number of times referenced by other block. */
+        this.nestedUseCount = 0
+        /* Total number of vertices in this block. Used for flattening decision. */
+        this.verticesCount = 0
+        /* Offset {x, y} to apply for all vertices. Used to move origin near vertices location to
+         * minimize precision loss.
+         */
+        this.offset = null
+        /* Definition batches. Used for root blocks flattening. */
+        this.batches = []
+        this.flatten = false
+        /** Bounds in block coordinates (with offset applied). */
+        this.bounds = null
+    }
+
+    /** Set block flattening flag based on usage statistics.
+     * @return {Boolean} New flatten flag state.
+     */
+    SetFlatten() {
+        if (!this.HasGeometry()) {
+            return false
+        }
+        /* Flatten if a block is used once (pure optimization if shares its layer with other
+         * geometry) or if total instanced vertices number is less than a threshold (trade some
+         * space for draw calls number).
+         */
+        this.flatten = this.useCount === 1 ||
+                       this.useCount * this.verticesCount <= BLOCK_FLATTENING_VERTICES_THRESHOLD
+        return this.flatten
+    }
+
+    /** @return {Boolean} True if has something to draw. */
+    HasGeometry() {
+        /* Offset is set on first geometry vertex encountered. */
+        return this.offset !== null
+    }
+
+    /** @param {{}} entity May be either INSERT or DIMENSION. */
+    RegisterInsert(entity) {
+        this.useCount++
+    }
+
+    RegisterNestedUse(usedByBlock) {
+        this.nestedUseCount++
+    }
+
+    /** @return {BlockContext} Context for block definition. */
+    DefinitionContext() {
+        return new BlockContext(this, BlockContext.Type.DEFINITION)
+    }
+
+    InstantiationContext() {
+        return new BlockContext(this, BlockContext.Type.INSTANTIATION)
+    }
+
+    UpdateBounds(v) {
+        if (this.bounds === null) {
+            this.bounds = { minX: v.x, maxX: v.x, minY: v.y, maxY: v.y }
+        } else {
+            if (v.x < this.bounds.minX) {
+                this.bounds.minX = v.x
+            } else if (v.x > this.bounds.maxX) {
+                this.bounds.maxX = v.x
+            }
+            if (v.y < this.bounds.minY) {
+                this.bounds.minY = v.y
+            } else if (v.y > this.bounds.maxY) {
+                this.bounds.maxY = v.y
+            }
+        }
+    }
+}
+
+class BlockContext {
+    constructor(block, type) {
+        this.block = block
+        this.type = type
+        this.origin = this.block.data.position
+        /* Transform to apply for block definition entities not including block offset. */
+        this.transform = new Matrix3()
+    }
+
+    /** @return {string} Block name */
+    get name() {
+        return this.block.data.name
+    }
+
+    /**
+     * @param v {{x,y}}
+     * @return {{x,y}}
+     */
+    TransformVertex(v) {
+        const result = new Vector2(v.x, v.y).applyMatrix3(this.transform)
+        if (this.type !== BlockContext.Type.DEFINITION &&
+            this.type !== BlockContext.Type.NESTED_DEFINITION) {
+
+            throw new Error("Unexpected transform type")
+        }
+        this.block.verticesCount++
+        if (this.block.offset === null) {
+            /* This is the first vertex. Take it as a block origin. So the result is always zero
+             * vector for the first vertex.
+             */
+            this.block.offset = result
+            const v = new Vector2()
+            this.block.UpdateBounds(v)
+            return v
+        }
+        result.sub(this.block.offset)
+        this.block.UpdateBounds(result)
+        return result
+    }
+
+    /**
+     * Get transform for block instance.
+     * @param entity Raw DXF INSERT entity.
+     * @return {Matrix3} Transform matrix for block instance to apply to the block definition.
+     */
+    GetInsertionTransform(entity) {
+        const mInsert = new Matrix3().translate(-this.origin.x, -this.origin.y)
+        const yScale = entity.yScale || 1
+        const xScale = entity.xScale || 1
+        const rotation = -(entity.rotation || 0) * Math.PI / 180
+        let x = entity.position.x
+        const y = entity.position.y
+        mInsert.scale(xScale, yScale)
+        mInsert.rotate(rotation)
+        mInsert.translate(x, y)
+        if (entity.extrusionDirection && entity.extrusionDirection.z < 0) {
+            mInsert.scale(-1, 1)
+        }
+        if (this.type !== BlockContext.Type.INSTANTIATION) {
+            return mInsert
+        }
+        const mOffset = new Matrix3().translate(this.block.offset.x, this.block.offset.y)
+        return mInsert.multiply(mOffset)
+    }
+
+    /**
+     * Create context for nested block.
+     * @param block {Block} Nested block.
+     * @param entity Raw DXF INSERT entity.
+     * @return {BlockContext} Context to use for nested block entities.
+     */
+    NestedBlockContext(block, entity) {
+        block.RegisterNestedUse(this.block)
+        const nestedCtx = new BlockContext(block, BlockContext.Type.NESTED_DEFINITION)
+        const nestedTransform = nestedCtx.GetInsertionTransform(entity)
+        const ctx = new BlockContext(this.block, BlockContext.Type.NESTED_DEFINITION)
+        ctx.transform = new Matrix3().multiplyMatrices(this.transform, nestedTransform)
+        return ctx
+    }
+}
+
+BlockContext.Type = Object.freeze({
+    DEFINITION: 0,
+    NESTED_DEFINITION: 1,
+    INSTANTIATION: 2
+})
+
+class IndexedChunk {
+    constructor(initialCapacity) {
+        if (initialCapacity < 16) {
+            initialCapacity = 16
+        }
+        /* Average two indices per vertex. */
+        this.indices = new DynamicBuffer(NativeType.UINT16, initialCapacity * 2)
+        /* Two components per vertex. */
+        this.vertices = new DynamicBuffer(NativeType.FLOAT32, initialCapacity * 2)
+    }
+
+    Serialize(buffers) {
+        const chunk = {}
+        {
+            const size = this.vertices.GetSize()
+            chunk.verticesOffset = buffers.verticesOffset
+            chunk.verticesSize = size
+            this.vertices.CopyTo(buffers.vertices, buffers.verticesOffset)
+            buffers.verticesOffset += size
+        }
+        {
+            const size = this.indices.GetSize()
+            chunk.indicesOffset = buffers.indicesOffset
+            chunk.indicesSize = size
+            this.indices.CopyTo(buffers.indices, buffers.indicesOffset)
+            buffers.indicesOffset += size
+        }
+        return chunk
+    }
+}
+
+class IndexedChunkWriter {
+    constructor(chunk, verticesCount) {
+        this.chunk = chunk
+        this.verticesCount = verticesCount
+        this.verticesOffset = this.chunk.vertices.GetSize() / 2
+        this.numVerticesPushed = 0
+    }
+
+    PushVertex(v) {
+        if (this.numVerticesPushed === this.verticesCount) {
+            throw new Error()
+        }
+        this.chunk.vertices.Push(v.x)
+        this.chunk.vertices.Push(v.y)
+        this.numVerticesPushed++
+    }
+
+    PushIndex(idx) {
+        if (idx < 0 || idx >= this.verticesCount) {
+            throw new Error(`Index out of range: ${idx}/${this.verticesCount}`)
+        }
+        this.chunk.indices.Push(idx + this.verticesOffset)
+    }
+
+    Finish() {
+        if (this.numVerticesPushed !== this.verticesCount) {
+            throw new Error(`Not all vertices pushed: ${this.numVerticesPushed}/${this.verticesCount}`)
+        }
+    }
+}
+
+/** Internal entity representation. DXF features are decomposed into these simpler entities. Whole
+ * entity always shares single material.
+ */
+export class Entity {
+    /** @param type {number} See Entity.Type
+     * @param vertices {{x, y}[]}
+     * @param indices {?number[]} Indices for indexed geometry.
+     * @param layer {?string}
+     * @param color {number}
+     * @param lineType {?number}
+     * @param shape {Boolean} true if closed shape.
+     */
+    constructor({type, vertices, indices = null, layer = null, color, lineType = 0, shape = false}) {
+        this.type = type
+        this.vertices = vertices
+        this.indices = indices
+        this.layer = layer
+        this.color = color
+        this.lineType = lineType
+        this.shape = shape
+    }
+
+    *_IterateVertices(startIndex, count) {
+        for (let idx = startIndex; idx < startIndex + count; idx++) {
+            yield this.vertices[idx]
+        }
+    }
+
+    /** Split line into chunks with at most INDEXED_CHUNK_SIZE vertices in each one. Each chunk is
+     * an object with the following properties:
+     *  * "verticesCount" - length of "vertices"
+     *  * "vertices" - iterator for included vertices.
+     *  * "indices" - iterator for indices.
+     *  Closed shapes are handled properly.
+     */
+    *_IterateLineChunks() {
+        const verticesCount = this.vertices.length
+        if (verticesCount < 2) {
+            return
+        }
+        const _this = this
+        /* chunkOffset == verticesCount for shape closing vertex. */
+        for (let chunkOffset = 0; chunkOffset <= verticesCount; chunkOffset += INDEXED_CHUNK_SIZE) {
+            let count = verticesCount - chunkOffset
+            let isLast
+            if (count > INDEXED_CHUNK_SIZE) {
+                count = INDEXED_CHUNK_SIZE
+                isLast = false
+            } else {
+                isLast = true
+            }
+            if (isLast && this.shape && chunkOffset > 0 && count === INDEXED_CHUNK_SIZE) {
+                /* Corner case - required shape closing vertex does not fit into the chunk. Will
+                * require additional chunk.
+                */
+                isLast = false
+            }
+            if (chunkOffset === verticesCount && !this.shape) {
+                /* Shape is not closed and it is last closing vertex iteration. */
+                break
+            }
+
+            let vertices, indices, chunkVerticesCount
+            if (count < 2) {
+                /* Either last vertex or last shape-closing vertex, or both. */
+                if (count === 1 && this.shape) {
+                    /* Both. */
+                    vertices = (function*() {
+                        yield this.vertices[chunkOffset]
+                        yield this.vertices[0]
+                    })()
+                } else if (count === 1) {
+                    /* Just last vertex. Take previous one to make a line. */
+                    vertices = (function*() {
+                        yield this.vertices[chunkOffset - 1]
+                        yield this.vertices[chunkOffset]
+                    })()
+                } else {
+                    /* Just shape-closing vertex. Take last one to make a line. */
+                    vertices = (function*() {
+                        yield this.vertices[verticesCount - 1]
+                        yield this.vertices[0]
+                    })()
+                }
+                indices = _IterateLineIndices(2, false)
+                chunkVerticesCount = 2
+            } else if (isLast && this.shape && chunkOffset > 0 && count < INDEXED_CHUNK_SIZE) {
+                /* Additional vertex to close the shape. */
+                vertices = (function*() {
+                    yield* _this._IterateVertices(chunkOffset, count)
+                    yield this.vertices[0]
+                })()
+                indices = _IterateLineIndices(count + 1, false)
+                chunkVerticesCount = count + 1
+            } else {
+                vertices = this._IterateVertices(chunkOffset, count)
+                indices = _IterateLineIndices(count,
+                                              isLast && chunkOffset === 0 && this.shape)
+                chunkVerticesCount = count
+            }
+            yield {
+                verticesCount: chunkVerticesCount,
+                vertices,
+                indices
+            }
+        }
+    }
+}
+
+Entity.Type = Object.freeze({
+    POINTS: 0,
+    /** Each vertices pair defines a segment. */
+    LINE_SEGMENTS: 1,
+    POLYLINE: 2,
+    TRIANGLES: 3
+})
+
+function* _IterateLineIndices(verticesCount, close) {
+    for (let idx = 0; idx < verticesCount - 1; idx++) {
+        yield idx
+        yield idx + 1
+    }
+    if (close && verticesCount > 2) {
+        yield verticesCount - 1
+        yield 0
+    }
+}
+
+/** Point display mode, $PDMODE system variable. */
+const PdMode = Object.freeze({
+    DOT: 0,
+    NONE: 1,
+    PLUS: 2,
+    CROSS: 3,
+    TICK: 4,
+    MARK_MASK: 0xf,
+
+    CIRCLE: 0x20,
+    SQUARE: 0x40,
+
+    SHAPE_MASK: 0xf0
+})
+
+/** Special color values, used for block entities. Regular entities color is resolved instantly. */
+export const ColorCode = Object.freeze({
+    BY_LAYER: -1,
+    BY_BLOCK: -2
+})
+
+DxfScene.DefaultOptions = {
+    /** Target angle for each segment of tessellated arc. */
+    arcTessellationAngle: 10 / 180 * Math.PI,
+    /** Divide arc to at least the specified number of segments. */
+    minArcTessellationSubdivisions: 8,
+    /** Render meshes (3DFACE group, POLYLINE polyface mesh) as wireframe instead of solid. */
+    wireframeMesh: false,
+    /** Suppress paper-space entities when true (only model-space is rendered). */
+    suppressPaperSpace: false,
+    /** Text rendering options. */
+    textOptions: TextRenderer.DefaultOptions,
+}