open-index/open-npm huggingface dataset:
npm package: @hosward/platzom
Description: Traductor de idioma platzom
Author: Hosward Villoria
Latest version: 0.1.0

# platzom

platzom es un idioma inventado para el curso 
de [fundamentos de platzi](https://platzi.com/js).

## Descripcion

- si la palabra termina en "ar" se le quitan esos dos caracteres
- si la palabra inicia con "z" se le agrega "p" al final
- si la palabra traducida tiene 10 o mas letras,se                                                debe partir a la mitad con un guion en el medio
- si la palabra es un palindromo ninguna regla anterior cuenta y se devuelve la misma palabra intercambiando mayusculas y minusculas

## Instalacion
```
npm install platzom
```

## Uso 

```
import platzom from from 'platzom'

platzom("Programar") // Program
platzom("Zorro") // Zorrope
platzom("Zarpar") // Zarppe
platzom("abecedario") // abece-dario
platzom("sometemos") // SoMeTeMoS
```

## Creditos 
- Hosward Villoria

## Licencia MIT
[MIT](https://opensource.org/licenses/MIT)
npm package: @hot-chocolate/plugin-dispatch
Description: dispatch other app in hot-chocolate
Latest version: 0.1.5

# @hot-chocolate/plugin-dispatch


## 安装
```
npm install @hot-chocolate/plugin-dispatch
```

## 使用

### 主应用
```js
import {
  Manager
} from 'hot-chocolate';
import {
  createSandboxDispatchPlugin
} from '@hot-chocolate/plugin-dispatch';

new Manager(
  [
    {
      name: 'app-a' // 子应用A, 是公共组件提供方
    },
    {
      name: 'app-b' // 子应用B, 是公共组件使用方
    }
  ],
  [
    createSandboxDispatchPlugin() // 启动相互调用插件
  ]
)
```

### 子应用A 代码示例
比如 子应用A 提供了个 Table的渲染函数
```jsx
import {
  dispatchPluginExports
} from '@hot-chocolate/plugin-dispatch/export';

dispatchPluginExports.renderTable = () => {
  React.render(
    (<div>App1 Table</div>),
    document.body
  )
}
```

### 子应用B 代码示例
比如:  子应用B去加载 A的Table
```jsx
import {
  dispatchPluginImport
} from '@hot-chocolate/plugin-dispatch/import';

async () => {
  const appA = await dispatchPluginImport('app-a', {
    mountAt: document.body
  });

  appA.renderTable()
}

```
npm package: @hot-chocolate/plugin-request
Description: js sandbox on browser
Latest version: 0.1.7

# @hot-chocolate/plugin-request
[![npm version](https://img.shields.io/npm/v/@hot-chocolate/plugin-request.svg?maxAge=3600&style=flat-square)](https://www.npmjs.org/package/@hot-chocolate/plugin-request)
[![npm download](https://img.shields.io/npm/dm/@hot-chocolate/plugin-request.svg?maxAge=3600&style=flat-square)](https://www.npmjs.org/package/@hot-chocolate/plugin-request)

## 安装
```
npm install @hot-chocolate/plugin-request
```

## 使用
```js
import {
  Manager
} from 'hot-chocolate';
import {
  createSandboxRequestPlugin
} from '@hot-chocolate/plugin-request';

new Manager(
  [...],
  [
    createSandboxRequestPlugin({
      // 请求发送前的勾子
      beforeRequest: (
        options, // { url: string, method: string } 请求参数
        application // 启动的application
      ) => {
        // 返回新的请求url及method
        return {
          url: 'xxxx',
          method: 'POST'
        }
      },

    })
  ]
)
```
npm package: @hot-hook/dump-viewer
Description: The dump viewer is a small frontend app built with `Vis.js` that lets you view Hot Hook's dependency graph. This lets you quickly see which files are hot reloadable and which aren't, and why.
Author: Julien Ripouteau
Latest version: 1.0.0

## Dump Viewer 

The dump viewer is a small frontend app built with `Vis.js` that lets you view Hot Hook's dependency graph. This lets you quickly see which files are hot reloadable and which aren't, and why.

![image](../../assets/dump_viewer.png)

To use it, first make sure to install it :

```bash
npm install @hot-hook/dump-viewer
```

Then you can add it to your application as follows: 

```ts
router.get('/dump-viewer', async (request, reply) => {
  const { dumpViewer } = await import('@hot-hook/dump-viewer')

  reply.header('Content-Type', 'text/html; charset=utf-8')
  return dumpViewer()
})
```

then access your dev server at `/dump-viewer`.
npm package: @hot-hook/runner
Description: Runner for applications that use hot-hook
Author: Julien Ripouteau
Latest version: 1.0.0

# Hot Hook Runner

The Hot Hook runner is a simple process manager that allows you to reload your NodeJS application only when necessary and requested by Hot Hook.

## Installation

```bash
pnpm add @hot-hook/runner
```

## Utilisation

```bash
pnpm hot-runner bin/server.js
```

To use with Typescript, you can pass a hook like this:

```bash
# Run with ts-node
pnpm hot-runner --node-args="--loader=ts-node/esm" bin/server.ts

# Run with TSX
pnpm hot-runner --node-args="--import=tsx" bin/server.ts
```


## Flags

### `--clear-screen`

Clears the console contents after each reload.

### `--node-args`

Arguments to pass to NodeJS. For example, `--node-args="--inspect"`.

### `--script-args`

Arguments to pass to your script. For example, `--script-args="--port=3000"`.
npm package: @hot-key/serverless-lambda-edge-pre-existing-cloudfront
Description: The Serverless Framework plugin which creates Lambda@Edge against pre-existing CloudFront.
Author: Hot-key
Latest version: 1.1.6

# Hot-key Fork Version

# Serverless Lambda Edge PreExisting CloudFront
A Serverless Framework plugin which associates Lambda@Edge against pre-existing CloudFront distributions.

## Install

You can install this plugin from npm registry.

```shell
$ npm install --save-dev serverless-lambda-edge-pre-existing-cloudfront
```

## How it works

Configure serverless.yml

```yaml
functions:
  viewerRequest:
    handler: lambdaEdge/viewerRequest.handler
    events:
      - preExistingCloudFront:
        # ---- Mandatory Properties -----
          distributionId: xxxxxxx # CloudFront distribution ID you want to associate
          eventType: viewer-request # Choose event to trigger your Lambda function, which are `viewer-request`, `origin-request`, `origin-response` or `viewer-response`
          pathPattern: '*' # Specifying the CloudFront behavior
          includeBody: false # Whether including body or not within request
        # ---- Optional Property -----
          stage: dev # Specify the stage at which you want this CloudFront distribution to be updated
          minTTL: 0 # CloudFront Minimum TTL you want to set
          maxTTL: 31536000 # CloudFront Maximum TTL you want to set
          defaultTTL: 3600 # CloudFront Default TTL you want to set
          cookies:
            forward: none # CloudFront Forward Cookies "none", "whitelist", "all"

plugins:
  - serverless-lambda-edge-pre-existing-cloudfront
```

Run deploy
```
$ serverless deploy
```

You can specify additional configurations a `lambdaEdgePreExistingCloudFront` value in the custom section of your serverless.yml file.
A `validStages` value allows you to specify valid stage names for deploy Lambda@Edge.

```yaml
lambdaEdgePreExistingCloudFront:
  validStages:
    - staging
    - production
```

### How `validStages` and `stage` properties work
This plugin will first check for `validStages` property defined in the `custom` section. If `validStages` is used, then all the `preExistingCloudFront` events are only possible to be updated at the `validStages`. If not used, all the `preExistingCloudFront` events are possible to be updated at any stage.

Then at all valid stages, the plugin checks - for each `preExistingCloudFront` event - if the provider's stage is the same as the `stage` property defined for each `preExistingCloudFront` event. If they match, then that particular `preExistingCloudFront` event will be updated.

If `stage` is not used for a `preExistingCloudFront` event, then that event will be updated at all `validStages` or all stages if `validStages` is not used.
npm package: @hot-loader/react-dom
Description: The Hot version of React-DOM
Latest version: 17.0.2

# `react-dom`

This package serves as the entry point to the DOM and server renderers for React. It is intended to be paired with the generic React package, which is shipped as `react` to npm.

## Installation

```sh
npm install react react-dom
```

## Usage

### In the browser

```js
var React = require('react');
var ReactDOM = require('react-dom');

class MyComponent extends React.Component {
  render() {
    return <div>Hello World</div>;
  }
}

ReactDOM.render(<MyComponent />, node);
```

### On the server

```js
var React = require('react');
var ReactDOMServer = require('react-dom/server');

class MyComponent extends React.Component {
  render() {
    return <div>Hello World</div>;
  }
}

ReactDOMServer.renderToString(<MyComponent />);
```

## API

### `react-dom`

- `findDOMNode`
- `render`
- `unmountComponentAtNode`

### `react-dom/server`

- `renderToString`
- `renderToStaticMarkup`