@datagrok/bio 2.17.0 → 2.17.2

package/dockerfiles/container.json

@@ -0,0 +1,6 @@
+{
+  "cpu": 1,
+  "memory": 1024,
+  "on_demand": true,
+  "timeout_minutes": 30
+}

package/package.json

@@ -2,10 +2,10 @@
   "name": "@datagrok/bio",
   "friendlyName": "Bio",
   "author": {
-    "name": "Aleksandr Tanas",
-    "email": "atanas@datagrok.ai"
+    "name": "Leonid Stolbov",
+    "email": "lstolbov@datagrok.ai"
   },
-  "version": "2.17.0",
+  "version": "2.17.2",
   "description": "Bioinformatics support (import/export of sequences, conversion, visualization, analysis). [See more](https://github.com/datagrok-ai/public/blob/master/packages/Bio/README.md) for details.",
   "repository": {
     "type": "git",
@@ -13,6 +13,13 @@
     "directory": "packages/Bio"
   },
   "properties": [
+    {
+      "name": "FontSize",
+      "description": "Font size for monomer symbols in the sequence renderer",
+      "propertyType": "int",
+      "defaultValue": "12",
+      "nullable": false
+    },
     {
       "name": "MaxMonomerLength",
       "description": "The max length of monomer symbol displayed without shortening, 'long' to no limit",
@@ -37,7 +44,7 @@
   ],
   "dependencies": {
     "@biowasm/aioli": "^3.1.0",
-    "@datagrok-libraries/bio": "^5.45.7",
+    "@datagrok-libraries/bio": "^5.46.0",
     "@datagrok-libraries/chem-meta": "^1.2.7",
     "@datagrok-libraries/math": "^1.2.2",
     "@datagrok-libraries/ml": "^6.7.4",
@@ -62,7 +69,7 @@
     "@datagrok-libraries/js-draw-lite": "^0.0.10",
     "@datagrok/chem": "^1.12.3",
     "@datagrok/dendrogram": "^1.2.33",
-    "@datagrok/helm": "^2.5.3",
+    "@datagrok/helm": "^2.5.10",
     "@types/node": "^17.0.24",
     "@types/wu": "^2.1.44",
     "@typescript-eslint/eslint-plugin": "^8.8.1",

package/src/package-types.ts

@@ -16,6 +16,7 @@ export const enum BioPackagePropertiesNames {
   MaxMonomerLength = 'MaxMonomerLength',
   TooltipWebLogo = 'TooltipWebLogo',
   DefaultSeparator = 'DefaultSeparator',
+  FontSize = 'FontSize',
 }
 
 
@@ -23,6 +24,16 @@ export class BioPackageProperties extends Map<string, any> {
   private _onPropertyChanged: Subject<string> = new Subject<string>();
   public get onPropertyChanged(): Observable<string> { return this._onPropertyChanged; }
 
+  public get fontSize(): number {
+    const vs = super.get(BioPackagePropertiesNames.FontSize);
+    return !!vs && !isNaN(vs) ? Number.parseInt(vs) : 12;
+  }
+
+  public set fontSize(value: number) {
+    super.set(BioPackagePropertiesNames.FontSize, value);
+    this._onPropertyChanged.next(BioPackagePropertiesNames.FontSize);
+  }
+
   /** Monomer symbol maximum length displayed, null for unlimited. */
   public get maxMonomerLength(): number | null {
     const vs = super.get(BioPackagePropertiesNames.MaxMonomerLength);

package/src/tests/msa-tests.ts

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines-per-function */
 import * as grok from 'datagrok-api/grok';
 import * as ui from 'datagrok-api/ui';
 import * as DG from 'datagrok-api/dg';
@@ -8,7 +9,6 @@ import {ISeqHelper, getSeqHelper} from '@datagrok-libraries/bio/src/utils/seq-he
 
 import {runKalign} from '../utils/multiple-sequence-alignment';
 import {multipleSequenceAlignmentUI} from '../utils/multiple-sequence-alignment-ui';
-import {awaitContainerStart} from '../utils/docker';
 
 category('MSA', async () => {
   let seqHelper: ISeqHelper;
@@ -87,14 +87,12 @@ MWRSWYCKHPMWRSWYCKHPMWRSWYCKHPMWRSWYCKHPMWRSWYCKHPMWRSWYCKHPMWRSWYCKHPMWRSWYCKHP
   });
 
   test('isCorrectHelm', async () => {
-    await awaitContainerStart();
     await _testMSAOnColumn(helmFromCsv, helmToCsv, NOTATION.HELM, NOTATION.SEPARATOR, undefined, 'mafft');
-  }, {timeout: 60000 /* docker */});
+  }, {timeout: 80000 /* docker */});
 
   test('isCorrectHelmLong', async () => {
-    await awaitContainerStart();
     await _testMSAOnColumn(longHelmFromCsv, longHelmToCsv, NOTATION.HELM, NOTATION.SEPARATOR, undefined, 'mafft');
-  }, {timeout: 60000 /* docker */});
+  }, {timeout: 80000 /* docker */});
 
   test('isCorrectSeparator', async () => {
     await _testMSAOnColumn(

package/src/tests/pepsea-tests.ts

@@ -4,7 +4,6 @@ import {before, category, expect, expectArray, test} from '@datagrok-libraries/u
 import {runPepsea} from '../utils/pepsea';
 import {TestLogger} from './utils/test-logger';
 import {errInfo} from '@datagrok-libraries/bio/src/utils/err-info';
-import {awaitContainerStart} from '../utils/docker';
 
 category('PepSeA', () => {
   const testCsv = `HELM,MSA
@@ -30,10 +29,6 @@ category('PepSeA', () => {
 `;
   const pepseaErrorError: string = 'PepSeA error: The pair (*,M) couldn\'t be found in the substitution matrix';
 
-  before(async () => {
-    await awaitContainerStart();
-  });
-
   test('Basic alignment', async () => {
     const df = DG.DataFrame.fromCsv(testCsv);
     const resMsaCol = await runPepsea(df.getCol('HELM'), 'msa(HELM)');

package/src/tests/renderers-monomer-placer-tests.ts

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines-per-function */
 import * as grok from 'datagrok-api/grok';
 import * as DG from 'datagrok-api/dg';
 import * as ui from 'datagrok-api/ui';
@@ -49,7 +50,7 @@ category('renderers: monomerPlacer', () => {
         {src: {row: 1, x: 6}, tgt: {pos: 0}},
         {src: {row: 1, x: 26}, tgt: {pos: 1}},
         {src: {row: 1, x: 160}, tgt: {pos: 6}},
-        {src: {row: 1, x: 185}, tgt: {pos: 7}},
+        {src: {row: 1, x: 190}, tgt: {pos: 7}},
         {src: {row: 2, x: 140}, tgt: {pos: 5}},
         {src: {row: 2, x: 145}, tgt: {pos: 5}},
       ]
@@ -115,7 +116,8 @@ id3,QHIRE--LT
       const colTemp: MonomerPlacer = new MonomerPlacer(null, seqCol, _package.logger, monLength,
         () => {
           return {
-            monomerCharWidth: charWidth,
+            font: '12px monospace',
+            fontCharWidth: charWidth,
             separatorWidth: sepWidth,
             monomerToShort: monomerToShort,
           };
@@ -209,7 +211,8 @@ id3,QHIRE--LT
       const sepWidth: number = 12;
       const colTemp = new MonomerPlacer(null, seqCol, _package.logger, monLengthLimit, () => {
         return {
-          monomerCharWidth: charWidth,
+          fontCharWidth: charWidth,
+          font: '12px monospace',
           separatorWidth: sepWidth,
           monomerToShort: monomerToShort,
         };

package/src/tests/renderers-test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines-per-function */
 import * as grok from 'datagrok-api/grok';
 import * as DG from 'datagrok-api/dg';
 import * as ui from 'datagrok-api/ui';
@@ -196,6 +197,8 @@ category('renderers', () => {
     const df: DG.DataFrame = await grok.dapi.files.readCsv('System:AppData/Bio/samples/FASTA_PT.csv');
     const view = grok.shell.addTableView(df);
     await awaitGrid(view.grid);
+    await df.meta.detectSemanticTypes();
+    await grok.data.detectSemanticTypes(df);
 
     const srcCol = df.getCol('sequence');
     const sh = seqHelper.getSeqHandler(srcCol);
@@ -239,6 +242,8 @@ CTCGGCATGC,2,0
     const df = DG.DataFrame.fromCsv(seqCoordsCsv);
     df.currentRowIdx = 0;
     const view = grok.shell.addTableView(df);
+    await df.meta.detectSemanticTypes();
+    await grok.data.detectSemanticTypes(df);
     const sp: DG.ScatterPlotViewer = df.plot.scatter({x: 'x', y: 'y'});
     view.dockManager.dock(sp, DG.DOCK_TYPE.RIGHT, null);
     await Promise.all([
@@ -253,7 +258,7 @@ CTCGGCATGC,2,0
       clientX: spBcr.left + wp.x, clientY: spBcr.top + wp.y
     });
     const spCanvas = $(sp.root).find('canvas').get()[0] as HTMLCanvasElement;
-    await testEvent(fromEvent(spCanvas, 'mousemove'), () => {
+    await testEvent(DG.debounce(fromEvent(spCanvas, 'mousemove'), 200), () => {
       _package.logger.debug(`Test: event, currentRowIdx=${df.currentRowIdx}`);
       expect($(ui.tooltip.root).find('div table.d4-row-tooltip-table tr td canvas').length, 1);
       expect(sp.hitTest(wp.x, wp.y), 1);

package/src/tests/substructure-filters-tests.ts

@@ -1,3 +1,5 @@
+/* eslint-disable max-lines */
+/* eslint-disable max-lines-per-function */
 import * as grok from 'datagrok-api/grok';
 import * as ui from 'datagrok-api/ui';
 import * as DG from 'datagrok-api/dg';
@@ -152,8 +154,9 @@ category('bio-substructure-filters', async () => {
   test('helm-dialog', async () => {
     const logPrefix = 'Bio tests: substructureFilters/helm-dialog';
     const df = await readDataframe('tests/filter_HELM.csv');
-    await grok.data.detectSemanticTypes(df);
     const view = grok.shell.addTableView(df);
+    await grok.data.detectSemanticTypes(df);
+    await df.meta.detectSemanticTypes();
 
     _package.logger.debug(`${logPrefix}, filter attaching.`);
     const filter = new BioSubstructureFilter(seqHelper, _package.logger);
@@ -178,7 +181,9 @@ category('bio-substructure-filters', async () => {
       await testEvent(df.onRowsFiltered, () => {}, () => {
         bf.props = new BioFilterProps('PEPTIDE1{C}$$$$V2.0');
       }, 20000);
+      setTimeout(() => view.grid.invalidate(), 500);
       await awaitGrid(view.grid);
+      await delay(1000);
       _package.logger.debug(`${logPrefix}, filter 2 changed.`);
       expect(filter.dataFrame!.filter.trueCount, 2);
       expect(filter.dataFrame!.filter.toBinaryString(), '1001');
@@ -187,7 +192,7 @@ category('bio-substructure-filters', async () => {
     }
     await filter.awaitRendered();
     await delay(3000); //TODO: await for grid.onLookChanged
-  });
+  }, {});
 
   // Generates unhandled exception accessing isFiltering before bioFilter created
   test('helm-view', async () => {
@@ -398,8 +403,9 @@ category('bio-substructure-filters', async () => {
 
   test('reset-fasta', async () => {
     const df = await readDataframe('tests/filter_FASTA.csv');
-    await grok.data.detectSemanticTypes(df);
     const view = grok.shell.addTableView(df);
+    await grok.data.detectSemanticTypes(df);
+    await df.meta.detectSemanticTypes();
 
     const fSeqColName: string = 'fasta';
     const fSubStr: string = 'MD';
@@ -432,6 +438,8 @@ category('bio-substructure-filters', async () => {
   test('reopen', async () => {
     const df = await _package.files.readCsv('tests/filter_FASTA.csv');
     const view = grok.shell.addTableView(df);
+    await grok.data.detectSemanticTypes(df);
+    await df.meta.detectSemanticTypes();
 
     const filterList = [{type: 'Bio:bioSubstructureFilter', columnName: 'fasta'}];
 
@@ -448,7 +456,7 @@ category('bio-substructure-filters', async () => {
     const fg2Dn = view.dockManager.dock(fg2, DG.DOCK_TYPE.LEFT);
     await delay(100);
     await awaitGrid(view.grid);
-  });
+  }, {});
 
   async function createFilter(colName: string, df: DG.DataFrame): Promise<BioSubstructureFilter> {
     if (!df.columns.names().includes(colName)) {
@@ -464,5 +472,5 @@ category('bio-substructure-filters', async () => {
     //filter.tableName = df.name;
     return filter;
   };
-});
+}, );
 

package/src/tests/utils.ts

@@ -4,8 +4,6 @@ import * as grok from 'datagrok-api/grok';
 import {delay, expect, testEvent} from '@datagrok-libraries/utils/src/test';
 import {asRenderer, IRenderer, isRenderer} from '@datagrok-libraries/bio/src/types/renderer';
 
-import {startDockerContainer} from '../utils/docker';
-
 import {_package} from '../package-test';
 import {CellRendererBackBase, getGridCellColTemp} from '@datagrok-libraries/bio/src/utils/cell-renderer-back-base';
 

package/src/utils/cell-renderer.ts

@@ -168,8 +168,9 @@ export class MacromoleculeSequenceCellRenderer extends DG.GridCellRenderer {
     if (!seqColTemp) {
       seqColTemp = temp.rendererBack = new MonomerPlacer(gridCol, tableCol, _package.logger, maxLengthOfMonomer,
         () => {
+          const {font, fontWidth} = MonomerPlacer.getFontSettings(tableCol);
           return {
-            monomerCharWidth: 7, separatorWidth: !sh.isMsa() ? gapLength : msaGapLength,
+            font: font, fontCharWidth: fontWidth, separatorWidth: !sh.isMsa() ? gapLength : msaGapLength,
             monomerToShort: monomerToShortFunction,
           };
         });

package/src/utils/monomer-lib/library-file-manager/style.css

@@ -4,5 +4,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  min-width: 220px;
   width: 100%;
+
 }

package/src/utils/monomer-lib/library-file-manager/ui.ts

@@ -77,6 +77,9 @@ class MonomerLibraryManagerWidget {
   private async getWidgetContent(): Promise<HTMLElement> {
     const libControlsForm = await LibraryControlsManager.createControlsForm();
     $(libControlsForm).addClass('monomer-lib-controls-form');
+    setTimeout(() => {
+      libControlsForm && $(libControlsForm) && $(libControlsForm).removeClass('ui-form-condensed');
+    }, 200);
     const widgetContent = ui.divV([libControlsForm]);
     return widgetContent;
   }
@@ -132,7 +135,7 @@ class LibraryControlsManager {
 
   private _createControlsForm(): HTMLElement {
     const libraryControls = this.createLibraryControls();
-    const inputsForm = ui.form(libraryControls, undefined, false);
+    const inputsForm = ui.wideForm(libraryControls, undefined);
     $(inputsForm).addClass('monomer-lib-controls-form');
 
     return inputsForm;
@@ -287,7 +290,7 @@ class LibManagerView {
         const rightWidth = combinedWidth - leftWidth;
         right.style.width = `${rightWidth}px`;
       }, 100);
-      this._view.subs.push(grok.events.onCurrentViewChanged.subscribe(async () => {
+      this._view.subs.push(grok.events.onCurrentViewChanged.subscribe(() => {
         try {
           const inst = LibManagerView._instance;
           if (inst && inst._view && 'id' in grok.shell.v && grok.shell.v.id === inst._view.id)

package/src/utils/monomer-lib/monomer-manager/duplicate-monomer-manager.ts

@@ -47,12 +47,12 @@ class MonomerCard {
 
 class DuplicateSymbolRow {
   root: HTMLElement = ui.divH([],
-      {style: {
-        alignItems: 'center',
-        width: '100%',
-        overflow: 'hidden',
-        visibility: 'visible',
-      }, classes: 'duplicate-monomer-symbol-row'}
+    {style: {
+      alignItems: 'center',
+      width: '100%',
+      overflow: 'hidden',
+      visibility: 'visible',
+    }, classes: 'duplicate-monomer-symbol-row'}
   );
   monomerCards: MonomerCard[];
   constructor(

package/src/utils/monomer-lib/monomer-manager/monomer-manager.ts

@@ -102,7 +102,7 @@ export class MonomerManager implements IMonomerManager {
   async createNewMonomerLib(libName: string, _monomers: Monomer[]): Promise<void> {
     this.tv?.grid && ui.setUpdateIndicator(this.tv.grid.root, true);
     try {
-      const monomersString = JSON.stringify(_monomers.map((m) => ({...m, lib: undefined, wem: undefined})));
+      const monomersString = JSON.stringify(_monomers.map((m) => ({...m, lib: undefined, wem: undefined})), null, 2);
       if (!libName.endsWith('.json'))
         libName += '.json';
       await (await this.monomerLibManamger.getFileManager()).addLibraryFile(monomersString, libName);
@@ -214,13 +214,23 @@ export class MonomerManager implements IMonomerManager {
     return tv ?? null;
   }
 
+  private _skipLibInputOnchange: boolean = false;
+
   async getViewRoot(libName?: string) {
     const availableMonLibs = (await this.monomerLibManamger.getFileManager()).getValidLibraryPaths();
     this._newMonomerForm.molSketcher.resize();
     if ((this.tv = this.findActiveManagerView()) && (libName ?? this.libInput.value)) {
       // get monomer library list
-      this.libInput && ((this.libInput as DG.ChoiceInput<string>).items = availableMonLibs);
-      libName && (this.libInput.value = libName);
+      try {
+        this._skipLibInputOnchange = true;
+        this.libInput && ((this.libInput as DG.ChoiceInput<string>).items = availableMonLibs);
+        libName && (this.libInput.value = libName);
+      } catch (e) {
+        grok.shell.error('Error updating library list');
+        console.error(e);
+      } finally {
+        this._skipLibInputOnchange = false;
+      }
       const df = await this.getMonomersDf(libName);
       this.tv.dataFrame = df;
       this.adjustColWidths();
@@ -287,6 +297,7 @@ export class MonomerManager implements IMonomerManager {
     this.tv.name = MonomerManager.VIEW_NAME;
     this.libInput = ui.input.choice('Monomer Library', {value: libName, items: availableMonLibs, nullable: false, onValueChanged: async () => {
       try {
+        if (this._skipLibInputOnchange) return;
         const df = await this.getMonomersDf(this.libInput.value!);
           this.tv!.dataFrame = df;
           this.adjustColWidths();
@@ -553,6 +564,8 @@ class MonomerForm implements INewMonomerForm {
       }
       try {
         this.rgroupsGridRoot.style.display = 'none';
+        const rGroupsPane = this.inputsTabControl.panes.find((p) => p.name?.toLowerCase() === 'r-groups');
+        rGroupsPane && (rGroupsPane.header.style.removeProperty('background-color'));
         let smiles = this.molSketcher.getSmiles();
         if (!smiles) {
           this.rgroupsGrid.items = [];
@@ -568,9 +581,21 @@ class MonomerForm implements INewMonomerForm {
           this.rgroupsGrid.items = [];
           this.rgroupsGrid.render();
           this.saveValidationResult = 'At least one R-group is required';
+          rGroupsPane && (rGroupsPane.header.style.setProperty('background-color', '#ff000030'));
           this.invalidateSaveButton();
           return;
         }
+
+        // check for duplicate r-groups
+        const rGroupsSet = new Set(rGroupMatches.map((match) => match[0]));
+        if (rGroupsSet.size !== rGroupMatches.length) {
+          this.saveValidationResult = 'Duplicate R-groups are not allowed';
+          this.rgroupsGridRoot.style.display = 'flex';
+          rGroupsPane && (rGroupsPane.header.style.setProperty('background-color', '#ff000030'));
+          this.invalidateSaveButton();
+          return;
+        }
+
         const rGroupNums = rGroupMatches.map((match) => Number.parseInt(match[0].match(/[1-9]/g)![0]));
         const rGroupItems: RGroup[] = rGroupNums.map((num) => {
           const existingRGroup = this.rgroupsGrid.items.find((rg) => rg[HELM_RGROUP_FIELDS.LABEL] === `R${num}`) as RGroup | undefined;
@@ -581,8 +606,8 @@ class MonomerForm implements INewMonomerForm {
             [HELM_RGROUP_FIELDS.LABEL]: `R${num}`,
           } as unknown as RGroup;
         });
-        if (this.rgroupsGrid.items.length !== rGroupItems.length)
-          this.rgroupsGrid.items = rGroupItems;
+        // if (this.rgroupsGrid.items.length !== rGroupItems.length)
+        this.rgroupsGrid.items = rGroupItems.sort((a, b) => a.label.localeCompare(b.label));
         this.rgroupsGrid.render();
         this.rgroupsGridRoot.style.display = 'flex';
         const mostSimilar = await mostSimilarNaturalAnalog(capSmiles(smiles, rGroupItems), this.polymerTypeInput.value ?? '');
@@ -830,7 +855,7 @@ class MonomerForm implements INewMonomerForm {
       .add(infoTables)
       .addButton('Remove', async () => {
         libJSON = libJSON.filter((m) => !removingMonomers.includes(m));
-        await grok.dapi.files.writeAsText(LIB_PATH + libName, JSON.stringify(libJSON));
+        await grok.dapi.files.writeAsText(LIB_PATH + libName, JSON.stringify(libJSON, null, 2));
         await (await MonomerLibManager.getInstance()).loadLibraries(true);
         await this.refreshTable();
 
@@ -865,7 +890,7 @@ class MonomerForm implements INewMonomerForm {
         else
           libJSON.push({...monomer, lib: undefined, wem: undefined});
 
-        await grok.dapi.files.writeAsText(LIB_PATH + libName, JSON.stringify(libJSON));
+        await grok.dapi.files.writeAsText(LIB_PATH + libName, JSON.stringify(libJSON, null, 2));
         await (await MonomerLibManager.getInstance()).loadLibraries(true);
         await this.refreshTable(monomer.symbol);
         this._molChanged = false; // reset the flag

package/src/utils/multiple-sequence-alignment-ui.ts

@@ -12,7 +12,6 @@ import {pepseaMethods, runPepsea} from './pepsea';
 import {checkInputColumn} from './check-input-column';
 import {MultipleSequenceAlignmentUIOptions} from './types';
 import {kalignVersion, msaDefaultOptions} from './constants';
-import {awaitContainerStart} from './docker';
 
 import '../../css/msa.css';
 import {_package} from '../package';
@@ -176,7 +175,6 @@ async function onColInputChange(
       gapExtendInput.value ??= msaDefaultOptions.pepsea.gapExtend;
 
       return async () => {
-        await awaitContainerStart();
         return runPepsea(col, unusedName, methodInput.value!,
           gapOpenInput.value!, gapExtendInput.value!, clustersColInput.value);
       };
@@ -190,7 +188,6 @@ async function onColInputChange(
       // convert to helm and assign alignment function to PepSea
 
       return async () => {
-        await awaitContainerStart();
         return runPepsea(helmCol, unusedName, methodInput.value!,
           gapOpenInput.value!, gapExtendInput.value!, clustersColInput.value);
       };

package/src/utils/pepsea.ts

@@ -49,9 +49,6 @@ export async function runPepsea(srcCol: DG.Column<string>, unUsedName: string,
   clustersCol: DG.Column<string | number> | null = null, logger?: ILogger
 ): Promise<DG.Column<string>> {
   const pepseaContainer = await Pepsea.getDockerContainer();
-  if (pepseaContainer.status !== 'started' && pepseaContainer.status !== 'checking')
-    throw new Error('PepSeA container has not started yet');
-
   const peptideCount = srcCol.length;
   clustersCol ??= DG.Column.int('Clusters', peptideCount).init(0);
   if (clustersCol.type != DG.COLUMN_TYPE.STRING)

package/src/viewers/web-logo-viewer.ts

@@ -1,3 +1,7 @@
+/* eslint-disable max-lines */
+/* eslint-disable max-len */
+/* eslint-disable max-params */
+/* eslint-disable max-lines-per-function */
 import * as grok from 'datagrok-api/grok';
 import * as ui from 'datagrok-api/ui';
 import * as DG from 'datagrok-api/dg';
@@ -548,7 +552,7 @@ export class WebLogoViewer extends DG.JsViewer implements IWebLogoViewer {
         style: {
           display: 'flex',
           flexDirection: 'row',
-          flexGrow: 0,
+          flexGrow: '0',
           /** For alignContent to have an effect */ flexWrap: 'wrap',
           /* backgroundColor: '#EEFFEE' */
         }

package/src/widgets/representations.ts

@@ -1,3 +1,4 @@
+/* eslint-disable max-lines-per-function */
 import * as grok from 'datagrok-api/grok';
 import * as ui from 'datagrok-api/ui';
 import * as DG from 'datagrok-api/dg';
@@ -49,6 +50,24 @@ export function getMacromoleculeColumnPropertyPanel(col: DG.Column): DG.Widget {
     tooltipText: `The max length of monomer symbol displayed without shortening, empty to no limit`
   });
 
+  let fontSize: number | null = (_package.properties ? _package.properties.fontSize : 12);
+  if (MmcrTemps.fontSize in col.temp && !!col.temp[MmcrTemps.fontSize] && !isNaN(col.temp[MmcrTemps.fontSize]))
+    fontSize = col.temp[MmcrTemps.fontSize];
+
+  const fontSizeInput = ui.input.int('Font Size', {
+    value: fontSize!,
+    nullable: true, min: 1, max: 50, step: 1,
+    onValueChanged: (value) => {
+      if (value && value > 0) {
+        const newValue = value ?? 12;
+        col.temp[MmcrTemps.fontSize] = newValue;
+        col.temp[MmcrTemps.rendererSettingsChanged] = rendererSettingsChangedState.true;
+        col.dataFrame.fireValuesChanged();
+      }
+    },
+    tooltipText: `The font size of monomer symbol in sequence renderer`
+  });
+
   const gapLengthInput = ui.input.int('Monomer Margin', {
     value: col.temp[MmcrTemps.gapLength] ?? 0,
     onValueChanged: (value) => {
@@ -88,7 +107,8 @@ export function getMacromoleculeColumnPropertyPanel(col: DG.Column): DG.Widget {
     tooltipText: 'When on, all sequences get rendered in the "diff" mode'
   });
 
-  const rdKitInputs = ui.inputs([
+  const sequenceConfigInputs = ui.inputs([
+    fontSizeInput,
     maxMonomerLengthInput,
     gapLengthInput,
     referenceSequenceInput,
@@ -96,7 +116,7 @@ export function getMacromoleculeColumnPropertyPanel(col: DG.Column): DG.Widget {
     compareWithCurrentInput,
   ]);
 
-  return new DG.Widget(rdKitInputs);
+  return new DG.Widget(sequenceConfigInputs);
 }
 
 /**

package/src/utils/docker.ts

@@ -1,52 +0,0 @@
-import * as grok from 'datagrok-api/grok';
-import * as ui from 'datagrok-api/ui';
-import * as DG from 'datagrok-api/dg';
-
-import {delay} from '@datagrok-libraries/utils/src/test';
-
-import {Pepsea} from './pepsea';
-
-/** Waits if container is not started
- * @param {number} ms - time to wait in milliseconds */
-export async function awaitContainerStart(ms: number = 60000): Promise<void> {
-  const dc = await Pepsea.getDockerContainer();
-  await startDockerContainer(dc, ms);
-}
-
-export async function startDockerContainer(argDc: DG.DockerContainer, timeout: number = 60000): Promise<void> {
-  // argDc contains current container status
-  let dc: DG.DockerContainer | null = argDc;
-  let end: boolean = false;
-  for (let i = 0; i < timeout / 200; ++i) {
-    if (dc === null) dc = await grok.dapi.docker.dockerContainers.find(argDc.id);
-
-    if (isStarted(dc)) {
-      end = true;
-      break;
-    }
-
-    switch (dc.status) {
-    case 'stopped': {
-      // TODO: Use the new dockerContainers API
-      await grok.dapi.docker.dockerContainers.run(dc.id);
-      break;
-    }
-    case 'pending change':
-    case 'changing': {
-      // skip to wait
-      break;
-    }
-    case 'error': {
-      throw new Error('Docker container error state.');
-    }
-    }
-    dc = null;
-    await delay(200);
-  }
-  if (!end) throw new Error('Docker container start timeout.');
-  // this.dc = await grok.dapi.docker.dockerContainers.find(dcId);
-}
-
-export function isStarted(dc: DG.DockerContainer): boolean {
-  return dc.status === 'checking' || dc.status === 'started';
-}