open-index/open-npm huggingface dataset:
npm package: @marcodai/tiptap-renderer-vue2
Description: Readonly renderer for CMS tiptap content (Vue2)
Latest version: 0.1.0

# @marcodai/tiptap-renderer-vue2

Vue2 readonly renderer for CMS tiptap content.

## Install

```bash
npm i @marcodai/tiptap-renderer-vue2
```

## Usage

```vue
<template>
  <TiptapReadonlyRenderer :content="content" />
</template>

<script>
import { TiptapReadonlyRenderer } from '@marcodai/tiptap-renderer-vue2';

export default {
  components: { TiptapReadonlyRenderer },
  props: { content: String },
};
</script>
```

## Release

```bash
npm login
npm run build
npm publish
```

Or use versioned release scripts:

```bash
npm run release:patch
# npm run release:minor
# npm run release:major
```
npm package: @marcoetmx/random-name
Description: Generate random name
Author: Marco Elizalde
Latest version: 1.0.3

# Random Name

Generate random name

## Installation

You need node.js and npm.

```bash
npm i @marcoetmx/random-name
```

## Example

In your code
```javascript
const random = require('@marcoetmx/random-name');
random.randomName()
```

Global installation
```bash
random-name
```

### Notes

This project was created for educational purposes, it is not recommended to put it into production.
npm package: @marcofalotico/react-circle-accordion
Description: Pulsante circolare con menu accordion laterale per React
Author: Marco Falotico
Latest version: 1.0.0

# React Circle Accordion

Componente React riutilizzabile per pulsante circolare + accordion orizzontale.

## Installazione

```bash
npm install @marcofalotico/react-circle-accordion
```

## Utilizzo

```jsx
import CircleAccordion from '@marcofalotico/react-circle-accordion';
import '@marcofalotico/react-circle-accordion/src/CircleAccordion.css';

<CircleAccordion icon="📂" label="Itinerari">
  <ul>
    <li>Gravel</li>
    <li>MTB</li>
  </ul>
</CircleAccordion>
```
npm package: @marcoguidara/tailwindcss-quick-center
Description: A plugin that provides utilities for centering an element on x/y axis.
Author: Marco Guidara
Latest version: 1.1.3

# Tailwind Quick Center

> A plugin that provides utilities for centering an element on x/y axis.

## The problem 🤔

Centering an element using Tailwindcss classes can rapidly become verbose.

## The solution 🚀

Dedicated centering classes at component layer that cover the most common situations.

## Install the plugin from npm:

```
$ npm i @marcoguidara/tailwindcss-quick-center
```

## Then add the plugin to your `tailwind.config.js` file:

```js
// tailwind.config.js
module.exports = {
  plugins: [require('@marcoguidara/tailwindcss-quick-center')],
};
```

## Usage:

### Center on both x and y axis

```html
<div class="relative">
  <div class="center-absolute">
    <!-- Centered element -->
  </div>
</div>

<!-- or -->

<div class="center-flex">
  <div><!-- Centered element --></div>
</div>
```

### Center on the x axis

```html
<div class="relative">
  <div class="center-absolute-x">
    <!-- Centered element -->
  </div>
</div>

<!-- or -->

<div class="center-flex-x">
  <div><!-- Centered element --></div>
</div>
```

### Center on the y axis

```html
<div class="relative">
  <div class="center-absolute-y">
    <!-- Centered element -->
  </div>
</div>

<!-- or -->

<div class="center-flex-y">
  <div><!-- Centered element --></div>
</div>
```

## Add variants:

```js
// tailwind.config.js
module.exports = {
  variants: {
    // default 'responsive'
    quickCenter: ['first'],
  },
};
```

## This plugin will generate following CSS:

```css
.center-absolute-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.center-absolute-x {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.center-flex-y {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.center-flex-x {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.center-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
```

## License

Tailwind Quick Center is licensed under the MIT License.
npm package: @marcohefti/request-network-api-contracts
Description: Shared contracts for Request Network API clients (OpenAPI spec, webhook fixtures).
Latest version: 0.6.2

# Request Network API Contracts

Canonical contracts shared by the Request Network API clients. The package
houses the OpenAPI specification, metadata, and webhook fixtures that both the
TypeScript and PHP SDKs consume.

This repository keeps the assets versioned in one place so language SDKs can
reuse them without duplicating specs or fixtures. Clients consume it either
via an npm dependency or as a Git submodule.

## Installation

Install via npm or pnpm:

```bash
# npm
npm install --save-dev @marcohefti/request-network-api-contracts

# pnpm
pnpm add -D @marcohefti/request-network-api-contracts
```

## Contents

- `specs/openapi/` – auto-generated REST contract and metadata (fetched from the Request API).
- `specs/webhooks/` – manually curated webhook schema reference.
- `fixtures/webhooks/*.json` – canonical webhook payloads used across SDK test suites.
- `docs/` – release log, update instructions, and parity notes.

## Consumption

- SDK packages import assets via `@marcohefti/request-network-api-contracts/<path>` (e.g., `@marcohefti/request-network-api-contracts/specs/openapi/request-network-openapi.json`).

## Status

- **Phase:** authoritative. SDKs read specs/fixtures directly from this package during build and test phases.
- **Publishing:** intended primarily as a Git/npm dependency for tooling and tests rather than an end‑user package.

## Updating the spec

Use the TypeScript client's tooling to refresh the contracts in-place. From the TypeScript client repository, run:

```bash
pnpm prepare:spec
```

This downloads the latest OpenAPI document into the contracts package's `specs/openapi/`, refreshes metadata, and regenerates the TypeScript/Zod outputs. Then verify the contracts package:

```bash
cd ../request-network-api-contracts
npm run verify
```

The `verify` script sanity-checks file sizes and presence before committing updates across both packages.

### Local schema drift patching

`prepare:spec` now applies a local compatibility patch before regeneration to cover known upstream schema drift (for example `fees[].amount = null` and `fees[].type = "protocol"` in runtime payloads). Reapply the patch without refetching via:

```bash
cd ../request-network-api-client-ts
pnpm patch:openapi
```

This keeps contracts as the source of truth inside this workspace while upstream OpenAPI catches up.

## Future work

- [ ] Publish webhook fixture guidelines and add validation to ensure both SDKs reference the same payload set.
- [ ] Provide a version manifest so SDKs can pin contract revisions.
- [ ] Document Git submodule workflow for post-split repositories.

See `docs/OVERVIEW.md` for deeper architectural context.
npm package: @marcohefti/yt-vod-manager
Description: Download and sync YouTube channels and playlists from the command line.
Latest version: 0.1.8

# @marcohefti/yt-vod-manager

Node wrapper package for `yt-vod-manager`.

When you run `yt-vod-manager`, this package downloads the matching binary from GitHub Releases for your platform and executes it.

Project docs:
- https://github.com/marcohefti/yt-vod-manager
npm package: @marcohern/helloworld
Description: It is an example on how tu publish packages to NPM
Author: Marco Hernandez
Latest version: 1.0.4

# Hello World Demo package by MarcoHern

This is a test package I developed in order to "get the hang" of npm package creation. This is the simplest form of a Node Package, with no dependencies whatsoever.

In my next tutorial I would like to create an Angular 2+ Module downloadable as a NPM package.