open-index/open-npm huggingface dataset:
npm package: @kingspanisoeste/eslint-config
Description: ESLint configuration used by Kingspan Isoeste.
Latest version: 1.3.6

# Kingspan Isoeste ESLint config

## Whats included?

- Standard config base;
- Prettier;

## Setup

1. Install the dependencies
```
npm i -D eslint @kingspanisoeste/eslint-config
```

2. Create a `.eslintrc.json` file extending the config:
> React project
```
{
  "extends": "@kingspanisoeste/eslint-config/react"
}
```

> Node project
```
{
  "extends": "@kingspanisoeste/eslint-config/node"
}
```

4. Create a '.prettierrc.js' file and exports the prettier config:
```js
module.exports = require('@kingspanisoeste/eslint-config/prettier')
```
npm package: @kingsquare/react-scripts
Description: Kingsquare configuration and scripts for Create React App.
Latest version: 3.1.2-kappa2

# react-scripts

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: @kingsquare/webpack-kmt-resolve-url-loader
Description: A Webpack plugin for resolving KMT urls
Author: Kingsquare BV
Latest version: 0.0.0-alpha2

# A Webpack loader for resolving KMT urls

Using `webpack-dev-server` with KMT you need to fix some urls else they will not work... We actually need to emulate the framework within the `webpack-dev-server`.

hence this... 

> IMPORTANT: This is only needed for development!

> WARNING: This loader will not (yet) work for encore dev-server as 
> it works in the reverse... this would require something
> that redirects back to the referrer...? In any case worthy of an issue, to be resolved ;-)

## Usage

Add the loader

    yarn add @kingsquare/webpack-kmt-resolve-url-loader

Then after the `resolve-url-loader` add the `kmt-resolve-url-loader`

      {
        loader: "kmt-resolve-url-loader",
        options: {
          sourceMap: true,
          root: path.resolve(__dirname, "../view/layout")
        }
      }
npm package: @kingstack/config
Description: Configuration management system for KingStack
Author: Alexander Pinkerton
Latest version: 0.1.4

# @kingstack/config

A powerful, TypeScript-based configuration management system designed for monorepos. It provides type safety, schema validation, computed values, and automated synchronization of secrets to external services (GitHub Actions, Vercel).

## 🚀 Features

*   **Type Safety**: Define your config schema in TypeScript.
*   **Computed Values**: Automatically derive values (like database connection strings) from base inputs.
*   **Single Source of Truth**: Manage all environment variables in one place `config/`.
*   **Automated Generation**: Generates `.env` files for all your apps/packages.
*   **Cloud Sync**: Sync secrets to GitHub and Vercel with a single command.
*   **CLI**: Comes with `king-config` CLI for easy management.

## 📦 Installation

```bash
yarn add -D @kingstack/config
# or
npm install -D @kingstack/config
# or
bun add -d @kingstack/config
```

## 🛠 Usage

### 1. Define your Schema

Create `config/schema.ts`:

```typescript
import { defineSchema } from "@kingstack/config";

export const schema = defineSchema({
  core: {
    API_PORT: { required: true, description: "Port for the API" },
    HOST: { default: "localhost" },
  },
  computed: (core) => ({
    API_URL: `http://${core.HOST}:${core.API_PORT}`,
  }),
  envfiles: {
    // Map values to your app's .env file
    app: {
      path: "apps/web/.env",
      keys: ["API_URL"],
    }
  }
});
```

### 2. Define Values

Create environment-specific files (e.g., `config/local.ts`):

```typescript
import { defineValues } from "@kingstack/config";

export const values = defineValues({
  API_PORT: "3000",
});
```

### 3. Run the CLI

Generate your configuration:

```bash
# Using bun (recommended to avoid compilation)
bun king-config generate local

