open-index/open-npm huggingface dataset:
npm package: @fudge-ai/browser
Description: The Fudge Browser SDK (deprecated)
Latest version: 1.0.0

Deprecated package for a legacy Fudge project. No longer maintained.

Fudge is now a Shopify-native [AI page builder](https://www.fudge.ai/shopify-page-builder/) & [storefront editor](https://www.fudge.ai/shopify-store-editor/). Describe what you want, and Fudge generates on-brand landing pages or makes changes to your site.

Learn more at [fudge.ai](https://www.fudge.ai).
npm package: @fudgi-packages/editorjs-simple-image
Description: SimpleImage Tool for Editor.js
Author: CodeX
Latest version: 0.1.4

![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Simple Image Tool

Provides Image Blocks for the [Editor.js](https://editorjs.io).
Based on https://github.com/editor-js/simple-image and https://github.com/editor-js/simple-image-tutorial/tree/master

Works with pasted images, inserting images via toolbox.
Converts image at BASE 64

![](assets/image-uploading.gif)
![](assets/image-toolbox.jpg)

## Installation

Get the package

```shell
yarn add @fudgi-packages/editorjs-simple-image
```

```shell
npm i @fudgi-packages/editorjs-simple-image
```

Include module at your application

```javascript
import SimpleImage from "@fudgi-packages/editorjs-simple-image";
```

## Usage

Add a new Tool to the `tools` property of the Editor.js initial config.

```javascript
var editor = EditorJS({
  ...

  tools: {
    ...
    image: SimpleImage,
  }

  ...
});
```

## Config Params

This Tool has no config params

```json
{
  "type": "image",
  "data": {
    "url": "https://www.tesla.com/tesla_theme/assets/img/_vehicle_redesign/roadster_and_semi/roadster/hero.jpg",
    "caption": "Roadster // tesla.com"
  }
}
```
npm package: @fudgi-packages/editorjs-to-html
Description: parse editorjs content format to html with saving editorjs markup format
Author: Pavel Novaikin
Latest version: 0.0.9

# editorjs-to-html

An utility to parse editorjs JSON data to HTML code which looks like as you see in editor mode.
Supports basic editorjs blocks which are customizable as well. Extendable.

# Installation

run
`npm install editorjs-html`

# Usage

```
import edjsParser from 'editorjs-to-html';

const edjsParser = edjsHTML();

let html = edjsParser.parse(editorjs_clean_data);
```

You can also extend pre-configured blocks by putting object in edjsHTML which has an structure:

```
{'block-name': (args) => template}
```

# Supported Block Types

- alertText,
- checklist,
- code,
- delimiter,
- header,
- image/simple-image,
- LinkTool,
- list,
- paragraph,
- quote,
- raw,
- table,
- warning,
- embed,
- alert

# License

MIT Public License
npm package: @fudgi-packages/eslint-plugin-simple-import-sort
Description: Easy autofixable import sorting
Author: Simon Lydell, Andrew Seldyukov
Latest version: 1.0.4

# @fudgi-packages/eslint-plugin-simple-import-sort

@fudgi-packages/eslint-plugin-simple-import-sort is a patched release of the original eslint-plugin-simple-import-sort. This version introduces support of **react lazy loading imports** and **next js dynamic imports**.

original package: https://github.com/lydell/eslint-plugin-simple-import-sort

# .eslintrc

```
{
...
"plugins": ["@fudgi-packages/simple-import-sort"],
...
"@fudgi-packages/simple-import-sort/imports": "error",
"@fudgi-packages/simple-import-sort/exports": "error"
}
```
npm package: @fudohq/react-snap-sitemap
Description: Create a sitemap post react-snap SSR
Latest version: 0.1.5

# React Snap Sitemap

A companion package for [react-snap](https://github.com/stereobooster/react-snap).

This package allows you to generate a sitemap.xml based off the created directories and files produced by react-snap.

## Installation

`npm install --save @leadhome/react-snap-sitemap`

## Useage

Add `&& react-snap-sitemap --base-url='http://example.com/'` to the end of your postBuild script after you've the `react-snap` command.

You can also add `--change-frequency=always|daily|weekly|monthly|yearly|never`.
npm package: @fudotsu/use-offline-captcha
Description: This is simple react offline captcha library.
Author: Luke
Latest version: 0.2.0

# use-offline-captcha
This is React captcha hook for offline application.   

**This hook does not communicate with the server. Only generate and validate code through only Client. If security is critical, DO NOT USE THIS LIBRARY.**
> 

[![NPM](https://img.shields.io/npm/v/use-offline-captcha.svg)](https://www.npmjs.com/package/use-offline-captcha) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save use-offline-captcha
```

## Preview
[Demo](https://tofutree23.github.io/use-offline-captcha/)

## Usage
```tsx
import { useEffect, useState, useRef } from 'react'
import useCaptcha from 'use-offline-captcha'

export default function App() {
    const captchaRef = useRef()
    const [value, setValue] = useState()
    const userOpt = {
        type: 'mixed', // "mixed"(default) | "numeric" | "alpha" 
        length: 5, // 4 to 8 number. default is 5
        sensitive: false, // Case sensitivity. default is false
        width: 200, // Canvas width. default is 200
        height: 50, // Canvas height. default is 50
        fontColor: '#000',
        background: 'rgba(255, 255, 255, .2)'
    }
    const { gen, validate } = useCaptcha(captchaRef, userOpt)

    useEffect(() => {
      if (gen) gen()
    }, [gen])

    const handleValidate = () => {
        const isValid = validate(value)
    }

    const handleRefresh = () => gen()

    return (
        <>
            <div ref={captchaRef} />
            <input onChange={(e) => setValue(e.target.value)} value={value} />
            <button onClick={handleValidate}>Validate</button>
            <button onClick={handleRefresh}>Refresh</button>
        </>
  );
}
```

## Options
| Key | Description | Value |
|--|--|--|
| *type | 'numeric' only comes with numbers and 'alpha' only with alphabets. 'mixed' comes in a mixed form, but it cannot be guaranteed that only mixed forms come out. default is 'mixed' | 'mixed', 'numeric', 'alpha' |
| length | Set maximum length of captcha. default is 5 | 4 - 8 |
| sensitive | Set case sensitivity. default is false | true or false |
| width | Set captcha canvas width. default is 200 | |
| height | Set captcha canvas height. default is 50 | |
| fontColor | Set captcha canvas font color. default is #000 | |
| background | Set captcha canvas background color. default is rgba(255, 255, 255, .2) | |

## License

MIT © [tofutree23](https://github.com/tofutree23)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @fuechschen/multer-azure-storage
Description: Azure storage for multer
Latest version: 0.1.3

# Multer Azure Storage

Multer Azure Storage provides a Storage for [multer](https://github.com/expressjs/multer) allowing for saving data to Blob Storage.

## Installation

```
npm install multer-azure-storage
```

## Usage
Basic usage example:

```javascript
var multer = require('multer')
var MulterAzureStorage = require('multer-azure-storage')
var upload = multer({
  storage: new MulterAzureStorage({
    azureStorageConnectionString: 'https://mystorageaccount.blob.core.windows.net/',
    azureStorageAccessKey: 'myaccesskey',
    azureStorageAccount: 'mystorageaccount',
    containerName: 'photos',
    containerSecurity: 'blob'
  })
})
```
Then use `upload` as described in [multer documentation](https://github.com/expressjs/multer)

### File information

Each file added using Multer Azure Storage contains the following information:

Key | Description | Note
---|---|---
`fieldname` | Field name specified in the form | added by multer
`originalname` | Name of the file on the user's computer | added by multer
`encoding` | Encoding type of the file | aded by multer
`mimetype` | Mime type of the file | added by multer
`blob` | Name of created blob | 
`container` | Name of container in which blob was created | 
`blobType` | Type of blob | BlockBlob -  From the result of call to azure's `getBlobProperties()` of `blobService`
`size` | Size of the blob | From the result of call to azure's `getBlobProperties()` of `blobService`
`etag` | Etag | From the result of call to azure's `getBlobProperties()` of `blobService`
`metadata` | Blob's metadata | From the result of call to azure's `getBlobProperties()` of `blobService`
`url` | Url to access the blob | 

## Options
| Parameter Name | Type | Sample Value |
|---|---|---|
| `azureStorageConnectionString` | string | 'https://mystorageaccount.blob.core.windows.net/' |
| `azureStorageAccessKey` | string | 'dcs@3asd@...' - Access Key related to your storage account |
| `azureStorageAccount` | string | 'mystorageaccount' |
| `containerName` | string | 'photos' |
| `containerSecurity` | string (optional) | 'blob' or 'container', defaults to blob |
| `fileName` | function (optional) | function that receives a file reference and allows customization of the file name |

For more information about the meaning of individual parameters please check [Azure documentation](https://azure.microsoft.com/en-us/documentation/articles/storage-nodejs-how-to-use-blob-storage/) on node.js integration.

## Tests
Not implemented yet

## License

[MIT](LICENSE)