@datagrok/helm 2.13.8 → 3.0.0

package/src/utils/helm-service.ts

@@ -1,166 +0,0 @@
-import * as ui from 'datagrok-api/ui';
-import * as DG from 'datagrok-api/dg';
-
-import $ from 'cash-dom';
-import {Subject, Unsubscribable} from 'rxjs';
-import {LRUCache} from 'lru-cache';
-
-import {HelmEditor, HelmType, IHelmBio, IHelmEditorOptions} from '@datagrok-libraries/bio/src/helm/types';
-import {RenderTask} from '@datagrok-libraries/bio/src/utils/cell-renderer-async-base';
-import {HelmAux, HelmProps, HelmServiceBase} from '@datagrok-libraries/bio/src/viewers/helm-service';
-import {svgToImage} from '@datagrok-libraries/utils/src/svg';
-
-import {JSDraw2Module} from '../types';
-
-import {_package} from '../package';
-
-declare const JSDraw2: JSDraw2Module;
-
-export class HelmService extends HelmServiceBase {
-  private readonly hostDiv: HTMLDivElement;
-
-  private readonly editorLruCache: LRUCache<string, HelmEditor>;
-
-  // private editor!: HelmEditor;
-  private image: HTMLImageElement | null = null;
-
-  constructor() {
-    super(_package.logger);
-
-    this.hostDiv = ui.box();
-    // this.hostDiv.style.display = 'none'; // Disables drawing at all
-    this.hostDiv.style.position = 'fixed';
-    this.hostDiv.style.left = '0px';
-    this.hostDiv.style.right = '0px';
-    this.hostDiv.style.width = '0px';
-    this.hostDiv.style.height = '0px';
-    this.hostDiv.style.visibility = 'hidden';
-    document.body.appendChild(this.hostDiv);
-
-    this.editorLruCache = new LRUCache<string, HelmEditor>({max: 20});
-  }
-
-  private getNewEditorHost() {
-    const hostDiv = ui.box();
-    hostDiv.style.position = 'absolute';
-    hostDiv.style.left = '0px';
-    hostDiv.style.right = '0px';
-    hostDiv.style.width = '0px';
-    hostDiv.style.height = '0px';
-    hostDiv.style.visibility = 'hidden';
-    this.hostDiv.appendChild(hostDiv);
-    return hostDiv;
-  }
-
-  protected override toLog(): string {
-    return `Helm: ${super.toLog()}`;
-  }
-
-  private getEditor(props: HelmProps): HelmEditor {
-    const editorKey = props.monomerLib.source;
-
-    let resEditor: HelmEditor | undefined = this.editorLruCache.get(editorKey);
-    if (!resEditor) {
-      const getMonomerFuncs = _package.helmHelper.buildMonomersFuncsFromLib(props.monomerLib );
-      const hostDiv = this.getNewEditorHost();
-      resEditor = new JSDraw2.Editor<HelmType, IHelmBio, IHelmEditorOptions>(hostDiv, {
-        width: props.width, height: props.height, skin: 'w8', viewonly: true,
-        drawOptions: {getMonomer: getMonomerFuncs.getMonomer},
-      });
-      this.editorLruCache.set(editorKey, resEditor);
-    }
-    return resEditor;
-  }
-
-  protected override async requestRender(
-    key: keyof any | undefined, task: RenderTask<HelmProps, HelmAux>, renderHandler: (aux: HelmAux) => void
-  ): Promise<[Unsubscribable, number, () => void]> {
-    const logPrefix = `${this.toLog()}.requestRender()`;
-    this.logger.debug(`${logPrefix}, start, ` + `key: ${key?.toString()}`);
-    const emptyCanvasHash: number = 0;
-    const monomerLib = task.props.monomerLib;
-
-    const editor = this.getEditor(task.props);
-
-    const lST = window.performance.now();
-    editor.options.width = task.props.width;
-    editor.options.height = task.props.height;
-    editor.resize(task.props.width, task.props.height);
-    const helmStr = task.props.helm;
-    if (helmStr) {
-      // getMonomerOverrideAndLogAlert(
-      //   this.monomerLib,
-      //   getMonomerPatched,
-      //   () => {
-      //     this.logger.debug(`${logPrefix}, editor.setData( '${helmStr}' )`);
-      //     this.editor.setData(helmStr, 'helm');
-      //   }, this.logger);
-      this.logger.debug(`${logPrefix}, editor.setData( '${helmStr}' )`);
-      editor.setData(helmStr, 'helm');
-    }
-    if (!helmStr)
-      editor.reset();
-
-    const svgEl = editor.div.children[0] as SVGSVGElement;
-    const bBox = svgEl.getBBox();
-    const [cellWidth, cellHeight] = [task.props.width, task.props.height];
-    const bScale = Math.min(cellWidth * 0.95 / bBox.width, cellHeight * 0.95 / bBox.height);
-    const [drawWidth, drawHeight] = [bBox.width * bScale, bBox.height * bScale];
-    const aux: HelmAux = {
-      mol: editor.m.clone(false),
-      bBox: new DG.Rect(bBox.x, bBox.y, bBox.width + 2, bBox.height + 2) /* adjust for clipping right/bottom */,
-      dBox: new DG.Rect((cellWidth - drawWidth) / 2, (cellHeight - drawHeight) / 2, drawWidth, drawHeight),
-      cBox: new DG.Rect(0, 0, task.props.width, task.props.height),
-    };
-    const lET = window.performance.now();
-
-    const dpr = window.devicePixelRatio;
-
-    const rST = window.performance.now();
-    const renderHandlerInt = (): void => {
-      const rET: number = window.performance.now();
-      this.logger.debug(`${logPrefix}.renderHandlerInt(), ` +
-        `key: ${key?.toString()}, ` +
-        `load: ${lET - lST} ms,\n    ` + `renderET: ${rET - rST} ms, ` +
-        `emptyCanvasHash: ${emptyCanvasHash}`);
-      renderHandler(aux);
-    };
-
-    const renderEvent = new Subject();
-    const renderSub = renderEvent.subscribe(() => {
-      const logPrefixInt = `${logPrefix} on renderEvent`;
-      this.logger.debug(`${logPrefixInt}`);
-    });
-    const trigger = (): void => {
-      svgToImage(svgEl, dpr).then((imageEl) => {
-        this.image = imageEl;
-        renderHandlerInt(); // calls onRendered()
-      });
-    };
-    this.logger.debug(`${logPrefix}, end, ` + `key: ${key?.toString()}`);
-    return [renderSub, -1, trigger];
-  }
-
-  protected onRendered(
-    key: keyof any | undefined, task: RenderTask<HelmProps, HelmAux>, emptyCanvasHash: number, aux: HelmAux
-  ): boolean {
-    const dpr = window.devicePixelRatio;
-    const canvas = ui.canvas(task.props.width, task.props.height);
-    try {
-      const g = canvas.getContext('2d');
-      if (!this.image || !g) return false;
-      // g.fillStyle = '#C0C0FF';
-      // g.fillRect(0, 0, canvas.width, canvas.height);
-      g.drawImage(this.image,
-        aux.bBox.x, aux.bBox.y, aux.bBox.width, aux.bBox.height,
-        aux.dBox.x, aux.dBox.y, aux.dBox.width, aux.dBox.height);
-      task.onAfterRender(canvas, aux);
-    } finally {
-      canvas.remove();
-    }
-    return true;
-  }
-
-  async reset(): Promise<void> { }
-}
-

