open-index/open-npm huggingface dataset:
npm package: @namefi/api-client
Description: API client for Namefi
Author: Namefi
Latest version: 0.0.0-pre.12

![img](https://namefi.io/logotype.svg)


# [Namefi API Client](https://namefi.io)

> This package is still in alpha. APIs and behavior may change without notice.

> For [Full docs](https://namefi.io/docs)

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)

## Installation

```bash
npm install @namefi/api-client
```

## Usage

```ts
import { createNamefiClient } from '@namefi/api-client';

const client = createNamefiClient({
  authentication: {
    apiKey: process.env.NAMEFI_API_KEY!,
    type: 'API_KEY',
  },
  logger: true,
});

const domain = 'example.com';
const result = await client.search.checkAvailability({ domain });

if (result.availability) {
  const order = await client.orders.registerDomain({
    normalizedDomainName: domain,
    durationInYears: 1,
  });

  console.log('Registered', order.id);
}
```
npm package: @namefi/node-rdap
Description: Node RDAP client for Whois lookup in Node JS.
Author: Derry coffey
Latest version: 0.4.1-patch.1

# Node RDAP

Node RDAP client for Whois lookup in Node JS.

## Installation

Yarn:

    $ yarn add node-rdap

Npm:

    $ npm install node-rdap

Pnpm:

    $ pnpm install node-rdap

## Usage

```typescript
import { domain, ip, autnum } from "node-rdap";

domain("github.com").then((result) => {
  console.log(result);
});

ip("140.82.121.4").then((result) => {
  console.log(result);
});

ip("2a00:1450:4009:818::200e").then((result) => {
  console.log(result);
});

autnum(1).then((result) => {
  console.log(result);
});
```
npm package: @namefully/ng
Description: namefully for Angular
Author: Ralph Florent
Latest version: 1.2.1

# @namefully/ng

[![npm version][version-img]][version-url]
[![CI build][ci-img]][ci-url]
[![MIT License][license-img]][license-url]

## Description

[namefully][namefully-url]'s [Angular](https://angular.io/) version.
[Try it live](https://stackblitz.com/edit/namefully-ng).

## Installation

```bash
npm i @namefully/ng
```

## Dependencies

- namefully ^1.2.0

## Peer Dependencies

- Angular

## Usage

```ts
import { Component, NgModule, OnInit } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'
import { Namefully, NameOrder } from 'namefully'

import { NamefullyModule, NamefullyService } from '@namefully/ng'

@Component({
    selector: 'app-root',
    template: `
        <h1>Welcome to Namefully</h1>
        <p>
            Using component: Hello,
            <ngx-namefully [raw]="name" [method]="'shorten'">! </ngx-namefully>!
        </p>
        <p>Using pipe: Hello, {{ name | namefully : null : 'shorten' }}!</p>
        <p>Using service: Hello, {{ superName.shorten() }}!</p>
        <p>
            Using directive: Hello,
            <span [ngxNamefully]="name" nfMethod="shorten"> </span>!
        </p>
    `,
})
class AppComponent implements OnInit {
    name = 'Mr Smith John Joe PhD'
    superName: Namefully

    constructor(private service: NamefullyService) {}

    ngOnInit(): void {
        this.superName = this.service.build(
            this.name,
            /* override forRoot config here */
        )
    }
}

@NgModule({
    imports: [BrowserModule, NamefullyModule.forRoot({ orderedBy: NameOrder.LAST_NAME })],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
})
export class AppModule {}
```

## Demo

To view a demo:

- clone or download a copy of the repository.
- install the dependencies using `npm install`
- finally, run `npm start`

The last command will bootstrap a demo by running a local web server. Use a
browser and type the following web address `localhost:4200` to load the content.

### Read more

As this is a wrapper of the core utility, visit the [main page][namefully-url]
to learn more about its key features, configurations, limitations, and APIs.

## Author

Developed by [Ralph Florent](https://github.com/ralflorent).

## License

The underlying content of this project is licensed under [MIT](LICENSE).

<!-- References -->

[namefully-url]: https://github.com/ralflorent/namefully
[version-img]: https://img.shields.io/npm/v/@namefully/ng
[version-url]: https://www.npmjs.com/package/@namefully/ng
[ci-img]: https://github.com/ralflorent/namefully-ng/workflows/build/badge.svg
[ci-url]: https://github.com/ralflorent/namefully-ng/actions/workflows/config.yml
[license-img]: https://img.shields.io/npm/l/@namefully/ng
[license-url]: https://opensource.org/licenses/MIT
npm package: @namefully/react
Description: namefully for React
Author: Ralph Florent
Latest version: 1.1.2

# @namefully/react

[![npm version][version-img]][version-url]
[![CI build][ci-img]][ci-url]
[![MIT License][license-img]][license-url]

## Description

[namefully][namefully-url]'s [React](https://reactjs.org/) version.
[Try it live](https://stackblitz.com/edit/namefully-react).

## Installation

```bash
npm i @namefully/react
```

## Peer Dependencies

- React
- namefully ^1.2.0

## Usage

```tsx
import * as React from 'react'
import * as ReactDOM from 'react-dom'

import { Namefully } from '@namefully/react'

const App = () => (<h1>Hello, <Namefully raw='John Smith'/>!</h1>)
ReactDOM.render(<App />, document.getElementById('example'))
```

## Demo

To view a demo:

- clone or download a copy of the repository
- install the dependencies using `npm install`
- finally, run `npm start`

The last command will bootstrap a demo by running a local web server. Use a
browser and type the following web address `localhost:3000` to load the content.

### Read more

As this is a wrapper of the core utility, visit the [main page][namefully-url]
to learn more about its key features, configurations, limitations, and API.

## Author

Developed by [Ralph Florent](https://github.com/ralflorent).

## License

The underlying content of this project is licensed under [MIT](LICENSE).

<!-- References -->
[namefully-url]: https://github.com/ralflorent/namefully
[version-img]: https://img.shields.io/npm/v/@namefully/react
[version-url]: https://www.npmjs.com/package/@namefully/react
[ci-img]: https://github.com/ralflorent/namefully-react/workflows/build/badge.svg
[ci-url]: https://github.com/ralflorent/namefully-react/actions/workflows/config.yml
[license-img]: https://img.shields.io/npm/l/@namefully/react
[license-url]: https://opensource.org/licenses/MIT
npm package: @namehash/ens-webfont
Description: A webfont to improve rendering of graphemes that might appear in normalizable ENS names on the web.
Latest version: 0.7.0

# ENS web font

![NPM Version](https://img.shields.io/npm/v/@namehash/ens-webfont)

## Installation:

run `npm i @namehash/ens-webfont`.

## Font configuration importing:

Add the following import statement to your app:

```ts
import "@namehash/ens-webfont";
```

## Usage:

Simply add the `ens-webfont` class to each HTML element where an ENS name might be displayed or input. It is not recommended to apply `ens-webfont` across your entire UI. It should only be used specifically where ENS names might be displayed or input.

## Contact Us

Visit our [website](https://namehashlabs.org/) and get in contact.

## License

Licensed under the MIT License, Copyright &copy; 2023-present [NameHash Labs](https://namehashlabs.org).

See [LICENSE](./LICENSE) for more information.
npm package: @namehash/nameguard-js
Description: A JavaScript implementation of NameGuard. Currently implements securePrimaryName with more coming soon.
Latest version: 0.9.1

# NameGuard JS

## Running Tests

1. Set the environment variables documented in `.example.env`.

2. Build the NameGuard SDK.

    ```bash
    cd /path/to/namekit/packages/nameguard-sdk
    pnpm build
    ```

3. Install NameGuard JS dependencies.

    ```bash
    cd /path/to/namekit/packages/nameguard-js
    pnpm install
    ```

4. Run the tests.

    ```bash
    pnpm test
    ```
npm package: @namehash/nameguard-react
Description: React UI components for building on NameGuard.
Latest version: 0.8.3

# @namehash/nameguard-react

![NPM Version](https://img.shields.io/npm/v/@namehash/nameguard-react)

## Install

```bash
npm install @namehash/nameguard-react
```

## Setup

The `nameguard-react` package comes with its own styles exported for some components, as well as global Tailwind styles (soon to be removed).

Make sure you import the `styles.css` file somewhere in your app:

```tsx
import "@namehash/nameguard-react/styles.css";
```

## Usage

These components can be used to interface with NameGuard with React.

### Search

The `<Search />` contains its own state for the chat modal and settings, the settings can be changed inside the search modal.

```tsx
import { Search, SearchModal, SettingsModal } from "@namehash/nameguard-react";

export default () => (
  <>
    <Search />
    <SettingsModal />
    <SearchModal />
  </>
);
```

### Report

If you want to load a report for an ENS name, just pass the `name` prop with your value.

```tsx
import { Report } from "@namehash/nameguard-react";

export default () => <Report name="notrab.eth" />;
```

If you want to customize any of the settings used to with NameParser, you can pass an optional `settings` prop.

```tsx
import { Report, NameParserSettings } from "@namehash/nameguard-react";

const settings: NameParserSettings = {
  // attemptEnsNormalization: true,
  // assumedTld: "eth",
  trimWhitespace: true,
};

export default () => <Report name="notrab.eth" settings={settings} />;
```

So that the chat modal can be presented, you need to pass the store.

```tsx
import { Report, useChatModalStore } from "@namehash/nameguard-react";

export default () => (
  <Report name="notrab.eth" chatModalStore={useChatModalStore} />
);
```

## Creating components

When creating components, you should use the Tailwind prefix `ng-` for all class names. This means when using `@namehash/nameguard-react` components in projects not using Tailwind, it works as expected.

```tsx
<p className="ng-text-red-500">Hello world</p>
```

## Contact Us

Visit our [website](https://namehashlabs.org/) and get in contact.

## License

Licensed under the MIT License, Copyright &copy; 2023-present [NameHash Labs](https://namehashlabs.org).

See [LICENSE](./LICENSE) for more information.
npm package: @namehash/namekit-react
Description: React UI components for building on NameKit.
Latest version: 0.12.0

# @namehash/namekit-react

![NPM Version](https://img.shields.io/npm/v/@namehash/namekit-react)

This repository contains all of the code for the NPM package [`@namehash/namekit-react`](https://npmjs.com/@namehash/namekit-react) that exports components for building apps, tools, and other component libraries with the NameHash design system.

## Install

```bash
npm install @namehash/namekit-react
```

## Contact Us

Visit our [website](https://namehashlabs.org/) and get in contact.

## License

Licensed under the MIT License, Copyright &copy; 2023-present [NameHash Labs](https://namehashlabs.org).

See [LICENSE](./LICENSE) for more information.