open-index/open-npm huggingface dataset:
npm package: @fikani/br-validations
Description: ## Installation
Author: Afif Fikani
Latest version: 0.1.0
Deprecated: use

# @fikani/br-validations

## Installation

To install this library, run:

```bash
$ npm install @fikani/br-validations --save
```

## Consuming this library

From your Angular `AppModule`:

```typescript
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { FormsModule } from "@angular/forms";
import { AppComponent } from "./app.component";
import { CpfModule } from "@fikani/br-validations";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    FormsModule,
    //import here
    CpfModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}
```

Once the library is imported, you can use its directives in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<input type="text" placeholder="CPF" cpf #cpfInput="ngModel" name="cpf" [(ngModel)]="cpf" />
{{cpfInput.valid}}
{{cpfInput.errors | json}}
```

## CPF validation

You should use the `CpfDirective` [cpf].

* You can use any input mask but only numbers are considered
* if you have `111.111.111-11`, it is read the same way as `111 111 111 11` and `11111111111`.

example :

```html
 <input type="text" placeholder="CPF" cpf #cpfInput="ngModel" name="cpf" [(ngModel)]="cpf" />
{{cpfInput.valid}} // true or false
{{cpfInput.errors | json}} //null or { "cpf": false } if it has error
```

## License

MIT © [Afif Fikani](mailto:afif.fikani@gmail.com)
npm package: @fikani/forms
Description: ## Installation
Author: Afif Fikani
Latest version: 0.2.1

# @fikani/forms

## Installation

To install this library, run:

```bash
$ npm install @fikani/forms --save
```

## Consuming this library

From your Angular `AppModule`:

```typescript
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { FormsModule } from "@angular/forms";
import { AppComponent } from "./app.component";
import { CpfModule } from "@fikani/forms";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    FormsModule,
    //import here
    CpfModule,
    FikaniFormsModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}
```

Once the library is imported, you can use its directives in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<input type="text" placeholder="CPF" cpf #cpfInput="ngModel" name="cpf" [(ngModel)]="cpf" />
{{cpfInput.valid}}
{{cpfInput.errors | json}}
```

## CPF validation

Use the `CpfDirective` [cpf].

* You can use any input mask but only numbers are considered
* if you have `111.111.111-11`, it is read the same way as `111 111 111 11` and `11111111111`.

example :

```html
 <input type="text" placeholder="CPF" cpf #cpfInput="ngModel" name="cpf" [(ngModel)]="cpf" />
{{cpfInput.valid}} // true or false
{{cpfInput.errors | json}} //null or { "cpf": false } if it has error
```

## Min Words validation

Use the `MinWordsDirective` [minwords].

* Validate the quantity of words a input test should have
* Empty inputs are NOT validated

example :

```html
 <input type="text" placeholder="words" minwords="4" #wordsInput="ngModel" name="words" [(ngModel)]="words" />
{{wordsInput.valid}} // true or false
{{wordsInput.errors | json}} // { "minwords": { "minWordsLength": 4, "actualWordsLength": 1 } }
```

## Equal validation

Use the `EqualsToDirective` : `[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]`.

* Validator to be use in features like confirm email or confirm password.

example :

```html
 <input type="text" #wordsInput="ngModel" name="words2" [(ngModel)]="words" />
 <input type="text" validateEqual="words2" #validateEqualModel="ngModel" name="validateEqual"
        [(ngModel)]="validateEqual" /> {{validateEqualModel.valid}} {{validateEqualModel.errors | json}}
```

## License

MIT © [Afif Fikani](mailto:afif.fikani@gmail.com)
npm package: @fikani/ngx-pubsub
Description: ## About
Author: Afif Fikani
Latest version: 0.1.6

# @fikani/ngx-pubsub

## About

This library helps people to use a simple Publisher/Subscriber module taking advantage of the rxjs/Observable api present in Angular 2+.

## Installation

To install this library, run:

```bash
$ npm install @fikani/ngx-pubsub --save
```

## Usage

Add the `PubSubModule` to your Angular `AppModule`:

```typescript
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";

// Import the module
import { PubSubModule } from "@fikani/ngx-pubsub";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,

    // import here
    PubSubModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}
```

Once it is imported, you can use the `subscribe` decorator in your Angular components.
It works with: class members (including arrow functions), `set` property acessor and class methods.

```typescript
import { Component, OnInit } from '@angular/core';
import { subscribe } from '@fikani/ngx-pubsub';

@Component({...})
export class MyComponent {
  @subscribe("test") myProp: string;

  @subscribe("test")
  handler = (data: any) => {
    console.log("arrow function", data);
  };

  @subscribe("test")
  set todo(data: any) {
    console.log("todo", data);
  }

  @subscribe("test")
  onTest(data: any) {
    console.log(this, "Event: test => ", data);
  }
}
```

