open-index/open-npm huggingface dataset:
npm package: @maji/react-prism
Description: A React component for highlighting code with Prism
Latest version: 1.0.1

# @maji/react-prism

A React component for highlighting code with [Prism](http://prismjs.com/).

## Installation

This component does not bundle Prism; you have to include it in your project. To install both Prism and this component, run:

```
$ yarn add prismjs @maji/react-prism
```

## Example

A simple example of highlighting some javascript:

```js
import Prism from '@maji/react-prism'

const App = (
  <div className='app'>
    <Prism language='javascript'>
      {`
        // your code goes here...
        var foo = 'bar'
      `}
    </Prism>
  </div>
)
```

A more complete example is in `example/app.js`.

> **NOTE**: you will also need to include Prism's CSS. When installed with npm, its stylesheets are at `node_modules/prismjs/themes/*.css`.

> **NOTE x 2**: to support languages other than JavaScript, you'll have to manually `import` the language from Prism. For example, to add Bash support, do `import 'prismjs/components/prism-bash'`.

## License

MIT
npm package: @majik/storybook-react-faster
Description: Storybook for React: Develop React Component in isolation with Hot Reloading.
Latest version: 5.1.3

# Storybook for React

Storybook for React is a UI development environment for your React components.
With it, you can visualize different states of your UI components and develop them interactively.

![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/master/media/storybook-intro.gif)

Storybook runs outside of your app.
So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

## Getting Started

```sh
cd my-react-app
npx -p @storybook/cli sb init
```

For more information visit: [storybook.js.org](https://storybook.js.org)

---

Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.

Here are some featured storybooks that you can reference to see how Storybook works:

- [Demo of React Dates](http://airbnb.io/react-dates/) - [source](https://github.com/airbnb/react-dates)
- [Demo of React Native Web](http://necolas.github.io/react-native-web/storybook/) - [source](https://github.com/necolas/react-native-web)

## Typescript

If you are using Typescript, make sure you have the type definitions installed via `yarn add @types/node @types/react @types/storybook__react --dev`.

## Docs

- [Basics](https://storybook.js.org/basics/introduction)
- [Configurations](https://storybook.js.org/configurations/default-config)
- [Addons](https://storybook.js.org/addons/introduction)
npm package: @majilol/pg-anon
Description: Export your postgreSQL database anonymized
Author: Matvey Kalashnikov @majilol
Latest version: 0.1.0

pg-anon
=============
# Fork of @rap2hpoutre pg-anonymizer library

Export your PostgreSQL database anonymized. Replace all sensitive data thanks to `faker`. Output to a file that you can easily import with `psql`.

## Usage

Run this command by giving a connexion string or .sql file path and an output file name (no need to install first thanks to `npx`):

```bash
  npx pg-anon --input=postgres://user:secret@localhost:1234/mydb --faker-locale=ru -o backend-dump.sql --transformer=./scripts/anon-extensions.js --columns=public.users.name:extension.firstName,public.users.second_name:extension.lastName,public.users.third_name:extension.middleName,public.users.phone:extension.phone,public.users.email:extension.email
  npx pg-anon --input=./path-to.sql --faker-locale=ru -o backend-dump.sql --transformer=./scripts/anon-extensions.js --columns=public.users.name:extension.firstName,public.users.second_name:extension.lastName,public.users.third_name:extension.middleName,public.users.phone:extension.phone,public.users.email:extension.email
```

☝️ This command requires `pg_dump`. It may already be installed as soon as PostgreSQL is installed.

## API

### `--input`

Use `--input` option to specify path to .sql file or to specify the connection to psql database.

### `--columns | -c`

You can choose which faker function you want to use to replace data (default is `faker.random.word`):

```bash
npx pg-anonymizer postgres://localhost/mydb \
  --columns=firstName:faker.name.firstName,lastName:faker.name.lastName
```

### `--extension`

#### Use an extension file to create your own custom replacements

Create an extension file, written in javascript
```javascript
// myExtension.js
module.exports = {
  maskEmail: (email) => {
   const [name, domain] = email.split('@');
   const { length: len } = name;
   const maskedName = name[0] + '...' + name[len - 1];
   const maskedEmail = maskedName + '@' + domain;
   return maskedEmail;
  }
};
```

Pass the path to `--extension` and use the module exports in `--columns`
```bash
npx pg-anonymizer postgres://localhost/mydb \
  --extension=./myExtension.js \
  --columns=email:extension.maskEmail
```

### `--skip`

#### Skip tables

Use `--skip` to skip anonymizing entire tables

### `--preserve-null | -n`

#### Preserve `NULL` values

Use `--preserve-null` to skip anonymization on fields with `NULL` values.

### `--faker-locale`

#### Set fakers locale (i18n)

Use `--faker-locale` to change the locale used by faker (default: `en`)

### Also supports pg_dump args when works with connection

```bash
  npx pg-anon [--lib-args] -- [pg_args]
```

### Example

```bash
  npx pg-anon --input=./path-to.sql --faker-locale=ru -o backend-dump.sql --transformer=./scripts/anon-extensions.js --columns=public.users.name:extension.firstName,public.users.second_name:extension.lastName,public.users.third_name:extension.middleName,public.users.phone:extension.phone,public.users.email:extension.email
```
npm package: @majinno/elegant-layout
Description: Webcomponent elegant-layout following open-wc recommendations
Author: Majinno
Latest version: 0.1.28

# \<elegant-layout>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation

```bash
npm i elegant-layout
```

## Usage

```html
<script type="module">
  import 'elegant-layout/elegant-layout.js';
</script>

<elegant-layout></elegant-layout>
```

## Linting and formatting

To scan the project for linting and formatting errors, run

```bash
npm run lint
```

To automatically fix linting and formatting errors, run

```bash
npm run format
```

## Testing with Web Test Runner

To execute a single test run:

```bash
npm run test
```

To run the tests in interactive watch mode run:

```bash
npm run test:watch
```

## Demoing with Storybook

To run a local instance of Storybook for your component, run

```bash
npm run storybook
```

To build a production version of Storybook, run

```bash
npm run storybook:build
```


## Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `web-dev-server`

```bash
npm start
```

To run a local development server that serves the basic demo located in `demo/index.html`
npm package: @majintd/quill-image-resize
Description: <<<<<<< HEAD # QUILL-RESIZE-MODULE 基于[scrapooo/quill-resize-module](https://github.com/scrapooo/quill-resize-module)上做出部分修改以符合自己的项目需求     1.右下角新增图片尺寸显示     2.修改快捷按钮，还原会重置图片位置和大小 ## Demo ![image](https://github.com/user-attachments/assets/9dcd7172-15da-4ec
Author: majintd
Latest version: 1.0.3

<<<<<<< HEAD
# QUILL-RESIZE-MODULE
基于[scrapooo/quill-resize-module](https://github.com/scrapooo/quill-resize-module)上做出部分修改以符合自己的项目需求    
1.右下角新增图片尺寸显示    
2.修改快捷按钮，还原会重置图片位置和大小
## Demo
![image](https://github.com/user-attachments/assets/9dcd7172-15da-4ec3-94e7-e2d80544c32e)
## Usage

### Webpack/ES6

`npm install @majintd/quill-image-resize`

```javascript
import Quill from "quill";
import ResizeModule from "@majintd/quill-image-resize";

Quill.register("modules/resize", ResizeModule);

const quill = new Quill(editor, {
  modules: {
    resize: {
      
    },
  },
});
```

### browser

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      crossorigin="anonymous"
      integrity="sha384-7kltdnODhBho8GSWnwD9l9rilXkpuia4Anp4TKHPOrp8/MS/+083g4it4MYED/hc"
      href="http://lib.baomitu.com/quill/2.0.0-dev.3/quill.snow.min.css"
      rel="stylesheet"
    />
    <script
      crossorigin="anonymous"
      integrity="sha384-MDio1/ps0nK1tabxUqZ+1w2NM9faPltR1mDqXcNleeuiSi0KBXqIsWofIp4r5A0+"
      src="http://lib.baomitu.com/quill/2.0.0-dev.3/quill.min.js"
    ></script>
    <script src="../dist/quill-resize-module.js"></script>
  </head>
  <body>
    <div id="editor">
      <p>Hello World!</p>
      <p>Some initial <strong>bold</strong> text</p>
      <p><br /></p>
    </div>
  </body>
  <script>
    Quill.register("modules/resize", window.QuillResizeModule);

    var toolbarOptions = [
      "bold",
      "italic",
      "underline",
      "strike",
      "image",
      "video",
    ];
    var quill = new Quill("#editor", {
      theme: "snow",
      modules: {
        toolbar: toolbarOptions,
        resize: {
          locale: {
            center: "center",
          },
        },
      },
    });
  </script>
</html>
```
=======
# quill-image-resize
修改自scrapooo/quill-resize-module部分代码适用自己的项目
>>>>>>> 23ec56cfe7161c87a50036455a9e1ecbb4469c66
npm package: @majisti/ui
Description: React UI component library with Majisti's branding.
Author: Guyllaume Cardinal
Latest version: 0.1.9

# Majisti UI Library

![npm](https://img.shields.io/npm/v/@majisti/ui)

React component library for Majisti's look and feel. Built on [Chakra UI][1].

## ⚠️ Warning
While this package is public, and you're free to use it, we have built it specifically to satisfy our technical and
design requirements. This means this library has our branding all over the place and is *very* opinionated on how it
should be used.

That being the case, we do not intend on having a public issue tracker or provide help should
you include this library in your project.

## Usage

Install via yarn: `yarn add @majisti/ui`. Then, in your app, wrap your root component with the `<ThemeProvider />`:

```js
import React from 'react'
import ReactDOM from 'react-dom'
import { ThemeProvider, Button } from '@majisti/ui'

const App: FC = () => (
    <ThemeProvider>
        <Button>Hello</Button>
    </ThemeProvider>
)

ReactDOM.render(<App />, document.getElementById('root'))
```

## Majisti Dev?

You'll find documentation for local development in [`CONTRIBUTING`][2].

[1]: https://chakra-ui.com/
[2]: ./CONTRIBUTING