Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

error TS6200: Definitions of the following identifiers conflict with those in another file: #69

Open
GabrielCabas opened this issue Mar 22, 2021 · 2 comments

Comments

@GabrielCabas
Copy link

GabrielCabas commented Mar 22, 2021

Hi, I'm really begginer using Litemol. I'm trying to use it on an angular app. I referenced the files in /dist on my index.html, I don't know if there's another way. I have this error:

ERROR in src/assets/Litemol/js/LiteMol-core.d.ts:7:1 - error TS6200: Definitions of the following identifiers conflict with those in another file: PriorityQueue, ScheduledItem, CompositeDisposable, Disposable, SingleAssignmentDisposable, SerialDisposable, RefCountDisposable, Notification, Present, NotSpecified, Unknown, UndefinedColumn, ParserResult, ParserError, ParserSuccess, CategoryInstance, CategoryProvider, OutputStream, File, DataBlock, Category, Column, Writer, Encoder, VERSION, Encoding, Promise, Rx, CIF, Params, ShortStringPool, StructConnType, TokenRange, HelperData, MoleculeData, Header, CrystStructureInfo, SecondaryStructure, ModelData, ModelsData, Parser, mmCIF, mmBCIF, PDB, SDF, All, Field3DZYX, CCP4, immediate, clearImmediate, Computation, FastNumberParsers, DataTable, PerformanceMonitor, Matrix4, Vector3, Vector4, QueryFunc, LookupStructure, Index, IndexPair, Type, ComponentBondInfoEntry, ComponentBondInfo, PolyResidueIdentifier, None, Helix, Turn, Sheet, AminoSeq, Strand, SecondaryStructureElement, SymmetryInfo, AssemblyOperator, AssemblyGenEntry, AssemblyGen, AssemblyInfo, PositionTable, AtomTable, ResidueTable, ChainTable, EntityTable, BondTable, ModifiedResidueTable, Positions, Atoms, Residues, Chains, Entities, Bonds, ModifiedResidues, Operator, Computed, Single, Double, Triple, Aromatic, DisulfideBridge, Metallic, Ion, Hydrogen, Spacegroup, Query