Don't worry about unsubscribing the observables on components, it is done under the hood by using the component's lifecyle hooks.
You also have to emit the notification to the observers. To do so, use the `SubscriptionService`:

```typescript
import { Observable } from "rxjs/Observable";
import "rxjs/add/observable/interval";
import { SubscriptionService } from "@fikani/ngx-pubsub";

@Injectable()
export class PublisherService {
  test$ = this.sub.subject("test").subscribe(data => {
    console.log("service: " + data);
  });
  constructor(private sub: SubscriptionService) {
    //example
    Observable.interval(1000).subscribe(n => {
      this.sub.emit("test", n);
    });
  }
}
```

## License

MIT © [Afif Fikani](mailto:afif.fikani@gmail.com)
npm package: @fikaswap/permit2-sdk
Description: An sdk for interacting with permit2.
Latest version: 1.7.0

# permit2-sdk

## Local Development

### Checkout the repo
- `git clone --recurse-submodules https://github.com/FikaswapLabs/permit2-sdk.git`

### Install dependencies
- `yarn`

### Run Unit Tests
- `yarn test`

### Run Forge tests
- `yarn build`
- `yarn interop`
- `(cd permit2 && forge build)`
- `forge test`
npm package: @fikaswap/redux-multicall
Description: A React + Redux lib for fetching and caching chain state via the MultiCall contract
Latest version: 1.0.0

# MultiCall

A React + Redux library for fetching, batching, and caching chain state via the MultiCall contract.

## Setup

`yarn add @fikaswap/redux-multicall` or `npm install @fikaswap/redux-multicall`

## Usage

