@armyc2.c5isr.renderer/mil-sym-ts-web 2.2.0 → 2.2.1

package/src/main/ts/armyc2/c5isr/renderer/utilities/SVGSymbolInfo.ts

@@ -1,137 +0,0 @@
-import { type int } from "../../graphics2d/BasicTypes";
-import { Point } from "../../graphics2d/Point"
-import { Point2D } from "../../graphics2d/Point2D"
-import { Rectangle2D } from "../../graphics2d/Rectangle2D"
-import { SymbolDimensionInfo } from "../../renderer/utilities/SymbolDimensionInfo"
-
-
-export class SVGSymbolInfo implements SymbolDimensionInfo {
-
-    private _svg: string;
-    private _svgDataURI: string;
-
-    private _anchorX: int = 0;
-    private _anchorY: int = 0;
-    private _symbolBounds: Rectangle2D;
-    private _bounds: Rectangle2D;
-
-    public constructor(svg: string, anchorPoint: Point2D, symbolBounds: Rectangle2D, svgBounds: Rectangle2D) {
-        this._svg = svg;
-        this._anchorX = anchorPoint.getX() as int;
-        this._anchorY = anchorPoint.getY() as int;
-        this._symbolBounds = symbolBounds;
-        this._bounds = svgBounds;
-    }
-
-    // https://web.dev/articles/base64-encoding
-    // From https://developer.mozilla.org/en-US/docs/Glossary/Base64#the_unicode_problem.
-    private bytesToBase64(bytes) 
-    {
-        const binString = String.fromCodePoint(...bytes);
-        return btoa(binString);
-    }
-
-    private escapeChars(text:string):string
-    {
-        /*
-        Character	XML encoding	XML entity
-        \&	        \&	        \&\#38
-        \'	        \'	        \&\#30
-        \"	        \"	        \&\#34
-        \<	        \&lt;	        \&\#60
-        \>	        \&gt;	        \&\#62  //*/
-
-        let temp = text;
-
-        /*temp = temp.replace(/\n/g,"");
-        temp = temp.replace(/</g,"%3C");
-        temp = temp.replace(/>/g,"%3E");//*/
-
-        temp = temp.replace(/\n/g,"");
-        temp = temp.replace(/%/g,"%25");
-        temp = temp.replace(/#/g,"%23");//# to %23 for FF
-        temp = temp.replace(/"/g,"%22"); //" to %22 for EDGE
-        temp = temp.replace(/</g,"%3C");
-        temp = temp.replace(/=/g,"%3D")
-        temp = temp.replace(/>/g,"%3E");
-        temp = temp.replace(/\//g,"%2F");
-        temp = temp.replace(/\\/g,"%5C");
-        temp = temp.replace(/\[/g,"%5B");
-        temp = temp.replace(/\]/g,"%5D");
-        temp = temp.replace(/\^/g,"%5E");
-        temp = temp.replace(/\`/g,"%60");
-        temp = temp.replace(/\~/g,"%7E");
-        //temp = temp.replace(/\!/g,"%33");
-        temp = temp.replace(/\?/g,"%3F");
-        temp = temp.replace(/:/g,"%3A");
-        temp = temp.replace(/;/g,"%3B");
-        temp = temp.replace(/\@/g,"%40");
-        //temp = temp.replace(/\&/g,"%26");//&amp;
-        //temp = temp.replace(/\&/g,"&amp;");//&amp;//done in SVGTextInfo.toSVGElement AND Shape2SVG.ConvertForGroup
-        temp = temp.replace(/\{/g,"%7B");
-        temp = temp.replace(/\|/g,"%7C");
-        temp = temp.replace(/\}/g,"%7D");//*/
-
-        return temp;
-    }
-
-    public getSVGDataURI(): string {
-        if (this._svgDataURI == null) 
-        {
-            //works with special characters but not in base64.  Which should be fine.
-            //let temp:string = "data:image/svg+xml," + this.escapeChars(this._svg);
-
-            // https://web.dev/articles/base64-encoding
-            // From https://developer.mozilla.org/en-US/docs/Glossary/Base64#the_unicode_problem.
-            //works with base64
-            let temp:string = "data:image/svg+xml;base64," + btoa(String.fromCodePoint(...new TextEncoder().encode(this._svg)))
-
-            this._svgDataURI = temp;
-        }
-        return this._svgDataURI;
-    }
-
-    public getSVG(): string { return this._svg; }
-
-    /**
-     * The x value the image should be centered on or the "anchor point".
-     * @return 
-     */
-    public getSymbolCenterX(): int {
-        return this._anchorX;
-    }
-
-    /**
-     * The y value the image should be centered on or the "anchor point".
-     * @return 
-     */
-    public getSymbolCenterY(): int {
-        return this._anchorY;
-    }
-
-    /**
-     * The point the image should be centered on or the "anchor point".
-     * @return 
-     */
-    public getSymbolCenterPoint(): Point2D {
-        return new Point2D(this._anchorX, this._anchorY);
-    }
-
-    /**
-     * minimum bounding rectangle for the core symbol. Does
-     * not include modifiers, display or otherwise.
-     * @return 
-     */
-    public getSymbolBounds(): Rectangle2D {
-        return this._symbolBounds;
-    }
-
-    /**
-     * Dimension of the entire image.
-     * @return 
-     */
-
-    public getImageBounds(): Rectangle2D {
-        return new Rectangle2D(this._bounds.getX(), this._bounds.getY(), this._bounds.getWidth(), this._bounds.getHeight());
-    }
-}

package/src/main/ts/armyc2/c5isr/renderer/utilities/SVGTextInfo.ts

@@ -1,438 +0,0 @@
-import { type double, type int } from "../../graphics2d/BasicTypes";
-
-import { Font } from "../../graphics2d/Font"
-import { Point2D } from "../../graphics2d/Point2D"
-import { Rectangle2D } from "../../graphics2d/Rectangle2D"
-import { RendererSettings } from "./RendererSettings"
-import { ShapeUtilities } from "./ShapeUtilities";
-import { RectUtilities } from "./RectUtilities";
-import { Canvas, CanvasRenderingContext2D, createCanvas } from 'canvas';
-
-/**
- *
- *
- */
-export class SVGTextInfo {
-	protected _text: string;
-	protected _font: string;
-	protected _fontName: string;
-	protected _fontSize: number = 0;
-	protected _fontStyle: string;
-	protected _location: Point2D;
-	protected _bounds: Rectangle2D;
-	protected _descent: double = 0;
-	protected _aboveBaseHeight: double = 0;
-	private justification: string = "start";
-	private angle: number = 0;
-	private alignmentBaseline: string = "alphabetic"
-
-	private isNode = typeof process !== 'undefined' && process.versions != null && process.versions.node != null;
-	private isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
-	private OSCDefined = typeof OffscreenCanvasRenderingContext2D !== 'undefined';//web workers fail isBrowser test
-
-	public constructor(text: string, position: Point2D, font: Font, justification: string, angle: number);
-	public constructor(text: string, x: int, y: int, font: Font, context: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D | null);
-	public constructor(text: string, x: int, y: int, font: string, context: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D | null);
-	public constructor(text: string, x: int, y: int, fontName: string, fontSize:number, fontStyle:string, context: OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D | null);
-	public constructor(...args: unknown[])
-	{
-		let ctx:OffscreenCanvasRenderingContext2D | CanvasRenderingContext2D;
-		let tm:TextMetrics | any;
-		let top:number;
-		let left:number;
-		let width:number;
-		let height:number;
-		switch (args.length) 
-        {
-			case 5: 
-			{
-				if (args[1] instanceof Point2D) {
-					const [text, position, font, justification, angle] = args as [string, Point2D, Font, string, number];
-					let osc:any;//OffscreenCanvas | Canvas;
-					if(this.OSCDefined)
-					{
-					 	osc = new OffscreenCanvas(10, 10);
-					}
-					else
-					{
-						osc = createCanvas(10,10);
-					}
-					ctx = osc.getContext("2d");
-					ctx.font = font.toString();
-					this._font = font.toString();
-					this._fontName = font.getName();
-					this._fontSize = font.getSize();
-					this._fontStyle = font.getTypeString();
-					this._text = text;
-					tm = ctx.measureText(text);
-
-					if(this.OSCDefined)
-						top = position.y - (tm.fontBoundingBoxAscent + tm.fontBoundingBoxDescent) / 2;
-					else
-					{
-						top = position.y - (tm.emHeightAscent + tm.emHeightDescent) / 2;
-					}
-					left = position.x;
-					this._location = new Point2D(position.x, position.y);
-					this.justification = justification
-					this.angle = angle
-					this.alignmentBaseline = "middle"
-				} else {
-					const [text, x, y, font,context] = args as [string, number,number, any, OffscreenCanvasRenderingContext2D | any | null];
-
-					if(context == null)
-					{
-						let osc:any;//OffscreenCanvas | Canvas;
-						if(this.OSCDefined)
-						{
-							osc = new OffscreenCanvas(10,10);
-						}
-						else
-							osc = createCanvas(10,10);
-
-						ctx = osc.getContext("2d");				
-					}
-					else
-					{
-						ctx = context;
-					}
-					if(typeof font === 'string')
-					{
-						ctx.font = font;
-						//Parse font string
-						let temp:string[] = font.split(' ');
-						this._fontStyle = temp[0];
-						this._fontSize = parseInt(temp[1].replace("px",""));
-						for(let i = 2; i < temp.length; i++)
-						{
-							if(i===2)
-								this._fontName = temp[i];
-							else
-								this._fontName += " " + temp[i];
-						}
-					}
-					else if(font instanceof Font)
-					{
-						ctx.font = font.toString();
-						this._fontName = font.getName();
-						this._fontSize = font.getSize();
-						this._fontStyle = font.getTypeString();
-					}
-					
-					this._text = text;
-					tm = ctx.measureText(text);
-
-					if(tm.fontBoundingBoxAscent)
-						top = y - tm.fontBoundingBoxAscent;
-					else
-					{
-						top = y - tm.emHeightAscent;
-					}
-					left = x;
-					this._location = new Point2D(x, y);
-				}
-				break;
-			}
-			case 7: 
-			{
-                const [text, x, y, fontName, fontSize, fontStyle, context] = args as [string, number, number, string, number, string, OffscreenCanvasRenderingContext2D | any | null];
-                if (arguments.length === 7)
-				{
-					
-					if(context == null)
-					{
-						let osc:any;//OffscreenCanvas | Canvas;
-						if(this.OSCDefined)
-						{
-							osc = new OffscreenCanvas(10,10);
-						}
-						else
-						{
-							osc = createCanvas(10,10);
-						}
-						ctx = osc.getContext("2d");		
-						
-						this._font = fontStyle + " " + fontSize + "px " + fontName;
-						ctx.font = this._font
-					}
-					else
-					{
-						ctx = context;
-					}
-					this._fontStyle = fontStyle;
-					this._fontSize = fontSize;
-					this._fontName = fontName;
-					tm = ctx.measureText(text);
-
-					if(tm.fontBoundingBoxAscent)
-						top = y - tm.fontBoundingBoxAscent;
-					else
-					{
-						top = y - tm.emHeightAscent;
-					}
-					left = x;
-					this._location = new Point2D(x, y);
-				}
-				break;
-			}
-		}
-
-		width = tm.width;
-		width = tm.actualBoundingBoxRight + tm.actualBoundingBoxLeft;
-		if(this.OSCDefined)
-			height = tm.fontBoundingBoxDescent + tm.fontBoundingBoxAscent;
-		else
-		{
-			height = tm.emHeightDescent + tm.emHeightAscent;
-		}
-		if (this.justification == "middle")
-			left -= width / 2;					
-		else if (this.justification == "end")
-			left -= width;
-
-		this._bounds = new Rectangle2D(left, top, width, height);
-
-		RectUtilities.grow(this._bounds,1);
-
-		if (this.angle != 0)
-			this._bounds = SVGTextInfo.getRotatedRectangleBounds(this._bounds, this.getLocation(), this.angle, this.justification);
-
-		if(this.OSCDefined)
-		{
-			this._descent = tm.fontBoundingBoxDescent;
-			this._aboveBaseHeight = tm.fontBoundingBoxAscent;
-		}
-		else
-		{
-			this._descent = tm.emHeightDescent;
-			this._aboveBaseHeight = tm.emHeightAscent;
-		}
-
-		/*console.log(this._text);
-		console.log(this._bounds);
-		console.log(tm);//*/
-	}
-
-	public setLocation(x: int, y: int): void {
-
-		this._bounds.setRect(x, y - this._aboveBaseHeight, this._bounds.getWidth(), this._bounds.getHeight());
-		RectUtilities.grow(this._bounds,1);
-		this._location.setLocation(x, y);
-	}
-
-	public getLocation(): Point2D {
-		return this._location;
-	}
-
-	public shift(x: int, y: int): void {
-		ShapeUtilities.offset(this._bounds, x, y);
-		ShapeUtilities.offset(this._location, x, y);
-	}
-
-	public getText(): string {
-		return this._text;
-	}
-
-	/**
-	 * includes the descent
-	 * @returns 
-	 */
-	public getTextBounds(): Rectangle2D {
-		return this._bounds;
-	}
-
-
-	public getTextOutlineBounds(): Rectangle2D {
-		let RS: RendererSettings = RendererSettings.getInstance();
-		let outlineOffset: int = RS.getTextOutlineWidth();
-		let bounds: Rectangle2D = this._bounds.clone() as Rectangle2D;
-
-		if (outlineOffset > 0) {
-			if (RS.getTextBackgroundMethod() === RendererSettings.TextBackgroundMethod_OUTLINE) {
-
-				ShapeUtilities.grow(bounds, outlineOffset / 2);
-			}
-
-			else {
-
-				ShapeUtilities.grow(bounds, outlineOffset);
-			}
-
-		}
-
-		return bounds;
-	}
-
-	public getDescent(): double {
-		return this._descent;
-	}
-
-	/**
-	 * 
-	 * @param textColor hex color string
-	 * @param outlineColor hex color string or null if no outline
-	 * @param outlineWidth number value for outline width
-	 * @param justification "start", "middle", or "end"
-	 * @param svgFormat 0 - untouched, 1 - replace speacial characters with escape codes, 2 use encodeURIComponent (expensive)
-	 * @returns 
-	 */
-	public toSVGElement(textColor:string, outlineColor:string | null, outlineWidth:number=0, justification: string=this.justification, svgFormat:number=0):string
-    {
-		let fill:string = textColor;
-		let stroke:string | null = outlineColor;
-		let strokeWidth:number = outlineWidth;
-        var format = 0;
-        if(svgFormat)
-        {
-            format = svgFormat;
-        }
-
-		let x:number = this._location.getX();
-		let y:number = this._location.getY();
-
-		var se: string;
-		if (this.angle == 0)
-        	se = '<text x="' + x + '" y="' + y + '"';
-		else 
-			se += '<text transform="translate(' + x + ',' + y + ') rotate(' + this.angle + ')"'
-        se += ' font-family="' + this._fontName + '"';
-        se += ' font-size="' + this._fontSize + 'px"';
-        se += ' font-weight="' + this._fontStyle + '"';
-		se += ' alignment-baseline="' + this.alignmentBaseline +'"';
-        se += ' stroke-miterlimit="3"';  
-        se += ' text-anchor="' + justification + '"';
-        
-        /*if(this._angle)
-        {
-            se += ' transform="rotate(' + this._angle + ' ' + this._location.getX() + ' ' + this._location.getY() + ')"';
-        }//*/
-
-        var seStroke = null, 
-            seFill = null;        
-            
-        var text = this._text;
-        //catch special characters that break SVGs as base64 dataURIs
-        if(format === 1)
-        {
-            //got codes from: http://www.theukwebdesigncompany.com/articles/entity-escape-characters.php
-            //and https://unicodelookup.com (use HTML code)
-            text = text.replace(/\&/g,"&amp;");
-            text = text.replace(/\</g,"&lt;");
-            text = text.replace(/\</g,"&gt;");
-            //text = text.replace(/\u2022/g,"&#x2022;");//echelon and ellipses dot
-            //text = text.replace(/\u25CF/g,"&#x2022;");//echelon and ellipses dot (black circle)
-            text = text.replace(/\u2022|\u25CF/g,"&#x2022;");//echelon and ellipses dot (black circle)
-            text = text.replace(/\u00D8/g,"&#216;");//Ø
-            text = text.replace(/\u00B0/g,"&#176;");//°
-            text = text.replace(/\u00B1/g,"&#x00B1;");//"RD" reinforce/reduced ±
-        }
-        else if(format === 2)
-        {
-            text = encodeURIComponent(text);
-            /*text = text.replace(/\&/g,"%24");
-            text = text.replace(/\</g,"%3C");
-            text = text.replace(/\</g,"%3E");
-            text = text.replace(/\u2022|\u25CF/g,"%95");//echelon and ellipses dot (black circle)
-            text = text.replace(/\u00B1/g,"%C2%B1");//"RD" reinforce/reduced +- symbol//*/
-        }
-        
-        if(stroke != null && strokeWidth > 0)
-        {
-            if(format === 2)
-                seStroke = se + ' stroke="' + stroke.replace(/#/g,"%23") + '"';
-            else
-                seStroke = se + ' stroke="' + stroke + '"';
-            /*else
-                seStroke = se + ' stroke="' + stroke.replace(/#/g,"&#35;") + '"';*/
-                
-            if(strokeWidth)
-                seStroke += ' stroke-width="' + (strokeWidth + 2) + '"';
-            seStroke += ' fill="none"';
-            seStroke += '>';
-            seStroke += text;
-            seStroke += '</text>';
-        }
-            
-        if(fill != null)
-        {
-            if(format === 2)
-                seFill = se + ' fill="' + fill.replace(/#/g,"%23") + '"';
-            else
-                seFill = se + ' fill="' + fill + '"';
-            /*else
-                seFill = se + ' fill="' + fill.replace(/#/g,"%23") + '"';*/
-            seFill += '>';
-            seFill += text;
-            seFill += '</text>';
-        }
-        
-        if(stroke && fill)
-            se = seStroke + seFill;
-        else if(fill)
-            se = seFill;
-        else
-            se = "";
-        return se;
-    }
-
-	/**
-	 * @param {Rectangle2D} rectangle
-	 * @returns {Rectangle2D}
-	 */
-	static getRotatedRectangleBounds(rectangle: Rectangle2D, pivotPt: Point2D, angle: number, justification: string="middle"): Rectangle2D {
-		const textWidth = rectangle.getWidth()
-
-		if (justification == "start")
-			rectangle.x -= textWidth / 2;
-		else if (justification == "end")
-			rectangle.x += textWidth / 2;
-
-		let ptTL = new Point2D(rectangle.getMinX(), rectangle.getMinY())
-		let ptTR = new Point2D(rectangle.getMaxX(), rectangle.getMinY())
-		let ptBL = new Point2D(rectangle.getMinX(), rectangle.getMaxY())
-		let ptBR = new Point2D(rectangle.getMaxX(), rectangle.getMaxY())
-
-		SVGTextInfo.rotatePoint(ptTL, pivotPt, angle)
-		SVGTextInfo.rotatePoint(ptTR, pivotPt, angle)
-		SVGTextInfo.rotatePoint(ptBL, pivotPt, angle)
-		SVGTextInfo.rotatePoint(ptBR, pivotPt, angle)
-
-		rectangle = new Rectangle2D(ptTL.x, ptTL.y, 0, 0)
-		rectangle.add(ptTR.x, ptTR.y)
-		rectangle.add(ptBL.x, ptBL.y)
-		rectangle.add(ptBR.x, ptBR.y)
-
-		if (justification == "start") {
-			const s = Math.sin(angle * 2 * Math.PI / 360);
-			const c = Math.cos(angle * 2 * Math.PI / 360);
-			rectangle.x += textWidth / 2 * c;
-			rectangle.y += textWidth / 2 * s;
-		} else if (justification == "end") {
-			const s = Math.sin(angle * 2 * Math.PI / 360);
-			const c = Math.cos(angle * 2 * Math.PI / 360);
-			rectangle.x -= textWidth / 2 * c;
-			rectangle.y -= textWidth / 2 * s;
-		}
-
-		return rectangle;
-	}
-
-	/**
-	 * @param {Point2D} pt Point to rotate
-	 * @param {Point2D} pivotPt Point to rotate around
-	 * @param {number} angle angle in degrees
-	 */
-	static rotatePoint(pt: Point2D, pivotPt: Point2D, angle: number): void {
-		const s = Math.sin(- angle * 2 * Math.PI / 360);
-		const c = Math.cos(- angle * 2 * Math.PI / 360);
-
-		pt.x -= pivotPt.x;
-		pt.y -= pivotPt.y;
-
-		let xnew = pt.x * c - pt.y * s;
-		let ynew = pt.x * s + pt.y * c;
-
-		pt.x = xnew + pivotPt.x;
-		pt.y = ynew + pivotPt.y;
-	}
-}

package/src/main/ts/armyc2/c5isr/renderer/utilities/SettingsChangedEvent.ts

@@ -1,19 +0,0 @@
-export class SettingsChangedEvent /*extends java.lang.Throwable*/ {
-
-    public static readonly EventType_CacheSizeChanged: string = "CACHE_CHANGED";
-    public static readonly EventType_CacheToggled: string = "CACHE_TOGGLED";
-    public static readonly EventType_FontChanged: string = "FONT_CHANGED";
-
-
-    private _EventType: string;
-    public constructor(eventType: string) {
-        if (eventType != null && eventType !== "") {
-            this._EventType = eventType;
-        }
-    }
-
-    public getEventType(): string {
-        return this._EventType;
-    }
-
-}

package/src/main/ts/armyc2/c5isr/renderer/utilities/SettingsChangedEventListener.ts

@@ -1,10 +0,0 @@
-
-import { SettingsChangedEvent } from "../../renderer/utilities/SettingsChangedEvent"
-
-export interface SettingsChangedEventListener {
-
-	onSettingsChanged(sce: SettingsChangedEvent): void;
-
-}
-
-

package/src/main/ts/armyc2/c5isr/renderer/utilities/SettingsEventListener.ts

@@ -1,5 +0,0 @@
-
-
-export interface SettingsEventListener {
-      SettingsEventChanged(type: string): void;
-}