open-index/open-npm huggingface dataset:
npm package: @mattperlscode/local-db
Description: A tool to help manage local databases
Author: Matthew Perlman
Latest version: 1.1.1
Deprecated: Package Is Unstable And Incomplete

# local-db

### local-db is a tool to help manage local databases

<br/>

## WARNING: this package is not complete and should be used with discretion

<br/>

## Getting started:

* npm install @mattperls-code/local-db

In your code:
* import { db } from "@mattperlscode/local-db"
* const database = new db("path/to/file")

## Reading Data:

* database.getData({start: number, end: number})

This method reads that database file. You can specify what line to start and what line to end.

## Writing Data:

* database.addData({data: object | array, santize: boolean, index: number})

This method writes to the database file. You can control what object is added, whether or not to sanitize it, and what index to write it at in the database.

## Remove Data:

* database.removeData({start: number, end: number})

This method removed data from the database file. You can specify a start index and an end index to be removed.

## Want to contribute or maintain this package?

Contact me at mattperls.code@gmail.com
npm package: @mattpetters/actual-web
Description: Actual on the web
Latest version: 24.5.2-mp

Actual on the web

## E2E tests

E2E (end-to-end) tests use [Playwright](https://playwright.dev/). Running them requires an Actual server to be running either locally or on a remote server.

### Functional

Running against the local server:

```sh
# Start the development server
yarn start

# Run against the local server (localhost:3001)
yarn e2e
```

Running against a remote server:

```sh
E2E_START_URL=http://my-remote-server.com yarn e2e
```

### Visual regression

Visual regression tests (also known as screenshot tests) check that the visual appearance of the product has not regressed. Each environment has slightly different colors, fonts etc. Mac differs from Windows which differs from Linux. In order to have a stable test environment for visual comparisons - you must use a standartised docker container. This ensures that the tests are always ran in a consistent environment.

Prerequisites:

- Docker installed

#### Running against the local server

First start a dev instance:

```sh
HTTPS=true yarn start
```

or using the dev container:
```
HTTPS=true docker compose up --build
```

Note the network IP address and port the dev instance is listening on.

Next, navigate to the root of your project folder, run the standartised docker container, and launch the visual regression tests from within it.

```sh
# Run docker container
docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.41.1-jammy /bin/bash

    # If you receive an error such as "docker: invalid reference format", please instead use the following command:
    docker run --rm --network host -v ${pwd}:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.41.1-jammy /bin/bash

# Run the VRT tests: important - they MUST be ran against a HTTPS server.  Use the ip and port noted earlier
E2E_START_URL=https://ip:port yarn vrt

    # To update snapshots, use the following command:
    E2E_START_URL=https://ip:port yarn vrt --update-snapshots
```

#### Running against a remote server

You can also run the tests against a remote server by passing the URL:

```sh
E2E_START_URL=https://my-remote-server.com yarn vrt
```
npm package: @mattpilleul/sonner
Description: An opinionated toast component for React.
Author: Emil Kowalski
Latest version: 1.2.0

https://github.com/vallezw/sonner/assets/50796600/59b95cb7-9068-4f3e-8469-0b35d9de5cf0

[Sonner](https://sonner.emilkowal.ski/) is an opinionated toast component for React. You can read more about why and how it was built [here](https://emilkowal.ski/ui/building-a-toast-component).

## Usage

To start using the library, install it in your project:

```bash
npm install sonner
```

Add `<Toaster />` to your app, it will be the place where all your toasts will be rendered.
After that you can use `toast()` from anywhere in your app.

```jsx
import { Toaster, toast } from 'sonner';

// ...

function App() {
  return (
    <div>
      <Toaster />
      <button onClick={() => toast('My first toast')}>Give me a toast</button>
    </div>
  );
}
```

## Documentation

You can find out more about the API and implementation in the [Documentation](https://sonner.emilkowal.ski/getting-started).
npm package: @mattpilleul/windmill-react-ui
Description: React UI component library built with Tailwind CSS
Author: Estevan Maito
Latest version: 0.0.3

# Windmill React UI

The component library for fast and accessible development of gorgeous interfaces.

<p>
  <a href="https://codecov.io/gh/estevanmaito/windmill-react-ui"><img src="https://codecov.io/gh/estevanmaito/windmill-react-ui/branch/master/graph/badge.svg" alt="codecov" /></a>
  <img src="https://github.com/estevanmaito/windmill-react-ui/workflows/Build/badge.svg" alt="Build" />
  <a href="https://www.npmjs.com/package/@windmill/react-ui"><img src="https://img.shields.io/npm/v/@windmill/react-ui" alt="npm" /></a>
  <a href="https://github.com/estevanmaito/windmill-react-ui/blob/master/LICENSE"><img src="https://img.shields.io/github/license/estevanmaito/windmill-react-ui" alt="MIT License" /></a>
</p>

Projects using it: [Windmill Dashboard React](https://github.com/estevanmaito/windmill-dashboard-react)

## Mission

Be the most accessible it can be out of the box and the fastest way to production.

[Go to docs to see complete, live examples](https://windmillui.com/react-ui)

## 🚀 Usage

Install

```sh
npm i @windmill/react-ui
```

Inside `tailwind.config.js`

```js
const windmill = require('@windmill/react-ui/config')
module.exports = windmill({
  purge: [],
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
})
```

Then place `Windmill` at the root of your project (the order doesn't matter, as long as your application is inside).

```js
// index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import { Windmill } from '@windmill/react-ui'

ReactDOM.render(
  <Windmill>
    <App />
  </Windmill>,
  document.getElementById('root')
)
```

Use components inside your project

```js
import { Button } from '@windmill/react-ui'

function App() {
  return <Button>Hi there!</Button>
}

export default App
```

## 🔌 Contributing

- Fork
- Clone
- `npm install`
- `npm run storybook`

It will start a local server at `localhost:6006` with all components rendered.

⚠ Use `npm run cz` instead of `git commit`! It will guide you through some short questions and guarantee that you commit message is standardized.

Commit will also trigger linting and test coverage.
npm package: @mattplays/aniapi
Description: A Javascript wrapper for aniapi
Author: MattPlays
Latest version: 2.0.7
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# AniAPI.js

A Javascript wrapper for [aniapi](https://aniapi.com)
Maintained by: @Artrix9095 @MattPlays

# Installation

```bash
npm i @mattplays/aniapi
```

Useful Links:

-   [Docs](docs/modules.md)
-   [AniAPI](https://aniapi.com/)
-   [AniAPI Docs](https://aniapi.com/docs/)

# License

MIT License - Copyright (c) 2021 MattPlays [License](https://github.com/MattPlays/AniAPI-Wrapper/blob/main/LICENSE)
npm package: @mattplays/genshin.js
Description: genshin.js is a wrapper for the https://genshin.dev API
Author: MattPlays
Latest version: 1.5.0

# genshin.js
 genshin.js is a wrapper for the https://genshin.dev API

# Installation
```bash
npm install @mattplays/genshin.js --save
```

[Documentation](https://Mattplays.github.io/genshin.js)
npm package: @mattplays/waifu.js
Description: waifu.js is an unoffical wrapper that utilizes the waifu.pics API to return high quality sfw and nsfw pictures of waifu's
Author: MattPlays
Latest version: 1.1.0

![Tests](https://github.com/MattPlays/waifu.js/actions/workflows/main.yml/badge.svg)

# @mattplays/waifu.js

> @mattplays/waifu.js is an **unoffical** wrapper that utilizes the [waifu.pics](https://waifu.pics/) API to return high quality sfw and nsfw pictures of waifu's

# Installation

```bash
npm i @mattplays/waifu.js
```

# Usage

Valid Type Endpoints are

> **sfw**, **nsfw**

Valid SFW Endpoints are:

> **waifu, neko, shinobu, megumin, bully, cuddle, cry, hug, awoo, kiss, lick, pat, smug, bonk, yeet, blush, smile, wave, highfive, handhold, nom, bite, glomp, slap, kill, kick, happy, wink, poke, dance, cringe**

Valid NSFW Endpoints are:

> **waifu, neko, trap, blowjob**

```javascript
const { get, getMany } = require("@mattplays/waifu.js");
get("sfw", "waifu").then((data) => {
  console.log(url);
  /*
        {
            "url": "https://i.waifu.pics/Tj6Wzwo.png"
        }
    */
});
getMany("sfw", "pat").then((data) => {
  console.log(data);
  /*
    {
        "files": 
            [
                "https://i.waifu.pics/qUY7BBo.jpg"
            ]
    }
    */
});
```

# License

@mattplays/waifu.js is Licensed under the [MIT License](https://github.com/MattPlays/waifu.js/blob/main/LICENSE).

Any and **all** data returned from this package is hereby owned by [waifu.pics](https://wafiu.pics, "Waifu Pics Website") and leaves me under **no** obligation to take responsibility for the images returned.

Any and **all** complaints/issues or requests should be made **directly** to [wafiu.pics](https://github.com/Waifu-pics/waifu-api, "Waifu Pics Github").
npm package: @mattpolzin/libpq-bare
Description: The barest of bare libpq wrappers.
Author: Mathew Polzin
Latest version: 0.0.1

# node-libpq-bare
A barebones libpq wrapper for NodeJS. We're talking _zero_ JavaScript abstraction.

When you really just need the NodeJS interface with `libpq` to match the C interface as closely as possible, this is what you get.
npm package: @mattproch-dev/create-react-admin-app
Description: React admin with Minimal
Author: Matyas Prochazka
Latest version: 0.0.8

## React admin with Minimal

You need to have permissions to access `git@gitlab.com:matyas.proch/react-admin-app.git`

```shell
yarn compile
yarn local-global

create-react-admin-app # inside the project folder
```

## Checklist before creating

1. Logo file (optional)
2. Primary and secondary colors (optional)
3. Git url (optional)
4. GQL url
5. Static url
6. GQL Schema url
7. Title
8. 

## Implemented

- [x] Git init
- [x] Title
- [x] Logo
- [ ] Metadata
- [x] Envs
- [x] Optional forgotten password
- [x] Optional sign up
- [x] Colors
- [x] Node modules
- [x] Codegen
npm package: @mattproch-dev/env-downloader
Description: Store you DEV envs in Google Sheet
Author: Matyas Prochazka
Latest version: 0.0.2

## Set up Google API

1. https://console.cloud.google.com/apis/credentials
2. Set up API Key, OAuth consent screen and OAuth 2.0 Client ID


**OAuth consent screen**

- App name
- User support email
- Developer email address
- Scope: `Google Sheets API	.../auth/spreadsheets`
- Test users: your developers


**OAauth 2.0 Client ID:**

- Web application
- Name
- Authorized redirect URI: `http://localhost`

## Set up your Google sheet

|Key|Value|Comment|
|---|---|---|
|MAILGUN_KEY|XY|Comment|

## Set up .env

```shell
ENV_DOWNLOADER_GOOGLE_KEY=XY
ENV_DOWNLOADER_GOOGLE_CLIENT_ID=XY
ENV_DOWNLOADER_GOOGLE_SECRET=XY
ENV_DOWNLOADER_GOOGLE_TOKEN_PATH=gtoken.json
ENV_DOWNLOADER_SPREADSHEET_ID=XY
ENV_DOWNLOADER_SHEET_NAME='List 1'
ENV_DOWNLOADER_OUTPUT_PATH='.env.dev'
```

## Usage

```shell
npm i -g @mattproch-dev/env-downloader

env-download
```

**Download**

- Downloads all the envs into the specified env file
npm package: @mattproch-dev/translation-git
Description: Push/pull translation to/from a Google Sheet
Author: Matyas Prochazka
Latest version: 0.0.10

## Set up Google API

1. https://console.cloud.google.com/apis/credentials
2. Set up API Key, OAuth consent screen and OAuth 2.0 Client ID


**OAuth consent screen**

- App name
- User support email
- Developer email address
- Scope: `Google Sheets API	.../auth/spreadsheets`
- Test users: your developers


**OAauth 2.0 Client ID:**

- Web application
- Name
- Authorized redirect URI: `http://localhost`

## Set up your TS Enum

```typescript
enum TranslationEnum {
  PROFILE_PICTURE = 'BACKEND.TEST3', // Comment
  TEAM_PROFILE_PICTURE = 'BACKEND.TEST4', // Comment
  PARTICIPANT_IMAGE = 'BACKEND.TEST5', // Comment
}
```

- The upload filters lines containing `=`
- It takes the key inside `''` and comment after `//`

## Set up your Google sheet

|Key|Comment|cs|en|es|ru|it|
|---|---|---|---|---|---|---|
|BACKEND.ERRORS.ACCOUNT_NOT_FOUND|During login|Účet nenalezen|Account not found||||

## Set up .env

```shell
TRANSLATION_GOOGLE_KEY=XY
TRANSLATION_GOOGLE_CLIENT_ID=XY
TRANSLATION_GOOGLE_SECRET=XY
TRANSLATION_GOOGLE_TOKEN_PATH=gtoken.json
TRANSLATION_SPREADSHEET_ID=XY
TRANSLATION_SHEET_NAME='List 1'
TRANSLATION_MODE=BACKEND
TRANSLATION_OUTPUT_FOLDER='./src/i18n'
TRANSLATION_INPUT_ENUM_PATH='./src/TranslationEnum.ts'
```

## Usage

```shell
npm i -g @mattproch-dev/translation-git

translation upload
translation download
```

**Upload**

- Upload only uploads the keys and comments
- Local comments overwrite the ones in gSheet
- Extra keys in gSheet are not deleted

**Download**

- Downloads all the translation in separate folders by languages in one big file `text.json`
npm package: @mattrad/tailwindcss-wordpress
Description: Tailwind CSS plugin for generating WordPress utility classes.
Author: Matt Radford
Latest version: 1.1.1

# Tailwind CSS WordPress Utility Classes

Tailwind CSS plugin for generating WordPress utility classes - for block editor, accessibility, alignment and image captions.

I am working through Block editor compatability, so YMMV. Please open a PR on Github if you find a problem or have an improvement to share.

This plugin currently includes:

- Block editor colour palette classes: `.has-[color]-text-color` and `.has-[color]-background-color`
- Block editor font size classes: `.has-[size]-font-size`
- Accessibility class: `.screen-reader-text`
- Alignment classes: `.alignnone`
  - Block editor button alignments are now accounted for, i.e. `.wp-block-button.alignleft`
- Image caption classes: `.wp-caption`

Props to [@knowler](https://github.com/knowler/tailwindcss-wordpress) and [@brettsmason](https://github.com/brettsmason/tailwindcss-wordpress#readme).
I've basically combined their work.

## Install

1. Install the plugin:

  ```bash
  # Using npm
  npm install @mattrad/tailwindcss-wordpress --save-dev

  # Using Yarn
  yarn add @mattrad/tailwindcss-wordpress -D
  ```

2. Add it to your `tailwind.config.js` file:

  ```js
  // tailwind.config.js
  module.exports = {
    // ...
    plugins: [
      require('@mattrad/tailwindcss-wordpress')
    ]
  }
  ```

## Usage

Block editor classes use the keys `editorColorPalette` and `editorFontSizes` in your Tailwind config’s `theme` object to generate the utilities. Here is an example:

```js
// tailwind.config.js
{
  theme: {
    editorColorPalette: {
      'primary': '#f2f2f2',
      'secondary': '#ccc',
    },
    editorFontSizes: {
      'small': '0.875rem',
      'medium': '1.125rem',
    },
  },
  plugins: [
    require('@mattrad/tailwindcss-wordpress')(),
  ],
}
```