open-index/open-npm huggingface dataset:
npm package: @kfcoding/slate-icon-image
Description: Slate icon for image
Latest version: 1.2.11

# @canner/slate-icon-image

[![npm version](https://badge.fury.io/js/%40canner%2Fslate-icon-image.svg)](https://badge.fury.io/js/%40canner%2Fslate-icon-image)

## Icon

```js
import Image from '@canner/slate-icon-image';
```

## Plugin

```js
import {ImagePlugin} from '@canner/slate-icon-image';

const plugins = [
  ImagePlugin(options)
]
```
npm package: @kfed/eslint-plugin-i18n
Description: Plugin for eslint, that should reduce (for me) monkey job on implementing i18n for Contentmart
Author: Kyrylo F. Fedorov
Latest version: 0.0.8

# eslint-plugin-i18n

:exclamation: Please, be aware: it's very unstable, everything may changed :exclamation:

Plugin for eslint, that should reduce (for me) monkey job on implementing i18n for Contentmart

Heavily inspired by eslint-plugin-react/js-curly-bracer-presence

Should find and (try to) fix:
- `<input placeholder="untranslated message" />`
- `<div>Untranslated literal as children node</div>`
npm package: @kfed/react-scripts
Description: Custom edition. Configuration and scripts for Create React App.
Latest version: 5.0.0

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.

# Changes in this variant

## Use custom dust naming via configure in `package.json`

```json5
{
  distNaming: {
    output: {
      production: {
        filename: 'epg.bundle.js',
        chunkFilename: '[name].[contenthash:8].chunk.js',
      },
      development: {
        // same as above
      },
    },
    css: {
      filename: '[name].[contenthash:8].css',
      chunkFilename: '[name].[contenthash:8].chunk.css',
    },
    media: {
      filename: '[name].[hash:8].[ext]',
    },
    files: {
      filename: '[name].[hash:8].[ext]',
    },
  },
}
```

## Use CACHE_ROOT from .env to instruct where webpack plugins/loaders store caches

If variable is not set will apply default values, for:
 - webpack - `node_modules/.cache`
 - terser - as same as webpack config due [changes in 5.0.0](https://openbase.com/js/terser-webpack-plugin/versions#5.0.0)
 - babel loader - value `true`
 - jest - value `true`

Do not forget to add them in .\*ignore files

## External config for postcss

In case external config file `postcss.config.js` is present in project root it will replace default postcssOptions.

Plugins in default options:
```js
[
  'postcss-flexbugs-fixes',
  [
    'postcss-preset-env',
    {
      autoprefixer: {
        flexbox: 'no-2009',
      },
      stage: 3,
    },
  ],
]
```

With adds `tailwindcss` plugin when config file `tailwind.config.js` is present in project root or `postcss-normalize` when is not. 

## Use webpackOverrides from `package.json`

Unstable and dangerous.

### Externals

Define externals library. Make sure that include correspond scripts into public/index.html

Example:
```json
{
  "webpackOverrides": {
    "externals": {
      "react": "React",
      "react-dom": "ReactDOM",
      "lottie-web": "lottie",
      "@sentry/browser": "Sentry"
    }
  }
}
```

### optimization

May override any optimization configuration, must follow webpack rules.


## Kick out `react-dev-utils/webpackHotDevClient` due to it's could not be configured.

## Try to configure schema/host/port as could it possible in every related case.
npm package: @kfgis/mpd-sdk
Description: 本框架是 JS+GIS 的框架包。开发者需要有一定的前端技术和 GIS 相关技术
Latest version: 1.0.0

# MPD-SDK

本框架是 JS+GIS 的框架包。开发者需要有一定的前端技术和 GIS 相关技术

## 安装

```shell
pnpm add @kfgis/mpd-sdk
```

```js
import * as MPD from '@kfgis/mpd-sdk/'
import '@kfgis/mpd-sdk/dist/mpd.min.css'
```

```html

<script src="https://cdn.jsdelivr.net/npm/@kfgis/mpd-sdk/dist/mpd.min.js"></script>
<link
  href="https://cdn.jsdelivr.net/npm/@kfgis/mpd-sdk/dist/mpd.min.css"
  rel="stylesheet"
  type="text/css"
/>
```

```
请将 resources 放置工程根目录 libs/mpd-sdk 下，如果放置到其他目录下，框架将无法正常运行
```

## 配置

`vite`

```js
// vite.config.js
import { defineConfig } from 'vite'
import MPD from '@kfgis/vite-plugin-mpd'

export default defineConfig({
  plugins: [MPD()],
})
```

## 开始

```js
MPD.ready().then(() => {
  let viewer = new MPD.Viewer(divId)
})
```