open-index/open-npm huggingface dataset:
npm package: @pp-spaces/generate-json-webpack-plugin
Description: Webpack plugin to generate a JSON file
Author: Socheat Sok
Latest version: 1.0.7

# generate-json-webpack-plugin
Webpack plugin to generate a JSON file

[![Webpack Build Test][github-action-badge]][github-action-url] [![NPM][npm-badge]][npm-url]

## Getting Started
To begin, you'll need to install `generate-json-webpack-plugin`:

```sh
$ npm install @pp-spaces/generate-json-webpack-plugin --save-dev
```

Then add the plugin to your webpack config. For example:

`webpack.config.js`

```js
const GenerateJsonPlugin = require('@pp-spaces/generate-json-webpack-plugin');

module.exports = {
  plugins: [new GenerateJsonPlugin({
      filename: 'manifest.json',
      value: {
        short_name: 'Weather',
        name: 'Weather: Do I need an umbrella?',
        description: 'Weather forecast information',
        icons: [
            {
                src: "/images/icons-192.png",
                type: "image/png",
                sizes: "192x192"
            },
            {
                src: "/images/icons-512.png",
                type: "image/png",
                sizes: "512x512"
            }
        ],
        start_url: "/?source=pwa",
        background_color: "#3367D6",
        display: "standalone",
        scope: "/",
        theme_color: "#3367D6"
      }
  })],
};
```

That will generate a file that looks like this:

`manifest.json`

```json
{
  "short_name": "Weather",
  "name": "Weather: Do I need an umbrella?",
  "description": "Weather forecast information",
  "icons": [
    {
      "src": "/images/icons-192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "/images/icons-512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": "/?source=pwa",
  "background_color": "#3367D6",
  "display": "standalone",
  "scope": "/",
  "theme_color": "#3367D6"
}
```

### Options

| Name     | Type   | Default       | Description                                                             |
| -------- | ------ | ------------- | ----------------                                                        |
| filename | string | manifest.json | Output file name                                                        |
| source   | string | \[Optional\]  | Path to an existing JS/JSON file to extend                              |
| value    | object | {}            | Object to output or the properties you wish to modify                   |
| space    | number | \[Optional\]  | Insert white space into the output JSON string for readability purposes |

See [`tests/webpack.config.js`](tests/webpack.config.js) for more.

## License
[MIT](LICENSE)

<!-- Variables -->
[github-action-badge]: https://github.com/socheatsok78/generate-json-webpack-plugin/workflows/Webpack%20Build%20Test/badge.svg
[github-action-url]: https://github.com/socheatsok78/generate-json-webpack-plugin/actions?query=workflow%3A%22Webpack+Build+Test%22

[npm-url]: https://www.npmjs.com/package/@pp-spaces/generate-json-webpack-plugin
[npm-badge]: https://badgen.net/npm/v/@pp-spaces/generate-json-webpack-plugin
npm package: @pp-spaces/laravel-mix-graphql
Description: A Laravel Mix extension for GraphQL support for Webpack.
Author: Socheat
Latest version: 0.0.3

# Laravel Mix GraphQL Extension

[![Downloads](https://img.shields.io/npm/dm/@pp-spaces/laravel-mix-graphql.svg)](https://www.npmjs.com/package/@pp-spaces/laravel-mix-graphql)
[![Release](https://img.shields.io/npm/v/@pp-spaces/laravel-mix-graphql/latest.svg)](https://www.npmjs.com/package/@pp-spaces/laravel-mix-graphql)
[![License](https://img.shields.io/github/license/pp-spaces/laravel-mix-graphql.svg)](LICENSE)

A Laravel Mix extension for GraphQL support for Webpack.

# Installation

```sh
yarn add -D @pp-spaces/laravel-mix-graphql
```

or

```sh
npm install @pp-spaces/laravel-mix-graphql --save-dev
```

# Laravel Mix Configuration

In your `webpack.mix.js`, import `@pp-spaces/laravel-mix-graphql`:

```js
// webpack.mix.js

const mix = require("laravel-mix");

/**
 * Import laravel-mix-graphql
 */
require("@pp-spaces/laravel-mix-graphql");

/**
 * Register loader
 */
mix
  .js("resources/js/app.js", "public/js")
  .sass("resources/sass/app.scss", "public/css")
  .graphql();
```

Done!, re-run your compile command.

# Usage

Within your project, e.g. `app.js`, you can import `.graphql` or `.gql` schema directly.

```js
// app.js

import UserQuery from "./graphql/UserQuery.graphql";
```

# Author

Socheat, Web Developer

![Twitter Follow](https://img.shields.io/twitter/follow/socheatsok78.svg?style=social)
npm package: @pp0/glossary
Description: Collection of key terms and concepts at the intersection of cryptoanarchy, digital freedom, decentralized technologies, and biohacking, designed to empower and inspire the parallel society.
Latest version: 2024.10.22-5

# Parallel Glossary

Collection of key terms and concepts at the intersection of cryptoanarchy, digital freedom, decentralized technologies, and biohacking, designed to empower and inspire the parallel society.

- Frontend: https://paralelnipolis.info/glossary
- JSON source: https://glossary.pp0.co

## Statistics

<!--stats-->
| lang | terms | missing links |
| --- | --- | --- |
| [English (en)](./src/en) | 18 | 66 |
<!--/stats-->

## How to use

### Javascript

Install package:
```bash
npm i @pp0/glossary
```

And then use:
```js
import { loadGlossary } from '@pp0/glossary';

// load glossary
const { glossary } = loadGlossary();

// print english glossary
console.log(glossary.en);
```