open-index/open-npm huggingface dataset:
npm package: @nobodypeekaboo/react-bootstrap-table-next
Description: Next generation of react-bootstrap-table
Author: AllenFang
Latest version: 4.0.3

# react-bootstrap-table-next
Next generation of [`react-bootstrap-table`](https://github.com/AllenFang/react-bootstrap-table)

## Usage

### Installation

```sh
npm install react-bootstrap-table-next --save
```

### Include CSS

> react-bootstrap-table2 need you to add bootstrap css in your application firstly. About bootstrap css, we only compatible with bootstrap 3 but will start to compatible for bootstrap 4 on v0.2.0

```js
// es5 
require('react-bootstrap-table-next/dist/react-bootstrap-table2.min.css');

// es6
import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';
```

### Your First Table

```js
import BootstrapTable from 'react-bootstrap-table-next';

const products = [ ... ];
const columns = [{
  dataField: 'id',
  text: 'Product ID'
}, {
  dataField: 'name',
  text: 'Product Name'
}, {
  dataField: 'price',
  text: 'Product Price'
}];

export default () =>
  <BootstrapTable keyField='id' data={ products } columns={ columns } />
```
npm package: @nobodyz/vue-timeline
Description: ## Project setup ``` npm install @nobodyz/vue-timeline ``` ### Example useage ```javascript
Author: seekeroftruecode
Latest version: 0.0.9

# @nobodyz/vue-timeline

## Project setup
```
npm install @nobodyz/vue-timeline
```
### Docs
[vue-timeline docs](https://seekeroftruecode.github.io/nobodyz-vue-timeline "vue-timeline docs")

### Example useage
```javascript

<template>
  <div>
    <Timeline
      :start="period.start"
      :end="period.end"
      :show-timestapms="showTimestamps"
      :title-width="100"
      padding-left="5%"
      padding-right="5%"
      style="width: 100%; height: 200px;"
    >
      <TimelineRow name="Title">
        <TimelineRowRects
          :items="rects"
          @click="onClick"
          :collisions.sync="collisions"
        />
      </TimelineRow>
      <TimelineRow name="Title 2">
        <TimelineRowRects :items="rects2" @click="onClick" />
      </TimelineRow>

      <template #tooltip>
        <div>MyTooltip</div>
      </template>
    </Timeline>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { Timeline, TimelineRow, TimelineRowRects } from "@nobodyz/vue-timeline";

@Component<TimelineView>({
  components: {
    Timeline,
    TimelineRow,
    TimelineRowRects
  }
})
export default class TimelineView extends Vue {
  private period = {
    start: { hours: 8, minutes: 0 },
    end: { hours: 22, minutes: 0 }
  };

  private endHours = 12;
  private showTimestamps = true;

  private rects = [
    {
      start: {
        hours: 6,
        minutes: 0
      },
      end: {
        hours: 12,
        minutes: 0
      },
      data: "#1"
    },
    {
      start: {
        hours: 13,
        minutes: 0
      },
      end: {
        hours: 15,
        minutes: 0
      },
      data: "#2"
    },
    {
      start: {
        hours: 16,
        minutes: 0
      },
      end: {
        hours: 21,
        minutes: 0
      },
      data: "#3"
    }
  ];

  private rects2 = [
    {
      start: {
        hours: 10,
        minutes: 0
      },
      end: {
        hours: 15,
        minutes: 0
      },
      data: "#1"
    }
  ];

  private collisions = [];

  private onClick(item: unknown) {
    // console.log("click", item);
  }
}
</script>

```
npm package: @nobot-cloud/angular
Description: Angular wrapper for NoBot Captcha
Author: NoBot
Latest version: 1.0.0

# @nobot-cloud/angular

Angular wrapper for the NoBot Captcha SDK. Supports standalone components and modules using the `@nobot-cloud/captcha-core` library.

## Installation

```bash
npm install @nobot-cloud/angular @nobot-cloud/captcha-core
```

## Usage

Import the standalone component into your application:

```typescript
import { Component, ViewChild } from '@angular/core';
import { NobotCaptchaComponent } from '@nobot-cloud/angular';

@Component({
  selector: 'app-login',
  standalone: true,
  imports: [NobotCaptchaComponent],
  template: `
    <nobot-captcha 
      [siteKey]="'YOUR_SITE_KEY'" 
      [lang]="'en'"
      (success)="onSuccess($event)"
      (error)="onError($event)"
      #captcha>
    </nobot-captcha>
    
    <button (click)="resetCaptcha()">Reset Captcha</button>
  `
})
export class LoginComponent {
  @ViewChild('captcha') captchaComponent!: NobotCaptchaComponent;

  onSuccess(token: string) {
    console.log('Verified token:', token);
  }

  onError(err: Error) {
    console.error('Error or Bot blocked:', err.message);
  }

  resetCaptcha() {
    this.captchaComponent.reset(); // Manually reset the challenge
  }
}
```

### Module Setup

If your project doesn't use standalone components, you can import the `NobotCaptchaModule`:

```typescript
import { NobotCaptchaModule } from '@nobot-cloud/angular';

@NgModule({
  imports: [
    NobotCaptchaModule
  ]
})
export class AppModule { }
```
npm package: @nobot-cloud/captcha-core
Description: Framework-agnostic SDK for NoBot Captcha
Author: NoBot
Latest version: 1.0.0

# @nobot/captcha-core

A framework-agnostic JavaScript/TypeScript SDK for embedding the NoBot Captcha widget into your applications.

## Installation

```bash
npm install @nobot-cloud/captcha-core
# or
yarn add @nobot-cloud/captcha-core
# or
pnpm add @nobot-cloud/captcha-core
```

## Usage

You don't need to manually inject the NoBot `<script>` tag. The SDK handles dynamic loading automatically.

```javascript
import { NobotCaptcha } from '@nobot-cloud/captcha-core';

// 1. Initialize with your Site Key
const captcha = new NobotCaptcha({
  siteKey: 'YOUR_SITE_KEY_HERE',
  lang: 'en', // 'en', 'es', etc. (optional)
  size: 'compact' // 'compact' or 'normal' (optional)
});

// 2. Register callbacks
captcha.onSuccess(token => {
  console.log('Verified! Submit this token to your backend:', token);
});

captcha.onError(error => {
  console.error('An error or block occurred:', error.message);
});

// 3. Render the widget into a DOM element (using a CSS selector or HTMLElement)
captcha.render('#captcha-container');
```

## Methods

- **`render(selectorOrElement)`**: Loads the widget asynchronously and mounts it into the specified UI container.
- **`onSuccess(callback)`**: Triggered when the user successfully passes the captcha.
- **`onError(callback)`**: Triggered when there's a network error or when the user is explicitly blocked due to bot-like activity.
- **`reset()`**: Immediately resets the widget to its initial (unresolved) state. Useful for Single Page Applications (SPAs) or dynamic form re-renders.

## License
MIT
npm package: @nobot-cloud/react
Description: React wrapper for NoBot Captcha
Author: NoBot
Latest version: 1.0.0

# @nobot-cloud/react

React component wrapper for the NoBot Captcha SDK. Built with TypeScript.

## Installation

```bash
npm install @nobot-cloud/react @nobot-cloud/captcha-core
```

## Usage

Use the `NobotCaptcha` component where you want the protection to render:

```tsx
import React, { useRef } from 'react';
import { NobotCaptcha, NobotCaptchaRef } from '@nobot-cloud/react';

function App() {
  const captchaRef = useRef<NobotCaptchaRef>(null);

  const handleSuccess = (token: string) => {
    console.log('Verified token:', token);
  };

  const handleError = (error: Error) => {
    console.error('Error or Bot blocked:', error.message);
  };

  const handleReset = () => {
    captchaRef.current?.reset();
  };

  return (
    <div>
      <NobotCaptcha
        ref={captchaRef}
        siteKey="YOUR_SITE_KEY"
        lang="es"
        onSuccess={handleSuccess}
        onError={handleError}
      />
      
      <button onClick={handleReset}>Force Reset</button>
    </div>
  );
}

export default App;
```

## Props

- `siteKey` (string): Your project's unique Site Key.
- `lang` (string, optional): Language code (e.g., `'es'`, `'en'`).
- `size` (string, optional): Widget size (`'compact'` or `'normal'`).
- `onSuccess` (function): Triggered when it completes, returning the generated `token`.
- `onError` (function): Triggered when there is an API error or the system explicitly bans/blocks the bot user.
npm package: @nobrainerlabs/nest-utils
Description: Contains Nobrainer Labs commonly used code like postgres naming strategy, nest decorators, and pipes.
Author: Nobrainer Labs
Latest version: 0.2.0

# nest-utils

## Description

Contains Nobrainer Labs commonly used code like postgres naming strategy, nest decorators, and pipes.

## Requirements

Make sure to have the following installed

- `NodeJS / NPM` for application runtime
- `NestJS` for application framework

## Installation

To use the `nest-utils` node module:

```bash
$ npm login #make sure you request access to @nobrainerlabs
$ npm install --save @nobrainerlabs/nest-utils
```

## Postgres Naming Strategy

TypeORM by default retains camelCase naming convention for table and column names. Also, constraints, relations, primary keys, and foreign key names generated by TypeORM do not follow industry best practices. The `PostgresNamingStrategy` overrides TypeORM's default naming strategy.

To use, modify the NestJS module imports to include the `namingStrategy` property:

```javascript
TypeOrmModule.forRoot({
  ...
  namingStrategy: new PostgresNamingStrategy()
});
```

## Config Module based on ConvictJS

See [README here](src/config/README.md) for more details on setup and configuration.

## NestJS Decorators

> TODO:
>
> - Document `request-property.decorator`
> - Document `replace-relation-type.decorator`

## NestJS Pipes

> TODO:
>
> - Document `parse-entity.pipe`
> - Document `required.pipe`

## Contributing

To contribute to the `nest-utils` project please make sure to have the following configured in your development environment. Submit pull request to master after making sure all unit tests run successful.

- `tslint` for TypeScript linting (tslint in VSCode to automate linting)
- `jest` for unit testing

### Development environment setup

```bash
$ npm install
```

If you would like to develop/debug `nest-utils` in your source project you can npm link to symlink cross-dependency:

```bash
# Run npm link on this project
$ npm link

# Run npm link on your project
$ npm link @nobrainerlabs/nest-utils
```

### Test

All code changes should have supported unit tests.

```bash
# unit tests
$ npm run test

# test coverage
$ npm run test:cov
```
npm package: @nobrayner/orf
Description: Option. Result. Future
Author: Braydon Hall
Latest version: 0.0.10

# ORF

ORF - or Option Result Future - is my own spin on Option, Result, and Future types in TypeScript/JavaScript.

I have taken the ideas I like the most from `neverthrow` and `@swan-io/boxed` and combined them.

## Docs

Go read the doc comments. I don't want to repeat the effort here.
npm package: @nobu-shopify/multipass
Description: A Multipass module for Hydrogen and other storefronts where Multipassify is not compatible. It relies on crypto-js.
Author: Nobu Hayashi
Latest version: 1.0.1

# multipass

A Multipass module for Hydrogen and other storefronts where [Multipassify](https://github.com/beaucoo/multipassify) is not compatible. It relies on [crypto-js module](https://github.com/brix/crypto-js). 

Multipass login is for store owners who have a separate website and a Shopify store. It redirects users from the website to the Shopify store and seamlessly logs them in with the same email address they used to sign up for the original website. See [Shopify Multipass page](https://shopify.dev/docs/api/multipass) for more about Multipass.  

## Installation

```npm install @nobu-shopify/multipass```

## How to use this module

```
  // Import
  import { Multipass } from '@nobu-shopify/multipass';

  // Create an Multipass object with your Shopify store's Multipass secret
  const multipass = new Multipass(context.env.MULTIPASS_SECRET);

  // Set customer data; only email is mandatory
  const customerData = {
    email,
    tag_string: `line_id:${sub}, line_name:${name}`,
  };

  // Generate Multipass token
  const token = multipass.generateToken(customerData);

  // Multipass endpoint with token
  const store_url = `${context.env.ONLINESTORE_URL}account/login/multipass/${token}`;

  // Redirect to the Multipass endpoint
  return redirect(store_url);

```

## Disclaimer

- This repository and its contents are not an officially supported Shopify product.
- This code is fully unofficial and NOT guaranteed to pass the public app review for Shopify app store. The official requirements are described [here](https://shopify.dev/apps/store/requirements).
- You need to follow [Shopify API Licene and Terms of Use](https://www.shopify.com/legal/api-terms) even for custom app usage.
- This code is supposed to be used as tutorial mainly for demonstrating how to develop a Shopify app and does NOT guarantee that all security concerns are taken care of such as [this one](https://shopify.dev/docs/api/checkout-ui-extensions/unstable/configuration#network-access). If you use this code for production, all resposibilties are owned by you and you should check the license first.

## License

All solutions within this repository are provided under the MIT license. Please see the [LICENSE](/LICENSE) file for more detailed terms and conditions.