open-index/open-npm huggingface dataset:
npm package: @mux-elements/mux-audio
Description: A custom mux audio element for the browser that Just Works™
Author: Mux, Inc.
Latest version: 0.5.7
Deprecated: This package has moved to the @mux/mux-audio scope. See https://www.mux.com/blog/mux-elements-are-getting-a-new-old-home-on-npm-mux for more information.

<p align="center">
  <h1 align="center">&lt;mux-audio/&gt;</h1>
  <a href="https://npmcharts.com/compare/@mux-elements/mux-audio?interval=30"><img src="https://img.shields.io/npm/dm/@mux-elements/mux-audio.svg?sanitize=true" alt="Downloads"></a>
    <a href="https://www.npmjs.com/package/@mux-elements/mux-audio"><img src="https://img.shields.io/npm/v/@mux-elements/mux-audio.svg?sanitize=true" alt="Version"></a>
    <a href="https://www.npmjs.com/package/@mux-elements/mux-audio"><img src="https://img.shields.io/npm/l/@mux-elements/mux-audio.svg?sanitize=true" alt="License"></a>
</p>

# Introduction

`<mux-audio></mux-audio>` is a Mux-flavored HTML5 audio element.

If you are familiar with using `<audio />` + [Hls.js](https://github.com/video-dev/hls.js) in your application, then you'll feel right at home with this web component.

# Installation

If you're using `npm` or `yarn`, install that way:

## Package manager

```
yarn add @mux-elements/mux-audio
```

or

```
npm i @mux-elements/mux-audio
```

Then, import the library into your application with either `import` or `require`:

```js
import '@mux-elements/mux-audio';
```

or

```js
require('@mux-elements/mux-audio');
```

## CDN option

Alternatively, use the CDN hosted version of this package:

```html
<script src="https://unpkg.com/@mux-elements/mux-audio@0.4"></script>
```

If you are using ecmascript modules, you can also load the `mux-audio.mjs` file with `type=module`:

```html
<script type="module" src="https://unpkg.com/@mux-elements/mux-audio@0.4/dist/mux-audio.mjs"></script>
```

## Usage

`<mux-audio>` has all the same features, benefits and options as `<mux-video>`. View the documentation for [`<mux-video>`](../mux-video) for details.

### Advanced: Use with React+TypeScript

Even though we don't (yet!) have our own `React` version of `<mux-audio>`, you can still use it in your `React` app. However, if you're also using TypeScript, make sure you add the following TypeScript definitions, since custom elements (like as `<mux-audio>`) will not be recognized as [Intrinsic Elements](https://www.typescriptlang.org/docs/handbook/jsx.html#intrinsic-elements):

```typescript
interface MuxAudioHTMLAttributes<T> extends React.AudioHTMLAttributes<T> {
  debug?: boolean;
  autoplay?: boolean;
}

declare global {
  namespace JSX {
    interface IntrinsicElements {
      'mux-audio': React.DetailedHTMLProps<MuxAudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>;
    }
  }
}
```
npm package: @mux-elements/playback-core
Description: Core library for media playback in the browser shared by mux elements
Author: Mux, Inc.
Latest version: 0.7.0
Deprecated: This package has moved to the @mux/playback-core scope. See https://www.mux.com/blog/mux-elements-are-getting-a-new-old-home-on-npm-mux for more information.
npm package: @mux/blurhash
Description: A server-side package for node that uses [woltapp/blurhash](https://github.com/woltapp/blurhash) and [sharp](https://www.npmjs.com/package/sharp) to make placeholders for Mux videos. Works nicely with [Mux Player](https://docs.mux.com/guides/video/mux-pla
Author: @muxinc
Latest version: 0.1.2
npm package: @mux/convex-mux-init
Description: Scaffold app-level Convex wrappers for @mux/convex.
Latest version: 0.2.1

# @mux/convex-mux-init

Scaffold app-level Convex files for `@mux/convex`.

### Purpose

Convex component packages should stay component-only. App-specific Node wrappers
for backfills and webhooks belong in the consuming app.

This CLI creates those app files for you:

- `convex/convex.config.ts`
- `convex/migrations.ts`
- `convex/muxWebhook.ts`
- `convex/muxHttp.ts`
- `convex/http.ts` if your app does not already have one

### Install and usage

Install the runtime packages in your app:

```sh
npm i @mux/convex @mux/mux-node
```

Then run the scaffold CLI with `npx`, or install it as a dev dependency if you
prefer.

Run in your app root (the folder that contains `convex/`):

```sh
npx @mux/convex-mux-init@latest --component-name mux

# or
npm i -D @mux/convex-mux-init
npx convex-mux-init --component-name mux
```

Options:

```sh
npx @mux/convex-mux-init@latest --component-name mux
npx convex-mux-init --force
npx convex-mux-init --skip-config
npx convex-mux-init --skip-http
npx convex-mux-init --skip-migration
npx convex-mux-init --skip-webhook
```

Existing `convex/http.ts` is never overwritten, even with `--force`.

### Next Steps After Scaffolding

1. Install Mux SDK in your app:

```sh
npm i @mux/mux-node
```

2. If your app already had `convex/http.ts`, add the generated helper:

```ts
import { registerMuxHttpRoutes } from "./muxHttp";

registerMuxHttpRoutes(http);
```

3. Set env vars in Convex:

```sh
npx convex env set MUX_TOKEN_ID <id>
npx convex env set MUX_TOKEN_SECRET <secret>
npx convex env set MUX_WEBHOOK_SECRET <secret>
```

4. Run:

```sh
npx convex dev
npx convex run migrations:backfillMux '{}'
```

### Video Metadata From Upload Flow

Generated webhook/backfill code can auto-upsert `videoMetadata` from Mux asset
`passthrough`.

- If `passthrough` is a plain string, it is treated as `userId`.
- If `passthrough` is JSON, it may include:
  `userId` (or `user_id`), `title`, `description`, `tags`, `visibility`,
  and `custom`.

Example:

```json
{"userId":"user_123","title":"My clip","visibility":"public"}
```
npm package: @muxed/dni-utils
Description: Utilities for Spanish DNI
Author: Juanan Mux
Latest version: 2.0.2

# 🏷️ DNI Utils
__Utilities to work with the Spanish DNI__

[![npm (scoped)](https://img.shields.io/npm/v/@muxed/dni-utils.svg?label=NPM)](https://www.npmjs.com/package/@muxed/dni-utils) [![npm bundle size (scoped)](https://img.shields.io/bundlephobia/min/@muxed/dni-utils?label=Minified%20size)](https://www.npmjs.com/package/@muxed/dni-utils) [![License](https://img.shields.io/github/license/juananmuxed/dni-utils?label=License)](LICENSE) ![GitHub Workflow Status](https://img.shields.io/github/workflow/status/juananmuxed/dni-utils/Publish%20to%20NPM?label=Build&logo=npm)

[![Discord](https://img.shields.io/discord/324463341819133953?color=purple&label=Discord&logo=discord)](https://discord.gg/88rzwfU) 

## 🥪 Install
```shell
$ npm install @muxed/dni-utils
```

## 🎉 Usage

Import the functions you want
```ts
import {
  isCif,
  isNie,
  isNif,
} from "./../src/modules/validator";

```

### Functions available

```ts
const dni = '54148871V';
// Check validity (any NIE, NIF or CIF). Return `true` or `false`.
isValid(dni);
// Check validity (NIE, NIF or CIF) . Return `true` or `false`.
isNif(dni);
isNie(dni);
isCif(dni);
// Return an Object with society type and province. Format: `{ society: String, province: String }`
dataNif(dni);
// Return the type of DNI (`NIE`, `NIF` or `CIF`) or `INVALID`.
typeDNI(dni);
```

__IMPORTANT__: Obsolete CIFs isn't supported (return INVALID)

## 🟢 Testing
Install the Jest dependencies if not in global
```shell
$ npm install
```
Run the tests
```shell
$ npm run test
```

## 🍰 Contributing

Please read [CONTRIBUTING](CONTRIBUTING.md) for details on our [CODE OF CONDUCT](CODE_OF_CONDUCT.md), and the process for submitting pull requests.

## ☕️ Buy Me a Coffee
[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/U7U21M2BE)

## 📑 License

MIT © [MuXeD](LICENSE)

<div align="center">
  <p>
    <sub>⌨️ with ❤︎ by
      <a href="https://github.com/juananmuxed">MuXeD</a>
    </sub>
  </p>
</div>