open-index/open-npm huggingface dataset:
npm package: @happypath-io/remote-config
Description: Remote Config
Latest version: 0.0.9

# HappyPath - Remote Config

HappyPath provides developers with a simple way to create and manage remote configuration files to control any part of your application from the cloud. The values you change in your remote config will be updated on a specific time interval that you define, automatically.

You can host your own config file or manage it in the cloud by creating a free account on our website: [happypath.io](https://www.happypath.io/).

__➡️ ➡️ For more information, installation instructions, and examples, please visit our documentation website: [docs.happypath.io](https://docs.happypath.io/).__

## Installation

### Using NPM

`npm install @happypath-io/remote-config`

## Configuration

Import and initialize the client by specifying the configuration options:

```
import getClient from '@happypath-io/remote-config'

// Defaults to happypath.io configurations
const client = getClient({
  apiKey: 'YOUR-API-KEY', // get a free API key on app.happypath.io
})

// Use local file
const client = getClient({
  filePath: 'path/to/your/config.json',
})

// Host your own config
const client = getClient({
  remoteUrl: 'https://example.com/your-config.json',
})

// Provide config object
const client = getClient({
  config: {
    name: 'john doe',
    age: 30,
    otherAttributes: {
      otherLists: [
        "CA",
        "MD",
      ]
    }
  }
})

// Finally, initiallize config. This is an async function. This can be done whenever app is initialized.
await client.init();

// Alternatively, if you cannot await during initialization, you can await until it is loaded within your logic.
client.init();
// Then, before usage:
await client.waitUntilLoaded();
```

## Usage

By default, the client refreshes the configuration every 30 seconds. You can override this by passing the `refreshIntervalSeconds` parameter during client initialization.

The client exposes a single method `get`, which accepts a `key` and an optional default value. It returns the corresponding value from the config store. Note that the value is not a promise.

### TypeScript
```
const name = client.get<string>('name');
const isEnabled = client.get<boolean>('isEnabled', false);
const age = client.get<number>('age');
const list = client.get<string[]>('items', ['defaultValue']);
const person = client.get<Person>('person');
```

### JavaScript
```
const name = client.get('name');
const isEnabled = client.get('isEnabled', false);
const age = client.get('age');
const list = client.get('items', ['defaultValue']);
const person = client.get('person');
```

Please feel free to contact us at hello@happypath.io if you have any questions or issues.
npm package: @happypathrun/rx-rx
Description: A collection of helpers for Angular and RxJs provided by Happy Path
Author: Happy Path
Latest version: 1.0.0

# Rx Rx

`@happypathrun/rx-rx` contains utility functions that we use for Angular and RxJs.

## Installation

`npm install @happypathrun/rx-rx --save-dev` or `yarn add --dev @happypathrun/rx-rx`

## Testing

`npm run test` or `yarn test`

## Requirements

This library uses TypeScript decorators, so you'll need to enable the `experimentalDecorators` compiler option in your `tsconfig.json` file.

## Features

- [`@Observe`](docs/observe.md) - A decorator that creates an observable for you based on a class property.
- [`@AutoUnsubscribe` and `@Subscribes`](docs/auto-unsubscribe.md) - A pair of decorators that automatically unsubscribes from observables when a component is destroyed.
- [`@Timer`](docs/timer.md) - A decorator that logs the time it takes for a method to execute.
npm package: @happyphysicsclub/r3f-director
Description: Reusable React Three Fiber (R3F) components and utilities for building 3D scenes.
Latest version: 0.1.3

# @happyphysicsclub/r3f-director

Reusable React Three Fiber (R3F) components and utilities for building 3D scenes.

- ✅ R3F-first components (camera rigs, helpers, scene primitives, etc.)
- ✅ TypeScript + ESM/CJS + `.d.ts`
- ✅ Works with Next.js / Vite (consumer side)
- ✅ Monorepo includes a Next.js demo app

---

## Install (as a dependency)

### npm

```bash
npm i @happyphysicsclub/r3f-director
```

### yarn

```bash
yarn add @happyphysicsclub/r3f-director
```

### pnpm

```bash
pnpm add @happyphysicsclub/r3f-director
```

## Peer dependencies

This package expects the host app to provide these dependencies:

- react, react-dom
- three
- @react-three/fiber

If you use components that rely on them, you may also need:

- @react-three/drei
- postprocessing + @react-three/postprocessing
- three-stdlib

_Tip: install peers in your app if you see warnings during install._

## Authors

[happyphysicsclub](https://happyphysics.club) ([Yewon Jang](https://github.com/YewonCALLI) & [Sejin Oh](https://github.com/designerSejinOH))
npm package: @happyprime/observe-triggers
Description: Intersection observer triggers based on class names.
Author: Happy Prime
Latest version: 0.0.2

# Observe Triggers

Intersection observer triggers based on class names.

When activated, intersection observers will be added to any element with a class name that matches the pattern:

* {baseTriggerClass-}{rootMargin}-{threshold}-{edge}-{action}-{class}-{root}

In which:

* baseTriggerClass: The base class name that triggers the observer. Default `observe-trigger`.
* rootMargin: The root margin for the observer. Default `0`.
* edge: The edge to observe: top, bottom, left, right. Default `top`
* action: The action to perform: toggle, add, remove, replace. Default `toggle`
* class: The class to add, toggle, or remove. Default `observe-triggered`.
* root: The root element to observe. Default `null`.

## Actions

* `toggle`: Toggles the class on and off as the element crosses the intersection.
* `add`: Adds the class when the element enters the intersection. Fires once.
* `remove`: Removes the class when the element enters the intersection. Fires once.
* `replace`: Replaces any other class added by an observer trigger when the element enters the intersection.
npm package: @happyreact/core
Description: HappyReact widget for Web Components
Author: HappyReact
Latest version: 0.2.2

[![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)

# Happy React Web components