open-index/open-npm huggingface dataset:
npm package: @progfay/scrapbox-parser
Description: parse Scrapbox notation to JavaScript Object
Author: progfay
Latest version: 10.1.1

# Scrapbox Parser

[![MIT License](http://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge&color=AC1500&labelColor=222222)](LICENSE)
[![npm version](https://img.shields.io/npm/v/@progfay/scrapbox-parser?style=for-the-badge&message=NPM&color=CB3837&logo=NPM&labelColor=222222&label=npm)](https://www.npmjs.com/package/@progfay/scrapbox-parser)
[![JSR version](https://img.shields.io/jsr/v/@progfay/scrapbox-parser?style=for-the-badge&message=JSR&color=F7DF1E&logo=JSR&labelColor=222222&label=JSR)](https://jsr.io/@progfay/scrapbox-parser)

parse Scrapbox notation to JavaScript Object

## Installation

```sh
$ npm i @progfay/scrapbox-parser
```

Also, you can install `@progfay/scrapbox-parser` via [JSR](https://jsr.io/@progfay/scrapbox-parser).

## Usage

```js
import { parse } from "@progfay/scrapbox-parser";

const PROJECT_NAME = "help";
const PAGE_NAME = "syntax";

fetch(`https://scrapbox.io/api/pages/${PROJECT_NAME}/${PAGE_NAME}/text`)
  .then((response) => response.text())
  .then((text) => parse(text));
```
npm package: @progfay/scrapbox-parser-stream
Description: Parsing Scrapbox notation with Node.js Stream
Author: progfay
Latest version: 2.0.0

# Scrapbox Parser Stream

Parsing Scrapbox notation with Node.js Stream

## Installation

```sh
$ npm i @progfay/scrapbox-parser-stream
```


## Usage

```js
import ScrapboxParserStream from '@progfay/scrapbox-parser-stream'
import fetch from 'node-fetch'

const PROJECT_NAME = 'help'
const PAGE_NAME = 'syntax'

fetch(`https://scrapbox.io/api/pages/${PROJECT_NAME}/${PAGE_NAME}/text`)
	.then(({ body }) => {
		body
			.pipe(new ScrapboxParserStream({ hasTitle: true }))
			.pipe(process.stdout)
	})
```
npm package: @progfay/tsconfig
Description: Base tsconfig.json for @progfay's personal use
Author: progfay
Latest version: 1.0.1

# @progfay/tsconfig

## Installation

```sh
npm install --save-dev @tsconfig/node16
```

## Setup

```json
{
  "extends": "@progfay/tsconfig/tsconfig.json",

  /* Optional */
  "compilerOptions": {
    "declaration": true,
    "declarationMap": true,
    "sourceMap": true,
    "outDir": "./lib"
  },
  "include": ["src/**/*.ts"],
  "exclude": ["src/**/*.test.ts"],
}
```
npm package: @proggarapsody/cgapi
Description: **Package for generating code from `openapi`, `postman collections` or `graphql` schemas.**
Author: @proggarapsody
Latest version: 1.0.2

# CGAPI 🪄 Codegen api

**Package for generating code from `openapi`, `postman collections` or `graphql` schemas.**

---

## Features: 
[redux-toolkit-query](https://redux-toolkit.js.org/rtk-query/overview)
[react-query](https://react-query.tanstack.com/overview)

## Installation

### Globally

```bash
npm install -g  @proggarapsody/cgapi
```

### Locally

```bash
npm install --save-dev @proggarapsody/cgapi
```

Next, add script to `package.json`

```json
  "scripts": {
    "cgapi": "cgapi"
  }
```


## Usage

```bash
cgapi <command> [options]
```

## Commands

### `init [options]` 

**Initialize config file**

#### Options

`-o --openapi` - if you want to generate code from openapi

`-p --postman` - if you want to generate code from postman collection

`-g --graphql` - if you want to generate code from graphql schema

### `gen [options]`

#### Options

`-o --openapi` - if you want to generate code from openapi

`-g --graphql` - if you want to generate code from graphql schema

## Configure

### main config file - `cgapi.config.json`

**configPath:** `string` - path to codegen config file (default: `<project_root>/codegen/cgapi.config.json`)

**postmanCollectionUrl:** `string` - url to postman collection (default: `''`)

**isPostman:** `boolean` - if you want to generate code from postman collection (default: `false`)

**type:** `'rtk-query' | 'react-query'` - type of code generation

## Rtq query configure 



### Openapi | openapi-codegen.config.js
### GraphQl | graphql-codegen.config.js
npm package: @progglund/vue3-notifications
Description: ### Installation
Latest version: 0.1.0

# vue3-notifications

### Installation

```
npm i @progglund/vue3-notifications
```

### Usage

```javascript
import Notifications from '@progglund/vue3-notifications';

this.$notify('Hello World');
```

##### Composition API

```javascript
import { Notifications, useNotifications } from '@progglund/vue3-notifications';

export default {
    components: { Notifications },

    setup() {
        const notifications = useNotifications();

        function addNotification() {
            notifications.notify('Hello World')
        }

        return { addNotification }
    }
}
```

### Markup / Styling

We dont include any styling / transitions, you have to make them yourself.

Example with [Animate](https://animate.style/) and [Tailwind](https://tailwindcss.com/).

```html
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">

<style>
    .notification-item {
        transition: all .5s;
    }
    .notification-enter-active {
        animation: fadeInDown;
        animation-duration: .6s;
    }
    .notification-leave-active {
        animation: fadeOut;
        animation-duration: .6s;
    }
</style>

<notifications :new-on-top="true" v-slot="{ notifications }">
    <div class="fixed inset-0 flex pointer-events-none justify-start">
        <div class="max-w-sm w-full">
            <transition-group name="notification">
                <div v-for="notification in notifications" :key="notification.id" class="notification-item bg-green-500 text-white rounded py-2 px-4 m-6 text-sm">
                    {{ notification.text }}
                </div>
            </transition-group>
        </div>
    </div>
</notifications>
```