7 declare namespace __LiteMolRx {
  ~~~~~~~

  src/assets/Litemol/js/LiteMol-plugin.d.ts:9:1
    9 declare namespace __LiteMolRx {
      ~~~~~~~
    Conflicts are in this file.
src/assets/Litemol/js/LiteMol-core.d.ts:1449:9 - error TS2323: Cannot redeclare exported variable 'VERSION'.

1449     var VERSION: {
             ~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:9:1[0m - error TS6200: Definitions of the following identifiers conflict with those in another file: PriorityQueue, ScheduledItem, CompositeDisposable, Disposable, SingleAssignmentDisposable, SerialDisposable, RefCountDisposable, Notification, Present, NotSpecified, Unknown, UndefinedColumn, ParserResult, ParserError, ParserSuccess, CategoryInstance, CategoryProvider, OutputStream, File, DataBlock, Category, Column, Writer, Encoder, VERSION, Encoding, Promise, Rx, CIF, Params, ShortStringPool, StructConnType, TokenRange, HelperData, MoleculeData, Header, CrystStructureInfo, SecondaryStructure, ModelData, ModelsData, Parser, mmCIF, mmBCIF, PDB, SDF, All, Field3DZYX, CCP4, immediate, clearImmediate, Computation, FastNumberParsers, DataTable, PerformanceMonitor, Matrix4, Vector3, Vector4, QueryFunc, LookupStructure, Index, IndexPair, Type, ComponentBondInfoEntry, ComponentBondInfo, PolyResidueIdentifier, None, Helix, Turn, Sheet, AminoSeq, Strand, SecondaryStructureElement, SymmetryInfo, AssemblyOperator, AssemblyGenEntry, AssemblyGen, AssemblyInfo, PositionTable, AtomTable, ResidueTable, ChainTable, EntityTable, BondTable, ModifiedResidueTable, Positions, Atoms, Residues, Chains, Entities, Bonds, ModifiedResidues, Operator, Computed, Single, Double, Triple, Aromatic, DisulfideBridge, Metallic, Ion, Hydrogen, Spacegroup, Query

9 declare namespace __LiteMolRx {
  ~~~~~~~

  src/assets/Litemol/js/LiteMol-core.d.ts:7:1
    7 declare namespace __LiteMolRx {
      ~~~~~~~
    Conflicts are in this file.
src/assets/Litemol/js/LiteMol-plugin.d.ts:9881:9 - error TS2323: Cannot redeclare exported variable 'VERSION'.

9881     var VERSION: {
             ~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:10748:11 - error TS2649: Cannot augment module 'StructConn' with value exports because it resolves to a non-module entity.

10748     class StructConn {
                ~~~~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:13973:26 - error TS2304: Cannot find name 'ReactDOM'.

13973 declare type RD = typeof ReactDOM;
                               ~~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:13974:25 - error TS2304: Cannot find name 'React'.

13974 declare type R = typeof React;
                              ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:13994:22 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

13994         onClick: (e: React.MouseEvent<HTMLButtonElement> | React.TouchEvent<HTMLButtonElement>) => void;
                           ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:13994:60 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

13994         onClick: (e: React.MouseEvent<HTMLButtonElement> | React.TouchEvent<HTMLButtonElement>) => void;
                                                                 ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14008:19 - error TS2503: Cannot find namespace 'JSX'.

14008         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14014:27 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14014         onKeyPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
                                ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14015:3m23 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14015         onBlur?: ((e: React.FormEvent<HTMLInputElement>) => void) | undefined;
                            ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14017:11 - error TS2503: Cannot find namespace 'JSX'.

14017     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14018:25 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14018     function isEnter(e: React.KeyboardEvent<HTMLInputElement>): boolean;
                              ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14024:23 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14024         onEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
                            ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14026:9 - error TS2503: Cannot find namespace 'JSX'.

14026     }): JSX.Element;
              ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14033:11 - error TS2503: Cannot find namespace 'JSX'.

14033     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14039:11 - error TS2503: Cannot find namespace 'JSX'.

14039     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14043:11 - error TS2503: Cannot find namespace 'JSX'.

14043     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14048:11 - error TS2503: Cannot find namespace 'JSX'.

14048     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14051:27 - error TS2503: Cannot find namespace 'JSX'.

14051         content: string | JSX.Element;
                                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14052:11 - error TS2503: Cannot find namespace 'JSX'.

14052     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14065:19 - error TS2503: Cannot find namespace 'JSX'.

14065         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14074:9 - error TS2503: Cannot find namespace 'JSX'.

14074     }): JSX.Element;
              ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14085:26 - error TS2503: Cannot find namespace 'JSX'.

14085         topRightAction?: JSX.Element;
                               ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14088:19 - error TS2503: Cannot find namespace 'JSX'.

14088         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14096:11 - error TS2503: Cannot find namespace 'JSX'.

14096     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14118:19 - error TS2503: Cannot find namespace 'JSX'.

14118         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14121:19 - error TS2503: Cannot find namespace 'JSX'.

14121         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14138:18 - error TS2503: Cannot find namespace 'JSX'.

14138         handle?: JSX.Element;
                       ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14161:25 - error TS2536: Type '"state"' cannot be used to index type 'this'.

14161         onChange(state: this['state']): void;
                              ~~~~~~~~~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14190:19 - error TS2503: Cannot find namespace 'JSX'.

14190         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14208:19 - error TS2503: Cannot find namespace 'JSX'.

14208         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14219:19 - error TS2503: Cannot find namespace 'JSX'.

14219         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14226:23 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14226         onEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
                            ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14227:9 - error TS2503: Cannot find namespace 'JSX'.

14227     }): JSX.Element;
              ~~~
msrc/assets/Litemol/js/LiteMol-plugin.d.ts:14263:19 - error TS2503: Cannot find namespace 'JSX'.

14263         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14282:33 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14282         protected applyEnter(e: React.KeyboardEvent<HTMLElement>): void;
                                      ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14283:19 - error TS2503: Cannot find namespace 'JSX'.

14283         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14286:37 - error TS2503: Cannot find namespace 'JSX'.

14286         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14289:19 - error TS2503: Cannot find namespace 'JSX'.

14289         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14294:11 - error TS2503: Cannot find namespace 'JSX'.

14294     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14297:19 - error TS2503: Cannot find namespace 'JSX'.

14297         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14300:19 - error TS2503: Cannot find namespace 'JSX'.

14300         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14306:37 - error TS2503: Cannot find namespace 'JSX'.

14306         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14309:37 - error TS2503: Cannot find namespace 'JSX'.

14309         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14314:37 - error TS2503: Cannot find namespace 'JSX'.

14314         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14319:37 - error TS2503: Cannot find namespace 'JSX'.

14319         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14325:37 - error TS2503: Cannot find namespace 'JSX'.

14325         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14328:37 - error TS2503: Cannot find namespace 'JSX'.

14328         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14331:37 - error TS2503: Cannot find namespace 'JSX'.

14331         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14334:37 - error TS2503: Cannot find namespace 'JSX'.

143340m         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14337:37 - error TS2503: Cannot find namespace 'JSX'.

14337         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14340:37 - error TS2503: Cannot find namespace 'JSX'.

14340         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14343:37 - error TS2503: Cannot find namespace 'JSX'.

14343         protected renderControls(): JSX.Element | undefined;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14346:37 - error TS2503: Cannot find namespace 'JSX'.

14346         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14349:37 - error TS2503: Cannot find namespace 'JSX'.

14349         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14352:37 - error TS2503: Cannot find namespace 'JSX'.

14352         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14360:37 - error TS2503: Cannot find namespace 'JSX'.

14360         protected renderControls(): JSX.Element;
                                          ~~~0m
src/assets/Litemol/js/LiteMol-plugin.d.ts:14363:27 - error TS2503: Cannot find namespace 'JSX'.

14363         renderControls(): JSX.Element;
                                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14369:37 - error TS2503: Cannot find namespace 'JSX'.

14369         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14374:37 - error TS2503: Cannot find namespace 'JSX'.

14374         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14380:37 - error TS2503: Cannot find namespace 'JSX'.

14380         protected renderControls(): JSX.Element;
                                          ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14384:90 - error TS2503: Cannot find namespace 'JSX'.

14384     function optionsControls(controller: Bootstrap.Components.Transform.MoleculeLabels): JSX.Element[];
                                                                                               ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14392:19 - error TS2503: Cannot find namespace 'JSX'.

14392         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14397:19 - error TS2503: Cannot find namespace 'JSX'.

14397         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14400:19 - error TS2503: Cannot find namespace 'JSX'.

14400         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14405:19 - error TS2503: Cannot find namespace 'JSX'.

14405         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14412:11 - error TS2503: Cannot find namespace 'JSX'.

14412     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14419:19 - error TS2503: Cannot find namespace 'JSX'.

14419         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14426:11 - error TS2503: Cannot find namespace 'JSX'.

14426     }) => JSX.Element;
                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14434:19 - error TS2503: Cannot find namespace 'JSX'.

