open-index/open-npm huggingface dataset:
npm package: @salilvnair/ngx-progress-tracker
Description: - selector : ``ngx-progress-tracker`` - input    : ``dataSource`` [array of NgxProgressTracker type]
Author: Salil V Nair
Latest version: 0.0.1

# NgxProgressTracker

- selector : ``ngx-progress-tracker``
- input    : ``dataSource`` [array of NgxProgressTracker type]


example: 

##### ``app.component.html``
```html 
<ngx-progress-tracker [dataSource]="data">
    <ng-template #trackerHeader let-header>
        <div style="margin-left: 1px;word-break: break-all;">
            <span><strong>{{header}}</strong></span>
        </div>
    </ng-template>
     <ng-template #trackerContent let-content>
        <div *ngIf="content.key=='status'">
            <span style="display:inline-block;vertical-align: middle;"><strong>{{content.value}}</strong></span>
        </div>
        <div *ngIf="content.key=='date'">
            <span><strong>{{content.value}}</strong></span>
        </div>
     </ng-template>
</ngx-progress-tracker>

```

##### ``app.component.ts``

```javascript

data:NgxProgressTracker[] = [
    {
        "id": "1",
        "color": "green",
        "header": "Order",
        "content": [
            {
                "key": "status",
                "value": "Ordered"
            },
            {
                "key": "date",
                "value": "12/12/19"
            }
        ]
    },
    {
        "id": "2",
        "color": "orange",
        "header": "Packaging",
        "content": [
            {
                "key": "status",
                "value": "In progress"
            },
            {
                "key": "date",
                "value": "ETA 31/12/19"
            }
        ]
    },
    {
        "id": "3",
        "color": "grey",
        "header": "Delivery",
        "content": [
            {
                "key": "status",
                "value": ""
            },
            {
                "key": "date",
                "value": ""
            }
        ]
    }
  ];
```

#### output:

![image](https://user-images.githubusercontent.com/34584327/60336749-d18c9c80-99be-11e9-973b-e190fe163465.png)
npm package: @salilvnair/tspa
Description: Typescript Persistent Api Repository
Author: Salil V Nair
Latest version: 1.0.1

![npm (scoped)](https://img.shields.io/npm/v/@salilvnair/tspa.svg?style=plastic)
# Typescript Persistent Api Repository (tspa)

    Typescript Persistent API tspa is similar to
    Springboot JPA repository where we can define our custom
    repo with entity class as generic type and all of the
    default available crud functions can be directly used.

#### 1. Create a model class with a decorator `Database`

```javascript
import { Database } from "@salilvnair/tspa";

@Database("employee")
export class Employee {
  firstName: string;
  lastName: string;
  designation: string;
}
```

#### 2. Create a repo for above model class extending `NeDBRepository` and implement the `returnEntityInstance` method like below

```javascript
import { NeDBRepository } from "@salilvnair/tspa";
import { Employee } from "../model/employee.model";

export class EmployeeRepo extends NeDBRepository<Employee> {
  // this method needs to return an instance of the entity class
  returnEntityInstance(): Employee {
    return new Employee();
  }
}
```

#### 3. How to use it in any Typescript class

```javascript
import { EmployeeRepo } from './employee/repo/employee.repo';
import { Employee } from './employee/model/employee.model';

export class EmployeeService  {
  save(){
    let employeeRepo:EmployeeRepo = new EmployeeRepo();
    let employee:Employee = new Employee();
    employee.firstName = "John";
    employee.lastName = "Doe";
    employee.designation = "CEO";
    this.employeeRepo.save(employee);
  }
}
```

> _when the above code executes a folder named **tspa-data** will be created at the root path._

> _which will have a subfolder named **nedb** which in turn will have two subfolders named **config** and **database**._

> _config folder contains **nedb.config.json** which is generated as default config._

> _database folder is where the real data recides post save with file named as whatever given in the entity Database decorators value._
npm package: @salimabsi/prettier-config
Description: Personal Prettier configuration
Author: Salim Absi
Latest version: 0.3.0

<h2 align="center">Prettier Configurations</h2>
<p align="center">
  <a href="https://www.npmjs.com/package/@salimabsi/prettier-config">
    <img alt="npm version" src="https://img.shields.io/npm/v/@salimabsi/prettier-config.svg?style=flat-square">
    <img alt="weekly downloads from npm" src="https://img.shields.io/npm/dw/@salimabsi/prettier-config.svg?style=flat-square">
  </a>
  <br />
  <p align="center">
    Prettier configurations I personally use for my projects.
  </p>
  <pre><p align="center">npm i -D @salimabsi/prettier-config</p></pre>
</p>

&nbsp;

## Basic Usage

Add the following line to your `package.json` file:

```json
{
  "prettier": "@salimabsi/prettier-config"
}
```

## Configuration Overrides

To override configurations, include the following code in your `.prettierrc.js` file:

```js
module.exports = {
  ...require('@salimabsi/prettier-config'),
  printWidth: 120,
}
```