Focus a specific unit/residue by ID from an external application

Hello, I would like to embed the molstar viewer into a React application. It should be able to load a pdb source and then focus a specific residue by its generated name (for example “MEL 63” or “CYS 94”). This is basically the same behavior that is achieved by clicking on the sequence ui on one of the letters. The embedding of the viewer itself and the loading of the pdb works, thanks to your exposed viewer class, however I have problems understanding how to resolve the ID to a Loci, in order to focus it via viewer.plugin.managers.camera.focusLoci(loci).

I would be grateful for any hints.

[Aystein]

Hi, thanks for all your help, I tried another approach, and this works for me, I post it here in case someone stumbles across similiar problems

let update = viewer.state.build()
let assembly = viewer.state.select(StateSelection.Generators.ofType(PluginStateObject.Molecule.Structure))[0]
let obj = assembly.obj as PluginStateObject.Molecule.Structure

const group = update.to(assembly)
    .group(StateTransforms.Misc.CreateGroup, { label: 'Surroundings' }, { ref: 'TEST' })

    group.apply(StateTransforms.Model.StructureSelectionFromExpression, { label: 'Surroundings', expression: this.surroundingsExpression(this.props.ligandName, this.props.excludedEntityTypes, this.props.radius) })
    .apply(StateTransforms.Representation.StructureRepresentation3D, createStructureRepresentationParams(viewer.plugin, obj.data, {
        type: 'label',
        typeParams: {level: 'residue'}
    }), { tags: ['labely'] })

PluginCommands.State.Update(viewer.plugin, { state: viewer.plugin.state.data, tree: update })

The missing piece was

let assembly = viewer.state.select(StateSelection.Generators.ofType(PluginStateObject.Molecule.Structure))[0]

which selected the right node for me

[arose]

@ydzdfci I will adress your issue in #122