open-index/open-npm huggingface dataset:
npm package: @slayre/componentify
Description: Extract Reusable Components from Existing React Project
Author: Rajat Sharma
Latest version: 0.1.0

## componentify

_Extract Reusable Components from existing React Project._

#### Getting Started

- Inside your root folder run this command

```sh
$ npx componentify-init components/ReusableComponent -p=@slayre/componentify
```
- Change the contents of `src/components/ReusableComponent/src/index.js` to import the component you want to extract and export it.

```javascript
export { default } from 'pathtocomponent';
```
- Build it. Make sure you are in ReusableComponent's dir.

```sh
yarn build
```

- Publish It.
npm package: @slaysayto/s-inline-editor
Description: <img alt="npm" src="https://img.shields.io/npm/v/@slaysayto/s-inline-editor">
Latest version: 0.0.2

# SInlineEditor   

<img alt="npm" src="https://img.shields.io/npm/v/@slaysayto/s-inline-editor">

package page in npm: https://www.npmjs.com/package/@slaysayto/s-inline-editor

demo: https://stackblitz.com/edit/s-inline-editor?file=src/app/s-inline-editor.component.ts

This project use [Angular CLI version 10.0.7]

Thanks for Netanel Basal for his amazing article with help me create this project: https://netbasal.com/keeping-it-simple-implementing-edit-in-place-in-angular-4fd92c4dfc70

This project still in development and i am still learning how to create packages, inspire me with you idea and notes. 
## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.


## Exemple of how to use: 
Here i am using the s-inline-editor with two ionic component, this demonstrate that we can customize the template as we wish. we can also use normal html element.

```html
<s-inline-editor (update)="handleUpdateEvent()"
                    [(mode)]="modeViewOrEdit">
                    <ng-template viewMode>{{valueHere}}</ng-template>
                    <ng-template editMode>
                      <ion-input class="custom-input-class"
                               name="inputName"
                               [(ngModel)]="inputVal">
                                <ion-icon class="ml-2"
                                name="iconName"
                                (click)="closeInlineEditor()"></ion-icon>
                      </ion-input>
                    </ng-template>
    </s-inline-editor>
    
```

The closeInlineEditor is very simple here is an exemple:

```javascript
closeInlineEditor () {
  this.modeViewOrEdit = 'view';
}
```

Note that the mode attribute has a default value and can be ignored if we don't need it.

```html

<s-inline-editor (update)="updateField()">
        <ng-template viewMode>{{entity.name}}</ng-template>
        <ng-template editMode>
          <input [formControl]="inputControle">
        </ng-template>
</s-inline-editor>
```
npm package: @slc-wms/dbmod
Description: Types and validation of the database model on the SLC-WMS software
Author: vicente-g
Latest version: 1.0.2

# Database-Model

[![build](https://github.com/SLC-wms/Database-Model/actions/workflows/cd.yml/badge.svg?event=push)](https://github.com/SLC-wms/Database-Model/actions/workflows/cd.yml)
[![npm Version](https://img.shields.io/npm/v/@slc-wms/dbmod.svg)](https://www.npmjs.com/package/@slc-wms/dbmod)
[![license](https://img.shields.io/badge/license-MIT-purple.svg)](https://github.com/SLC-wms/Database-Model/blob/main/LICENSE)

This package contains `TypeScript` types support and `zod` validation for each of the schemas at the WMS software's database model.

## Installation

This package should be online on `npm`, so to add this to any other service, it should be okay to just run the following command:

```sh
npm install @slc-wms/dbmod
```

If by any means the package is not online, the `src` folder can be extracted from this repo and referenced locally in the service which is being developed. Just make sure to have both `TypeScript` and `zod` installed in that service. To do so, run the following commands:

```sh
npm install -D typescript
npm install zod
```
npm package: @slc3/samlify
Description: High-level API for Single Sign On (SAML 2.0)
Author: tngan
Latest version: 2.5.0-rc4

# samlify &middot; 
[![Build Status](https://travis-ci.org/tngan/samlify.svg?branch=master)](https://travis-ci.org/tngan/samlify)
[![npm version](https://img.shields.io/npm/v/samlify.svg?style=flat)](https://www.npmjs.com/package/samlify)
[![Coverage Status](https://img.shields.io/coveralls/tngan/samlify/master.svg)](https://coveralls.io/github/tngan/samlify?branch=master) 
[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/samlify)

Highly configuarable Node.js SAML 2.0 library for Single Sign On 

### Welcome PRs

Welcome all PRs for maintaining this project, or provide a link to the repositories especially for use cases alongside with different frameworks.

### Sponsor

| <img width="50" src="https://user-images.githubusercontent.com/83319/31722733-de95bbde-b3ea-11e7-96bf-4f4e8f915588.png"> | <div style="text-align: left;">If you want to quickly implement SAML SSO, feel free to check out Auth0's NodeJS SDK and free plan at [auth0.com/overview](https://auth0.com/overview?utm_source=GHsponsor&utm_medium=GHsponsor&utm_campaign=samlify&utm_content=auth).</div> |
|:-------------------------:|:-------------------------|

### Installation
To install the stable version

Starting from v2.5, schema validation becomes selectable and optional, we restrict to apply it in your production environment, you can only ignore schema validation in development mode. When you install samlify in your current project, please assign the environment variable `SAML_VALIDATOR` to either `javac`, `xmllint` or `libxml`.

```console
$ SAML_VALIDATOR=javac yarn add samlify
```

For those using Windows, `windows-build-tools` should be installed globally before installing samlify if you are using `libxml` validator.

```console
$ yarn global add windows-build-tools
```

### Development
This project is now developed using TypeScript, also support Yarn which is a new package manager.

```console
$ yarn global add typescript
$ yarn
```

### Get Started
```javascript
const saml = require('samlify');
```
See full documentation [here](https://samlify.js.org/)

### Example

[react-samlify](https://github.com/passify/react-samlify) SP example powered by React, TypeScript and Webpack

### Talks

[An introduction to Single Sign On](http://www.slideshare.net/TonyNgan/an-introduction-of-single-sign-on)

### License

[MIT](LICENSE)

### Copyright

Copyright (C) 2016-present Tony Ngan, released under the MIT License.