{"id":24054596,"url":"https://github.com/andes/plex","last_synced_at":"2025-04-22T20:45:57.084Z","repository":{"id":41432403,"uuid":"66011827","full_name":"andes/plex","owner":"andes","description":"Componentes de UI/UX para ANDES ","archived":false,"fork":false,"pushed_at":"2025-04-11T18:43:22.000Z","size":40641,"stargazers_count":1,"open_issues_count":6,"forks_count":2,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-04-11T19:49:08.348Z","etag":null,"topics":["andes","angular2","ehr","healthcare","huds","neuquen"],"latest_commit_sha":null,"homepage":"https://ui.andes.gob.ar/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andes.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2016-08-18T16:10:35.000Z","updated_at":"2025-03-12T15:36:53.000Z","dependencies_parsed_at":"2024-01-03T14:30:57.733Z","dependency_job_id":"8e268ad9-c0ca-4e8a-9374-4567b1d4ab62","html_url":"https://github.com/andes/plex","commit_stats":{"total_commits":914,"total_committers":24,"mean_commits":"38.083333333333336","dds":0.7199124726477024,"last_synced_commit":"d07e53dd1dee51787c23c7d9477e5a7bc9459d2a"},"previous_names":[],"tags_count":101,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andes%2Fplex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andes%2Fplex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andes%2Fplex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andes%2Fplex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andes","download_url":"https://codeload.github.com/andes/plex/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250322044,"owners_count":21411694,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["andes","angular2","ehr","healthcare","huds","neuquen"],"created_at":"2025-01-09T03:48:49.366Z","updated_at":"2025-04-22T20:45:57.036Z","avatar_url":"https://github.com/andes.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![ANDES](https://github.com/andes/andes.github.io/raw/master/images/logo.png)\n\n# Plex: UI/UX para ANDES\n\nPlex es un conjunto de componentes de UI/UX para el proyecto ANDES.\n\n\n## Instalación\n1. Crear una nueva aplicación con [angular-cli](https://cli.angular.io/)\n\n    ```\n   ng new my-app\n   cd my-app\n    ```\n \n2. Descargar desde npm\n\n    ```\n   npm install @andes/plex --save\n    ```\n\n3. Crear un nuevo archivo `src/styles.sass` y editarlo para vincular al archivo `.sass` de Plex\n\n    ```less\n   @import '~andes-plex/src/lib/styles.sass';\n    ```\n\n4. Registrar en `angular-cli.json` los siguiente archivos:\n\n    ```json\n   ...\n   \"styles\": [\n       \"styles.sass\",\n   ],\n   \"scripts\": [\n        \"../node_modules/intro.js/intro.js\"\n    ],\n   ...\n    ```\n\n5. Modificar `app.component.html` con el siguiente contenido:\n\n    ```html\n   \u003cplex-app\u003e  \n   \u003c/plex-app\u003e\n    ```\n\n6. Crear un componente `home.component.ts` con el siguiente contenido:\n\n    ```typescript\n   import { Component } from '@angular/core';\n\n   @Component({\n      template: 'Hello World',\n   })\n   export class HomeComponent {\n   }\n    ```\n\n7. Crear el archivo `app.routing.ts` y registrar el componente:\n\n    ```typescript\n   import { Routes, RouterModule } from '@angular/router';\n   import { ModuleWithProviders } from '@angular/core';\n   import { HomeComponent } from './home.component';\n\n   const appRoutes: Routes = [\n     { path: '**', component: HomeComponent } \n   ];\n\n   export const appRoutingProviders: any[] = [];\n   export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);\n    ```\n\n8. En `app.module.ts` importar `PlexModule` y registrar los routings y el servicio `Plex`: \n\n    ```typescript\n   import { BrowserModule } from '@angular/platform-browser';\n   import { NgModule } from '@angular/core';\n   import { FormsModule } from '@angular/forms';\n   import { HttpModule } from '@angular/http';\n   import { Plex, PlexModule } from '@andes/plex';\n   import { routing, appRoutingProviders } from './app.routing';\n\n   // Components\n   import { AppComponent } from './app.component';\n   import { HomeComponent } from './home.component';\n\n   @NgModule({\n     declarations: [\n       AppComponent,\n       HomeComponent\n     ],\n     imports: [\n       BrowserModule,\n       FormsModule,\n       HttpModule,\n       PlexModule,\n       routing\n     ],\n     providers: [\n       Plex,  \n       appRoutingProviders  \n     ],\n     bootstrap: [AppComponent]\n   })\n   export class AppModule { }\n\n    ```\n\n9. Correr la aplicacion `ng serve` \n\n    ```\n   ng serve\n    ```\n\n10. Navegar hasta `http://localhost:4200` \n\n## Publicación\nLa siguiente secuencia de pasos permite publicar la librería en NPM:\n\n1. Incrementar la versión package.json y package-lock.json. Por ejemplo `\"version\": \"1.1.17\"`\n2. Realizar commit con la nueva versión\n3. Crear un tag con la versión, tiene que ser la misma que en package.json. Por ejemplo `git tag 1.1.17`\n4. Realizar push de los cambios\n5. Realizar el PR con la versión y luego mergear a Master\n6. Volver a Master y obtener últimos cambios\n7. Ejecutar `npm login` (usando las credenciales de Andes)\n8. Ejecutar `npm publish`","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandes%2Fplex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandes%2Fplex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandes%2Fplex/lists"}