# Or using node (requires pre-compiling your config files or using ts-node)
npx king-config generate local
```

## 📚 commands

*   `king-config generate <env>`: Generates `.env` files and updates compatible config files (TOML).
*   `king-config sync`: Syncs secrets to external providers (GitHub, Vercel).

## 📄 License

MIT
npm package: @kingstack/create-kingstack
Description: CLI to create a new project from the KingStack template
Author: Alexander Pinkerton
Latest version: 0.2.2

# create-kingstack

CLI to scaffold a new project from the [KingStack](https://github.com/kingstack-org/kingstack) template.

## Usage

```bash
npx create-kingstack my-project
```

That's it! The CLI will:

1. Download the KingStack template
2. Rename the namespace to `@my-project/*`
3. Generate configuration files
4. Initialize git
5. Install dependencies
6. Start the dev server
7. Open your browser to the running app

## Setup Modes

When you run the CLI, you'll be asked to choose a mode:

### Playground Mode (recommended for getting started)

- **No database required** - uses mock data
- **Instant startup** - no Docker or Supabase needed
- **Perfect for** - UI development, prototyping, learning the stack

### Full Setup Mode

- **Complete backend** - Supabase with PostgreSQL, Auth, and Realtime
- **Requires Docker** - Supabase runs in containers
- **Perfect for** - building production apps with auth and database

## Interactive Prompts

```
? Project name: my-project
? Target directory: my-project
? Setup mode: Playground / Full setup
? Customize ports? No
```

## Command Line Arguments

```bash
# Specify project name
npx create-kingstack my-project

# Specify a different base directory (instead of cwd)
npx create-kingstack my-project --dir ~/Projects

# Just specify base directory, prompt for project name
npx create-kingstack --dir /tmp
```

## Options

| Flag | Description |
|------|-------------|
| `-d, --dir <path>` | Base directory for the new project (default: current directory) |
| `-h, --help` | Show help message |

## Requirements

- **Node.js 20+**
- **Yarn** (installed automatically via corepack)
- **Docker** (only for Full Setup mode)
- **Bun** (for running scripts)

## What Gets Created

```
my-project/
├── apps/
│   ├── next/          # Next.js frontend (port 3069)
│   └── nest/          # NestJS backend (port 3420)
├── packages/
│   ├── shared/        # Shared TypeScript code
│   ├── prisma/        # Database schema & migrations
│   └── ...
├── config/
│   └── local.ts       # Your local configuration
└── ...
```

## After Creation

Your app will be running at `http://localhost:3069`

For Playground mode, you're ready to start building!

For Full Setup mode, you have:
- Supabase Studio at `http://localhost:54324`
- PostgreSQL database ready
- Auth system configured

## License

MIT
npm package: @kingstinct/observable
Description: Easy-to-use and dependency-free observable library. `await` a specific value. Observe value changes.
Author: Robert Herber
Latest version: 0.0.4

# @kingstinct/observable

Easy-to-use and dependency-free observable library. `await` a specific value. Observe value changes. And if you use React there is a hook.

## Examples

### waitFor

###### Network Status
```javascript
const networkStatus = observable('cellular');

// ...

await networkStatus.waitFor('wifi');
console.log('Start downloading large file..');
downloadLargeFile();

// ...

networkStatus.set('wifi');      // Start downloading large file..
```

### observe
Observe as the value changes

```javascript
const networkStatus = observable('cellular');

// ...

networkStatus.observe((status, previousStatus) => {
  console.log('NetworkStatus changed from ' + previousStatus + ' to ' + status)
});

// ...

networkStatus.set('wifi');      // NetworkStatus changed from cellular to wifi
networkStatus.set('offline');   // NetworkStatus changed from wifi to offline
```

### Set with previous value

Easy to keep it clean and immutable.

###### Toggle
```javascript
const isSyncEnabled = observable(false);

// ...

await isSyncEnabled.waitFor(true);
updateUI();
syncChanges();

// ...

const toggleSync = (previousValue) => !previousValue
isSyncEnabled.set(toggleSync);

```


###### Press button 10 times
```javascript
const buttonPresses = observable(0);

// ...

await buttonPresses.waitFor(10);

// ...

function onClick(){
  buttonPresses.set(value => value + 1);
}

```

### Works great with React!

No need to complicate things. We provide a hook - and it works exactly like setState does - directly tied to the backing observable.

```javascript
import { useObservable } from '@kingstinct/observable/react';

const clickObservable = observable(0);

const MyComponent = () => {
  const [clickCount, setClickCount] = useObservable(clickObservable);

  const onClick = () => setClickCount((previous) => previous + 1);

  return <Button onClick={onClick}>{ clickCount }</Button>
}

```


### Bring your own Promise library
By default native JavaScript Promises are used. But you can override it if you want:

```javascript
observable.Promise = bluebird; // use Bluebird instead of native promise

const isOnlineObservable = observable(false);

await isOnlineObservable.waitFor(true).timeout(1000); // use Bluebird.timeout
```
npm package: @kingstinct/react
Description: Kingstinct Hooks Utility Library
Author: Robert Herber
Latest version: 1.0.10

⚠️ This repo has been moved to [Kingstinct/zemble](https://github.com/kingstinct/zemble/tree/main/packages/react), and has been renamed to [`@zemble/react`](https://www.npmjs.com/package/@zemble/react).

# @kingstinct/react

[![npm (scoped)](https://img.shields.io/npm/v/@kingstinct/react?style=for-the-badge)](https://www.npmjs.com/package/@kingstinct/react)

This is a utility library for React that we use across our projects at Kingstinct (still early days for this lib).

To import a utility the best is to import it directly:
`import useEvent from '@kingstinct/react/hooks/useEvent'`

You can also use named imports, but if you're not having all dependencies installed you'll probably run into errors:
`import { useEvent } from '@kingstinct/react'`

The goal of this library (and the related [@kingstinct/utils](https://github.com/Kingstinct/utils)) is to:
- Keep the number of dependencies in projects down
- Have a common place to put useful utilities, so they're easier to maintain and find
- Quickly get up and running with new projects

We believe this is a better approach than the alternatives:
- Using one single utility library for everything, which would introduce unnecessary dependencies
- Using lots of micro-libs. Micro-libs does have it's advantages, but is harder to maintain and means loosing oversight of the dependencies in a project.
- Copy pasting between projects :)
 
# Storybooks and Expo
Currently the Storybooks implementation works for web and the example-app works with Expo for mobile.
npm package: @kingstinct/react-native-http-bridge
Description: A simple HTTP debug server for React Native apps
Author: Robert Herber
Latest version: 0.4.3

# react-native-http-bridge

A fork of [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge).

HTTP Server for [React Native](https://github.com/facebook/react-native)

Supports POST and GET-requests.

## Install

```shell
npm install --save react-native-http-bridge
```

or 

```shell
yarn add react-native-http-bridge
```

## Automatically link

#### With React Native 0.27+

```shell
react-native link react-native-http-bridge
```

## Example

First import/require react-native-http-server:

```js

    import httpBridge from '@kingstinct/react-native-http-bridge';

```


Initalise the server in the `componentWillMount` lifecycle method. You need to provide a `port` and a callback where requests will be captured. Currently there is no way to return responses.

```js

    componentWillMount(){

      // initalize the server (now accessible via localhost:1234)
      httpBridge.start(5561, function(request) {

          // request.url
          // request.postData

          //do something with the data
        return { code: 200, data: { hello: 'world' } }; //or return a promise
      });

    }

```

Finally, ensure that you disable the server when your component is being unmounted.

```js

  componentWillUnmount() {
    httpBridge.stop();
  }

```
npm package: @kingstinct/react-native-ibeacon-simulator
Description: A cool package for simulate your iOS devices as beacon
Author: Robert Herber
Latest version: 1.0.12

React Native Module that broadcasts an iBeacon uuid.

# Setup

`npm i --save react-native-ibeacon-simulator`

`react-native link`

Import in your project:

`import BeaconBroadcast from 'react-native-ibeacon-simulator'`

# API

Start iBeacon on device:

### uuid: String

 You can get from here http://openuuid.net/

### identifier: String

### minor and major:

are integer values between 0 and 65535.

### Start Broadcasting iBeacon:

`BeaconBroadcast.startAdvertisingBeaconWithString(uuid, identifier, major, minor)`

### Stop Broadcasting iBeacon:

`BeaconBroadcast.stopAdvertisingBeacon()`

# iOS

```
BeaconBroadcast.stopAdvertisingBeacon()
BeaconBroadcast.startAdvertisingBeaconWithString(uuid, identifier, major, minor)
```

# Android

```
BeaconBroadcast.checkTransmissionSupported()
.then(() => {
  BeaconBroadcast.stopAdvertisingBeacon()
  BeaconBroadcast.startAdvertisingBeaconWithString(uuid, identifier, major, minor)
})
.catch((e) => {
  /* handle return errors */
  - NOT_SUPPORTED_MIN_SDK
  - NOT_SUPPORTED_BLE
  - DEPRECATED_NOT_SUPPORTED_MULTIPLE_ADVERTISEMENTS
  - NOT_SUPPORTED_CANNOT_GET_ADVERTISER
  - NOT_SUPPORTED_CANNOT_GET_ADVERTISER_MULTIPLE_ADVERTISEMENTS
})
```

## Known supported devices

Non-exhaustive list of devices where BLE advertising is known to work.
[Brackets] indicate variations besides the base model.

- Phones and tablets
   - Google Pixel [XL], Pixel C, Nexus 6P, 6, 5X, 9, patched Nexus 5
   - Alcatel One Touch Idol 3 [Dual SIM], Fierce XL
   - Asus Zenfone 2 [Laser], Zenpad 8
   - Blackberry Priv
   - HTC 10, One M9, Desire (530/626s/820)
   - Huawei Ascend Y550, Honor 5X, Union
   - Lenovo K3 Note, Vibe P1m, Vibe K4 Note
   - LG:
      * G5, G4 [Stylus], G3, G Flex2, G Vista 2
	  * V10, K10, L Bello, Lancet, Leon, Magna, Optimus Zone 3, Spirit, Tribute 5
   - Moto X Play, X Style, X2, G2, G3, G4, Z Droid, Droid Turbo 2
   - Nextbit Robin
   - OnePlus 2, 3
   - OPPO A33f
   - Samsung Galaxy:
      * S7 [Edge] - up to 8 concurrent running BLE advertisers
      * S6 [Active/Edge/Edge Plus], S5 [Active/Neo]
      * Note 5, Note Edge, Note 4
      * Tab S2 (8.0/9.7), Tab S (8.4/10.5), Note Pro, Tab A 9.7, Tab E
      * A5 2016 [Duos]
      * J5, J3 Duos
      * Alpha, Core Prime, Grand Prime, On7
   - Sony Xperia E5, X, Z5 [Compact/Premium], C5 Ultra, C3, M4 Aqua [Dual]
   - Xiaomi Redmi 3, Note 2, Note 3, Mi 4, Mi 4i, Mi 5, Mi Max
   - ZTE Maven, ZMAX 2, Zmax Pro, Warp Elite
- Android TVs
   - Sony Bravia 2015
npm package: @kingstinct/react-native-keys
Description: My new module
Author: Robert Herber
Latest version: 0.5.0

# @kingstinct/react-native-keys

My new module

# API documentation

- [Documentation for the main branch](https://github.com/expo/expo/blob/main/docs/pages/versions/unversioned/sdk/@kingstinct/react-native-keys.md)
- [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/@kingstinct/react-native-keys/)

# Installation in managed Expo projects

For [managed](https://docs.expo.dev/versions/latest/introduction/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](#api-documentation). If you follow the link and there is no documentation available then this library is not yet usable within managed projects &mdash; it is likely to be included in an upcoming Expo SDK release.

# Installation in bare React Native projects

For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.

### Add the package to your npm dependencies

```
npm install @kingstinct/react-native-keys
```

### Configure for iOS

Run `npx pod-install` after installing the npm package.


### Configure for Android



# Contributing

Contributions are very welcome! Please refer to guidelines described in the [contributing guide]( https://github.com/expo/expo#contributing).
npm package: @kingstinct/react-native-root-view-background
Description: Setting rootView background colors
Author: Jan Romaniak
Latest version: 1.0.3

# After

<p align="center" >
    <img alt="react-native-gifted-chat" src="https://media.giphy.com/media/3o7WIq8RMAQB92cUSI/giphy.gif" width="480" height="484" />
</p>

# Before

<p align="center" >
    <img alt="react-native-gifted-chat" src="https://media.giphy.com/media/l4pT7TwVEaawBxBzG/giphy.gif" width="480" height="484" />
</p>



# react-native-root-view-background

Library is working on IOS and Android.

## Getting started

`$ npm install react-native-root-view-background --save`

`$ yarn add react-native-root-view-background`

### Mostly automatic installation

`$ react-native link react-native-root-view-background`

### Manual installation


#### iOS

1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
2. Go to `node_modules` ➜ `react-native-root-view-background` and add `RNRootViewBackground.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNRootViewBackground.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
4. Run your project (`Cmd+R`)<

#### Android

1. Open up `android/app/src/main/java/[...]/MainActivity.java`
  - Add `import com.reactlibrary.RNRootViewBackgroundPackage;` to the imports at the top of the file
  - Add `new RNRootViewBackgroundPackage()` to the list returned by the `getPackages()` method
2. Append the following lines to `android/settings.gradle`:
  	```
  	include ':react-native-root-view-background'
  	project(':react-native-root-view-background').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-root-view-background/android')
  	```
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
  	```
      compile project(':react-native-root-view-background')
  	```


## Usage
```javascript
import { setRootViewBackgroundColor } from 'react-native-root-view-background';

export default class Main extends Component {
    componentDidMount(){
        setRootViewBackgroundColor('#ccc');
    }
}
```