open-index/open-npm huggingface dataset:
npm package: @jrvidotti/n8n-nodes-tagone
Description: N8N node para TagOne ERP
Author: Junior Vidotti
Latest version: 0.2.5

# n8n-nodes-tagone

Este repositório contém nós N8N para integração com o sistema ERP TagOne.

## Prerequisites

You need the following installed on your development machine:

* [git](https://git-scm.com/downloads)
* Node.js and pnpm. Minimum version Node 18. You can find instructions on how to install both using nvm (Node Version Manager) for Linux, Mac, and WSL [here](https://github.com/nvm-sh/nvm). For Windows users, refer to Microsoft's guide to [Install NodeJS on Windows](https://docs.microsoft.com/en-us/windows/dev-environment/javascript/nodejs-on-windows).
* Install n8n with:
  ```
  pnpm install n8n -g
  ```
* Recommended: follow n8n's guide to [set up your development environment](https://docs.n8n.io/integrations/creating-nodes/build/node-development-environment/).

## Using this starter

These are the basic steps for working with the starter. For detailed guidance on creating and publishing nodes, refer to the [documentation](https://docs.n8n.io/integrations/creating-nodes/).

1. [Generate a new repository](https://github.com/n8n-io/n8n-nodes-starter/generate) from this template repository.
2. Clone your new repo:
   ```
   git clone https://github.com/<your organization>/<your-repo-name>.git
   ```
3. Run `pnpm i` to install dependencies.
4. Open the project in your editor.
5. Browse the examples in `/nodes` and `/credentials`. Modify the examples, or replace them with your own nodes.
6. Update the `package.json` to match your details.
7. Run `pnpm lint` to check for errors or `pnpm lintfix` to automatically fix errors when possible.
8. Test your node locally. Refer to [Run your node locally](https://docs.n8n.io/integrations/creating-nodes/test/run-node-locally/) for guidance.
9. Replace this README with documentation for your node. Use the [README_TEMPLATE](README_TEMPLATE.md) to get started.
10. Update the LICENSE file to use your details.
11. [Publish](https://docs.npmjs.com/packages-and-modules/contributing-packages-to-the-registry) your package to npm.
npm package: @jrvs-de/nuxt
Description: My new Nuxt module
Latest version: 1.3.1

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->
- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

1. Add `my-module` dependency to your project

```bash
# Using pnpm
pnpm add -D my-module

# Using yarn
yarn add --dev my-module

# Using npm
npm install --save-dev my-module
```

2. Add `my-module` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    'my-module'
  ]
})
```

That's it! You can now use My Module in your Nuxt app ✨

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/my-module

[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/my-module

[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/my-module

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @jrwats/react-sparklines
Description: Hacked up / forked Sparklines
Latest version: 1.7.8

# Beautiful and expressive sparklines component for React

[![Build Status](https://travis-ci.org/borisyankov/react-sparklines.svg?branch=master)](https://travis-ci.org/borisyankov/react-sparklines)

Live demos and docs: [borisyankov.github.io/react-sparklines/](http://borisyankov.github.io/react-sparklines/)

![](http://borisyankov.github.io/react-sparklines/img/dynamic.gif)

## Install

```
npm install react-sparklines --save
```

## Run demo

```
npm install
npm start
http://localhost:8080
```


## Use

Import the Sparklines components that you need; for example to generate a simple chart:

![](http://borisyankov.github.io/react-sparklines/img/basic.png)

```
import React from 'react';
import { Sparklines } from 'react-sparklines';
...
<Sparklines data={[5, 10, 5, 20, 8, 15]} limit={5} width={100} height={20} margin={5}>
</Sparklines>
```

Sparklines component is a container with the following properties:

data - the data set used to build the sparkline

limit - optional, how many data points to display at once

width, height - dimensions of the generated sparkline in the SVG viewbox.  This will be automatically scaled (i.e. responsive) inside the parent container by default.

svgWidth, svgHeight - If you want absolute dimensions instead of a responsive component set these attributes.

[preserveAspectRatio](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio) - default: 'none', set this to modify how the sparkline should scale 

margin - optional, offset the chart

min, max - optional, bound the chart


#### Basic Sparkline

![](http://borisyankov.github.io/react-sparklines/img/customizable.png)

```
import React from 'react';
import { Sparklines, SparklinesLine } from 'react-sparklines';
...
<Sparklines data={[5, 10, 5, 20]}>
  <SparklinesLine color="blue" />
</Sparklines>
```

#### Bars

![](http://borisyankov.github.io/react-sparklines/img/bars.png)


```
import React from 'react';
import { Sparklines, SparklinesBars } from 'react-sparklines';
...
<Sparklines data={[5, 10, 5, 20]}>
  <SparklinesBars />
</Sparklines>
```

#### Spots

![](http://borisyankov.github.io/react-sparklines/img/spots.png)


```
import React from 'react';
import { Sparklines, SparklinesLine, SparklinesSpots } from 'react-sparklines';
...
<Sparklines data={sampleData}>
    <SparklinesLine style={{ fill: "none" }} />
    <SparklinesSpots />
</Sparklines>
```

#### Reference Line

![](http://borisyankov.github.io/react-sparklines/img/referenceline.png)


```
import React from 'react';
import { Sparklines, SparklinesLine, SparklinesReferenceLine } from 'react-sparklines';
...
<Sparklines data={sampleData}>
    <SparklinesLine />
    <SparklinesReferenceLine type="mean" />
</Sparklines>
```

#### Normal Band

![](http://borisyankov.github.io/react-sparklines/img/normalband.png)


```
import React from 'react';
import { Sparklines, SparklinesLine, SparklinesNormalBand } from 'react-sparklines';
...
<Sparklines data={sampleData}>
    <SparklinesLine style={{ fill: "none" }}/>
    <SparklinesNormalBand />
</Sparklines>
```
npm package: @jrx2-dev/react-components
Description: ## Objective:
Author: Juan R. Rodríguez
Latest version: 0.1.0

# React Components

## Objective:

This is a react component library to be used on demo/poc personal projects.

## Components availables:

- ResponsiveProductItemCard (with ProductItem interface and ResponsiveProductItemCardView component to be used to get fixed design using desired responsive class)

## Extras

A small animation is also applied between component layout changes, the logic is isolated in a custom hook (useFadeOnSizeChange), it provides custom class to apply at the correct time and order to trigger the animation. The style for that classes are in the Theme folder.

Storybook is also installed to visualize the components in their different states.

## Considerations

The project was created using tsdx with the react-with-storybook template and configurations were made to use CSS modules, also I'm using a lazy load image library for the product image.
npm package: @jrx2-dev/use-responsive-class
Description: ## Motivation: Proof of concept
Author: Juan R. Rodríguez
Latest version: 0.1.0

# useResponsiveClass

## Motivation: Proof of concept

The idea behind this hook is to apply at component level the same mechanics provided by the media queries but in this case taking as a reference the space occupied by the component itself.

A use case would be the need to create components that are represented differently depending on the space they are going to have. For example, for a responsive component library published in npm.

The hook receives a reference to the component to be controlled and optionally breakpoints to be used.
In case of not receiving breakpoints, predefined ones will be used.

```javascript
  interface breakpointsInput {
      readonly [key: string]: number;
  }
```
  Example (defaults breakpoints):
  ```javascript
    const MEDIA_BREAKPOINTS: breakpointsInput = {
        small: 420,
        big: 768,
    };
  ```

Size ranges will be created according to the breakpoints used with their respective classes.
```javascript
  interface mediaBreakpoints {
    class: string;
    from: number;
    toUnder: number;
  }

  const mediaBreakpoints = createMediaBreakpoints(MEDIA_BREAKPOINTS);
```
  Sample response:
  ```javascript
    [
        {
            class: "to-small",
            from: 0,
            toUnder: 420,
        },{
            class: "from-small-to-under-big",
            from: 420,
            toUnder: 768,
        },{
            class: "from-big",
            from: 768,
            toUnder: Infinity,
        }
    ]
  ```

Each time a change is made to the size of the component, the class corresponding to that size range will be returned.
```javascript
  getCurrentSizeClass(elementWidth, mediaBreakpoints) : "to-small" | "from-small-to-under-big" | "from-big"
```
How to use the hook:
```javascript
    const elRef = createRef<HTMLElement>();
    const [responsiveClass] = useResponsiveClass(elRef);
    return (<div ref={elRef}>{responsiveClass}</div>);
```
The styles should be something like this:
```javascript
  .root {
      &.to-small {
          background-color: green;
      }
      &.from-small-to-under-big {
          background-color: yellow;
      }
      &.from-big {
          background-color: red;
      }
  }
```
The package was generated following these guidelines:
[https://reactgraphql.academy/react/a-typescript-tale-how-to-publish-a-custom-hook-on-npm-with-typescript](https://reactgraphql.academy/react/a-typescript-tale-how-to-publish-a-custom-hook-on-npm-with-typescript "Custom hook on npm")

A third party hook was used for ResizeObserver:
[https://www.npmjs.com/package/@react-hook/resize-observer](https://www.npmjs.com/package/@react-hook/resize-observer "useResizeObserver")
npm package: @js-ak/db-manager
Description: db-manager
Author: JS-AK
Latest version: 3.48.2

# @js-ak/db-manager

![ci-cd](https://github.com/JS-AK/db-manager/actions/workflows/ci-cd-master.yml/badge.svg)
![publish-documentation](https://github.com/JS-AK/db-manager/actions/workflows/jekyll-gh-pages.yml/badge.svg)

It is a tool for work with databases (PG or MySQL) via pool connections

## Installation

You can install the package via npm:

```
npm install @js-ak/db-manager
```

## Getting Started

To get started with db-manager, you can check out one of the examples in https://github.com/JS-AK/db-manager/tree/master/src/examples This shows how to connect to a database and perform basic CRUD operations.

## Documentation

https://js-ak.github.io/db-manager

## Features

* **Typescript**
* **Connect to multiple database types (MySQL, PostgreSQL)**
* **Simple and intuitive interface**

## Contributing

Contributions are welcome! If you have an idea for a new feature or have found a bug, please open an issue.
License

This project is licensed under the MIT license. See LICENSE for details.
npm package: @js-ak/excel-toolbox
Description: excel-toolbox
Author: JS-AK
Latest version: 1.9.0

# excel-toolbox

![ci-cd](https://github.com/JS-AK/excel-toolbox/actions/workflows/ci-cd-master.yml/badge.svg)

📘 **Docs:** [js-ak.github.io/excel-toolbox](https://js-ak.github.io/excel-toolbox/)

A lightweight toolkit for working with `.xlsx` Excel files — modify templates, merge sheets, and handle massive datasets without dependencies.

## Installation

```bash
npm install @js-ak/excel-toolbox
```

## Features

- ✨ Work with templates using `TemplateFs` (filesystem) or `TemplateMemory` (in-memory)
- 📥 Insert and stream rows into Excel files
- 🧩 Merge sheets from multiple `.xlsx` files
- 🧼 Remove sheets by name or index
- 💎 Preserve styles, merges, and shared strings

## Template API

### `TemplateFs` and `TemplateMemory`

Both classes provide the same API for modifying Excel templates.

#### Common Features

- `substitute()` — replace placeholders like `${name}` or `${table:name}`
- `insertRows()` / `insertRowsStream()` — insert rows statically or via stream
- `copySheet()` — duplicate existing sheets
- `validate()` and `save()` / `saveStream()` — output the result

```ts
import { TemplateFs } from "@js-ak/excel-toolbox";

const template = await TemplateFs.from({
  destination: "/tmp/template",
  source: fs.readFileSync("template.xlsx"),
});

await template.substitute("Sheet1", { name: "Alice" });
await template.insertRows({ sheetName: "Sheet1", rows: [["Data"]] });
const buffer = await template.save();
fs.writeFileSync("output.xlsx", buffer);
```

## Sheet Merging API

### `mergeSheetsToBaseFileSync(options): Buffer`

Synchronously merges sheets into a base file.

### `mergeSheetsToBaseFile(options): Promise<Buffer>`

Async version of the above.

#### Example

```ts
import fs from "node:fs";
import { mergeSheetsToBaseFileSync } from "@js-ak/excel-toolbox";

const baseFile = fs.readFileSync("base.xlsx");
const dataFile = fs.readFileSync("data.xlsx");

const result = mergeSheetsToBaseFileSync({
  baseFile,
  additions: [{ file: dataFile, sheetIndexes: [1] }],
  gap: 2,
});

fs.writeFileSync("output.xlsx", result);
```

## License

MIT — see [LICENSE](./LICENSE)
npm package: @js-ak/mysql-migration-system
Description: mysql-migration-system
Author: JS-AK
Latest version: 1.3.0

# @js-ak/mysql-migration-system

![ci-cd](https://github.com/JS-AK/mysql-migration-system/actions/workflows/add-release-and-publish.yml/badge.svg)
![publish-documentation](https://github.com/JS-AK/mysql-migration-system/actions/workflows/jekyll-gh-pages.yml/badge.svg)

MySQL Migration System is a versatile tool designed to facilitate database schema management and migration control specifically for PostgreSQL databases.

## Installation

You can install the package via npm:

```
npm install @js-ak/mysql-migration-system
```

## Getting Started

To quickly dive into MySQL Migration System, explore the provided examples at [examples directory](https://github.com/JS-AK/mysql-migration-system/tree/master/src/examples). These examples demonstrate how to connect to your PostgreSQL database and execute basic migration operations.

## Documentation

For detailed documentation, usage instructions, and API reference, please visit our [official documentation](https://js-ak.github.io/mysql-migration-system)

## Features

* **Typescript**
* **Simple Migration Workflow: Easily manage your PostgreSQL database schema with a straightforward migration system**
* **Flexible Configuration: Configure migration settings to suit your specific project needs**
* **Robust Error Handling: MySQL Migration System provides comprehensive error handling to ensure reliable database migrations**

## Contributing

Contributions are highly encouraged! If you have any suggestions, bug reports, or feature requests, please don't hesitate to open an [issue](https://github.com/JS-AK/mysql-migration-system/issues)

This project is licensed under the MIT license. See [LICENSE](https://github.com/JS-AK/mysql-migration-system/tree/master/LICENSE) for details.
npm package: @js-ak/pg-migration-system
Description: pg-migration-system
Author: JS-AK
Latest version: 1.6.0

# @js-ak/pg-migration-system

![ci-cd](https://github.com/JS-AK/pg-migration-system/actions/workflows/add-release-and-publish.yml/badge.svg)
![publish-documentation](https://github.com/JS-AK/pg-migration-system/actions/workflows/jekyll-gh-pages.yml/badge.svg)

PG Migration System is a versatile tool designed to facilitate database schema management and migration control specifically for PostgreSQL databases.

## Installation

You can install the package via npm:

```
npm install @js-ak/pg-migration-system
```

## Getting Started

To quickly dive into PG Migration System, explore the provided examples at [examples directory](https://github.com/JS-AK/pg-migration-system/tree/master/src/examples). These examples demonstrate how to connect to your PostgreSQL database and execute basic migration operations.

## Documentation

For detailed documentation, usage instructions, and API reference, please visit our [official documentation](https://js-ak.github.io/pg-migration-system)

## Features

* **Typescript**
* **Simple Migration Workflow: Easily manage your PostgreSQL database schema with a straightforward migration system**
* **Flexible Configuration: Configure migration settings to suit your specific project needs**
* **Robust Error Handling: PG Migration System provides comprehensive error handling to ensure reliable database migrations**

## Contributing

Contributions are highly encouraged! If you have any suggestions, bug reports, or feature requests, please don't hesitate to open an [issue](https://github.com/JS-AK/pg-migration-system/issues)

This project is licensed under the MIT license. See [LICENSE](https://github.com/JS-AK/pg-migration-system/tree/master/LICENSE) for details.
npm package: @js-analytics/react
Description: A monitor for js-analytics to setup monitoring for react projects using error boundaries.
Author: Morten Nielsen
Latest version: 1.0.13

# @js-analytics/react

@js-analytics/react is a TypeScript library for collecting and reporting errors to https://js-analytics.com.

## Installation

Use the package manager npm or yarn to install @js-analytics/react.

```bash
npm install -S @js-analytics/react
```

or

```bash
yarn add @js-analytics/react
```

## Usage

The monitor works with react error boundaries. By wrapping your react app with the code you want the monitor to keept rack of you can have all errors reported back to js-analytics. Allowing you to fix them according to how often they occur.

```typescript

import { JSAMonitor } from '@js-analytics/react';

// more code here

// in your render
return (
  <JSAMonitor pid="<YOUR JS-ANALYTICS PROJECT ID>">
    your react code goes here
    </JSAMonitor>
)

```

in Next.js I recommend placing is in the `pages/_app.tsx` file:
```typescript

import { JSAMonitor } from '@js-analytics/react';

function MyApp({ Component, pageProps, router }) {
return (
  <JSAMonitor pid="<YOUR JS-ANALYTICS PROJECT ID>">
    your react code goes here
    </JSAMonitor>
  );
}

export default MyApp;
```
This will capture all errors that occur during server-side render and client-side executions and report them to JS-Analytics.

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License
[MIT](https://choosealicense.com/licenses/mit/)