open-index/open-npm huggingface dataset:
npm package: @hmin/js-toolkit
Description: Lightweight modern JavaScript utility library
Author: hmin
Latest version: 0.0.4

# js-toolkit

> **JavaScript 유틸리티 라이브러리**

---

## 설치

```bash
npm install @hmin/js-toolkit
# 또는
yarn add @hmin/js-toolkit
```

## Examples

```ts
import { debounce } from "@hmin/js-toolkit";

const debounced = debounce(() => {
  console.log("Hello, world");
}, 100);
// Call
debounced();
```
npm package: @hmlr/eslint-config
Description: Shareable ESLint config
Author: Andrew Hosgood
Latest version: 1.2.0-rc.2

# HM Land Registry ESLint Config

A shareable ESLint config.

## Quickstart

```sh
# Install the shareable config
npm i -save-dev @hmlr/eslint-config

# Install all dependencies (npm 5+)
npx install-peerdeps --dev @hmlr/eslint-config
```

### How to use in JS or TS projects

Add the config to the `extends` property of your `.eslintrc*` file. For more information, see [using a shareable config](https://eslint.org/docs/developer-guide/shareable-configs#using-a-shareable-config) on eslint.org

```json
{
  "extends": "@hmlr/eslint-config"
}
```

### React projects

```json
{
  "extends": "@hmlr/eslint-config/react"
}
```

### Node projects

```json
{
  "extends": "@hmlr/eslint-config/node"
}
```

### Running the rules

If you don't have ESLint set up already, you can add one or both of the following scripts to your `package.json`, changing directories, extensions and parameters as necessary:

```json
{
  "scripts": {
    "eslint": "eslint --ext js,jsx,ts,tsx src",
    "eslint:fix": "eslint --ext js,jsx,ts,tsx --fix src"
  }
}
```

## Prettier

In addition to linting your code with ESLint, we also recommend installing [Prettier](https://prettier.io/) to help with code formatting.

It is suggested that you avoid modifying any of the default options in order to maintain consistency. To learn why, see the [philosophy on options from Prettier](https://prettier.io/docs/en/option-philosophy.html).

```sh
npm i -save-dev prettier
prettier --write "src/**/*.{js,jsx,ts,tsx,css,scss,less,json,html}"
```

## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://www.npmjs.com/package/@hmlr/eslint-config?activeTab=versions).

## How to contribute

We welcome contribution from the community. If you want to contribute to this project, please review the [code of conduct](CODE_OF_CONDUCT.md) and [contribution guidelines](CONTRIBUTING.md).

## Contributors

- [Andrew Hosgood](https://github.com/ahosgood) (Primary maintainer)

## Support

This software is provided _"as-is"_ without warranty. Support is provided on a _"best endeavours"_ basis by the maintainers and open source community.

If you are a civil servant you can sign up to the [UK Government Digital Slack](https://ukgovernmentdigital.slack.com/signup) workspace to contact the maintainers listed [above](#contributors) and the community of people using this project in the [#govuk-design-system](https://ukgovernmentdigital.slack.com/archives/C6DMEH5R6) channel.

Otherwise, please see the [contribution guidelines](CONTRIBUTING.md) for how to raise a bug report or feature request.
npm package: @hmlr/frontend
Description: HM Land Registry frontend styles
Author: Andrew Hosgood
Latest version: 2.1.0-rc.2

<img src="./src/hmlr/assets/images/hmlr-logo-grey.svg" alt="HM Land Registry logo" title="HM Land Registry" width="120" />

# HM Land Registry Frontend

[![Latest release](https://img.shields.io/github/v/release/LandRegistry/hmlr-frontend?style=flat-square&logo=github&logoColor=white&sort=semver)](https://github.com/LandRegistry/hmlr-frontend/releases)
[![NPM version](https://img.shields.io/npm/v/@hmlr/frontend?style=flat-square&logo=npm&logoColor=white)](https://www.npmjs.com/package/@hmlr/frontend)
[![GOV.UK Frontend version](https://img.shields.io/npm/dependency-version/@hmlr/frontend/govuk-frontend?style=flat-square)](https://www.npmjs.com/package/govuk-frontend)
[![Node version](https://img.shields.io/node/v-lts/@hmlr/frontend?style=flat-square&logo=nodedotjs&logoColor=white)](https://github.com/LandRegistry/hmlr-frontend/blob/main/.nvmrc)
[![Licence](https://img.shields.io/github/license/LandRegistry/hmlr-frontend?style=flat-square)](https://github.com/LandRegistry/hmlr-frontend/blob/main/LICENCE)

HM Land Registry Frontend contains the code you need to start building a user interface for HM Land Registry platforms and services.

See live examples of HM Land Registry Frontend components, and guidance on when to use them in your service in the [HM Land Registry Design System](https://github.com/LandRegistry/hmlr-design-system).

## Quickstart

```sh
# Node version (optional)
nvm use

# Install dependencies
npm install

# Start Storybook
npm start
```

This package includes all the frontend styles from GOV.UK in addition to HM Land Registry styles.

The generated CSS can be used as a direct replacement for the GOV.UK stylesheet which ensures that the HM Land Registry styles will be build on top of a complient version of the GOV.UK Frontend styles.

## LFS

Some assets in this repository require [Git LFS](https://git-lfs.github.com/) to be installed in order to properly clone the repository.
npm package: @hmodarres/react-native-ios-context-menu
Description: Use iOS context menus in your React Native application
Author: Hadi Modarres
Latest version: 0.3.0


# React Native iOS Context Menu

Use iOS context menus in your React Native app.

[Apple Developer Documentation](https://developer.apple.com/design/human-interface-guidelines/context-menus)

<br/>

![media](https://user-images.githubusercontent.com/9566334/270151392-cbe52061-f126-40bd-b380-051804e37f13.gif)


# API documentation

- [API Documentation](https://hadimodarres.github.io/react-native-ios-context-menu)

<br/>

# Get Started

## Installation in managed Expo projects

This package requires a development build of Expo to run as it contains custom native code. To create a development build, please refer to [Creating a Development Build](https://docs.expo.dev/develop/development-builds/create-a-build/) 

## 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 react-native-ios-context-menu
```

### Configure for iOS

```
npx pod-install
``` 
<br/>

# Usage

Simply wrap the view you want to add context menu to with `ContextMenu`:

```
import { Text } from "react-native";
import { ContextMenu } from "react-native-ios-context-menu";

const Example = () => {
  return (
    <ContextMenu
      menu={{
        type: "menu",
        title: "Sample Menu",
        children: [
          { type: "action", title: "Notify Me" },
          { type: "action", title: "Undo" },
          { type: "action", title: "Mark" },
        ],
      }}
    >
      <Text>Press Me</Text>
    </ContextMenu>
  );
};
```
npm package: @hmodarres/react-native-ticker
Description: A ticker component for React Native
Author: Hadi Modarres
Latest version: 0.6.0

![media](./media/example.gif)

## Description
A ticker component for react native. 

- Performant
- Configurable
- Ticker animates upwards when new number is greater than previous number and down if it's less

This package requires installation of [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation).

## Installation
```
npm install --save @hmodarres/react-native-ticker
or
yarn add @hmodarres/react-native-ticker
```

## Usage
react-native-ticker supports a single child text string or number

```
import * as React from 'react';

import { StyleSheet, View } from 'react-native';
import { Ticker } from '@hmodarres/react-native-ticker';


export default function App() {
  return (
    <View style={styles.container}>
      <Ticker
        textStyle={{ fontSize: 48, fontWeight: '700', color: 'red' }}
        digitWidth="per-digit"
      >
        332
      </Ticker>
    </View>
  );
}

const styles = StyleSheet.create({
  tickerTextStyle: {},
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

```


## License
[MIT License](https://opensource.org/licenses/MIT)