open-index/open-npm huggingface dataset:
npm package: @renekorss/tipsy
Description: Facebook style tooltip plugin for jQuery. Supports hoverStay option.
Author: Jason Frame
Latest version: 1.0.1

[![npm version](https://badge.fury.io/js/%40renekorss%2Ftipsy.svg)](https://badge.fury.io/js/%40renekorss%2Ftipsy)
[![npm](https://img.shields.io/npm/dt/@renekorss/tipsy.svg)](https://www.npmjs.com/package/@renekorss/tipsy)
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)

# Tipsy (with hoverStay)

Facebook-style tooltip plugin for jQuery.

Supports `hoverStay` options which doesn't hide tipsy (if set to `true`). Great for HTML content which has links, buttons etc.

(c) 2008-2010 Jason Frame (jason@onehackoranother.com)

Released under The MIT License.

## Description

tipsy is a simple jQuery plugin for generating Facebook-style tooltips.

It's used by Twitter, Github, Slideshare and Bitbucket, amongst others.

## Source

Hosted at GitHub; browse at:

  http://github.com/renekorss/tipsy/tree/master

Or clone from:

  git://github.com/renekorss/tipsy.git

## Usage

### NPM

    npm install @renekorss/tipsy

### Direct

1. Copy the contents of src/{images,javascripts,stylesheets} to the corresponding asset directories in your project. 
   If the relative path of your images directory from your stylesheets   directory is not "../images", you'll need to adjust tipsy.css appropriately.

2. Insert the neccesary elements in your document's `<head>` section, e.g.:
   
        <script type='text/javascript' src='/javascripts/jquery.tipsy.js'></script>
        <link rel="stylesheet" href="/stylesheets/tipsy.css" type="text/css" />

 Remember to include jquery.tipsy.js *after* including the main jQuery library.

3. Initialise Tipsy in your document.onload, e.g.:

        <script type='text/javascript'>
        $(function() {
            $('a[rel=tipsy]').tipsy({fade: true, gravity: 'n'});
        });
        </script>

Please refer to the docs directory for more examples and documentation.

## A note on forking:

By forking this project you hereby grant permission for any commits to your fork to be
merged back into this repository and, with attribution, be released under the terms of
the MIT License.
npm package: @renemn/create-react-popup
Description: > An experimental use of compound components to create popup components.
Author: René Monroy
Latest version: 0.0.1

# 🔩 create-react-popup

> An experimental use of compound components to create popup components.

### Features

- Eases the creation of Popup components through the Compound Component pattern
- Uses React Portals to render the available Popups
- Creates a context on each Popup build to support multiple usage
- Has different positioning options

### Assumptions

This component might help you if your use case meets the following requirements:

- Each Popup always depends of a Content to show and a Trigger that shows that content
- Everything inside `Popup` will be rendered except `Popup.Content`, which will be in a Portal
- Then `Popup.Content` is anything that is rendered in an overlayed element (modal, tooltip, picker, etc)
- Both, the Trigger and the Content, are DOM elements of any kind
- The Popup component needs flexibility for complex structure and styles
- Each `Content` automatically closes itself whenever the use clicks outside of it

### Example

The next code shows the the flexibility to create multiple types of popups easily.

```jsx
import React from "react";
import createReactPopup from "create-react-popup";

const Popup = createReactPopup(); // This creates a new Popup with its own context

export default function HelloPopup() {
  return (
    <Popup position="trigger-bottom-left">
      {({ close }) => (
        <>
          {/* You can replace Fragment with whatever makes sense or add additional elements */}
          <Popup.Trigger>
            <button>Say Hello</button>
          </Popup.Trigger>
          <Popup.Content>
            <p>Hello there!</p>
          </Popup.Content>
        </>
      )}
    </Popup>
  );
}
```

Then the Popup created could be used in your project as:

```jsx
function Example() {
  return (
    <div className="example">
      <p>The button below opens a simple popup saying "Hello there!"
      <HelloPopup />
    </div>
  );
}
```

#### `Popup`

Main wrapper of the behavior. The `position` means where to show the Content

#### `Popup.Content`

The element that will appear in a React portal

#### `Popup.Trigger`

The element that executes the opening of whatever the Content has
npm package: @renemn/use-routed
Description: React hook that renders routed components (pages).
Author: renemonroy
Latest version: 0.1.3

# 🛣️ use-routed

> Ridiculously simplified way to render routed components with History api. Useful for quick prototypes or small projects.

[![NPM](https://img.shields.io/npm/v/@renemn/use-routed.svg)](https://www.npmjs.com/package/@renemn/use-routed) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save use-routed
```

## Usage

```jsx
import React from "react";
import useRouted, { Link, navigate } from "use-routed";

function Home() {
  const [username, setUsername] = React.useState("");
  return (
    <section>
      <p>What's your name?</p>
      <input type="text" onChange={e => setUsername(e.target.value)} />
      <button onClick={() => username && navigate(`/${username}`)}>Ok</button>
    </section>
  );
}

function User({ username }) {
  return (
    <section>
      <p>Hi {username}!</p>
      <Link href="/">Return</Link>
    </section>
  );
}

const routes = {
  "/": Home,
  "/:username": User
};

export default function App() {
  const routedComponent = useRouted(routes);
  return <div className="app">{routedComponent}</div>;
}
```

### `useRouted`

Pass the available routes and the hook will return a component based on the window location.

```jsx
const routedComponent = useRouted({ "/": Home, "/about" About });
```

### `Link`

Navigates between pages by using the pathanmes set. It replaces anchor's default behavior.

```jsx
<Link href="/about">
```

### `navigate`

Simulates navigation by updating popstate from a given URL. Use any of the paths passed on the initial configuration.

```jsx
navigate("/about");
```

### `paginate`

Helper that creates a pagination object from a set of given items. Use it with `React.useMemo` for perfomance boost.

```jsx
const { currentItems, numOfPages } = React.useMemo(
  () => paginate(someItems, somePage, itemsPerPage),
  [someItems, somePage, itemsPerPage]
);
```

## Example

The example is a simple Gists Previewer that shows the public gists from a given user.

Run `yarn start` at **example** folder.

## License

MIT © [renemonroy](https://github.com/renemonroy)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @reneos/gqlc
Description: GraphQL Client Library. Can be used to send and receive data from a graphql server. Can be used in browser or node.js. Supports request templates
Author: Viktor Abdulov
Latest version: 1.3.2

# gqlc GraphQL Client library
https://github.com/McRain/reneos.gqlc

## Install

```npm i @reneos/gqlc```

## Browser usage (static)

```import gqlc from "@reneos/gqlc"```

###### Init:

```js
const Api = gqlc.Init({
	"method": "post",
	"credentials": "include",
	"headers": {},
	"url": "https://127.0.0.1/api"
})
```

###### Query (runtime build query):

```js
const {error,user} = await gqlc.Get({
	user:[{
		$args:{
			id:"userId"
		}
	},"name","email"]
})
```

###### Query (prebuild query):

```js
gqlc.Add({
	user_query:{
		user:[{
			$args:{
				id:"$userid"
			}
		},"name","email"]
	}
})
const {error,user} = await gqlc.Get("user_query",{$userid:"UserId"})
```

###### Mutation:
   
```js
const {entrypoint,error} = await gqlc.Set({
				entrypoint: [
					{
						$args: {
							type: valuetype
						}
					},
					"result",
					"code"
				]
			})
```

## Browser Usage (instance)

```js
import {Client} from "@reneos/gqlc"

const client = new Client({
	"method": "post",
	"credentials": "include",
	"headers": {},
	"url": "http://127.0.0.1/api"
})

const {error,user} = await client.read({
	user:[{
		$args:{
			id:"userId"
		}
	},"name","email"]
})

const {entrypoint,error} = await client.write({
				entrypoint: [
					{
						$args: {
							type: valuetype
						}
					},
					"result",
					"code"
				]
			})
```

## Node.js Usage (static)

```import gqlc from "@reneos/gqlc"```

###### After init:

```js
gql.Init({
	"fetch": false,
})
```
npm package: @reneos/mongot
Description: Tool for convenient use of MongoDB database
Author: Viktor Abdulov
Latest version: 1.0.31

# reneos.mongot

A module to simplify working with database connections and MongoDB collections

install 

npm install @reneos.mongot --save

https://www.npmjs.com/package/@reneos/mongot

## How to use

```js
import {DataManager,Database,DataConnection} from "@reneos/mongot"
```

# Connect

1. You can create one global database connection

```js
	await DataManager.Init({
	"url": "mongodb://127.0.0.1:27017/",
	"database": "yourdatabase",
	"options": {	}
})
```
Load documents from Config collection
```js

const configs = await DataManager.Configs.find().toArray()

```
2. You can use multiple connections to different databases

```js
	const _db = new DataConnection("anydbkey")

	await _db.open({
	"url": "mongodb://127.0.0.1:27017/",
	"database": "yourdatabase",
	"options": {	}
})

```
Load documents from Config collection
```js

const configs = await _db.Configs.find().toArray()
OR
const configs = DataConnection.GetConnection('anydbkey').Configs.find().toArray()

```
npm package: @reneos/pubsub
Description: Pub/Sub broker
Author: Viktor Abdulov
Latest version: 1.2.7

# reneos.pubsub

install

npm i @reneos/pubsub --save

https://www.npmjs.com/package/@reneos/pubsub

##### This package is intended for messaging through a publication (shared bus). Channels have a tree structure and publishing in an inherited channel makes publishing in the parent channel.

```javascript
const {PubSub} = import "@reneos/pubsub"
```

### To subscribe to events, use :

```javascript
const key = PubSub.Subscribe("my.path.sub",(data,path)=>{
  console.log(`On Publicate ${data.anyprop} `)
})
```

### A subscription with an empty path will receive all events

### To publish events, use :

```javascript
PubSub.Publish("my.path",{anyprop:'anydata'})
```

### Events will be published all the way, for example:
#### If you published an event along the path "my.path.sub" then the publication will be along the path "my.path.sub" and along the path "my.path" and "my"
npm package: @reneos/server
Description: Simple servers (HTTP, WebSocket)
Author: Viktor Abdulov
Latest version: 0.5.2

# Simple Servers 


This package is designed to quickly launch lightweight servers (http or websocket).

npm https://www.npmjs.com/package/@reneos/server

## Install

```npm i @reneos/server```

## Usage WebSocket

WsServer - Wrapper for ws package - added convenient pre-authorization support, sub-protocol implementation, network callbacks implemented

```js
import { WsServer } from "@reneos/server"

function Parser(msg, uid){
    if(msg.id){//Message recommends an answer
        _server.sendTo({
            target:0,
			type: 0,
			on: msg.id,
			data: {value:'ANY'}
		}, [userId])
    }
}

/**
	* 
	* @param {*} request 
	* @param {*} socket 
	* @param {*} head 
	* @returns connection ID if allow or NULL if not allow
	*/
function Verify(request, socket, head){
    return request.headers['user'].id
}

const _server = new WsServer()
_server.on("connect", (uid, ws) => {
	console.log(`Connection  (${uid}) connected : (${_server.count} connections)`)
})
_server.on('disconnect', (uid, code, reason) => {
	console.log(`Connection  (${uid}) disconnected : (${_server.count} connections)`)
})
_server.on('upgrade', () => { /*console.log('upgrade')*/ })
_server.on('headers', () => { /*console.log('headers')*/ })
_server.on("message", Parser)
_server.start({port:12345},Verify)
```

## Usage WebServer

See usage examples in the /examples/ folder
npm package: @renest/component
Description: ReNest web based component library.
Author: Ian Duan
Latest version: 0.0.5


# ReNest Component
* A component UI library for ReNest
## Internal components

#### Props

| name      | prop         | is dot prop | description                                     |
| --------- | ------------ | ----------- | ----------------------------------------------- |
| Button    | title        |             | button title                                    |
|           | disable      | yes         | gray and disable button                         |
| TextField | defaultText  |             | input's text                                    |
|           | placeHolder  | yes         | input's placeHolder and title                   |
|           | variant      | yes         | "outlined" or "underlined", default is outlined |
|           | disable      | yes         | gray and disable text field                     |
|           | autoFocus    | yes         | auto focus this input                           |
|           | onChange     | yes         | callback when input's text changes              |
| Toggle    | defaultValue |             | default toggle value, true or false             |
|           | onChange     | yes         | callback when toggle is toggled                 |
| ...       |              |             | will be completed soon                          |

#### Themes

| Button | value in theme | description |
| ------ | -------------- | ----------- |
| Button |                |             |

## Todo

- [x] VStack/HStack/ZStack
- [x] Button
- [x] Toggle
- [x] TextField
- [x] List
- [x] Pogress
- [ ] Select
- [ ] CheckList
- [ ] AutoComplete
npm package: @renet-consulting/animations
Description: This library provides animations.
Author: Michael Vasyliv
Latest version: 17.0.0

# Animations

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.0.

## Code scaffolding

Run `ng generate component component-name --project animations` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project animations`.
> Note: Don't forget to add `--project animations` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build animations` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build animations`, go to the dist folder `cd dist/animations` and run `npm publish`.

## Running unit tests

Run `ng test animations` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.1
Added README notation

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/auth
Description: This library provides utils to auth.
Author: Michael Vasyliv
Latest version: 17.0.0

# Auth

This library provides utils to auth for [Angular](http://angular.io) && [OpenID Connect/OAuth2](https://github.com/aspnet-contrib/AspNet.Security.OpenIdConnect.Server).

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/bypass
Description: This library provides pipe, services, token and type to bypass DomSanitizer.
Author: Renet Consulting
Latest version: 17.0.0

# Bypass

This library provides pipe, services, token and type to bypass DomSanitizer.

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/control-value-accessor
Description: This library has an implementation of control-value-accessor.
Author: Renet Consulting, Inc.
Latest version: 17.0.0

# ControlValueAccessor

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.0.

## Code scaffolding

Run `ng generate component component-name --project control-value-accessor` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project control-value-accessor`.
> Note: Don't forget to add `--project control-value-accessor` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build control-value-accessor` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build control-value-accessor --prod`, go to the dist folder `cd dist/control-value-accessor` and run `npm publish`.

## Running unit tests

Run `ng test control-value-accessor` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v10.0.2
Fixed naming convention

## Release v10.0.1
Revert back to Angular9 to support es5

## Release v10.0.0
Replaced ControlValueAccessorBase to ControlValueAccessorBaseDirective
Replaced ProvidedControlValueAccessorBase to ProvidedControlValueAccessorBaseDirective

## Release v9.0.1
Added @Directive() to supper classes

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/core-captcha
Description: CoreCaptcha for automatization deployments on Azure
Author: Renet Consulting, Inc.
Latest version: 17.0.0

# CoreCaptcha

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project core-captcha` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project core-captcha`.
> Note: Don't forget to add `--project core-captcha` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build core-captcha` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build core-captcha`, go to the dist folder `cd dist/core-captcha` and run `npm publish`.

## Running unit tests

Run `ng test core-captcha` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
- Converted project to Angular v15
- Updated bootstrap to v5.3.2

## Release v14.0.0
Converted project to Angular v14

## Release v10.0.2
Upgrade to use a correct version of @renet-consulting/control-value-accessor and @renet-consulting/ngx-mat-input

## Release v10.0.1
Reverted project to Angular v9 to support es5

## Release v10.0.0
Converted project to Angular v10

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/editor
Description: This library has an implementation of editor.
Author: Renet Consulting, Inc.
Latest version: 17.0.1

# Editor

This library provides an editor that is based on ``ngx-quill``.

## Dependencies
The library has next dependencies:
- @renet-consulting/control-value-accessor
- @renet-consulting/ngx-validator
- ngx-quill
- quill

## Usage Example
Replace handlers on titlebar
```
import { ToolbarHandlersService } from '@renet-consulting/editor';

@Injectable()
export class AppToolbarHandlersService implements ToolbarHandlersService {

    constructor(
        @Inject(MESSAGE) private message: string
    ) { }

    image = (): void => {
        alert('A user clicks on the image button.' + this.message);
    }

    video = (): void => {
        alert('A user clicks on the video button.' + this.message);
    }
}
```

## Release v17.0.0
- Converted project to Angular v17
- Updated ngx-quill to v24.0.5

## Release v16.0.0
- Converted project to Angular v16
- Updated ngx-quill to v23.0.2

## Release v15.0.0
- Converted project to Angular v15
- Updated ngx-quill to v21.0.2

## Release v14.0.0
Converted project to Angular v14

## Release v10.0.3
Added missing stylesheets

## Release v10.0.2
Fixed naming convention

## Release v10.0.1
Revert to Angular v9 to support es5

## Release v10.0.0
Converted project to Angular v10

## Release v9.0.0
Converted project to Angular v9

## Release v9.0.1
Added missing theme.scss
npm package: @renet-consulting/elements
Description: Custom Angular elements
Author: Michael Vasyliv
Latest version: 17.0.0

# Elements

This library provides custom element for tag ``a``that allow no navigate inside app. 
Before adding this package to a module be sure that you have added:
1. ``CUSTOM_ELEMENTS_SCHEMA`` to ``schemas`` in your ``NgModule``
2. install the package ``@angular/elements`` by the command ``ng add @angular/elements``
3. then install ``@webcomponents/webcomponentsjs`` to use elements with ``es5`` (and update your polyfill.ts file with next line ``import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js';``) otherwhise change ``es5`` to ``es2015`` in your global typescript file.


The package is not completed, it has few bugs that are described in 
- https://github.com/angular/angular/issues/29606
- https://github.com/angular/angular/issues/30207

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/external-auth
Description: This library provides utils to external-auth.
Author: Michael Vasyliv
Latest version: 17.0.0

# @renet-consulting/external-auth

This library provides implicit flow, to sign in with Google and Facebook, this lib ueses nex client CDK:
https://developers.facebook.com/docs/facebook-login/web
https://developers.google.com/identity/sign-in/web/sign-in

## Example of use
```
import { FacebookSigninModule, GoogleSigninModule } from '@renet-consulting/external-auth';

@NgModule({
    ...
    imports: [

        FacebookSigninModule,
        GoogleSigninModule,
    ],
    ...
})
export class SigninModule { }
```
## Breaking changes in version 9.x
- ExternalAuthBase renamed to ExternalAuthBaseDirective

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/http-hub-client
Description: This library provides HttpHubClient service that is a custom implementation HTTP for ``@aspnet/signalr`` for Angular.
Author: Michael Vasyliv
Latest version: 17.0.0

# HttpHubClient

This library provides HttpHubClient service that is a custom implementation HTTP for ``@aspnet/signalr`` for Angular.

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.1
Upgrade "rxjs" to  "~6.6.7"

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/infinite-source
Description: infinite-source
Author: Michael Vasyliv
Latest version: 17.0.0

# InfiniteSource

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.0.

## Code scaffolding

Run `ng generate component component-name --project infinite-source` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project infinite-source`.
> Note: Don't forget to add `--project infinite-source` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build infinite-source` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build infinite-source`, go to the dist folder `cd dist/infinite-source` and run `npm publish`.

## Running unit tests

Run `ng test infinite-source` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.1
Upgrade "rxjs" to  "~6.6.7"

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/interceptors
Description: interceptors
Author: Michael Vasyliv, Alexander Altotsky
Latest version: 17.0.0

# Interceptors

This library provides interceptors: ApiPrefixInterceptor, NoneCacheInterceptor.

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.1
Upgrade "rxjs" to  "~6.6.7"

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/ngx-http-params
Description: This library provides a service ``NgxHttpParamsService`` to map object to HttpParams, handles next types: string, number, bool, object, array.
Author: Renet Consulting, Inc.
Latest version: 17.0.0

# NgxHttpParams

This library provides a service ``NgxHttpParamsService`` to map object to HttpParams, handles next types: string, number, bool, object, array.

## Release v9.0.0
Converted project to Angular v9

## Release v9.1.0
Added bool parameter 

## Release v9.1.1
Changed .browserslistrc to use IE9-11 

## Release v9.1.2
Changed modules to es2015

## Release v9.1.3
Changed modules to esnext

## Release v9.1.4
Reverted back to Angular 9 to support es5

## Release v9.1.5
Reverted back to Angular 9 to support es5 with a tag

## Release v14.0.0
Converted project to Angular v14

## Release v15.0.0
Converted project to Angular v15

## Release v16.0.0
Converted project to Angular v16

## Release v17.0.0
Converted project to Angular v17
npm package: @renet-consulting/ngx-link-stylesheet
Description: The library provides a service ``NgxLinkStylesheetService`` to manage additional style files.
Author: Michael Vasyliv
Latest version: 17.0.0

# NgxLinkStylesheet

The library provides a service ``NgxLinkStylesheetService`` to manage additional style files.

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/ngx-mat-input
Description: This library has an implementation of the custom mat-input with basic errors that are provided by ``@renet-consulting/ngx-validator`` and ability to pass custom errors.
Author: Rewnet Consulting, Inc.
Latest version: 17.0.0

# NgxMatInput

This library has an implementation of the custom mat-input with basic errors that are provided by ``@renet-consulting/ngx-validator`` and ability to pass custom errors.

## Breaking Changes
Since 8.1.0 ``ControlValueAccessorBase`` moved to another package ``@renet-consulting/control-value-accessor``;
Since 8.2.0 animations moved to another package ``@renet-consulting/animation``;

## Dependencies
The library depends on:
- ``@renet-consulting/control-value-accessor``
- ``@renet-consulting/ngx-validator``

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
- Converted project to Angular v15
- Updated bootstrap to v5.3.2

## Release v14.0.0
Converted project to Angular v14

## Release v10.0.2
Upgrade to use a correct version of @renet-consulting/control-value-accessor

## Release v10.0.1
Reverted project to Angular v9 to support es5

## Release v10.0.0
Converted project to Angular v10

## Release v9.0.1
Added Directive to the base class

## Breaking changes in version 9.x
- InputBase renamed to InputBaseDirective

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/ngx-messenger
Description: This library provides basic messenger, that shows success and error messages.
Author: Michael Vasyliv
Latest version: 17.0.0

# NgxMessenger

This library provides basic messenger, that shows success and error messages.

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/ngx-uploader
Description: This library provides simple file uploader without http.
Author: Michael Vasyliv
Latest version: 17.0.0

# NgxUploader

This library provides simple file uploader without http.

## Breaking changes in version 9.x
- NgxUploaderBase renamed to NgxUploaderBaseDirective

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/ngx-validator
Description: This library provides a validator that emits basic errors such as requred, required, email, minlength and maxlength.
Author: Renet Consulting, Inc.
Latest version: 17.0.0

# NgxValidator

This library provides a validator that emits basic errors such as requred, required, email, minlength and maxlength. 
Also you can pass your error by passing an object with property ``errorMessage: string``, where the property ``errorMessage`` should return error text;

## History

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.1
Added validation for null property

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/resize
Description: This library provides a directive that listens resize event of an element.
Author: Michael Vasyliv
Latest version: 17.0.0

# Resize

This library provides a directive that listens resize event of an element.

## Polyfill

There are few veriants of polyfills:
[resize-observer-polyfill](https://www.npmjs.com/package/resize-observer-polyfill)
[resize-observer](https://www.npmjs.com/package/resize-observer)

## Usage Example

inside a module:
```
import { ResizeModule } from '@renet-consulting/resize';

@NgModule({
    ...
    imports: [
        ResizeModule,
    ]
})
export class AppModule { }
```

inside html:
```
...
<div (resize)="handleResize($event)">
    any text
</div>
...
```

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/storage
Description: This library provides s StorageService with tokens: LOCAL_STORAGE and SESSION_STORAGE
Author: Michael Vasyliv
Latest version: 17.0.0

# Storage

This library provides s StorageService with tokens: LOCAL_STORAGE and SESSION_STORAGE

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/title-strategy
Description: title-strategy
Author: Michael Vasyliv
Latest version: 17.0.0

# TitleStrategy

This library provides a component and a service to set title from routes (include children).

## Usage Example

inside a module:
```ts
import { TitleStrategyModule } from '@renet-consulting/title-strategy';

@NgModule({
    imports: [
        RouterModule.forRoot([
            { path: '', component: HomeComponent, data: { title: 'Home Page' } }
        ]),
        TitleStrategyModule,
    ]
})
export class AppModule { }
```

inside html:
```html
<title-strategy></title-strategy>
```

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.1
Upgrade "rxjs" to  "~6.6.7"

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/util
Description: This library provides next util: isBoolean, isFunction, isNumber, isNumbers, isObject and isString, function can be object, number can not be NaN.
Author: Renet Consulting
Latest version: 17.0.0

# Util

This library provides next util: isBoolean, isFunction, isNumber, isNumbers, isObject and isString, function can be object, number can not be NaN..

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @renet-consulting/viewport-change
Description: This library has an implementation of viewport-change.
Author: Michael Vasyliv, Alexander Altotsky
Latest version: 17.0.0

# ViewportChange

This library has an implementation of viewport-change (a helper to determinate ``RangeList`` of view elements inside ``cdk-virtual-scroll-viewport``).

## Release v17.0.0
Converted project to Angular v17

## Release v16.0.0
Converted project to Angular v16

## Release v15.0.0
Converted project to Angular v15

## Release v14.0.1
Upgrade "rxjs" to  "~6.6.7"

## Release v14.0.0
Converted project to Angular v14

## Release v9.0.0
Converted project to Angular v9
npm package: @reneuwumuhire/aucoteam-income-calc-2
Description: <a alt="Nx logo" href="https://nx.dev" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="45"></a>
Latest version: 0.0.1

# AucoteamIncomeCalc2

<a alt="Nx logo" href="https://nx.dev" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png" width="45"></a>

✨ **This workspace has been generated by [Nx, a Smart, fast and extensible build system.](https://nx.dev)** ✨

## Generate code

If you happen to use Nx plugins, you can leverage code generators that might come with it.

Run `nx list` to get a list of available plugins and whether they have generators. Then run `nx list <plugin-name>` to see what generators are available.

Learn more about [Nx generators on the docs](https://nx.dev/plugin-features/use-code-generators).

## Running tasks

To execute tasks with Nx use the following syntax:

```
nx <target> <project> <...options>
```

You can also run multiple targets:

```
nx run-many -t <target1> <target2>
```

..or add `-p` to filter specific projects

```
nx run-many -t <target1> <target2> -p <proj1> <proj2>
```

Targets can be defined in the `package.json` or `projects.json`. Learn more [in the docs](https://nx.dev/core-features/run-tasks).

## Want better Editor Integration?

Have a look at the [Nx Console extensions](https://nx.dev/nx-console). It provides autocomplete support, a UI for exploring and running tasks & generators, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.

## Ready to deploy?

Just run `nx build demoapp` to build the application. The build artifacts will be stored in the `dist/` directory, ready to be deployed.

## Set up CI!

Nx comes with local caching already built-in (check your `nx.json`). On CI you might want to go a step further.

- [Set up remote caching](https://nx.dev/core-features/share-your-cache)
- [Set up task distribution across multiple machines](https://nx.dev/nx-cloud/features/distribute-task-execution)
- [Learn more how to setup CI](https://nx.dev/recipes/ci)

## Connect with us!

- [Join the community](https://nx.dev/community)
- [Subscribe to the Nx Youtube Channel](https://www.youtube.com/@nxdevtools)
- [Follow us on Twitter](https://twitter.com/nxdevtools)
npm package: @renew.sh/sdk
Description: Renew SDK for checkout sessions, server integrations, and React checkout flows.
Latest version: 0.1.11

# `@renew.sh/sdk`

Renew SDK for:

- headless checkout session creation and lifecycle
- server-side checkout helpers
- React checkout modal and session polling
- webhook signing and verification helpers
- protocol and vault contract clients

## Install

```bash
npm install @renew.sh/sdk
```

## Environments

Renew SDK supports two runtime environments:

- `sandbox`
- `live`

You can configure the client with either:

- `environment`
- `apiOrigin`

Server keys must use:

- `rw_test_*` for sandbox
- `rw_live_*` for live

## Server Usage

```ts
import { createRenewServerClient } from "@renew.sh/sdk/server";

const renew = createRenewServerClient({
  environment: "sandbox",
  secretKey: process.env.RENEW_SECRET_KEY!,
});

const plans = await renew.listCheckoutPlans();

const { session, clientSecret } = await renew.createCheckoutSession({
  planId: plans[0].id,
});
```

## React Checkout

```tsx
"use client";

import { useState } from "react";
import {
  RenewCheckoutModal,
  createRenewCheckoutClient,
} from "@renew.sh/sdk";

const client = createRenewCheckoutClient({
  environment: "sandbox",
});

export function CheckoutExample() {
  const [session, setSession] = useState(null);
  const [clientSecret, setClientSecret] = useState<string | null>(null);
  const [isOpen, setIsOpen] = useState(false);

  return (
    <RenewCheckoutModal
      isOpen={isOpen}
      client={client}
      session={session}
      clientSecret={clientSecret}
      onClose={() => setIsOpen(false)}
      onSettled={(nextSession) => {
        console.log("Settled", nextSession.id);
      }}
    />
  );
}
```

The modal is self-contained. It does not require Tailwind or Renew app theme tokens.

## Webhook Verification

```ts
import {
  renewWebhookHeaderNames,
  verifyRenewWebhookSignature,
} from "@renew.sh/sdk/server";

const isValid = verifyRenewWebhookSignature({
  payload: rawBody,
  signingSecret: process.env.RENEW_WEBHOOK_SECRET!,
  signatureHeader: request.headers.get(renewWebhookHeaderNames.signature),
  timestampHeader: request.headers.get(renewWebhookHeaderNames.timestamp),
});
```

## Package Surfaces

- `@renew.sh/sdk`
  - core exports
  - checkout client
  - contract clients
- `@renew.sh/sdk/server`
  - server integration helpers
  - webhook signing and verification
- `@renew.sh/sdk/react`
  - React checkout modal
  - checkout session hook

## Notes

- Use server keys only on trusted backend infrastructure.
- Use checkout sessions and client secrets for browser flows.
- Sandbox mode is for demo and test integrations. Live mode should only be used with production credentials and endpoints.
npm package: @renewx/logger
Description: Simple logger for RenewX
Author: adv0cat
Latest version: 0.0.13

# @renewx/logger

[![npm version](https://img.shields.io/npm/v/@renewx/logger.svg?style=flat)](https://www.npmjs.com/package/@renewx/logger) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/adv0cat/renewx/blob/main/LICENSE)

## Installation

Install via npm:

```bash
npm i @renewx/logger
```

Or via yarn:

```bash
yarn add @renewx/logger
```

## Usage

#### Add to the start of the **_index.ts_** file, and the logs will automatically appear in the console:

```ts
import { initLogger } from "@renewx/logger";

initLogger(console.log);
```

## Docs

Read full docs **[here](https://github.com/adv0cat/renewx#readme)**.
npm package: @renewx/vue3
Description: Vue 3 bindings for RenewX
Author: adv0cat
Latest version: 0.0.6

# @renewx/vue3

[![npm version](https://img.shields.io/npm/v/@renewx/vue3.svg?style=flat)](https://www.npmjs.com/package/@renewx/vue3) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/adv0cat/renewx/blob/main/LICENSE)

## Installation

Install via npm:

```bash
npm i @renewx/vue3
```

Or via yarn:

```bash
yarn add @renewx/vue3
```

## Usage

### Store state

Subscribe to store changes and use reactive store state

> ⚠️ But remember that `useStore` returns `ShallowRef<Freeze<T>>`

> ⚠️ If you're utilizing dynamically created `store` or `adapter`,
> it's important to pass `true` as the second parameter in `useStore`.
>
> > This indicates that upon exiting the `scope`, not only will
> the change listener be cleared, but `store.off()` will also be invoked,
> ensuring proper cleanup.

```vue
<script setup lang="ts">
  import { store } from "@renewx/core";
  import { useStore } from "@renewx/vue3";
  import { title } from "../stores/title";
  import { user } from "../stores/user";

  const $title = useStore(title);
  const $user = useStore(user);
  const $isShow = useStore(store(false, "IS-SHOW"), { withOff: true });
</script>

<template>
  <h1 v-text="$title" />
  <button v-on:click="$isShow = !$isShow">Toggle me</button>
  <span v-if="$isShow">{{ $user.nickname }}</span>
</template>
```

In `useStore`, you can pass a configuration object with the following parameters:

- `withOff: boolean` – when `true`, the store is automatically removed upon component unmount in Vue 3.
- `stateCheck: boolean` – when `false`, state change checks are disabled.

---

## Docs

Read full docs **[here](https://github.com/adv0cat/renewx#readme)**.