14434         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14443:19 - error TS2503: Cannot find namespace 'JSX'.

14443         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14446:30 - error TS2503: Cannot find namespace 'JSX'.

14446         const General: () => JSX.Element;
                                   ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14447:27 - error TS2503: Cannot find namespace 'JSX'.

14447         const Info: () => JSX.Element;
                                ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14460:19 - error TS2503: Cannot find namespace 'JSX'.

14460         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14463:19 - error TS2503: Cannot find namespace 'JSX'.

14463         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14465:23 - error TS2503: Cannot find namespace 'JSX'.

14465     const Logo: () => JSX.Element;
                            ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14478:26 - error TS2503: Cannot find namespace 'JSX'.

14478         renderMissing(): JSX.Element;
                               ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14481:19 - error TS2503: Cannot find namespace 'JSX'.

14481         render(): JSX.Element;
                        ~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14489:15 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14489         view: React.ComponentClass<any>;
                    ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14502:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14502             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14509:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14509             view: React.ComponentClass<any>;
      1m                  ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14516:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14516             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14523:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14523             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14532:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14532             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14541:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14541             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14550:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14550             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14557:19 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14557             view: React.ComponentClass<any>;
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:14564:27 - error TS2702: 'React' only refers to a type, but is being used as a namespace here.

14564     type ViewDefinition = React.ComponentClass<{
                                ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:1:23 - error TS2688: Cannot find type definition file for 'react'.

1 /// <reference types='react' />
                        ~~~~~
src/assets/Litemol/js/LiteMol-plugin.d.ts:2:23 - error TS2688: Cannot find type definition file for 'react-dom'.

2 /// <reference types='react-dom' />
                        ~~~~~~~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:218:37 - error TS2503: Cannot find namespace 'JSX'.

218         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:234:37 - error TS2503: Cannot find namespace 'JSX'.

234         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:409:27 - error TS2503: Cannot find namespace 'JSX'.

409         renderControls(): JSX.Element;
                              ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:439:27 - error TS2503: Cannot find namespace 'JSX'.

439         renderControls(): JSX.Element;
                              ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:444:37 - error TS2503: Cannot find namespace 'JSX'.

444         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:614:37 - error TS2503: Cannot find namespace 'JSX'.

614         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:617:37 - error TS2503: Cannot find namespace 'JSX'.

617         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:622:37 - error TS2503: Cannot find namespace 'JSX'.

622         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:627:37 - error TS2503: Cannot find namespace 'JSX'.

627         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:635:37 - error TS2503: Cannot find namespace 'JSX'.

635         protected renderControls(): JSX.Element;
                                        ~~~
src/assets/Litemol/js/LiteMol-viewer.d.ts:1:23 - error TS2688: Cannot find type definition file for 'react'.

1 /// <reference types="react" />
                        ~~~~~

@GabrielCabas
Copy link
Author

My index.html is something like this.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>VHL-Hunter</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>  
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
  <link rel="stylesheet" href="./assets/LiteMol/css/LiteMol-plugin.css" type="text/css" />
  <script src="./assets/LiteMol/js/LiteMol-plugin.js"></script>
</head>
<body class="mat-typography">
  <app-root></app-root>
</body>
</html>

And I'm using the plugin on a component:

ngOnInit(){
this.plugin = LiteMol.Plugin.create({
      target: '#structure',
      viewportBackground: 'black',
      layoutState: {
          isExpanded: false,
          hideControls: true
      },
    });
};
Render(){
    this.plugin.loadMolecule({
        id: '1lm8.pdb',
        url: 'http://localhost:3800/api/getPdb/',
        format: 'pdb' // default
    });
  }

@dsehnal
Copy link
Owner

dsehnal commented Mar 22, 2021

Hi Gabriel, LiteMol development has shifted to the Mol* project. I recommend you try using that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants