open-index/open-npm huggingface dataset:
npm package: @logusbrain/primeng-core
Description: Logusbrain PrimeNG-Core is a modular, reusable Angular library built entirely on PrimeNG to enhance productivity, consistency, and scalability in Angular applications. It bundles components, utility services, and standard configurations to accelerate deve
Author: Logusbrain
Latest version: 1.0.3

# @logusbrain/primeng-core

**@logusbrain/primeng-core** is an Angular library developed by **LogusBrain**. It is built on [PrimeNG v16](https://www.primefaces.org/primeng/) and provides reusable, consistent, and customized components for building robust and performant enterprise applications. This library facilitates the integration of PrimeNG components with enhancements tailored to your business needs.

## 📦 Installation

Before installing, ensure your project is using Angular and PrimeNG v16.

```bash
npm install @logusbrain/primeng-core
```

## 🛠️ Prerequisites

Angular: Version 16 or higher

PrimeNG: Version 16 (required for compatibility)

## 🔧 Usage

Once installed, you can import the @logusbrain/primeng-core modules into your Angular module to start using the components:

 ```text
import { PrimengCoreModule } from '@logusbrain/primeng-core';

@NgModule({
  imports: [
    PrimengCoreModule
  ],
})
export class AppModule { }
```

Please refer to the specific component documentation for more details on configurations and available options.

## 📚 Documentation

The full documentation for components and their APIs is available in the docs/ folder of this repository. (Unavailable now)

## 🔄 Versions

 ```text
Version | Description
-------------------------------------------------------------
1.0.3   | PrimeNG v16 compatible, first components available.
```

npm deprecate @logusbrain/primeng-core@1.0.2 "This version is deprecated. Use version 1.0.3 or higher."

## 🔹 Key points

Clear update on PrimeNG version (v16) to avoid confusion.

Well-defined structure for easy installation, usage, and contribution.

Prerequisites and Versions sections for clarity.

## 🛠 Key Features

* 📁 Customized partial components

* 🔒 Integrated security services

* 🔧 Common utility services

* 📦 Modular architecture
npm package: @logux/actions
Description: Types and action creators for build-in Logux actions
Author: Andrey Sitnik
Latest version: 0.5.0

# Logux Actions

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Logux is a new way to connect client and server. Instead of sending
HTTP requests (e.g., AJAX and GraphQL) it synchronizes log of operations
between client, server, and other clients.

* **[Guide, recipes, and API](https://logux.org/)**
* **[Issues](https://github.com/logux/logux/issues)**
  and **[roadmap](https://github.com/orgs/logux/projects/1)**
* **[Projects](https://logux.org/guide/architecture/parts/)**
  inside Logux ecosystem

This repository contains type definitions and action creators
for build-in Logux actions.

<a href="https://evilmartians.com/?utm_source=logux-actions">
  <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
       alt="Sponsored by Evil Martians" width="236" height="54">
</a>

[logux.org]: https://logux.org/


## Install

```sh
npm install @logux/actions
```
npm package: @logux/backend-test
Description: Test Logux Back-end Protocol implementation
Author: Andrey Sitnik
Latest version: 4.0.16

# Logux Back-end Test

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Logux is a new way to connect client and server. Instead of sending
HTTP requests (e.g., AJAX and GraphQL) it synchronizes log of operations
between client, server, and other clients.

* **[Guide, recipes, and API](https://logux.org/)**
* **[Issues](https://github.com/logux/logux/issues)**
  and **[roadmap](https://github.com/orgs/logux/projects/1)**
* **[Projects](https://logux.org/guide/architecture/parts/)**
  inside Logux ecosystem

This repository contains test [Logux Back-end Protocol] implementation.

[Logux Back-end Protocol]: https://logux.org/protocols/backend/spec/


## Usage

1. Install Node.js 10 or later.
2. Create a folder inside your project. For instance, `test/`.
3. Create `package.json` in that folder:

   ```json
   {
     "private": true
   }
   ```
4. Install this package calling the command in test folder:

   ```sh
   npm -i @logux/backend-test
   ```
5. Create test back-end server and implement [`local.js`](./local.js) behaviour:
   * Server subprotocol `1.0.0`.
   * Supports client’s subprotocols `^1.0.0`.
   * Throws an error during the authentication on `headers.errorText`.
   * Authenticates users with token `USER_ID:good`
     or with cookie `token=USER_ID:good`.
   * Allows users to subscribe to their own `users/USER_ID` channel.
   * Throws an error during the subscription on `headers.errorText`.
   * During the subscription to `users/USER_ID` channel sends
     `{ type: "users/name", payload: { userId, name } }` action with the latest
     user’s name.
   * Re-sends `users/name` action to `users/USER_ID` channel.
   * Throws an error during the action access check on `headers.errorText`.
   * Saves new user’s name on `users/name` only on bigger action time.
   * Throws an error on `error` action.
   * On `users/clean` action set all names to `""` and sends `users/name` action
     with new name to all clients.
6. Start your back-end server.
7. Call `npx @logux/backend-test` with URL to your back-end server.

   ```sh
   npx @logux/backend-test http://localhost:3000/logux
   ```
npm package: @logux/client
Description: Logux base components to build web client
Author: Andrey Sitnik
Latest version: 0.23.2

# Logux Client [![Cult Of Martians][cult-img]][cult]

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Logux is a new way to connect client and server. Instead of sending
HTTP requests (e.g., AJAX and GraphQL) it synchronizes log of operations
between client, server, and other clients.

* **[Guide, recipes, and API](https://logux.org/)**
* **[Issues](https://github.com/logux/logux/issues)**
  and **[roadmap](https://github.com/orgs/logux/projects/1)**
* **[Projects](https://logux.org/guide/architecture/parts/)**
  inside Logux ecosystem

This repository contains Logux base components to build web client:

* `CrossTabClient` and `Client` to create web client for Logux.
* `IndexedStore` to store Logux log in `IndexedDB`.
* `badge()` widget to show Logux synchronization status in UI.
* `status()` to write own UI to show Logux synchronization status in UI.
* `attention()`, `confirm()`, `favicon()` to improve UX in Logux web app.
* `log()` to print Logux synchronization status to browser DevTools.

Check **[demo page]** for widget UI.

[demo page]: https://logux.github.io/client/
[cult-img]: http://cultofmartians.com/assets/badges/badge.svg
[cult]: http://cultofmartians.com/done.html

---

<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" />  Made at <b><a href="https://evilmartians.com/devtools?utm_source=logux-client&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a></b>, product consulting for <b>developer tools</b>.

---


## Install

```sh
npm install @logux/core @logux/client nanostores
```


## Usage

See [documentation] for Logux API.

```js
import { CrossTabClient, badge, badgeEn, log } from '@logux/client'
import { badgeStyles } from '@logux/client/badge/styles'

let userId = document.querySelector('meta[name=user]').content
let token = document.querySelector('meta[name=token]').content

const client = new CrossTabClient({
  subprotocol: 1,
  server: 'wss://example.com:1337',
  userId,
  token
})

badge(client, { messages: badgeEn, styles: badgeStyles })
log(client)

client.start()
```

[documentation]: https://github.com/logux/logux
npm package: @logux/core
Description: Logux core components
Author: Andrey Sitnik
Latest version: 0.10.0

# Logux Core [![Cult Of Martians][cult-img]][cult]

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Logux is a new way to connect client and server. Instead of sending
HTTP requests (e.g., AJAX and GraphQL) it synchronizes log of operations
between client, server, and other clients.

* **[Guide, recipes, and API](https://logux.org/)**
* **[Issues](https://github.com/logux/logux/issues)**
  and **[roadmap](https://github.com/orgs/logux/projects/1)**
* **[Projects](https://logux.org/guide/architecture/parts/)**
  inside Logux ecosystem

This repository contains Logux core components for JavaScript:

* `Log` to store node’s actions.
* `MemoryStore` to store log in the memory.
* `BaseNode`, `ClientNode`, and `ServerNode` to synchronize actions
  from Log with other node.
* `isFirstOlder` to compare creation time of different actions.
* `WsConnection`, `Reconnect`, and `ServerConnection` to connect nodes
  via WebSocket.
* `TestLog`, `TestPair`, `TestTime`, and `eachStoreCheck`
  to test Logux application.

<a href="https://evilmartians.com/?utm_source=logux-core">
  <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
       alt="Sponsored by Evil Martians" width="236" height="54">
</a>

[cult-img]: http://cultofmartians.com/assets/badges/badge.svg
[cult]: http://cultofmartians.com/done.html


## Install

```sh
npm install @logux/core
```


## Usage

See [documentation] for Logux API.

```js
import { ClientNode, TestTime, TestLog, TestPair } from '@logux/core'

let time = new TestTime()
let pair = new TestPair()
let node = new ClientNode('client:test', time.nextLog(), pair.left)
```

```js
import { isFirstOlder } from '@logux/core'

let lastRename
log.type('RENAME', (action, meta) => {
  if (isFirstOlder(lastRename, meta)) {
    changeName(action.name)
    lastRename = meta
  }
})
```

[documentation]: https://logux.org/web-api/
npm package: @logux/eslint-config
Description: An ESLint shareable config for Logux
Author: Andrey Sitnik
Latest version: 57.1.0

# Logux ESLint Config

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Shareable code style and best practice for [Logux] projects.

[Logux]: https://logux.org/

---

<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" />  Made at <b><a href="https://evilmartians.com/devtools?utm_source=logux-eslint-config&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a></b>, product consulting for <b>developer tools</b>.

---

## Docs
Read full docs **[here](https://github.com/logux/eslint-config#readme)**.
npm package: @logux/oxc-configs
Description: Oxlint & oxfmt shareable config for Logux
Author: Andrey Sitnik
Latest version: 0.2.2

# Logux Oxlint & Oxfmt Configs

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Shareable code style and best practice for [Logux] projects.

[Logux]: https://logux.org/

---

<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" />  Made at <b><a href="https://evilmartians.com/devtools?utm_source=logux-oxc-configs&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a></b>, product consulting for <b>developer tools</b>.

---

## Docs
Read full docs **[here](https://github.com/logux/oxc-configs#readme)**.
npm package: @logux/redux
Description: Redux compatible API for Logux
Author: Andrey Sitnik
Latest version: 0.8.4

# Logux Redux

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Logux is a new way to connect client and server. Instead of sending
HTTP requests (e.g., AJAX and GraphQL) it synchronizes log of operations
between client, server, and other clients.

* **[Guide, recipes, and API](https://logux.org/)**
* **[Issues](https://github.com/logux/logux/issues)**
  and **[roadmap](https://github.com/orgs/logux/projects/1)**
* **[Projects](https://logux.org/guide/architecture/parts/)**
  inside Logux ecosystem

This repository contains Redux compatible API on top of [Logux Client].

<a href="https://evilmartians.com/?utm_source=logux-redux">
  <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
       alt="Sponsored by Evil Martians" width="236" height="54">
</a>

[Logux Client]: https://github.com/logux/client

## Install

```sh
npm install @logux/core @logux/client @logux/redux redux
```

## Usage

See [documentation] for Logux API.

```js
import { CrossTabClient, log } from '@logux/client'
import { createStoreCreator } from '@logux/redux'

let userId = document.querySelector('meta[name=user]').content
let token = document.querySelector('meta[name=token]').content

const client = new CrossTabClient({
  subprotocol: '1.0.0',
  server: 'wss://example.com:1337',
  userId,
  token
})

const createStore = createStoreCreator(client)

const store = createStore(reducers, preloadedState)
log(store.client)

export default store
```

```js
import { Provider } from 'react-redux'
import ReactDOM from 'react-dom'

import store from './store'
import App from './App'

ReactDOM.render(
  <Provider store={store}><App /></Provider>,
  document.getElementById('root')
)
```

```js
import { useSubscription } from '@logux/redux'

export const User = ({ id, name }) => {
  const isSubscribing = useSubscription([`user/${ id }`])
  if (isSubscribing) {
    return <Loader />
  } else {
    return <h1>{ name }</h1>
  }
}
```

[documentation]: https://logux.org
npm package: @logux/server
Description: Build own Logux server
Author: Andrey Sitnik
Latest version: 0.14.0

# Logux Server [![Cult Of Martians][cult-img]][cult]

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Logux is a new way to connect client and server. Instead of sending
HTTP requests (e.g., AJAX and GraphQL) it synchronizes log of operations
between client, server, and other clients.

* **[Guide, recipes, and API](https://logux.org/)**
* **[Issues](https://github.com/logux/logux/issues)**
  and **[roadmap](https://github.com/orgs/logux/projects/1)**
* **[Projects](https://logux.org/guide/architecture/parts/)**
  inside Logux ecosystem

This repository contains Logux server with:

* Framework to write own server.
* Proxy between WebSocket and HTTP server on any other language.

<a href="https://evilmartians.com/?utm_source=logux-server">
  <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
       alt="Sponsored by Evil Martians" width="236" height="54">
</a>

[cult-img]: http://cultofmartians.com/assets/badges/badge.svg
[cult]: http://cultofmartians.com/done.html


### Logux Server as Framework

```js
import { isFirstOlder } from '@logux/core'
import { dirname } from 'path'
import { Server } from '@logux/server'

const server = new Server(
  Server.loadOptions(process, {
    subprotocol: 1,
    minSubprotocol: 1,
    root: import.meta.dirname
  })
)

server.auth(async ({ userId, token }) => {
  const user = await findUserByToken(token)
  return !!user && userId === user.id
})

server.channel('user/:id', {
  access (ctx, action, meta) {
    return ctx.params.id === ctx.userId
  },
  async load (ctx, action, meta) {
    const user = await db.loadUser(ctx.params.id)
    return { type: 'USER_NAME', name: user.name }
  }
})

server.type('CHANGE_NAME', {
  access (ctx, action, meta) {
    return action.user === ctx.userId
  },
  resend (ctx, action, meta) {
    return { channel: `user/${ ctx.userId }` }
  },
  async process (ctx, action, meta) {
    if (isFirstOlder(lastNameChange(action.user), meta)) {
      await db.changeUserName({ id: action.user, name: action.name })
    }
  }
})

server.listen()
```

[documentation]: https://logux.org/
npm package: @logux/sharec-config
Description: Best parctices and configs from Logux projects
Author: Andrey Sitnik
Latest version: 0.13.1

# Logux Sharec Config

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.io/branding/logotype.svg">

[Sharec] config of open source best practices from [Logux] projects.

```sh
yarn add --dev @logux/sharec-config
```

[Sharec]: https://lamartire.github.io/sharec/
[Logux]: https://logux.io/
npm package: @logux/stylelint-config
Description: Stylelint shareable config for Logux
Author: Andrey Sitnik
Latest version: 0.22.0

# Logux Stylelint Config

<img align="right" width="95" height="148" title="Logux logotype"
     src="https://logux.org/branding/logotype.svg">

Shareable [Stylelint] config and best practice for CSS.

[Stylelint]: https://stylelint.io/

<a href="https://evilmartians.com/?utm_source=logux-stylelint">
  <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
       alt="Sponsored by Evil Martians" width="236" height="54">
</a>


## Install

```sh
pnpm add --save-dev @logux/stylelint-config stylelint
```


## Usage

Add this config to `package.json` or other Stylelint config files.

```js
  "stylelint": {
    "extends": "@logux/stylelint-config"
  }
```
npm package: @logvault/pii
Description: PII detection with context filtering. Regex-based, <5KB.
Author: LogVault
Latest version: 1.0.0

# @logvault/pii

PII detection with context filtering. Regex-based, <5KB.

## Install

```bash
npm i @logvault/pii
```

## Usage

```typescript
import { detect, scrub } from "@logvault/pii";

// Detection
const result = detect("BSN: 123456782, email: john@example.com");
// → { hasPII: true, findings: [...] }

// Scrubbing
const safe = scrub("BSN: 123456782, email: john@example.com");
// → "BSN: <BSN>, email: <EMAIL>"
```

## Context Filtering

False positives are reduced using context disqualifiers:

```typescript
// These are NOT flagged as PII:
detect("Order #123456782"); // Not a BSN - "order" context
detect("Artikelnummer: 111222333"); // Not a BSN - "artikel" context
detect("Intern: 06-12345678"); // Not a phone - "intern" context
```

Disable with `strict: false`:

```typescript
detect("Order #123456782", { strict: false }); // → hasPII: true
```

## Patterns

| Pattern     | Validation    | Disqualifiers                  |
| ----------- | ------------- | ------------------------------ |
| EMAIL       | Format        | voorbeeld, placeholder         |
| PHONE_NL    | Dutch formats | intern, toestel, klantnr       |
| BSN         | 11-proef      | order, artikel, factuur, serie |
| IBAN        | Mod 97        | test, dummy, voorbeeld         |
| CREDIT_CARD | Luhn          | serie, test, dummy             |

## Validators

Direct access to validation functions:

```typescript
import { validateBSN, validateIBAN, validateLuhn } from "@logvault/pii";

validateBSN("123456782"); // true (passes 11-proef)
validateIBAN("NL91ABNA0417164300"); // true (passes mod 97)
validateLuhn("4111111111111111"); // true (passes Luhn)
```

## Options

```typescript
interface DetectOptions {
  patterns?: PatternType[]; // Filter patterns
  strict?: boolean; // Use context disqualifiers (default: true)
  contextWindow?: number; // Chars to check around match (default: 50)
}

interface ScrubOptions {
  patterns?: PatternType[];
  replacement?: "placeholder" | "hash" | "redact" | ((match: Match) => string);
  strict?: boolean;
}
```

## Bundle Size

- Core: ~2KB gzip
- Tree-shakeable
- No dependencies

## Links

- [LogVault](https://logvault.eu)
- [GitHub](https://github.com/Rul1an/LogVault/tree/main/packages/pii)
npm package: @logvinme/react-native-cell-components
Description: awesome react-native cell components
Author: Jovanni Lo
Latest version: 0.8.0

# RN Cell Components
[![npm version](https://badge.fury.io/js/react-native-cell-components.svg)](https://www.npmjs.com/package/react-native-cell-components)
[![npm](https://img.shields.io/npm/dt/react-native-cell-components.svg)](https://www.npmjs.com/package/react-native-cell-components)

## RN 0.60+ and up?
Support for RN 0.60 is limited as the moment due to compatibility issues specially the deprecated `ListView`. Support for `FlatList` will come soon and this package might drop support for `realm` to accomodiate that.

## Installation

```
npm install @logvinme/react-native-cell-components --save
```
Awesome react-native cell components! As the package name says, components that are built around a `Cell` component. Used for a simple `ActionSheet` to a more complex `CellTags` + `SelectList`, and much more!

Tested with redux and on **RN >=0.40**

> This is currently on heavy development so expect rapid changes.

![demo](https://raw.githubusercontent.com/lodev09/react-native-cell-components/master/demo.gif)

## Features/To-do
- [x] Components are re-used
- [x] Supports redux
- [x] [Realm](https://github.com/realm/realm-js) support for ListView
- [x] Full Android support
- [ ] Custom user theme/styles

## Components
- Cell
- ActionSheet
- CellGroup
- CellInput
- CellListProvider
- CellSheet
- DatePicker
- SelectList
- CellTags
- CellSlider
- CellSwitch

## Dependencies
- [react-native-vector-icons: *](https://github.com/oblador/react-native-vector-icons)

## Usage & Props
_coming soon, see [example](example) for now :)_

## Credits
Feedback and PRs are welcome!

## License
See [LICENSE](LICENSE) file.

[@lodev09](http://twitter.com/lodev09) / [www.lodev09.com](http://www.lodev09.com "www.lodev09.com")
npm package: @logvinme/react-native-snackbar-component
Description: A snackbar component for Android and iOS
Author: sidevesh
Latest version: 1.1.10

# react-native-snackbar-component
A snackbar component for Android and iOS, customizable and simple.

![Snackbar demo](https://media.giphy.com/media/zChTSWog7TNmM/giphy.gif)
![With fab](https://media.giphy.com/media/6oCCk98unakbC/giphy.gif)

See [Google Material Design](https://material.io/guidelines/components/snackbars-toasts.html) for more info on Snackbars.

## Installation

```sh
npm install --save @logvinme/react-native-snackbar-component
```

## Basic Usage

```javascript
import SnackBar from '@logvinme/rreact-native-snackbar-component'
```

## Code

```js
<SnackBar visible={true} textMessage="Hello There!" actionHandler={()=>{console.log("snackbar button clicked!")}} actionText="let's go"/>
```
## Options
| Prop        | Type           | Effect  | Default Value |
| ------------- |-------------| -----| -----|
| visible | boolean | Show or hide the snackbar | none |
| textMessage | string / function | The main message text, can also supply a function returning JSX to render custom message UI | none |
| actionHandler | function | Function to be called when button is pressed, if absent no action button is shown | none |
| actionText | message | The text of action button, will be uppercased automatically | none |
| backgroundColor | color | The background color of snackbar | #484848 |
| accentColor | color | The color of action button text | orange |
| messageColor | color | The color of main message text | #FFFFFF |
| distanceCallback | function | Function to be caled whenever snackbar moves in and out or changes layout, the function will be supplied a number indicating distance taken up by snackbar on bottom or top, based on position. | (distance) => {} |
| position | string | The position of the snackbar: top, bottom | bottom |
| top / bottom / left / right | number | Use these to position the snackbar | 0 |
| autoHidingTime | number | How many milliseconds the snackbar will be hidden | 0 (Do not hide automatically) |
| containerStyle | object | Override or add style to the root container View | {} |
| messageStyle | object | Override or add style to the message Text | {} |
| actionStyle | object | Override or add style to the action button Text | {} |

## Note

* When visible prop is changed, the snackbar will be animated in/out of screen
* The snackbar will not auto-dismiss by itself, for auto-dismiss use setTimeout() and change value passed to prop to false. 
* This works great together with [react-native-fab](https://github.com/sidevesh/react-native-fab). See [demo](https://github.com/sidevesh/snackbar-and-fab-demo) for example and instructions how to.