open-index/open-npm huggingface dataset:
npm package: @hrwg/apollo-nuxt
Description: Nuxt 3 integration for Apollo GraphQL
Author: Rico Herwig
Latest version: 0.2.1

# Apollo Nuxt Module

[![npm version](https://badge.fury.io/js/%40hrwg%2Fapollo-nuxt.svg)](https://badge.fury.io/js/%40hrwg%2Fapollo-nuxt)

This module integrates [Apollo GraphQL for Vue](https://v4.apollo.vuejs.org/) with [Nuxt 3](https://v3.nuxtjs.org/).

>
> **Please note**
> 
> Since `@vue/apollo-composable` is still in alpha and this module
> depends on it, caution is advised, since future changes may occur
> that break the functionality or compatibility of this module.

## Features
- Creation and injection of an Apollo GraphQL client into a Nuxt 3 app
- Functional on server- and client-side
- Enables use of [@vue/apollo-composable](https://v4.apollo.vuejs.org/guide-composable/query.html#executing-a-query)

## Current Limitations
- Only configuration is the `uri` of the GraphQL endpoint
- Due to `@vue/apollo-composable` being in alpha, breaking changes may occur in the future

## Installation
The module can be installed by running the following command:

```sh
npm i @hrwg/apollo-nuxt
```

It is activated and configured, by adding it to the `nuxt.config.ts`.

```ts
import { defineNuxtConfig } from 'nuxt';

export default defineNuxtConfig({
    modules: [
        '@hrwg/apollo-nuxt',
    ],
    apolloNuxt: {
        uri: 'http://localhost:3000/api/graphql',
    },
});
```

The configuration parameter `uri` is the GraphQL endpoint.

## Usage
After installation, GraphQL queries can be executed according to the [Vue Apollo Documentation](https://v4.apollo.vuejs.org/guide-composable/query.html#executing-a-query).

For a simple example, refer to the [Playground Project](playground).

## Development
- Run `npm i` to install dependencies.
- Run `npm run dev:prepare` to generate type stubs.
- Use `npm run dev` to start [playground](./playground) in development mode.

## Changelog
This project adheres to [Semantic Versioning](https://semver.org/).
Please refer to the [CHANGELOG.md](CHANGELOG.md) for detailed changes and
migration instructions.

## License
MIT
npm package: @hrwg/path
Description: Utility library for working with paths in NodeJS
Author: Rico Herwig
Latest version: 0.2.0

# @hrwg/path

## Todo
The following items are on the todo list to extend the functionality
of this library.

### Functions
- [x] Current working directory (cwd)
- [x] Resolve relative path
- [] Is in path?
- [] Find path from other path
npm package: @hrwg/reactivate
Description: Zero config build and dev server tool for JavaScript and popular frameworks.
Author: Rico Herwig
Latest version: 0.3.1

# Reactivate
Reactivate is a zero configuration build tool and dev server for popular 
JavaScript frameworks aiming to help jumpstarting projects by reducing
setup code and boilerplate. It is powered by webpack and babel.

*Reactivate is still under development and is going to improve dramarically
over the course of the next weeks.*

## Table of contents

## Features
* Support for ReactJS and VueJS
* Babel 7 used for transpilation
* Hot reloading out of the box
* Easy to configure, starting with zero config

## Installation
Reactivate can be installed either locally or globally using npm.

```
$ npm i -g @hrwg/reactivate
```

## Running your project
By default, reactivate assumes your project to meet the following conditions:

* The applications entrypoint is `src/index.js`
* The main html template is `src/index.html`
* You use ReactJS or plain JavaScript

If your project does not meet those defaults, you will need a config file.

### Development server
To run the development server, execute the following command inside your 
projects root directory.

```
$ reactivate serve
```

### Development build
To run a development build, execute the following command inside your 
projects root directory.

```
$ reactivate build
```

### Production build
To build for production, include the `--production` or `-p` flag.

```
$ reactivate build -p
```

## Configuration
In order to configure reactivate, create a `reactivate.config.js` inside
the root directory of your project. The file exports a JSON config, like
in the example below.

```
// reactivate.config.js

module.exports = {
  entry: 'src/index.js'
};
```

The following parameters can be set inside the config.

| Parameter | Type | Description | Default |
|-----------|------|-------------|---------|
| entry | string |Defines the entry point of the application | src/index.js |
| template | string | Defines the default html template the app is rendered to | src/index.html |
| framework | "react", "vue" | Defines the framework used by the project | "react |

You can provide another config file, by using the `-c` option.

```
$ reactivate serve -c myconfig.js
```

## Planned features
* [ ] Support for style and static asset loading
* [ ] Customize babel plugins
* [ ] Zero config universal rendering
* [ ] Angular support
* [ ] Config eject

## License
MIT

## Contributing
If there are any ideas or optimizations to improve this project,
feel free to submit a pull request including your documented changes.
npm package: @hrwg/swag
Description: Scaffolding CLI for Shopware 6 that creates plugins, elements and much more.
Author: Rico Herwig
Latest version: 1.2.0

# Shopware Advanced Generator

Shopware Advanced Generator (*swag*) is a scaffolding CLI that helps you to created plugins, themes and other pieces of code, such as CMS blocks and elements.

It is designed to work with [Shopware 6](https://github.com/shopware/platform).

> **Disclaimer**
>
> This is a community project and not officially supported by [Shopware](https://www.shopware.com).

[![CircleCI](https://circleci.com/gh/rherwig/shopware-advanced-generator/tree/master.svg?style=shield)](https://circleci.com/gh/rherwig/shopware-advanced-generator/tree/master)
![npm](https://img.shields.io/npm/v/@hrwg/swag)

## Table of Contents
- [Requirements](#requirements)
- [Installation](#installation)
- [Available Commands](#available-commands)
  - [Plugins](#plugins)
    - [Create](#create)
- [Testing](#testing)
- [Contributing](#contributing)
- [Changelog](#changelog)
- [License](#license)

## Requirements
- [NodeJS](https://nodejs.org/en/) >= 10

## Installation
Install the CLI by executing the following command in a root 
environment:

```bash
$ npm -g @hrwg/swag
```

## Available Commands
To get a list of all available commands, use the following command:

```bash
$ swag --help
```

### Plugins
The following commands are used to work with Shopware 6 plugins.

#### Create
In order to create a new plugin, execute the following command from
your projects root directory (the directory that contains the `custom/plugins`):

```bash
$ swag plugin:create
```

This will guide you through an inquiry that will query all the
required details for creating a plugin.

After the command finishes, your new plugin will be created in the
`custom/plugins` directory and is ready for installation/activation.

### CMS Blocks
The following commands are used to work with Shopware 6 CMS blocks.

#### Create
In order to create a new CMS block, execute the following command from
your plugin's root directory.

```bash
$ swag cms:block:create
```

This will guide you through an inquiry that will query all the
required details for creating a CMS block.

After the command finishes, your new block will be created within your
plugin's directory.

> **Important**
>
> To make the CMS element work, you have to include it in your
> `src/Resources/app/administration/src/main.js` file and execute an
> administration build. This is not done automatically at the moment.

## Testing
Unit tests are powered by [Jest](https://jestjs.io) and can be run
after cloning the repository:

```bash
$ npm ci
$ npm t
```

## Contributing
Feel free to contribute to this project by submitting a document
pull-requests that passes existing tests.

## Changelog
For a detailed changelog, refer to the [CHANGELOG.md](CHANGELOG.md).

## License
MIT
npm package: @hrwg/vue-marked
Description: Isomorphic and configurable Vue Component for rendering Markdown
Author: Rico Herwig
Latest version: 0.0.2

# VueMarked

[![npm version](https://badge.fury.io/js/%40hrwg%2Fvue-marked.svg)](https://badge.fury.io/js/%40hrwg%2Fvue-marked)

VueMarked is an isomorphic and configurable Vue Component that renders Markdown
as HTML. It is based on [marked](https://github.com/markedjs/marked) - one of 
the most popular JavaScript libraries for rendering Markdown.

> At the moment, VueMarked is still under development, so use it at your
> own risk or wait for the first major release.

## Features
* Easy to use Vue Component
* Isomorphic - works on client and server
* Little abstraction - if [marked](https://github.com/markedjs/marked) can render it, so can VueMarked

## Installation
In order to install VueMarked, run the following command inside your NodeJS project.

```bash
$ npm i @hrwg/vue-marked
```

## Usage
Using the component is as simple as importing and registering it into your Vue components
and providing it with your Markdown code using the default slot.

### Vue Component
This piece of code gets you up and running with rendering Markdown:

```vue
<template>
    <vue-marked>#Headline</vue-marked>
</template>

<script>
    import VueMarked from 'vue-marked';
    
    export default {
        components: {
            VueMarked,
        },
    };
</script>
```

Please be aware that additional spaces in the Markdown code are not being trimmed.
Inserting your Markdown directly in the slot may lead to unwanted behavior.

### Configuration
For easy of use and freedom of configuration, VueMarked does not abstract anything away,
but is merely a wrapper for [marked](https://github.com/markedjs/marked).

Thus, you can provide your own, preconfigured [marked](https://github.com/markedjs/marked) instance to the component, like this:

```vue
<template>
    <vue-marked :marked="this.marked">#Headline</vue-marked>
</template>

<script>
    import marked from 'marked';
    import VueMarked from 'vue-marked';
    
    export default {
        components: {
            VueMarked,
        },
        
        created() {
            this.marked = marked;
            this.marked.setOptions({
                // ...
            });
        },
    };
</script>
```

You can find a list of possible configuration options in the
[official documentation of marked](https://marked.js.org/using_advanced#options).

## Changelog
This project adheres to [Semantic Versioning](https://semver.org/). 
Please refer to the [CHANGELOG.md](CHANGELOG.md) for detailed changes and
migration instructions.

## License
MIT
npm package: @hrz6976/docsify-viz
Description: Rendering Graphviz dot files in docsify.
Author: hrz6976
Latest version: 1.0.0

# docsify-viz

Yet another docsify plugin for rendering graphviz dot files.

## Installation

Add the following script tags to your `index.html`:

```html
<script src="//unpkg.com/svg-pan-zoom@3/dist/svg-pan-zoom.min.js"></script>
<script src="//unpkg.com/@viz-js/viz@3/lib/viz-standalone.js"></script>
<script src="//unpkg.com/@hrz6976/docsify-viz@1/dist/docsify-viz.min.js"></script>
```

## Usage

```markdown

### You can wrap your graphviz code in a code block:

```graphviz
graph network {
    layout=circo;
    node [shape=circle];
    
    A -- B;
    B -- C;
    C -- D;
    D -- E;
    E -- A;
    A -- C;
    B -- D;
}
```

### Or add an .dot image:

![Graph](https://raw.githubusercontent.com/ssc-oscar/lookup/refs/heads/master/dep.dot)

```

## Attribution

This plugin is inspired by:

- [cherrot/docsify-graphviz](https://github.com/cherrot/docsify-graphviz)
- [dreampuf/GraphvizOnline](https://github.com/dreampuf/GraphvizOnline)
- [Leward/mermaid-docsify](https://github.com/Leward/mermaid-docsify)
npm package: @hrzn/cli
Description: A CLI to tunnel to anywhere you want using [Horizon Tunnel](https://hrzn.run).
Author: Horizon
Latest version: 0.11.0

# Horizon Tunnel CLI

A CLI to tunnel to anywhere you want using [Horizon Tunnel](https://hrzn.run).

## Requirements

Make sure you already have a Horizon Tunnel account. If not, create one at [https://hrzn.run](https://hrzn.run/login).

## Installation

Run `npm install -g @hrzn/cli` or `yarn global add @hrzn/cli` or `pnpm install -g @hrzn/cli`.

## Use

All commands can be run using either `hrzn` or `horizon`.

To authenticate run `horizon login <account-id>` and follow the instructions.

To start a tunnel on a random subdomain run:</br>
`horizon tunnel <url-to-tunnel-to>`.
To start a tunnel on a fixed subdomain run:</br>
`horizon tunnel <url-to-tunnel-to> --subdomain <subdomain>`.