open-index/open-npm huggingface dataset:
npm package: @lampoint/mention
Description: Angular directive for mentioning users
Author: Denis Kitanovski
Latest version: 0.0.3

# Mention

Angular directive for mentioning users. It works with contenteditable elements. This is an open source project from 
[Lampoint](https://lampoint.com/).

[DEMO](https://lampoint.com/mention)

## Installation
```
npm install @lampoint/mention
```

## Usage
Add MentionModule in app.module
```typescript
import { MentionModule } from '@lampoint/mention';

@NgModule({
    imports: [ MentionModule ],
    ...
})
```
## Basic example
```typescript
  mentions = [
    { id: 'denis', name: 'Denis' },
    { id: 'john', name: 'John' },
    { id: 'maria', name: 'Maria' },
    { id: 'michelle', name: 'Michelle' },
    { id: 'sophia', name: 'Sophia' },
    { id: 'james', name: 'James' },
    { id: 'emma', name: 'Emma' },
    { id: 'dave', name: 'Dave' }];
```

```html
<div contenteditable="true" [mention]="mentions"></div>
```

## Config options and events example
```html
<div contenteditable="true" [mention]="mentions" 
[mentionConfig]="{trigger: '#', direction: 'top'}"
(selectedMention)="selectedMention($event)"
(searchTerm)="searchTerm($event)"></div>
```

## Custom item template example
```html
<ng-template #itemTemplate let-item="item"> {{item.id}} {{item.name}}</ng-template>
```

```html
<div contenteditable="true" [mention]="mentions" [itemTemplate]="itemTemplate"></div>
```

## Config options
| Option | Default| Description|
| :---:   | :---: | :---: |
| trigger | @   | Trigger char for displaying items list   |
| direction | bottom|  Set items list direction (bottom/top)|

## Output events
| Output | Description|
| :---:   | :---: |
| @Output() selectedMention EventEmitter | Get selected mention { id: string, name: string } |
| @Output() searchTerm EventEmitter | Get term for async search { term: string } |

## License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @lamppost/create-ink-player
Description: A utility for helping to create Lamp Post Ink Player games.
Author: John Resig
Latest version: 1.0.16

# Create Lamp Post Ink Player

This is a utility for helping to create Lamp Post Ink Player games.

You can run the following command to create a new Lamp Post Ink Player game:

`pnpm create @lamppost/create-ink-player`

Please see [@lamppost/ink-player](https://www.npmjs.com/package/@lamppost/ink-player) for more details on how to use this package.

This software is released under an MIT license.
npm package: @lamsal-de/eslint-config
Description: Install this package, then create a prettier and a eslint config. There are eslint configs for available for  svelte, vue and react as-well as a prettier config. Those are referencable as relative exports, i.e.: - @lamsal-de/eslint-config/svelte - @lamsal
Author: Roman Lamsal
Latest version: 2.1.3

# @lamsal-de/eslint-config

Install this package, then create a prettier and a eslint config. There are eslint configs for available for 
svelte, vue and react as-well as a prettier config. Those are referencable as relative exports, i.e.:
- @lamsal-de/eslint-config/svelte
- @lamsal-de/eslint-config/vue
- @lamsal-de/eslint-config/react
- @lamsal-de/eslint-config/prettier

## Setup

### CLI

Run `npx @lamsal-de/eslint-config init (ts|react|vue|svelte)`. If you try to install at a workspace root, you can try
```shell
npm_config_ignore_workspace_root_check=true pnpx @lamsal-de/eslint-config@latest init
```

### Manually

add the following to your `package.json` file/configuration files:

```json
{
  "devDependencies": {
    "prettier": "...",
    "eslint": "...",
    "@lamsal-de/eslint-config": "..."
  },
  "prettier": "@lamsal-de/eslint-config/prettier",
  "eslintConfig": {
    "extends": [
      "@lamsal-de/eslint-config/svelte"
    ]
  }
}
```
npm package: @lamsal-de/vue-element-in-view
Description: Vue3 plugin to trigger a function when an element enters the view. Lazily initializes  IntersectionObserver instances per used threshold.
Author: Roman Lamsal
Latest version: 1.0.2

# vue-element-in-view

Vue3 plugin to trigger a function when an element enters the view. Lazily initializes 
IntersectionObserver instances per used threshold.

Features:
- configurable threshold per directive
- won't throw an error when used in SSR build, e.g. when used with vite-ssg, if configured.

## Install

`yarn install @lamsal-de/vue-element-in-view`

`pnpm add @lamsal-de/vue-element-in-view`

`npm install @lamsal-de/vue-element-in-view`

## Usage

### Setup

```ts
// main.ts
// ...
import elementInView from "@lamsal-de/vue-element-in-view"

const app = createApp(App)

app.use(elementInView, { 
    threshold: 50, /* your fallback threshold */ 
    ssr: false /* set to true if used in SSR mode*/ 
})
```

In any vue file you can then use:
```vue
<template>
    <div>
        <div v-element-in-view="() => {}">
            when appear with default threshold
        </div>
        <div v-element-in-view.once="() => {}">
            when appear with default threshold, triggered only once
        </div>
        <div v-element-in-view:90="() => {}">
            when appear with custom threshold 90%
        </div>
    </div>
</template>
```
npm package: @lamsal/ui-cli
Description: Add lamsal/ui components to your project.
Author: lamsal
Latest version: 0.4.1

# React Native Reusables CLI

> Please follow [the initial setup steps](https://rnr-docs.vercel.app/getting-started/initial-setup/) before using

A CLI to add [lamsal/ui](https://github.com/saulamsal/ui) components to your project. When components depend on other components, they will also be added to your project.

## How to use

Use the following command _(with optional arugments and flags)_:

```bash
npx @lamsal/ui-cli@latest add
```

### Arguments

If you do not add arguments, you will be prompted to select the `ui` components you would like to add to your project.

#### UI Components

- `accordion`
- `alert`
- `alert-dialog`
- `aspect-ratio`
- `avatar`
- `badge`
- `button`
- `card`
- `checkbox`
- `collapsible`
- `context-menu`
- `dialog`
- `dropdown-menu`
- `hover-card`
- `input`
- `label`
- `menubar`
- `navigation-menu`
- `popover`
- `radio-group`
- `select`
- `separator`
- `skeleton`
- `switch`
- `table`
- `tabs`
- `text`
- `textarea`
- `toggle`
- `toggle-group`
- `tooltip`
- `typography`

### Flags

- `-o` or `--overwrite`: Overwrite existing files. Default to `false`
- `-c <cmd>` or `--cwd <cwd>`: The working directory. Defaults to the current directory.

```mdx
This project uses code from shadcn.
The code is licensed under the MIT License.
https://github.com/shadcn-ui/ui
```
npm package: @lamtanphiho/sdk-core
Description: ⚒️ An SDK for building applications on top of Uniswap V3
Latest version: 1.0.18

# Uniswap SDK Core

[![Unit Tests](https://github.com/Uniswap/uniswap-sdk-core/workflows/Unit%20Tests/badge.svg)](https://github.com/Uniswap/uniswap-sdk-core/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-sdk-core/workflows/Lint/badge.svg)](https://github.com/Uniswap/uniswap-sdk-core/actions?query=workflow%3ALint)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk-core/latest.svg)](https://www.npmjs.com/package/@uniswap/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=@uniswap/sdk-core@latest)

This code is shared across Uniswap TypeScript SDKs.
npm package: @lamtanphiho/v2-sdk
Description: 🛠 An SDK for building applications on top of Uniswap V2
Latest version: 1.0.19

# Uniswap V2 SDK

[![Unit Tests](https://github.com/Uniswap/uniswap-v2-sdk/workflows/Unit%20Tests/badge.svg)](https://github.com/Uniswap/uniswap-v2-sdk/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-v2-sdk/workflows/Lint/badge.svg)](https://github.com/Uniswap/uniswap-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/@uniswap/v2-sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/v2-sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/v2-sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/v2-sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).
npm package: @lamungu/apollo-lighthouse-subscription-link
Description: An apollo link to subscribe to Lighthouse graphql subscriptions using Laravel Echo presence channels.
Author: Konstantin Duczek
Latest version: 1.3.0

# Apollo Lighthouse Subscription Link [![Build Status](https://travis-ci.org/thekonz/apollo-lighthouse-subscription-link.svg?branch=master)](https://travis-ci.org/thekonz/apollo-lighthouse-subscription-link)

An apollo link to subscribe to Lighthouse graphql subscriptions using Laravel Echo presence channels.

## Installation

```bash
npm install @thekonz/apollo-lighthouse-subscription-link
# or
yarn add @thekonz/apollo-lighthouse-subscription-link
```

## Lighthouse compatibility

| Lighthouse version | Link version | Comment |
| - | - | - |
| 5.2 and below | 1.1 and below | |
| 5.3 and above | 1.2 and above | The event name changed from 'lighthouse.subscription' to 'lighthouse-subscription' |
| 5.3 and above | 1.3 and above | Support for 'lighthouse.subscription.version' = 2 |

## Usage

```javascript
import ApolloClient from "@apollo/client";
import gql from "graphql-tag";
import Echo from "laravel-echo";

import { createLighthouseSubscriptionLink } from "@thekonz/apollo-lighthouse-subscription-link";

const echoClient = new Echo({...});

const client = new ApolloClient({
  link: ApolloLink.from([
    createLighthouseSubscriptionLink(echoClient),
    httpLink, // your existing http link to your graphql api
  ]),
  cache: new InMemoryCache(),
});

const subscriber = client
  .subscribe({
    query: gql`
      subscription {
        postUpdated {
          id
          title
        }
      }
    `,
  })
  .subscribe((postUpdated) => {
    console.log(postUpdated); // { id: 2, title: "New title" }
  });

// stop listening to events
subscriber.unsubscribe()
```

## Contributing and issues

Feel free to contribute to this package using the issue system and pull requests on the `develop` branch.

Automated unit tests must be added or changed to cover your changes or reproduce bugs.
npm package: @lamvd0101/reactive-js
Description: <h1 align="center">   <p align="center">reactive/js</p>   <a href="https://reactive-js.vercel.app">     <img src="https://reactive-js.vercel.app/img/logo.svg" alt="reactive/js" width="200" height="200">   </a> </h1>
Author: lamvd0101
Latest version: 1.2.3

<h1 align="center">
  <p align="center">reactive/js</p>
  <a href="https://reactive-js.vercel.app">
    <img src="https://reactive-js.vercel.app/img/logo.svg" alt="reactive/js" width="200" height="200">
  </a>
</h1>

<p align="center">
  <a href="https://www.npmjs.com/package/@lamvd0101/reactive-js"><img src="https://img.shields.io/npm/v/@lamvd0101/reactive-js.svg?style=flat" alt="npm version"></a>
  <a href= "https://github.com/prettier/prettier"><img alt="code style: prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg"></a>
</p>

## Introduction

reactive/js is a Model-View-ViewModel (MVVM) library for building React applications. It is built on top of [React](https://reactjs.org) and [Redux Toolkit](https://redux-toolkit.js.org).

## Website

[Read the docs](https://reactive-js.vercel.app) for more information.

## Dependencies

[React](https://reactjs.org),
[Redux Toolkit](https://redux-toolkit.js.org),
[InversifyJS](https://inversify.io)

## Contributors

[lamvd0101](https://github.com/lamvd0101)

## License

reactive/js is [MIT licensed](./LICENSE).