open-index/open-npm huggingface dataset:
npm package: @sneas/dist-link
Description: A lightning-fast alternative to 'npm link' which excludes node_modules
Author: Dmytro Snisarenko
Latest version: 1.0.0

# dist-link

A lightning-fast alternative to `npm link` which excludes `node_modules`.

## Motivation

Developing React components with the help of `npm link` tool may produce an error:

```
Error: Invalid hook call. Hooks can only be called inside of the body of a function component.
```

The reason is `react` and `react-dom` packages are included into `node_modules` of the source package.

This project solves the above problem by eliminating `node_modules` folder from the source package link.
npm package: @sneas/telephone
Description: The latest iPhone and Pixel frames provided as Web Components
Latest version: 1.1.1

# @sneas/telephone - Web Component

[![version](https://img.shields.io/npm/v/@sneas/telephone.svg?style=flat-square)](http://npm.im/@sneas/telephone)

Wrap any HTML/CSS/JS code with the

`<iphone-16-max></iphone-16-max>` or

`<pixel-9-pro></pixel-9-pro>`

and it will be rendered inside an SVG mobile phone frame.

![Example](docs/example.png)

Demo: https://sneas.github.io/telephone

Real world example: https://vocably.pro

## Installation

```html
<script
  defer
  src="https://cdn.jsdelivr.net/npm/@sneas/telephone@1/iphone-16-max.js"
></script>
<script
  defer
  src="https://cdn.jsdelivr.net/npm/@sneas/telephone@1/pixel-9-pro.js"
></script>

<iphone-16-max mode="light">
  iPhone content goes here.
  Set the mode="light" for the dark text in the status bar.
</iphone-16-max>

<pixel-9-pro mode="dark">
  Pixel content goes here.
  Set mode="dark" for the white text in the status bar.
</pixel-9-pro>
```
npm package: @sneas/x-ray
Description: A small web component for demoing other web/HTML components. Displays component and renders it's HTML.
Author: Dmytro Snisarenko
Latest version: 3.0.4

# \<x-ray>

[![version](https://img.shields.io/npm/v/@sneas/x-ray.svg?style=flat-square)](http://npm.im/@sneas/x-ray)

Probably, the easiest way to demo HTML/Web components.

Demo: [https://sneas.github.io/x-ray](https://sneas.github.io/x-ray)

## Installation

### HTML

```html
<script defer src="https://unpkg.com/@sneas/x-ray@3/dist/index.js"></script>
```

### NodeJS

```sh
npm install @sneas/x-ray --save
```

Add import within the root component:

```js
import '@sneas/x-ray';
```

## Usage

```html
<x-ray>
  <code>
    <!-- The demo code goes here -->
    <!-- For example, Bootstrap 4 Alert: -->
    <div class="alert alert-warning alert-dismissible fade show" role="alert">
      <strong>Holy guacamole!</strong> You should check out the code of this
      alert component below.
      <button
        type="button"
        class="close"
        data-dismiss="alert"
        aria-label="Close"
      >
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
  </code>
</x-ray>
```

⚠️ Make sure the code has been wrapped with `<code>` tag.

The result of the code from above:

![Preview of Bootstrap 4 Alert Component](docs/bootstrap-alert.gif)
npm package: @sneat-dnd/multi-backend
Description: Forked from https://github.com/LouisBrunner/dnd-multi-backend for the purpose to provide support in Angular projects with Ivy renderer enabled.
Latest version: 0.0.10

# @sneat-dnd/multi-backend

Forked from https://github.com/LouisBrunner/dnd-multi-backend for the purpose to provide support in Angular projects with Ivy renderer enabled.