open-index/open-npm huggingface dataset:
npm package: @pockpock/vue-cli-plugin-dll
Description: vue-cli 3 plugin for Dll and DllReference
Author: ELISHELL
Latest version: 1.0.1


# vue-cli-plugin-dll [![vue-cli3](https://img.shields.io/badge/vue--cli-3.x-brightgreen.svg)](https://github.com/vuejs/vue-cli) ![npm](https://img.shields.io/npm/dm/vue-cli-plugin-dll.svg) [![npm](https://img.shields.io/npm/v/vue-cli-plugin-dll.svg)](https://www.npmjs.com/package/vue-cli-plugin-dll)  

  This is a vue-cli 3.x plugin for webpack [Dll-Plugin](https://webpack.js.org/plugins/dll-plugin/) that can drastically improve build time performance. `vue-cli-plugin-dll` plugin register `dll` instruction to avoid adding extra webpack config file, it also insert DllReferencePlugin and inject chunk files automatically when you run `dev/build` directives.  
  

### English | [中文](https://github.com/fingerpan/vue-cli-plugin-dll/wiki/zh_cn.md)
## Quick Start

> Make sure you have the vue-cli 3.x.x version installed

``` bash
$ vue -V
```

### Install plugin
``` bash
$ vue add dll

# OR

$vue invoke dll
```

### Simple configuration
```javascript
// vue.config.js

 module.exports = {
    pluginOptions: {
        dll: {
            entry: ['vue', 'vue-router'],
            cacheFilePath: path.resolve(__dirname, './public')
        }
    }
 }
```
### Execution
```bash
$ npm run dll

#OR

$ npx vue-cli-service dll
```


## Configuration

### Options

| Parame | Type | Description| Default | Required |
| :--- | :--- | :--- | :--- | :--- |
| entry | Object/Array/String | entry vendor | null | true
| open | Boolean | whether to add DllReferencePlugin plugin  | true | false
| output | Object | output |  | false
| output.path | String | The output directory as an absolute path | 'yourProjectPath/public/dll' | false
| output.publicPath | Srting | publicPath | '' | false 
| inject | Boolean | auto inject file to index.html | true |  false
| cacheFilePath | String | The path that save vender path| 'yourProjectPath/node_modules/vue-cli-plugin-dll/src' |  false

### vue.config.js
``` javascript
module.exports = {
  // Other options...

  pluginOptions: {
     dll: {
      entry: ['vue'],

      /**
       * the directory path where the vendor files will be generated in 
       * when running vue-cli-service dll
       */
      output: path.join(__dirname, './public/dll'),

      // If you only want to open `dll plugin` during production build, 
      // you can use the following config:
      open: process.env.NODE_ENV === 'production',

      // !! Recommended configuration
      cacheFilePath: path.resolve(__dirname, './public')
    }
  }
}
```

## License
MIT
npm package: @pocuslabs/upgrayedd
Description: Upgrade npm packages with confidence
Author: Austin Pocus
Latest version: 1.1.1

# upgrayedd

![NPM badge](https://img.shields.io/npm/v/@pocuslabs/upgrayedd)
![CircleCI badge](https://img.shields.io/circleci/build/github/pocuslabs/upgrayedd)

Upgrade packages with confidence

## Introduction

This project aims to make package upgrades, specifically npm packages, easier to deal with. The goal is to provide a concise list of things you need to be aware of when upgrading any package that posts release notes to its Github "releases" page. More sources will be added as they come up.

## Usage

You can use `upgrayedd` with `npx` in your project root, where your `package-lock.json` lives:

`npx @pocuslabs/upgrayedd`

Note that the project does not yet support `yarn.lock` files. You can also clone the project if you like, and run it locally, as in:

`node index.js /path/to/package-lock.json`

This will print out a list of deprecations that the script finds, directly to the console. To write to a file, you can use shell redirection for now -- I'll be adding an option for file output later on.

## Tests

There is a rudimentary test suite, which tests the basic functionality of the tool. Use `npm test` to run them.

## Note

This project is under active development as a brand new package and is in extreme flux. Stay tuned for more!

## License

Released under the MIT License. See the LICENSE file for details.
npm package: @pod-arcade/session
Description: This package contains the component used to provide the desktop experience for a Pod Arcade session
Latest version: 1.0.2

# @pod-arcade/session

This package contains the component used to provide the desktop experience for a Pod Arcade session. This component is built using `@mui/material` and so if you want to override the styling, you can use a custom theme provider.

## Installation

```bash
npm install @pod-arcade/session
```

## Usage

```tsx
import React from 'react';
import Session from '@pod-arcade/session';

const App = () => {
  return (
    <Session
      mqttUrl={
        /* URL to the MQTT broker running on the Pod Arcade server */
        'wss://localhost/mqtt'
      }
      mqttCredentials={
        /* Credentials for the MQTT broker running on the Pod Arcade server (or undefined) */
        {
          username: '',
          password: '',
        }
      }
      mqttTopicPrefix={
        /* Prefix for the MQTT topics used by the Pod Arcade server */
        'desktops/{{desktopId}}',
      }
      features={{
        mouse: true,
        keyboard: true,
        gamepads: {
          enabled: true,
          count: 4,
        },
      }}
      sessionId={'' /* Unique id for the session */}
      userInfo={{
        name: 'User Name',
        avatar: 'https://example.com/avatar.png',
      }}
    />
  );
};
```
npm package: @pod-point/activity-bar
Description: Show network activity.
Author: POD Point
Latest version: 1.2.0

# Activity bar

This module displays an activity bar across the top of the screen. Currently it only deals with activities of indeterminate length, but a progress bar could easily be added.

## Import

    import { showActivityBar, hideActivityBar } from '@pod-point/activity-bar';

## Use

The activity bar takes no arguments. `showActivityBar` and `hideActivityBar` show and hide the bar, respectively.
npm package: @pod-point/build-svg
Description: Build SVGs from these building blocks.
Author: POD Point
Latest version: 1.2.0

# BuildSVG

Class that can define and manipulate SVG elements. Build up an image by creating children BuildSVG elements.

## Import

    import BuildSVG from '@pod-point/build-svg';

## Use

### Create a new element

    var svg = new BuildSVG('svg', attrs);

    svg.element; // SVGElement

## Methods

### .attr()

    svg.attr('d'); // Get 'd'
    svg.attr('d', 'M100 200'); // Set 'd'
    svg.attr(attrs); // Set multiple

### .dimensions()
    
    svg.dimensions(width, height); // Set width and height

### .offset()

    svg.offset(); // Get { x, y }
    svg.offset(x, y); // Set { x, y } 

### .append()

    svg.append(new BuildSVG('path')); // Adds a path tag after all children

### .prepend()

    svg.prepend(new BuildSVG('path')); // Adds a path tag before all children

### .create()
    
    svg.create('path', attr); // Create and append child SVG path
npm package: @pod-point/cache-js
Description: A cache service for JS.
Author: Pod Point Software Team
Latest version: 1.0.4

# Cache JS

![Build Status](https://github.com/Pod-Point/cache-js/actions/workflows/run-tests.yml/badge.svg)

A cache service for JS.

## Usage

To install this package, run the following command:
```bash
npm install @pod-point/cache-js
```

Once installed, simply create a new instance of the Cache service and begin using it e.g.
```
import { Redis } from '@pod-point/cache-js';

const cacheService = new Redis();

await cacheService.put('foo', 'bar');
```

There are only 3 simple methods a cache service can carry out, and these are `put`, `get` and `remove`, all fairly self-explanatory!

When putting key/value pairs into the cache you can also set an expiry date, or a time in seconds until it should expire.

## Development

### Installation

To install this packages dependencies, run the following command:
```bash
npm install
```

### Testing

This package uses jest. To run the test suites for this project, run the following command:

```bash
npm run test
```

## License

The MIT License (MIT). Please see [License File](LICENCE) for more information.

---

<img src="https://d3h256n3bzippp.cloudfront.net/pod-point-logo.svg" align="right" />

Travel shouldn't damage the earth 🌍

Made with ❤️&nbsp;&nbsp;at [Pod Point](https://pod-point.com)
npm package: @pod-point/dom-module-loader
Description: DOM module loader.
Author: POD Point
Latest version: 1.2.0

# DOM Module Loader

## Init

### With POD Point Module Loader

    import loadModules from '@pod-point/module-loader';
    import combineDomModules from '@pod-point/dom-module-loader';

    moduleLoader({
        domModules: combineDomModules({
            foo,
            bar
        })
    });

### Solo

    import combineDomModules from '@pod-point/dom-module-loader';

    combineDomModules({
        foo,
        bar
    }).init();

#### DOM modules:
- Export an `init` methods
- Initialised by adding the imported module name to an element's `data-js-module` attribute.
- Multiple names can be added and are space-delimited.
- `init` is passed the element on which the module loader detected the `data-js-module` attribute.
- Can be initialised multiple times per page for different DOM modules.
- Can optionally export a `destroy` method, which is called on all active modules on subsequent `load`.
- Are destroyed between page transitions.

### Handling dynamic page transitions

    combineDomModules({
        foo,
        bar
    }).init();

    combineDomModules.refresh();
npm package: @pod-point/dom-ops
Description: Perform common DOM operations.
Author: POD Point
Latest version: 1.4.0

# DOM operations

Replacement functions for common jQuery DOM operations.

## Import

    import  { functionName } from '@pod-point/dom-ops';

## Functions

### Selection

#### select

    select(selector, root = document);

Returns selected elements, or `null` if none found.

#### selectFirst

    selectFirst(selector, root = document);

Returns first selected element, or `null` if none found.

#### selectById

    selectById(id);

Returns element with matching `id`, or `null` if none found.

### Traversal

#### closest

    closest(element, selector);

Returns the closest element up the node tree that matches `selector`.

#### nextElement

    nextElement(element);

Returns the next sibling element to `element`.

#### parent

    parent(element);

Returns the parent element to `element`.

### Manipulation

#### create

    create(tag);

Create a new element. If no tag name is given, it defaults to `'div'`.d

#### addClass

    addClass(elements, className);

Adds a class to one or multiple elements.

#### removeClass

    removeClass(element, className);

Removes a class from one or multiple elements.

#### appendChild

    appendChild(parent, element);

Appends `element` after all children of `parent`.

#### removeChild

    removeChild(parent, element);

Removes `element` from `parent`.

#### insertBefore

    insertBefore(element, htmlString);

Insert `htmlString` immedietly before `element`.

#### insertAfter

    insertAfter(element, htmlString);

Insert `htmlString` immedietly after `element`.

#### insertStart

    insertStart(element, htmlString);

Insert `htmlString` immedietly after `element`'s opening tag.

#### insertEnd

    insertEnd(element, htmlString);

Insert `htmlString` immedietly before `element`'s closing tag.

#### empty

    empty(element);

Removes all nodes from the provided `element`.

### Identification

#### hasClass

    hasClass(element, className);

Returns `true` if **all** provided elements contain the provided `className`.

#### matches

    matches(element, selector);

Returns `true` if `element` matches `selector`.

### Helpers

#### nodesToArray

    nodesToArray(elements);

Returns array of elements.

#### whenReady

    whenReady(callback);

Fires `callback` when document is ready.