open-index/open-npm huggingface dataset:
npm package: @fintlabs/fint-feature-toggle-react
Description: A component to simplify feature toggling in frontend applications at Vigo/FINTLabs.
Author: FINTLabs
Latest version: 1.0.1

# fint-feature-toggle-react

A component to simplify feature toggling in frontend applications at Vigo/FINTLabs.


# Install
```shell
yarn add @fintlabs/fint-feature-toggle-react
```

# Usage
## Component
``` typescript jsx
<FeatureToggle feature='name of feature'>
    <NewFeature/>
</FeatureToggle>
```

## Hook
``` typescript jsx
const featureEnabled = useFeatureEnabled("name of feature");

if (featureEnabled) {
    // Run new feature
}
else {
    ...
}
```

> Boostraped with Created with https://tsdx.io/
npm package: @fintlabs/fint-podium-react-podlet
Description: This is a small helper library to help create a podlet for you react project to run in the FINTLabs/FLAIS environment.
Author: FINTLabs
Latest version: 3.1.1

# FINT Podium React Podlet

![npm (scoped)](https://img.shields.io/npm/v/@fintlabs/fint-podium-react-podlet)
[![TypeDocs](https://img.shields.io/badge/Typedocs-documentation-brightgreen.svg?)](https://fintlabs.github.io/fint-podium-react-podlet/)

This is a small helper library to help create a podlet for you react project to run in the FINTLabs/FLAIS environment.

Checkout the awesome [Podium project](https://podium-lib.io/docs/podium/conceptual_overview) to learn more
about `Podlets` and `podium-lib`.

# Usage

To run your React app as a Podium podlet in FLAIS you need to do the following:

1. Create a sub folder in your project called `podlet`
2. Run `yarn init -y`
3. Run `yarn add @fintlabs/fint-podium-react-podlet @podium/podlet express` to install dependencies:
4. Create a podlet service:

**Javascript**
```javascript
const {podlet} = require("@fintlabs/fint-podium-react-podlet");
const packageJson = require("./package.json");

const PODLET_NAME = process.env.PODLET_NAME || packageJson.name;


startPodService(PODLET_NAME, `${__dirname}/asset-manifest.json`);
```
**Typescript**
```ts
import {startPodService} from "@fintlabs/fint-podium-react-podlet";

startPodService(PODLET_NAME, `${__dirname}/asset-manifest.json`);
```

In addition, you need to:

* Deploy React build files, main.js and main.css, to a CDN service
* Create a deployment for the podlet server, e.g. Docker.

# Properties

| Property         | Default | Description                                                                        |
|------------------|---------|------------------------------------------------------------------------------------|
| PODLET_VERSION   | 1.0.0   |                                                                                    |
| IS_DEVELOPMENT   | `false` | This is set with the following expression `process.env.NODE_ENV === 'development'` |
| PODLET_PATH_NAME | `/`     |                                                                                    |
| PODLET_PORT      | `7100`  |                                                                                    |  
| LOGGING_LEVEL    | `info`  |                                                                                    |
npm package: @fintlabs/flais-podium-layout
Description: This is a small helper library to help create a layout for your react project to run in the FINTLabs/FLAIS environment.
Author: FINTLabs
Latest version: 1.0.1-rc-7

# FLAIS Podium Layout

![npm (scoped)](https://img.shields.io/npm/v/@fintlabs/flais-podium-layout)
[![TypeDocs](https://img.shields.io/badge/Typedocs-documentation-brightgreen.svg?)](https://fintlabs.github.io/flais-podium-layout/)

This is a small helper library to help create a layout to run in the FINTLabs/FLAIS environment.

Checkout the awesome [Podium project](https://podium-lib.io/docs/podium/conceptual_overview) to learn more
about `Layouts` and `podium-lib`.

# Usage

**Javascript**

```javascript
TODO
```

**Typescript**

```ts
import {DefaultOptions, startLayout} from "@fintlabs/flais-podium-layout";

const podsFile = process.env.PODS_FILE || `${process.cwd()}/pods-local.json`;

startLayout(new DefaultOptions("example",  podsFile));
```

In addition, you need to:

* Create a deployment for the layout server, e.g. Docker.

# DefaultOptions

See [Options](https://fintlabs.github.io/flais-podium-layout/interfaces/Options.html) for for details
and [DefaultOptions](https://fintlabs.github.io/flais-podium-layout/classes/DefaultOptions.html) for default values.
npm package: @fintlabs/yaiact-cli
Description: Infrastructure as Code tool for Azure
Author: Frode Sjovatsen
Latest version: 1.0.11
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# YAIACT-CLI - Azure
*Yet another Infrastructure as Code Tool*

The goal for this tool is to be able to simplify and modulaise creation of Azure Resource Management templates (ARMs).

With this to you can create separate ARM json files for each resources in your deployment and the tool will join these
files into on ARM template build time.

# Getting started
## Prerequests
* `az` command line tool must be installed. See https://docs.microsoft.com/en-us/cli/azure/install-azure-cli?view=azure-cli-latest for mor information.
* You need to be logged in to the tenants your gone create deployments for.

## Installing `yaiact` globally
`npm install @fintlabs/yaiact-cli@latest -g`
    
## Setting up a new `yaiact` project
`npx @fintlabs/yaiact-cli init my-project-name`

This will setup a `node` project with the necessary dependencies.

## Create a new resource group
### With `yarn`
`yarn new-rg <resource group name> <subscription name> <location>`

### With npm
`npm run new-rg <resource group name> <subscription name> <location>`

### With `yaiact-cli`
`yaiact new rg <resource group name> <subscription name> <location>`

This will create a new folder in the `data` folder. This is where you create your arm snipes. 

## Build the ARM template
### With `yarn`
`yarn build`

### With npm
`npm run build`

### With `yaiact-cli`
`yaiact arm`

This will create the ARM templates for your resource groups in the output directory.
npm package: @fintoc/fintoc-js
Description: Use the Fintoc widget as an ES module.
Author: Daniel Leal
Latest version: 1.1.2

<h1 align="center">Fintoc.js ES Module</h1>

<p align="center">
    <em>
        Use the <a href="https://docs.fintoc.com/docs/widget" target="_blank">Fintoc widget</a> as an ES module.
    </em>
</p>

<p align="center">
<a href="https://www.npmjs.com/package/@fintoc/fintoc-js" target="_blank">
    <img src="https://img.shields.io/npm/v/@fintoc/fintoc-js?label=version&logo=nodedotjs&logoColor=%23fff&color=306998" alt="NPM - Version">
</a>

<a href="https://github.com/fintoc-com/fintoc-js/actions?query=workflow%3Alinters" target="_blank">
    <img src="https://img.shields.io/github/workflow/status/fintoc-com/fintoc-js/linters?label=linters&logo=github" alt="Linters">
</a>
</p>

## Installation

Install using npm! (or your favourite package manager)

```sh
# Using npm
npm install @fintoc/fintoc-js

# Using yarn
yarn add @fintoc/fintoc-js
```

**Note:** This library requires [**Node 10+**](https://nodejs.rg/en/blog/release/v10.0.0).

## Usage

`Fintoc.js` exports a single method called `getFintoc`. This is an `async` method that returns the `Fintoc` object from [the documentation](https://docs.fintoc.com/docs/widget-web-integration#how-it-works). To get the `Fintoc` object, use the following _snippet_:

```js
import { getFintoc } from '@fintoc/fintoc-js';

const Fintoc = await getFintoc();
```

After retrieving the `Fintoc` object, you are ready to instantiate the widget:

```js
const options = { ... };

const widget = Fintoc.create(options);
```

Here, `options` corresponds to an object with the parameters received by the widget (you can read more about these parameters [here](https://docs.fintoc.com/docs/widget-web-integration#how-it-works)).

Finally, you can use any of the widget methods:

```js
widget.open();
widget.close();
widget.destroy();
```

You can read more about these methods [here](https://docs.fintoc.com/docs/widget-web-integration#methods-of-the-widget-object).

## TypeScript support

This package includes TypeScript declarations for the Fintoc widget.

## Developing

To develop the package, you need to use `npm`. Install the dependencies:

```sh
npm install
```

Build the library and watch for changes to the code:

```sh
npm run watch:build
```

If you want to create a new _release_, you can run:

```sh
git switch master
npm run bump! <major|minor|patch>
```

This will create a new branch with the updated version from `master`.

## Acknowledgements

The first _raw_ implementation of a chunk of code to load the Fintoc script was co-authored by [**@daleal**](https://github.com/daleal) and [**@naquiroz**](https://github.com/naquiroz), and served as a starting point for the general idea of this library.
npm package: @fintoda/react-native-crypto-lib
Description: React Native wrapper for cryptographic functions, leveraging Trezor Crypto and secp256k1 libraries
Author: Fintoda Team
Latest version: 0.7.4

# Overview

This module is a native wrapper for cryptographic functions, leveraging **Trezor Crypto** and **secp256k1** libraries written in C. It is designed for use with **React Native**, providing highly efficient and secure cryptographic operations directly on mobile devices. This module is especially useful for blockchain-based applications and cryptocurrency wallets.

## Features

- **Hash Functions**:
  - SHA1, SHA256, SHA512
  - SHA3-256, SHA3-512
  - KECCAK-256, KECCAK-512
  - RIPEMD160
  - HASH256 (double SHA-256)
  - HASH160 (SHA-256 followed by RIPEMD-160)

- **HMAC**:
  - HMAC SHA256
  - HMAC SHA512

- **PBKDF2**:
  - PBKDF2 with SHA256
  - PBKDF2 with SHA512

- **AES Encryption**:
  - AES-256-CBC: Encrypt and decrypt data using AES with 256-bit keys in CBC mode.

- **BIP Standards**:
  - BIP32: Hierarchical Deterministic (HD) wallets.
  - BIP39: Mnemonic phrases for deterministic key generation.

- **Digital Signatures**:
  - ECDSA: Sign and verify messages using the secp256k1 curve.
  - Schnorr Signatures: More compact and efficient signatures with support for signature aggregation.

- **ECC Interface for `bitcoinlib-js`**: 
  - Provides an interface for using native ECC operations with the `bitcoinlib-js` library.

## Why Use This Module?

- **Performance**: High performance through native C implementations of cryptographic algorithms.
- **Security**: Based on reliable and secure industry-standard libraries.
- **Compatibility**: Works seamlessly with various Bitcoin standards and integrates with `bitcoinlib-js`.
- **Cross-Platform**: Supports both iOS and Android with a unified JavaScript interface.

## Installation

```sh
npm install @fintoda/react-native-crypto-lib
# or
yarn add @fintoda/react-native-crypto-lib
```

## Usage


```js
import { Buffer } from 'buffer';
import { digest } from '@fintoda/react-native-crypto-lib';

// ...

const data = new Uint8Array(
  Buffer.from(
    'ab7615a6cb35f59c2c0a2e9d51d2bf2f20366b0fc1e27a30e3e25cfd65b5f5c3',
    'hex'
  )
);

const result = digest.createHash(digest.HASH.SHA256, data);
```


## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @fintools/select
Description: This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Author: Emiliano Amorim
Latest version: 0.0.8

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support For `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
npm package: @fintory/decorators
Description: Decorators we are internally using at Fintory
Author: Fintory
Latest version: 0.3.0

# `@fintory/decorators`

## Available decorators

### `withSizes`

Example usage:

```js
import { withSizes } from '@fintory/decorators'
// or `import withSizes from '@fintory/decorators/es/withSizes'`

const Component = <span />

// <Component /> will have `isMobile` and `isTablet` props now.
export default withSizes(Component)
```

## Usage of only some parts of the package

To enable tree-shaking for specific parts of your application, you may need to scope the package a little more like `@fintory/decorators/es/withSizes` instead of `@fintory/decorators` (with spread).
npm package: @fintory/utils
Description: Utilities we are internally using at Fintory
Author: Fintory
Latest version: 0.4.0

# `@fintory/utils`

## Available utilities

### `dynamicFontSize`

Example usage:

```js
import { fontSize } from '@fintory/utils'
// or `import fontSize from '@fintory/utils/es/dynamicFontSize'`

fontSize(16) // returns a css literal that can be used in `styled-components`
fontSize(16, 1.6) // also returns a css literal
```

**Hint:** You may only use the `fontSize` method, if you are also using `styled-components`. Otherwise, you can just use the `generateFontSize` function, which is also exported and can be used like this:

```js
import { generateFontSize } from '@fintory/utils'
// or `import { generateFontSize } from '@fintory/utils/es/dynamicFontSize'`

generateFontSize(16) // returns an object which can be used in any CSS-in-JS toolkit
generateFontSize(16, 1.6) // also returns an object
```

## Usage of only some parts of the package

To enable tree-shaking for specific parts of your application, you may need to scope the package a little more like `@fintory/utils/es/dynamicFontSize` instead of `@fintory/utils` (with spread).
npm package: @finviet-jsrpt/advanced-workers
Description: [![version](https://img.shields.io/npm/v/@finviet-jsrpt/advanced-workers.svg)](https://www.npmjs.org/package/@finviet-jsrpt/advanced-workers) [![npm](https://img.shields.io/npm/dm/@finviet-jsrpt/advanced-workers.svg)](https://www.npmjs.org/package/@finvie
Latest version: 1.0.8

# @finviet-jsrpt/advanced-workers
[![version](https://img.shields.io/npm/v/@finviet-jsrpt/advanced-workers.svg)](https://www.npmjs.org/package/@finviet-jsrpt/advanced-workers)
[![npm](https://img.shields.io/npm/dm/@finviet-jsrpt/advanced-workers.svg)](https://www.npmjs.org/package/@finviet-jsrpt/advanced-workers)

**Internal jsreport package used to allocate worker threads**
npm package: @finviet-jsrpt/browser-client
Description: jsreport browser client standalone distribution
Author: Ngọc Quí
Latest version: 1.0.9

# @finviet-jsrpt/browser-client
[![version](https://img.shields.io/npm/v/@finviet-jsrpt/browser-client.svg)](https://www.npmjs.org/package/@finviet-jsrpt/browser-client)
[![npm](https://img.shields.io/npm/dm/@finviet-jsrpt/browser-client.svg)](https://www.npmjs.org/package/@finviet-jsrpt/browser-client)