open-index/open-npm huggingface dataset:
npm package: @shaaditech/react-cc-validator
Description: Credit/Debit card number validation library with input formatting
Author: Akshay Nair
Latest version: 0.0.1


# react-cc-validator


Credit/Debit card number validator input written in react.
[Demo](https://phenax.github.io/react-cc-validator)


[![Travis](https://img.shields.io/travis/phenax/react-cc-validator.svg?style=for-the-badge)](https://travis-ci.org/phenax/react-cc-validator)
[![Codecov](https://img.shields.io/codecov/c/github/phenax/react-cc-validator.svg?style=for-the-badge)](https://codecov.io/gh/phenax/react-cc-validator)
[![npm](https://img.shields.io/npm/v/@shaaditech/react-cc-validator.svg?style=for-the-badge)](http://npmjs.com/package/@shaaditech/react-cc-validator)


[![Greenkeeper badge](https://badges.greenkeeper.io/phenax/react-cc-validator.svg)](https://greenkeeper.io/)



### Install

* Add package in project using
`yarn add @shaaditech/react-cc-validator`

* Import
```js
import CardNumberValidator from '@shaaditech/react-cc-validator';
```

### API

#### Usage
You can refer to [/example](https://github.com/phenax/react-cc-validator/tree/master/example/src)

```js
const YourComponent = () => (
  <div>
    <CardNumberValidator>
      {({ isValid, cardType, getInputProps }) => (
        <div>
          <input type="text" {...getInputProps()} />
          <div>{ isValid && cardType }</div>
          {isValid || <div>Card number is invalid</div>}
        </div>
      )}
    </CardNumberValidator>
  </div>
);
```

#### Types
```js
// The props that can be passed to CardNumberValidator compopent
type PropTypes = {
  children: PassedProps => ReactNode,
  validCardTypes: Array<String>,
  format: Boolean,
};

// The props to be passed to the input element
type InputProps = {
  onChange: Function,
  value: String,
};

// The props passed down to the render component
type PassedProps = {
  ...InputProps,
  isValid: Boolean,
  cardType: String,
  getInputProps: () => InputProps,
};
```
npm package: @shaaditech/react-scripts
Description: (CRA fork) Configuration and scripts for Create React App
Latest version: 12.2.16

# react-scripts

Npm login details to publish are in wiki of this repo.

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @shaaditech/scroll-handler
Description: Handling scroll events on browser
Author: Shivam Rastogi
Latest version: 1.0.4

  
## Documentation  

##### Scroll handler helps you manage all window scroll events at a single place.  

### Installation  
  
**npm**  
  
```bash  
  
npm i @shaaditech/scroll-handler  
  
```  
  
**yarn**  
  
```bash  
  
yarn add @shaaditech/scroll-handler  
  
```  
  
### API  
  
#### registerScrollToView(element, callback, allowNext, delay)  
  
To register the callback when the element appears in the viewport.   
  
```  
  
registerScrollToView(element, scrollPosition => {}, false, 0)  
  
```  
| Parameters    | type          | example |  
| ------------- |:-------------:|:-------------:|  
| element       | html element node | document.getElementById('header')  
| callback      | function      | scrollPosition => {}  
| allowNext | boolean **(default false)** | true/false  
| delay (milliseconds) | int  **(default 0)** | 1000  
  
  
#### unregisterScrollToView(element, callback)  
  
This function unregisters the element. Here, the second parameter is callback function which will be called when the element is unregistered.  
  
  
#### isScrollIntoView(element)  
  
To check if the element is in viewport.

### Contact

If you have an issue, feel free to contact me [@shivamsupr](https://www.twitter.com/shivamsupr/)
npm package: @shaaditech/with-experiments
Description: with-experiments HOC for A/B experiments
Author: Shivam Rastogi
Latest version: 0.0.1

# with-experiments

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Describe with-experiments here.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @shaai/react
Description: React wrapper for Shaai
Author: Shaai
Latest version: 1.1.7

![](https://i.imgur.com/DBhvZ2I.jpg)
# @shaai/react
This is a React wrapper for Shaai. It returns a React component which can be placed wherever you want to show your blogs.

## Install
`npm i --save @shaai/react`

## Usage
```jsx
import withShaai from '@shaai/react'
import ScrollInk from '@shaai/scroll-ink'

//Pass in the template
const Shaai = withShaai(ScrollInk)

class App extends React.Component {
    render() {
        return (
            <div className="App">
                <Shaai
                    config={config}
                />
            </div>
        );
    }
}
```
npm package: @shaarai/sdk
Description: ShaarAI SDK - The AI Revenue Control Plane. Track AI vendor attribution and ROI.
Author: ShaarAI
Latest version: 0.1.0

# @shaarai/sdk

**The AI Revenue Control Plane** - Track which AI vendor actually drives your revenue.

## Install

```bash
npm install @shaarai/sdk
```

## Quick Start

```javascript
const { ShaarClient } = require('@shaarai/sdk');

// Initialize with your API key from https://shaar.ai
const client = new ShaarClient({ apiKey: 'shaar_your_key_here' });

// 1. Get offers to show in your AI chatbot
const offers = await client.getOffers({
  aiVendor: 'openai',        // or 'anthropic', 'gemini'
  category: 'saas',
  model: 'gpt-4-turbo',
  usage: { inputTokens: 1200, outputTokens: 500 }
});

// 2. Show offers to users (tracking_url includes attribution)
offers.forEach(o => console.log(`${o.name}: ${o.tracking_url}`));

// 3. Report conversions when users take action
await client.reportConversion({
  token: 'shaar_token_from_tracking_url',
  conversionType: 'purchase',
  value: 99.00
});
```

## OpenAI Function Calling

```javascript
const OpenAI = require('openai');
const { ShaarClient } = require('@shaarai/sdk');

const openai = new OpenAI();
const shaar = new ShaarClient({ apiKey: 'shaar_...' });

// Get the tool schema
const toolSchema = await shaar.getToolSchema('openai');

// Use it with OpenAI
const response = await openai.chat.completions.create({
  model: 'gpt-4-turbo',
  messages: [{ role: 'user', content: 'Find me a CRM tool' }],
  tools: [toolSchema],
  tool_choice: 'auto',
});
```

## What ShaarAI Tracks

| Metric | Description |
|--------|-------------|
| Impressions | How many users saw each AI-powered offer |
| Conversions | How many users took action (purchase, signup, etc.) |
| ROI | Return on AI investment per vendor |
| CPA | Cost per acquisition by AI vendor |
| ROAS | Return on AI spend |

## Links

- [Documentation](https://ai-revenue-control-plane-production.up.railway.app/docs)
- [GitHub](https://github.com/shaarai/ai-revenue-control-plane)
npm package: @shaarkr/react-new
Description: Custom setup for Vite projects with Tailwind, Prettier, and optionally Husky.
Author: shaarkr
Latest version: 1.0.1

# @shaarkr/react-new

[![npm version](https://badge.fury.io/js/@shaarkr/@shaarkr/react-new.svg)](https://badge.fury.io/js/@shaarkr/react-new)

Custom setup for Vite projects with Tailwind, Prettier, and optionally Husky.

## Installation

Install the package globally:

```bash
npm install -g @shaarkr/react-new
```

## Usage

Run the setup script:

```bash
@shaarkr/react-new <project-directory> [--husky]
```

- `<project-directory>`: The directory where you want to set up the project.
- `--husky` (optional): Include this flag to set up Husky and lint-staged.

## Features

- Sets up a Vite project with the 'react' framework.
- Configures Tailwind CSS for styling.
- Integrates Prettier for code formatting.
- Optionally includes Husky and lint-staged for pre-commit hooks.

## Manual Steps

After running the setup script, there are some manual steps you need to perform:

### 1. Add Tailwind Directives to index.css

Open `src/index.css` in your project and add the following Tailwind CSS directives:

```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```

Save the file.

### 2. Configure Template Paths in tailwind.config.js

Open `tailwind.config.js` in your project and add the following paths to the 'content' section:

```javascript
content: [
  "./index.html",
  "./src/**/*.{js,ts,jsx,tsx}",
],
```

Save the file.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contribution

Feel free to contribute by opening issues or submitting pull requests.

## Acknowledgments

- Inspired by the need for a consistent setup for Vite projects.

## Author

[shaarkr](https://sharathkr.netlify.app)

## Version History

- 1.0.0 (Initial Release): [Release Notes](CHANGELOG.md)
npm package: @shaarugesh/emoji-picker-svelte
Description: A Svelte emoji picker component
Author: Sanjai-Shaarugesh
Latest version: 2.0.2


# 😄 EmojiPicker — A Svelte Emoji Picker Component

A simple, reusable, and event-based emoji picker built for Svelte. Perfect for chat apps, editors, and anything fun!



---

## 🚀 Features

- 🎉 Clean grid of emojis
- 🧠 Emits selected emoji using `on:emoji` event
- 🛠️ Easy to integrate into Svelte apps
- 📦 Works with `npm`, `pnpm`, `bun`, and `jsr` (Deno)

---

## 📦 Installation

Install via your favorite package manager:

### **npm**
```bash
npm i @shaarugesh/emoji-picker-svelte
```

### **pnpm**
```bash
pnpm add @shaarugesh/emoji-picker-svelte
```

### **bun**
```bash
bun add @shaarugesh/emoji-picker-svelte
```

### **jsr (Deno)**
```ts
import * as  EmojiPicker from "jsr:@shaarugesh/emoji-picker-svelte";
```

---

## 🧑‍💻 Usage

Import and use the emoji picker in any Svelte component:

```svelte
<script lang="ts">
    import EmojiPicker from '@shaarugesh/emoji-picker-svelte';

  let selectedElement = { content: '' };

  function updateTextSettings() {
    // Your custom logic
    console.log('Updated:', selectedElement.content);
  }
</script>

<EmojiPicker
  on:emoji={(e: CustomEvent) => {
    selectedElement.content = e.detail;
    updateTextSettings();
  }}
/>
```

---

## 📸 Preview

![EmojiPicker Preview](https://raw.githubusercontent.com/Sanjai-Shaarugesh/Emoji-Picker/refs/heads/main/public/emo-1.png)
![EmojiPicker Preview](https://raw.githubusercontent.com/Sanjai-Shaarugesh/Emoji-Picker/refs/heads/main/public/emo-2.png)

---

## 🎪 Demo Link
[https://emoji-picker-demo.vercel.app](https://emoji-picker-demo.vercel.app)

---


## Github repo link 

[https://github.com/Sanjai-Shaarugesh/Emoji-Picker](https://github.com/Sanjai-Shaarugesh/Emoji-Picker)

---

## 🛠 Development Setup

```bash
git clone https://github.com/your-org/emoji-picker.git
cd emoji-picker
npm install
npm run dev
```

Make sure you have [SvelteKit](https://kit.svelte.dev) if you're testing it inside an app.

---

## 🤝 Contributing

Got an idea? Found a bug? Open an issue or PR — contributions are welcome!

---

## 📄 License

MIT © [sanjai-shaarugesh](https://github.com/Sanjai-Shaarugesh/Emoji-Picker/blob/main/LICENSE)

---

## ❤️ Support

If you like this project, give it a ⭐ on GitHub and share it with others!
npm package: @shabaaspay/agent-toolkit
Description: Agent toolkit for integrating ShaBaasPay APIs with popular agent frameworks through function calling.
Latest version: 1.0.0

# ShaBaas Agent Toolkit - TypeScript

The ShaBaas Agent Toolkit enables popular agent frameworks, including LangChain and Vercel's AI SDK, to integrate with ShaBaasPay APIs through function calling.

## Installation

You don't need this source code unless you want to modify the package. If you just want to use the package run:

```bash
npm install @shabaaspay/agent-toolkit
```

### Requirements

- Node 22+

## Usage

The library needs to be configured with your account's API key, available in the [ShaBaas Developer Dashboard](https://docs.shabaas.com/dashboard). We strongly recommend using a restricted API key for better security and granular permissions. Tool availability is determined by the permissions configured for that key.

```ts
import { ShabaasAgentToolkit } from '@shabaaspay/agent-toolkit';

const toolkit = new ShabaasAgentToolkit({
  apiKey: process.env.SHABAAS_API_KEY!,
  environment: 'sandbox'
});
```

## Tools

Get toolkit tools and execute one directly:

```ts
const tools = toolkit.getTools();
const getAuthTokenTool = tools.find((t) => t.name === 'get_auth_token');

const result = await getAuthTokenTool?.execute({
  include_token_in_response: false
});
```

## LangChain

```ts
import { ShabaasAgentToolkitLangChain } from '@shabaaspay/agent-toolkit/langchain';

const toolkit = new ShabaasAgentToolkitLangChain({
  apiKey: process.env.SHABAAS_API_KEY!,
  environment: 'sandbox'
});

const tools = await toolkit.getLangChainTools();
```

## Vercel AI SDK

```ts
import { ShabaasAgentToolkitAiSdk } from '@shabaaspay/agent-toolkit/ai-sdk';
import { generateText } from 'ai';

const toolkit = new ShabaasAgentToolkitAiSdk({
  apiKey: process.env.SHABAAS_API_KEY!,
  environment: 'sandbox'
});

const tools = await toolkit.getAiSdkTools();

const response = await generateText({
  model: yourModel,
  tools,
  prompt: 'Retrieve details for payment agreement pa_123'
});
```

## Model Context Protocol

```ts
import { StdioMcpServer, HttpMcpServer } from '@shabaaspay/agent-toolkit/modelcontextprotocol';
import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';

const server = new StdioMcpServer({
  apiKey: process.env.SHABAAS_API_KEY!,
  environment: 'sandbox'
});

await server.connect(new StdioServerTransport());
```

## Troubleshooting

- `Missing SHABAAS_API_KEY`: set your API key before running examples.
  - `export SHABAAS_API_KEY=your_key`
- `LangChain adapter requires @langchain/core`:
  - `npm install @langchain/core`
- `AI SDK adapter requires the "ai" package`:
  - `npm install ai`
- `Cannot find module '@shabaaspay/agent-toolkit/*'` in local development:
  - run `npm install` and `npm run build` from `tools/typescript`.
npm package: @shababul_alam/vue2-expand-on-tap
Description: An expand on tap component for vue.js.
Author: shababulalam
Latest version: 1.2.6


#  Vue Expand On Tap :sparkles:
## _Hassle free expand/close sections on tap :fire:_

The only component you need for the read more and other expandable section in you vue.js application.

## :memo: Usage

| Props | Value | Description |
|--|--|--|
|  placeholderExpanded| String | Text to be shown in expand section closed state *`default: Tap to open`*  |
|  placeholderClosed| String | Text to be shown in expand section opened state *`default: Tap to close`*  |
|  previewHeight| Number | The preview height in px *`default: 120px`*   |
|  expandOpenSectionStyle| String |   'Tap to open' section style |
|  expandCloseSectionStyle| String |  'Tap to close' section style |

 **:construction: This package is in progress and I am building it in between my working hours , mostly in weekends. So I get a very little time to work on it. Kindly keep it in consideration and also this is my first package so many issues will arise and fixes are needed. Kindly PR on any issues. I might add your code, who knows? Happy coding :technologist:** 
 
 **:bookmark:Thanks in advance**
npm package: @shabados/eslint-config
Description: The Shabad OS ESLint config
Latest version: 0.14.0

# ESLint Config

The default ESLint config for Shabad OS.

## Usage

**Install**

```shell
npm install --save-dev @shabados/eslint-config
```

npm 7+ automatically installs peer-dependencies. If using a previous npm version, install them manually via:

```shell
npx install-peerdeps --dev @shabados/eslint-config
```

**Configure ESLint**

In your configuration file (e.g. `.eslintrc`), add the appropriate extension(s) from below:

- `@shabados/eslint-config` **(required)**
- `@shabados/eslint-config/typescript` (optional)

For example the `.eslintrc` of a TypeScript project would contain:

```json
{
  "extends": [
    "@shabados/eslint-config",
    "@shabados/eslint-config/typescript"
  ]
}
```

## Community

The easiest way to communicate is via [GitHub issues](https://github.com/shabados/eslint-config/issues). Please search for similar issues regarding your concerns before opening a new issue.

Our intention is to signal a safe open-source community. Please help us foster an atmosphere of kindness, cooperation, and understanding. By participating, you agree to abide by the [code of conduct](https://github.com/shabados/.github/blob/main/CODE_OF_CONDUCT.md).

If you have a concern that doesn't warrant opening a GitHub issue, please reach out to us:

Harjot Singh, Author, Maintainer, Project Lead, and Organization Lead: [@harjot1singh](https://github.com/harjot1singh)

Bhajneet S.K., Committer: [@bhajneet](https://github.com/bhajneet/)
npm package: @shabbir_raza/colyseus_client_custom
Description: Colyseus Multiplayer SDK for JavaScript/TypeScript
Author: Endel Dreyer
Latest version: 0.14.14

<div align="center">
  <a href="https://github.com/colyseus/colyseus">
    <img src="https://github.com/colyseus/colyseus/blob/master/media/header.png?raw=true" />
  </a>
  <br>
  <br>
  <a href="https://npmjs.com/package/colyseus">
    <img src="https://img.shields.io/npm/dm/colyseus.svg?style=for-the-badge&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjAgETESWYxR33AAAAtElEQVQoz4WQMQrCQBRE38Z0QoTcwF4Qg1h4BO0sxGOk80iCtViksrIQRRBTewWxMI1mbELYjYu+4rPMDPtn12ChMT3gavb4US5Jym0tcBIta3oDHv4Gwmr7nC4QAxBrCdzM2q6XqUnm9m9r59h7Rc0n2pFv24k4ttGMUXW+sGELTJjSr7QDKuqLS6UKFChVWWuFkZw9Z2AAvAirKT+JTlppIRnd6XgaP4goefI2Shj++OnjB3tBmHYK8z9zAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTAyLTAxVDE4OjE3OjM3KzAxOjAwGQQixQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wMi0wMVQxODoxNzozNyswMTowMGhZmnkAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC">
  </a>
  <a href="https://discuss.colyseus.io" title="Discuss on Forum">
    <img src="https://img.shields.io/badge/discuss-on%20forum-brightgreen.svg?style=for-the-badge&colorB=0069b8&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjAgETDROxCNUzAAABB0lEQVQoz4WRvyvEARjGP193CnWRH+dHQmGwKZtFGcSmxHAL400GN95ktIpV2dzlLzDJgsGgGNRdDAzoQueS/PgY3HXHyT3T+/Y87/s89UANBKXBdoZo5J6L4K1K5ZxHfnjnlQUf3bKvkgy57a0r9hS3cXfMO1kWJMza++tj3Ac7/LY343x1NA9cNmYMwnSS/SP8JVFuSJmr44iFqvtmpjhmhBCrOOazCesq6H4P3bPBjFoIBydOk2bUA17I080Es+wSZ51B4DIA2zgjSpYcEe44Js01G0XjRcCU+y4ZMrDeLmfc9EnVd5M/o0VMeu6nJZxWJivLmhyw1WHTvrr2b4+2OFqra+ALwouTMDcqmjMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDItMDFUMTg6MTM6MTkrMDE6MDAC9f6fAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTAyLTAxVDE4OjEzOjE5KzAxOjAwc6hGIwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=" alt="Discussion forum" />
  </a>
  <a href="https://discord.gg/RY8rRS7">
    <img src="https://img.shields.io/discord/525739117951320081.svg?style=for-the-badge&colorB=7581dc&logo=discord&logoColor=white">
  </a>
  <h3>
     Multiplayer SDK for JavaScript/TypeScript. <br /><a href="https://docs.colyseus.io/getting-started/javascript-client/">View documentation</a>
  <h3>
</div>

| Description | Status |
| ------| -------|
| Master Branch Build Status | [![Build Status](https://travis-ci.org/colyseus/colyseus.js.svg?branch=master)](https://travis-ci.org/colyseus/colyseus.js) |

**Browser support tested with:**

<a href="https://www.browserstack.com/"><img src="media/browserstack-logo.png?raw=true" width="300" /></a>

## License

MIT
npm package: @shaberman-forks/graphql-import
Description: [![CircleCI](https://circleci.com/gh/prisma/graphql-import.svg?style=shield)](https://circleci.com/gh/prisma/graphql-import) [![npm version](https://badge.fury.io/js/graphql-import.svg)](https://badge.fury.io/js/graphql-import)
Latest version: 0.7.1-1

# graphql-import

[![CircleCI](https://circleci.com/gh/prisma/graphql-import.svg?style=shield)](https://circleci.com/gh/prisma/graphql-import) [![npm version](https://badge.fury.io/js/graphql-import.svg)](https://badge.fury.io/js/graphql-import)

Import &amp; export definitions in GraphQL SDL (also refered to as GraphQL modules)

> There is also a [`graphql-import-loader`](https://github.com/prisma/graphql-import-loader) for Webpack available.

## Install

```sh
yarn add graphql-import
```

## Usage

```ts
import { importSchema } from 'graphql-import'
import { makeExecutableSchema } from 'graphql-tools'

const typeDefs = importSchema('schema.graphql')
const resolvers = {}

const schema = makeExecutableSchema({ typeDefs, resolvers })
```

Assume the following directory structure:

```
.
├── schema.graphql
├── posts.graphql
└── comments.graphql
```

`schema.graphql`

```graphql
# import Post from "posts.graphql"

type Query {
  posts: [Post]
}
```

`posts.graphql`

```graphql
# import Comment from 'comments.graphql'

type Post {
  comments: [Comment]
  id: ID!
  text: String!
  tags: [String]
}
```

`comments.graphql`

```graphql
type Comment {
  id: ID!
  text: String!
}
```

Running `console.log(importSchema('schema.graphql'))` produces the following output:

```graphql
type Query {
  posts: [Post]
}

type Post {
  comments: [Comment]
  id: ID!
  text: String!
  tags: [String]
}

type Comment {
  id: ID!
  text: String!
}
```

## [Full documentation](https://oss.prisma.io/content/graphql-import/overview)

## Related topics & next steps

- Static import step as build time
- Namespaces
- Support importing from HTTP endpoints (or [Links](https://github.com/apollographql/apollo-link))
- Create RFC to add import syntax to GraphQL spec

<p align="center"><a href="https://oss.prisma.io"><img src="https://imgur.com/IMU2ERq.png" alt="Prisma" height="170px"></a></p>
npm package: @shabinpshams/react-intl-tel-input
Description: Telephone input component. Rewrite of react-intl-tel-input.
Author: shabinpshams
Latest version: 0.3.3

# React-Intl-Tel-Input
Extended version of patw's react-intl-tel-input

Rewrite [International Telephone Input](https://github.com/jackocnr/intl-tel-input) in React.js.

## Demo & Examples

Live demo: [shabinpshams.github.io/react-intl-tel-input](https://github.com/shabinpshams/react-intl-telephone-input/)

To build the examples locally, run:

```bash
yarn
yarn website:start
```

Then open [`localhost:3000`](http://localhost:3000) in a browser.


## Installation

```bash
yarn add @shabinpshams/react-intl-tel-input
```


### TypeScript

`@shabinpshams/react-intl-tel-input` ships with official type declarations out of the box.


## Usage

```javascript
import IntlTelInput from '@shabinpshams/react-intl-tel-input';
import '@shabinpshams/react-intl-tel-input/dist/main.scss';

<IntlTelInput
  containerClassName="intl-tel-input"
  inputClassName="form-control"
/>
```

### Properties

Please see the [Demo Page](https://shabinpshams.github.io/react-intl-tel-input/)


## Development (`src` and the build process)

To build, watch and serve the examples (which will also watch the component source), run `yarn website:start`.

You can prepare a distribution build using `yarn build`.

## Contributing

Any kind of contribution including proposals, doc improvements, enhancements, bug fixes are always welcome. 

To contribute to `react-intl-tel-input`, clone this repo locally and commit your code on a separate branch. Please write tests for your code, and run the linter before opening a pull-request:

```bash
yarn test    # if you are enhancing the JavaScript modules
yarn test:ts # if you are enhancing the TypeScript type declarations
yarn lint
```

Also, please let us know if you encounter any issue by filing an [issue](https://github.com/shabinpshams/react-intl-tel-input/issues).

## Cloned from
[React-Intl-Tel-Input](https://github.com/patw0929/react-intl-tel-input) - [@patw0929] (https://github.com/patw0929)

## License

MIT

Copyright (c) 2020-2023 shabinpshams.
npm package: @shablon-eu/domain-ownership
Description: generate keys and every dns entries
Author: Michael Schramm
Latest version: 1.1.0

# Domain Ownership

[![npm version](https://badge.fury.io/js/@shablon-eu%2Fdomain-ownership.svg)](https://badge.fury.io/js/@shablon-eu%2Fdomain-ownership)

Simple functions to generate a unique value that the domain owner can
then place either in a file or dns record.

The verify function then ensures that this is called by the actual owner.

Use a private seed for your service to ensure that the value cannot be guessed!

## Generate Keys

```ts
import { generate } from "@shablon-eu/domain-ownership";

const { dns, wellKnown, value } = generate("some-domain.eu", {
  name: "service",
  seed: "randomKey",
});

/*
 * dns = _service.some-domain.eu
 * wellKnown = https://some-domain.eu/.well-known/service
 * value = generated value
 *
 * the value must be placed EITHER as a DNS TXT entry OR the value
 * of the well-known file
 */
```

## Validate Domain

```ts
import { verify } from "@shablon-eu/domain-ownership";

const valid = await verify("some-domain.eu", {
  name: "service",
  seed: "randomKey",
});

if (valid) {
  console.log("ownership verified");
} else {
  console.error("ownership was not verified");
}
```

## Defaults

If no value is passed as name or seed then the following are taken:

```ts
DEFAULT_SEED = "verify-domain";
DEFAULT_NAME = "verify";
```
npm package: @shabon/fx
Description: Beautiful background effects for React. Three lines of code.
Author: Wrennly
Latest version: 2.0.0

# @shabon/fx

Beautiful background effects for React. Three lines of code. Free and open source.

## Setup

```bash
npm install @shabon/fx three @react-three/fiber
```

## Usage

```tsx
import { ParticleField } from '@shabon/fx'

export default function App() {
  return <ParticleField color="#6C63FF" density={800} speed={0.6} mouseFollow={true} />
}
```

Each effect renders as a full-screen background. Drop it into any component.

## Effects (23 total)

ParticleField, NoiseGradient, AuroraWaves, LiquidMetalBlob, GlitchDistortion,
PlasmaWave, FireFlame, NeonGrid, WaterCaustics, FluidSimulation, VoronoiPattern,
MatrixRain, CircuitBoard, GalaxySpiral, CrystalOrb, MorphingShapes, EventHorizon,
ShootingStars, Fireworks, CloudVolume, TerrainFlyover, NeuralNetwork, DNAHelix,
LivingShabon

## Common Props

All effects accept:

| Prop | Type | Description |
|:---|:---|:---|
| `className` | `string` | CSS class for the container |
| `style` | `CSSProperties` | Inline styles for the container |
| `backgroundColor` | `string` | Background color (default: `"#000000"`) |

## Performance Notes

GPU-accelerated GLSL shaders via WebGL. Desktop and iOS run great. Mid-range Android and above recommended.

## Requirements

- React >= 18
- Three.js >= 0.170
- @react-three/fiber >= 8

## License

MIT — https://github.com/wrennly/shabon-fx

[@wrennly_dev](https://x.com/wrennly_dev) — Updates
npm package: @shabs21/forms
Description: Made with create-react-library
Author: shabs219
Latest version: 1.0.0

# forms

> Made with create-react-library

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

## Install

```bash
npm install --save forms
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'forms'
import 'forms/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

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