{"id":25167148,"url":"https://github.com/biocomputingup/ngx-mol-viewers","last_synced_at":"2026-02-08T02:34:42.954Z","repository":{"id":231316961,"uuid":"726840905","full_name":"BioComputingUP/ngx-mol-viewers","owner":"BioComputingUP","description":"Angular wrapper for Mol* structure viewer, made simple","archived":false,"fork":false,"pushed_at":"2025-04-11T22:44:26.000Z","size":21450,"stargazers_count":2,"open_issues_count":4,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-09-09T16:21:39.456Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BioComputingUP.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-12-03T15:04:05.000Z","updated_at":"2025-07-24T14:37:18.000Z","dependencies_parsed_at":"2024-04-16T12:27:40.894Z","dependency_job_id":"407bfa3e-8776-438e-9402-e4da6899157a","html_url":"https://github.com/BioComputingUP/ngx-mol-viewers","commit_stats":null,"previous_names":["biocomputingup/ngx-biocomp-up"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BioComputingUP/ngx-mol-viewers","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioComputingUP%2Fngx-mol-viewers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioComputingUP%2Fngx-mol-viewers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioComputingUP%2Fngx-mol-viewers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioComputingUP%2Fngx-mol-viewers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BioComputingUP","download_url":"https://codeload.github.com/BioComputingUP/ngx-mol-viewers/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioComputingUP%2Fngx-mol-viewers/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29217994,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-08T02:25:35.815Z","status":"ssl_error","status_checked_at":"2026-02-08T02:24:27.970Z","response_time":57,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-09T06:19:44.361Z","updated_at":"2026-02-08T02:34:42.740Z","avatar_url":"https://github.com/BioComputingUP.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ngx-mol-viewers\n\n## Introduction\n\nThe ngx-mol-viewers is an Angular library consisting in a collection components for the visualization and manipulation of biological data.\nEach component has been developed as an [Angular standalone component](https://v17.angular.io/guide/standalone-components). This means, it can be easily installed and imported in the most widespread\nversions of the framework.\n\nThe library was initially developed to share some core components between the applications developed at the [BioCompUP Laboratory](https://protein.bio.unipd.it/), at the University of Padua. \nAmong those, there are [MobiDB](https://mobidb.org/), [RepeatsDB](https://repeatsdb.bio.unipd.it/) and [RING](https://ring.biocomputingup.it/). Some of the components in the library were inspired by others already developed within the same laboratory, like the [ProSeqViewer](https://www.npmjs.com/package/proseqviewer) and the[FeatureViewerTypescript](https://www.npmjs.com/package/feature-viewer-typescript). \nSome others are based on well-known components already used in bioinformatics, like [Molstar](https://molstar.org/). \n\nIn both cases, the library makes the components compliant with Angular lifecycle, by satisfying the Angular standalone components specifications. \nThis, removes the burden of handling the Angular lifecycle within every Angular application.\n\nEach component has its own NPM repository and can be installed without the others, as they just share the same data structures and requirements.\n\n## Components\n\n### ngx-structure-viewer\n\nThe *ngx-structure-viewer* allows to visualize and manipulate three-dimensional protein structures. It wraps a Molstar instance within and Angular standalone component.\n\nGo to component's [NPM repository](https://www.npmjs.com/package/ngx-structure-viewer)\n\nGo to component's [README]()\n\n### ngx-sequence-viewer\n\nThe *ngx-sequence-viewer* provides visualization and manipulation for single sequences and multiple sequence alignments.\nIt deliberately takes inspiration on the ProSeqViewer.\n\nGo to component's [NPM repository](https://www.npmjs.com/package/ngx-sequence-viewer)\n\nGo to component's [README]()\n\n### ngx-features-viewer\n\nThe *ngx-features-viewer* extends the features provided by the fate FeatureViewerTypeScript. It has been completely re-engineered and optimized\nto provide the best adaptability and performance.\n\nGo to component's [NPM repository](https://www.npmjs.com/package/ngx-features-viewer)\n\nGo to component's [README]()\n\n## Developer notes\n\nThe project contains an Angular application, complete with routes, to present the project and showcase each component. The appluiication is named `demo-showcase`.\n\nWhile the other components listed above require to be imported in an Angular application, the `demo-showcase` can be served instead. It is used in `development` mode\nto reflect changes and develop the other components.\n\nThe application must be built in `production` mode in order to be served in GitHub Pages.\n\n### Development server\n\nRun `ng serve demo-showcase` for a development server. Navigate to `http://localhost:4200`. The application will automatically reload if you change any of the source files.\n\n### Production build\n\nRun `ng build -c=production --output-path docs --base-href https://biocomputingup.github.io/ngx-mol-viewers/ demo-showcase` to build the `demo-showcase` application for it to be served from GitHub Pages.\n\nThen, one needs to copy the built `index.html` into the `404.html` file. To do so, just `cd` into the output `docs` folder and `cp index.html 404.html`.\n\nWhen pushing the results in the `main` branch, GitHub will automatically publish an updated version of the appl;ication at [https://biocomputingup.github.io/ngx-mol-viewers/].\n\n### Publishing components\n\nRun `ng build -c=production ngx-structure-viewer` to build the Angular component `ngx-structure-viewer` in IVY mode.\n\nBuilt component will be compatible with almost all Angular applications, independently of its version. More on this at `https://angular.io/guide/creating-libraries`.\n\nIn order to public the previously build `ngx-structure-viewer` in its NPM repository, execute the following:\n```shell\ncd dist/ngx-structure-viewer\nnpm publish\n```\n\n**NOTE** before building, ensure that the version number increased, otherwise NPM will prevent publication.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiocomputingup%2Fngx-mol-viewers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiocomputingup%2Fngx-mol-viewers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiocomputingup%2Fngx-mol-viewers/lists"}