package/vendor/dojo-1.10.10/dijit/BackgroundIframe.js

@@ -1,63 +0,0 @@
-//>>built
-define("dijit/BackgroundIframe",["require","./main","dojo/_base/config","dojo/dom-construct","dojo/dom-style","dojo/_base/lang","dojo/on","dojo/sniff"],function(_1,_2,_3,_4,_5,_6,on,_7){
-_7.add("config-bgIframe",(_7("ie")||_7("trident"))&&!/IEMobile\/10\.0/.test(navigator.userAgent));
-var _8=new function(){
-var _9=[];
-this.pop=function(){
-var _a;
-if(_9.length){
-_a=_9.pop();
-_a.style.display="";
-}else{
-if(_7("ie")<9){
-var _b=_3["dojoBlankHtmlUrl"]||_1.toUrl("dojo/resources/blank.html")||"javascript:\"\"";
-var _c="<iframe src='"+_b+"' role='presentation'"+" style='position: absolute; left: 0px; top: 0px;"+"z-index: -1; filter:Alpha(Opacity=\"0\");'>";
-_a=document.createElement(_c);
-}else{
-_a=_4.create("iframe");
-_a.src="javascript:\"\"";
-_a.className="dijitBackgroundIframe";
-_a.setAttribute("role","presentation");
-_5.set(_a,"opacity",0.1);
-}
-_a.tabIndex=-1;
-}
-return _a;
-};
-this.push=function(_d){
-_d.style.display="none";
-_9.push(_d);
-};
-}();
-_2.BackgroundIframe=function(_e){
-if(!_e.id){
-throw new Error("no id");
-}
-if(_7("config-bgIframe")){
-var _f=(this.iframe=_8.pop());
-_e.appendChild(_f);
-if(_7("ie")<7||_7("quirks")){
-this.resize(_e);
-this._conn=on(_e,"resize",_6.hitch(this,"resize",_e));
-}else{
-_5.set(_f,{width:"100%",height:"100%"});
-}
-}
-};
-_6.extend(_2.BackgroundIframe,{resize:function(_10){
-if(this.iframe){
-_5.set(this.iframe,{width:_10.offsetWidth+"px",height:_10.offsetHeight+"px"});
-}
-},destroy:function(){
-if(this._conn){
-this._conn.remove();
-this._conn=null;
-}
-if(this.iframe){
-this.iframe.parentNode.removeChild(this.iframe);
-_8.push(this.iframe);
-delete this.iframe;
-}
-}});
-return _2.BackgroundIframe;
-});

package/vendor/dojo-1.10.10/dijit/BackgroundIframe.js.uncompressed.js

@@ -1,116 +0,0 @@
-define("dijit/BackgroundIframe", [
-	"require",			// require.toUrl
-	"./main",	// to export dijit.BackgroundIframe
-	"dojo/_base/config",
-	"dojo/dom-construct", // domConstruct.create
-	"dojo/dom-style", // domStyle.set
-	"dojo/_base/lang", // lang.extend lang.hitch
-	"dojo/on",
-	"dojo/sniff" // has("ie"), has("trident"), has("quirks")
-], function(require, dijit, config, domConstruct, domStyle, lang, on, has){
-
-	// module:
-	//		dijit/BackgroundIFrame
-
-	// Flag for whether to create background iframe behind popups like Menus and Dialog.
-	// A background iframe is useful to prevent problems with popups appearing behind applets/pdf files,
-	// and is also useful on older versions of IE (IE6 and IE7) to prevent the "bleed through select" problem.
-	// By default, it's enabled for IE6-11, excluding Windows Phone 8.
-	// TODO: For 2.0, make this false by default.  Also, possibly move definition to has.js so that this module can be
-	// conditionally required via  dojo/has!bgIfame?dijit/BackgroundIframe
-	has.add("config-bgIframe",
-    	(has("ie") || has("trident")) && !/IEMobile\/10\.0/.test(navigator.userAgent)); // No iframe on WP8, to match 1.9 behavior
-
-	var _frames = new function(){
-		// summary:
-		//		cache of iframes
-
-		var queue = [];
-
-		this.pop = function(){
-			var iframe;
-			if(queue.length){
-				iframe = queue.pop();
-				iframe.style.display="";
-			}else{
-				// transparency needed for DialogUnderlay and for tooltips on IE (to see screen near connector)
-				if(has("ie") < 9){
-					var burl = config["dojoBlankHtmlUrl"] || require.toUrl("dojo/resources/blank.html") || "javascript:\"\"";
-					var html="<iframe src='" + burl + "' role='presentation'"
-						+ " style='position: absolute; left: 0px; top: 0px;"
-						+ "z-index: -1; filter:Alpha(Opacity=\"0\");'>";
-					iframe = document.createElement(html);
-				}else{
-					iframe = domConstruct.create("iframe");
-					iframe.src = 'javascript:""';
-					iframe.className = "dijitBackgroundIframe";
-					iframe.setAttribute("role", "presentation");
-					domStyle.set(iframe, "opacity", 0.1);
-				}
-				iframe.tabIndex = -1; // Magic to prevent iframe from getting focus on tab keypress - as style didn't work.
-			}
-			return iframe;
-		};
-
-		this.push = function(iframe){
-			iframe.style.display="none";
-			queue.push(iframe);
-		}
-	}();
-
-
-	dijit.BackgroundIframe = function(/*DomNode*/ node){
-		// summary:
-		//		For IE/FF z-index shenanigans. id attribute is required.
-		//
-		// description:
-		//		new dijit.BackgroundIframe(node).
-		//
-		//		Makes a background iframe as a child of node, that fills
-		//		area (and position) of node
-
-		if(!node.id){ throw new Error("no id"); }
-		if(has("config-bgIframe")){
-			var iframe = (this.iframe = _frames.pop());
-			node.appendChild(iframe);
-			if(has("ie")<7 || has("quirks")){
-				this.resize(node);
-				this._conn = on(node, 'resize', lang.hitch(this, "resize", node));
-			}else{
-				domStyle.set(iframe, {
-					width: '100%',
-					height: '100%'
-				});
-			}
-		}
-	};
-
-	lang.extend(dijit.BackgroundIframe, {
-		resize: function(node){
-			// summary:
-			//		Resize the iframe so it's the same size as node.
-			//		Needed on IE6 and IE/quirks because height:100% doesn't work right.
-			if(this.iframe){
-				domStyle.set(this.iframe, {
-					width: node.offsetWidth + 'px',
-					height: node.offsetHeight + 'px'
-				});
-			}
-		},
-		destroy: function(){
-			// summary:
-			//		destroy the iframe
-			if(this._conn){
-				this._conn.remove();
-				this._conn = null;
-			}
-			if(this.iframe){
-				this.iframe.parentNode.removeChild(this.iframe);
-				_frames.push(this.iframe);
-				delete this.iframe;
-			}
-		}
-	});
-
-	return dijit.BackgroundIframe;
-});

package/vendor/dojo-1.10.10/dijit/Destroyable.js

@@ -1,35 +0,0 @@
-//>>built
-define("dijit/Destroyable",["dojo/_base/array","dojo/aspect","dojo/_base/declare"],function(_1,_2,_3){
-return _3("dijit.Destroyable",null,{destroy:function(_4){
-this._destroyed=true;
-},own:function(){
-var _5=["destroyRecursive","destroy","remove"];
-_1.forEach(arguments,function(_6){
-var _7;
-var _8=_2.before(this,"destroy",function(_9){
-_6[_7](_9);
-});
-var _a=[];
-function _b(){
-_8.remove();
-_1.forEach(_a,function(_c){
-_c.remove();
-});
-};
-if(_6.then){
-_7="cancel";
-_6.then(_b,_b);
-}else{
-_1.forEach(_5,function(_d){
-if(typeof _6[_d]==="function"){
-if(!_7){
-_7=_d;
-}
-_a.push(_2.after(_6,_d,_b,true));
-}
-});
-}
-},this);
-return arguments;
-}});
-});

package/vendor/dojo-1.10.10/dijit/Destroyable.js.uncompressed.js

@@ -1,83 +0,0 @@
-define("dijit/Destroyable", [
-	"dojo/_base/array", // array.forEach array.map
-	"dojo/aspect",
-	"dojo/_base/declare"
-], function(array, aspect, declare){
-
-	// module:
-	//		dijit/Destroyable
-
-	return declare("dijit.Destroyable", null, {
-		// summary:
-		//		Mixin to track handles and release them when instance is destroyed.
-		// description:
-		//		Call this.own(...) on list of handles (returned from dojo/aspect, dojo/on,
-		//		dojo/Stateful::watch, or any class (including widgets) with a destroyRecursive() or destroy() method.
-		//		Then call destroy() later to destroy this instance and release the resources.
-
-		destroy: function(/*Boolean*/ preserveDom){
-			// summary:
-			//		Destroy this class, releasing any resources registered via own().
-			this._destroyed = true;
-		},
-
-		own: function(){
-			// summary:
-			//		Track specified handles and remove/destroy them when this instance is destroyed, unless they were
-			//		already removed/destroyed manually.
-			// tags:
-			//		protected
-			// returns:
-			//		The array of specified handles, so you can do for example:
-			//	|		var handle = this.own(on(...))[0];
-
-			var cleanupMethods = [
-				"destroyRecursive",
-				"destroy",
-				"remove"
-			];
-
-			array.forEach(arguments, function(handle){
-				// When this.destroy() is called, destroy handle.  Since I'm using aspect.before(),
-				// the handle will be destroyed before a subclass's destroy() method starts running, before it calls
-				// this.inherited() or even if it doesn't call this.inherited() at all.  If that's an issue, make an
-				// onDestroy() method and connect to that instead.
-				var destroyMethodName;
-				var odh = aspect.before(this, "destroy", function (preserveDom){
-					handle[destroyMethodName](preserveDom);
-				});
-
-				// Callback for when handle is manually destroyed.
-				var hdhs = [];
-				function onManualDestroy(){
-					odh.remove();
-					array.forEach(hdhs, function(hdh){
-						hdh.remove();
-					});
-				}
-
-				// Setup listeners for manual destroy of handle.
-				// Also computes destroyMethodName, used in listener above.
-				if(handle.then){
-					// Special path for Promises.  Detect when Promise is resolved, rejected, or
-					// canceled (nb: cancelling a Promise causes it to be rejected).
-					destroyMethodName = "cancel";
-					handle.then(onManualDestroy, onManualDestroy);
-				}else{
-					// Path for other handles.  Just use AOP to detect when handle is manually destroyed.
-					array.forEach(cleanupMethods, function(cleanupMethod){
-						if(typeof handle[cleanupMethod] === "function"){
-							if(!destroyMethodName){
-								// Use first matching method name in above listener (prefer destroyRecursive() to destroy())
-								destroyMethodName = cleanupMethod;
-							}
-							hdhs.push(aspect.after(handle, cleanupMethod, onManualDestroy, true));
-						}
-					});
-				}
-			}, this);
-
-			return arguments;		// handle
-		}
-	});
-});