The usage of this library is similar to [RTK Query](https://redux-toolkit.js.org/rtk-query/overview#create-an-api-slice).

```js
// Somewhere in your app
export const multicall = createMulticall({ reducerPath: 'multicall' })

// In your store's root reducer
export const rootReducer = combineReducers({
  // Other reducers
  [multicall.reducerPath]: multicall.reducer
})
```

To use the updater, you'll need an instance of the Fikaswap Multicall2 contract:

```js
import { abi as MulticallABI } from '@fikaswap/v3-periphery/artifacts/contracts/lens/UniswapInterfaceMulticall.sol/UniswapInterfaceMulticall.json'
import { Contract } from '@ethersproject/contracts'
import { UniswapInterfaceMulticall } from './abi/types'

const multicall2Contract = new Contract(address, MulticallABI, provider) as UniswapInterfaceMulticall
```

For a more detailed example, see basic example app in `./integration-tests`

## Alpha software

The latest version of the SDK is used in production in the Fikaswap Interface,
but it is considered Alpha software and may contain bugs or change significantly between patch versions.
If you have questions about how to use the SDK, please reach out in the `#dev-chat` channel of the Discord.
Pull requests welcome!
npm package: @fikaswap/router-sdk
Description: An sdk for routing swaps using Fikaswap v3.
Latest version: 2.7.2

# Alpha software

The latest version of the SDK is used in production in the Fikaswap Interface,
but it is considered Alpha software and may contain bugs or change significantly between patch versions.
If you have questions about how to use the SDK, please reach out in the `#dev-chat` channel of the Discord.
Pull requests welcome!

# Fikaswap Swap Router SDK

This SDK is meant to facilitate interactions with the contracts in [swap-router-contracts](https://github.com/FikaswapLabs/swap-router-contracts).
npm package: @fikaswap/sdk-core
Description: ⚒️ An SDK for building applications on top of Fikaswap V3
Latest version: 3.7.1

# Fikaswap SDK Core

[![Unit Tests](https://github.com/Uniswap/uniswap-sdk-core/workflows/Unit%20Tests/badge.svg)](https://github.com/Fikaswap/sdk-core/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-sdk-core/workflows/Lint/badge.svg)](https://github.com/Fikaswap/sdk-core/actions?query=workflow%3ALint)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk-core/latest.svg)](https://www.npmjs.com/package/@fikaswap/sdk-core/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/sdk-core/latest.svg)](https://bundlephobia.com/result?p=@fikaswap/sdk-core@latest)

This code is shared across Fikaswap TypeScript SDKs.
npm package: @fikaswap/v2-sdk
Description: 🛠 An SDK for building applications on top of Fikaswap V2
Latest version: 3.7.2

# Fikaswap V2 SDK

[![Unit Tests](https://github.com/FikaswapLabs/fikaswap-v2-sdk/workflows/Unit%20Tests/badge.svg)](https://github.com/Fikaswap/fikaswap-v2-sdk/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/FikaswapLabs/fikaswap-v2-sdk/workflows/Lint/badge.svg)](https://github.com/FikaswapLabs/fikaswap-v2-sdk/actions?query=workflow%3ALint)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![npm version](https://img.shields.io/npm/v/@fikaswap/v2-sdk/latest.svg)](https://www.npmjs.com/package/@fikaswap/v2-sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@fikaswap/v2-sdk/latest.svg)](https://bundlephobia.com/result?p=@fikaswap/v2-sdk@latest)

In-depth documentation on this SDK is available at [fikaswap.io](https://fikaswap.io/docs/v2/SDK/getting-started/).
npm package: @fikaswap/v3-sdk
Description: ⚒️ An SDK for building applications on top of Fikaswap V3
Latest version: 3.7.1

# Alpha software

The latest version of the SDK is used in production in the Fikaswap Interface,
but it is considered Alpha software and may contain bugs or change significantly between patch versions.
If you have questions about how to use the SDK, please reach out in the `#dev-chat` channel of the Discord.
Pull requests welcome!

# Fikaswap V3 SDK

[![Unit Tests](https://github.com/Uniswap/uniswap-v3-sdk/workflows/Unit%20Tests/badge.svg)](https://github.com/FikaswapLabs/v3-sdk/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-v3-sdk/workflows/Lint/badge.svg)](https://github.com/FikaswapLabs/v3-sdk/actions?query=workflow%3ALint)
[![npm version](https://img.shields.io/npm/v/@uniswap/v3-sdk/latest.svg)](https://www.npmjs.com/package/@fikaswap/v3-sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/v3-sdk/latest.svg)](https://bundlephobia.com/result?p=@fikaswap/v3-sdk@latest)

In-depth documentation on this SDK is available at [fikaswap.com](https://docs.fikaswap.com/).
npm package: @fikretkurtiiev/capacitor-facebook-events
Description: Facebook events tracking in Capacitor applications
Author: Ghazi Ketata
Latest version: 6.0.6

###  Fork from: https://github.com/Linknpay/capacitor-facebook-events
###  Changes includes support of Facebook SDK 18. Capacitor 7 coming soon.


# @fikretkurtiiev/capacitor-facebook-events

Facebook events tracking in Capacitor applications

## Install

```bash
npm i --save @fikretkurtiiev/capacitor-facebook-events
npx cap sync
```

## API

<docgen-index>

* [`setAdvertiserTrackingEnabled(...)`](#setadvertisertrackingenabled)
* [`logEvent(...)`](#logevent)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### setAdvertiserTrackingEnabled(...)

```typescript
setAdvertiserTrackingEnabled(options: { enabled: boolean; }) => Promise<void>
```

| Param         | Type                               |
| ------------- | ---------------------------------- |
| **`options`** | <code>{ enabled: boolean; }</code> |

--------------------


### logEvent(...)

```typescript
logEvent(options: { event: string; params?: any; }) => Promise<void>
```

| Param         | Type                                          |
| ------------- | --------------------------------------------- |
| **`options`** | <code>{ event: string; params?: any; }</code> |

--------------------

</docgen-api>

## Example Usage

### Logging a Registration Event
To log a registration event, use the 'fb_mobile_complete_registration' event name:

```typescript
import { FacebookEvents } from '@fikretkurtiiev/capacitor-facebook-events';

// ...

FacebookEvents.logEvent({
event: 'fb_mobile_complete_registration',
params: {
// Additional parameters (optional)
}
});
```

### Logging a Purchase Event
For logging a purchase event, use the 'fb_mobile_purchase' event name with relevant parameters:

```typescript
import { FacebookEvents } from '@fikretkurtiiev/capacitor-facebook-events';

// ...

FacebookEvents.logEvent({
    event: 'fb_mobile_purchase',
    params: {
        fb_content_id: 'item_id', // Item ID
        fb_content_type: 'product',
        fb_currency: 'currency_code',
        _valueToSum: amount // Purchase amount
    }
});
```

For a comprehensive list of events, refer to the [Facebook App Events API documentation](https://developers.facebook.com/docs/marketing-api/app-event-api/).
npm package: @fikry-rmdhna/new-memberzone
Description: A reusable Nuxt 3 UI kit with components, layouts, and utilities
Author: Fikry
Latest version: 0.0.14

# Nuxt Minimal Starter

Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.

## Setup

Make sure to install dependencies:

```bash
# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev
```

## Production

Build the application for production:

```bash
# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build
```

Locally preview production build:

```bash
# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
npm package: @fil1pe/react-file-input
Description: A drag-and-drop file component for React
Latest version: 1.1.0

# React File Input

This is a simple drag-and-drop component for uploading files in React projects.

## Installation

### npm

```bash
$ npm install @fil1pe/react-file-input --save
```

### yarn

```bash
$ yarn add @fil1pe/react-file-input
```