Issue #8: regions with descriptions

src/apps/viewer/index.ts

@@ -131,7 +131,7 @@ export class Viewer {
               const update = this.plugin.build();
               const region = chain.regions[regionKey];
               let color: Color = Color.fromArray(region.color, 0);
-              this.applyColor(chain.chain_id, region.auth_ids, update.to(structure), color);
+              this.applyColor(chain.chain_id, region, update.to(structure), color);
               update.commit();
             }
 
@@ -143,9 +143,9 @@ export class Viewer {
         requestAnimationFrame(() => this.plugin.canvas3d?.requestCameraReset());
     }
 
-    private applyColor(chain: string, auth_seq_ids: number[], update: StateBuilder.To<any, any>, color: Color) {
-        const label: string = `${chain}.${auth_seq_ids.length}`;
-        const query: Expression = this.getQuery(chain, auth_seq_ids);
+    private applyColor(chain: string, region: any, update: StateBuilder.To<any, any>, color: Color) {
+        const label: string = `${chain}.${region.auth_seq_ids.length}`;
+        const query: Expression = this.getQuery(chain, region.auth_seq_ids as number[]);
 
         // based on https://github.com/molstar/molstar/issues/209
         update