open-index/open-npm huggingface dataset:
npm package: @morishin/react-draft-wysiwyg
Description: A wysiwyg on top of DraftJS.
Author: Jyoti Puri, morishin
Latest version: 1.14.1

# React Draft Wysiwyg

A Wysiwyg editor built using ReactJS and DraftJS libraries.
[Demo Page](https://jpuri.github.io/react-draft-wysiwyg).

[![Build Status](https://travis-ci.org/jpuri/react-draft-wysiwyg.svg?branch=master)](https://travis-ci.org/jpuri/react-draft-wysiwyg)

![](http://i.imgur.com/tU7kJ6i.gif)

## Features
- Configurable toolbar with option to add/remove controls.
- Option to change the order of the controls in the toolbar.
- Option to add custom controls to the toolbar.
- Option to change styles and icons in the toolbar.
- Option to show toolbar only when editor is focused.
- Support for inline styles: Bold, Italic, Underline, StrikeThrough, Code, Subscript, Superscript.
- Support for block types: Paragraph, H1 - H6, Blockquote, Code.
- Support for setting font-size and font-family.
- Support for ordered / unordered lists and indenting.
- Support for text-alignment.
- Support for coloring text or background.
- Support for adding / editing links
- Choice of more than 150 emojis.
- Support for mentions.
- Support for hashtags.
- Support for adding / uploading images.
- Support for aligning images, setting height, width.
- Support for Embedded links, flexibility to set height and width.
- Option provided to remove added styling.
- Option of undo and redo.
- Configurable behavior for RTL and Spellcheck.
- Support for placeholder.
- Support for WAI-ARIA Support attributes
- Using editor as controlled or un-controlled React component.
- Support to convert Editor Content to HTML, JSON, Markdown.
- Support to convert the HTML generated by the editor back to editor content.
- Support for internationalization.

## Installing
The package can be installed from npm `react-draft-wysiwyg`

```
$ npm install --save react-draft-wysiwyg draft-js
```

## Getting started
Editor can be used as simple React Component:
```js
import { Editor } from 'react-draft-wysiwyg';
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
<Editor
  editorState={editorState}
  toolbarClassName="toolbarClassName"
  wrapperClassName="wrapperClassName"
  editorClassName="editorClassName"
  onEditorStateChange={this.onEditorStateChange}
/>
```

## Docs
For more documentation check [here](https://jpuri.github.io/react-draft-wysiwyg/#/docs?_k=jjqinp).

## Questions Discussions
For discussions join public channel #rd_wysiwyg in [DraftJS Slack Organization](https://draftjs.herokuapp.com/).

## Thanks
Original motivation and sponsorship for this work came from [iPaoo](http://www.ipaoo.com/). I am thankful to them for allowing the Editor to be open-sourced.

## License
MIT.
npm package: @morissetcl/progressbartest
Description: Made with create-react-library
Author: morissetcl
Latest version: 1.0.1

# progressbartest

> Made with create-react-library

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

## Install

```bash
npm install --save progressbartest
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from 'progressbartest'
import 'progressbartest/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [morissetcl](https://github.com/morissetcl)
npm package: @moritanian/type-db
Description: ![CI](https://github.com/moritanian/type-db/workflows/CI/badge.svg) [![codecov](https://codecov.io/gh/moritanian/type-db/branch/master/graph/badge.svg)](https://codecov.io/gh/moritanian/type-db) [![License: MIT](https://img.shields.io/badge/License-MIT-gr
Author: moritanian
Latest version: 0.2.0

# Type-DB
![CI](https://github.com/moritanian/type-db/workflows/CI/badge.svg)
[![codecov](https://codecov.io/gh/moritanian/type-db/branch/master/graph/badge.svg)](https://codecov.io/gh/moritanian/type-db)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)

## Pure typescript Database
- Type system base
- Pure typescript library (no native code)
- Store its data as JSON file or in memory

## Usage
```javascript
import {TypeDB} from 'type-db';


const UserDescribe = {
  name: 'User',
  columns: {
    id: 0,
    firstName: '',
    lastName: '',
    sex: 'male' as 'male' | 'female' | 'other',
    age: 0
  },
  primaryKey: 'id',
  autoIncrement: true
};

const db = new TypeDB('path/to/db.json');
await db.load();
/*
 * Or in memory db:
 *
 * const db = new TypeDB();
 */

const userRepository = db.getRepository(UserDescribe);

// Create
const user1 = userRepository.new({firstName: 'Komari', lastName: 'Koshigaya', sex: 'female', age: 13});
await db.save();

// Update
user1.age = 14
await db.save();

// Delete
userRepository.delete(user1);
await db.save();

// Search
userRepository.find(1);
const femaleUser = userRepository.findBy('sex': 'female');
const thirtyYearsMales = userRepository.where({sex: 'male', age: 30});



```
npm package: @moritzboeckelmann/snippets
Description: This packages provides functions to use snippets in any javascript or typescript easily
Author: Moritz Böckelmann
Latest version: 1.0.1

# Snippets

## Introduction

## Key Facts

## Getting Started
### Configuration
To configure the snippet package, a JSON File is needed.
The default path to your config file ongoing from your project root folder is `./snippet/config.json`. 
####
If you want to use another location or an error occurs you can specify a path (absolute) in your `.env` by adding the variable `SNIPPET_CONFIG_PATH`.
As of now those config files contain the default config for your snippet service.
####
In case you want to use a separate instance with different configurations to your default,
you can parse an object in, which contains all the configurations you want to override. 
####
If you provide no configuration at all the package will fall back on the standard configuration.
Below you will find an explanation and the possible values likewise the fall back value of every available configuration.
npm package: @moritzloewenstein/vite-plugin-sass-glob-import
Description: Use glob syntax for imports in your main Sass or SCSS file.
Author: Malven Co.
Latest version: 7.0.1

## Note

Fork of [vite-plugin-sass-glob-import](https://github.com/cmalven/vite-plugin-sass-glob-import) which implements some stuff:

- Use namespaces (`@use "foo/a/bar.scss" as bar_1;`) to glob import multiple files with the same name (`@use "./foo/*/bar.scss";`)
- Removed `@import` support
- Vite watcher support

# vite-plugin-sass-glob-import

> Use glob syntax for @use in your main Sass or SCSS file.

## Install

```shell
npm i -D @moritzloewenstein/vite-plugin-sass-glob-import
```

```js
// In vite.config.js

import { defineConfig } from "vite";
import sassGlobImports from "@moritzloewenstein/vite-plugin-sass-glob-import";

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

## Usage

**Note:** Globbing only work in a top-level file, not within referenced files.

```scss
// In src/styles/main.scss

@use "vars/**/*.scss";
@use "utils/**/*.scss";
@use "objects/**/*.scss";
```

The above will be transformed into something like the following before Vite processes it with Sass:

```scss
@use "vars/var-a.scss";
@use "vars/var-b.scss";
@use "utils/utils-a.scss";
@use "utils/utils-b.scss";
@use "objects/objects-a.scss";
@use "objects/objects-b.scss";
@use "objects/objects-c.scss";
```

## Caveats

This plugin is intentionally simple and doesn't attempt to support every feature offered by Vite. If your use-case isn't similar to the examples in the README above, it probably isn't supported by this plugin.
npm package: @moritzrs/jcast
Description: syntax tree for JSON Canvas
Author: MoritzRS
Latest version: 0.0.1

# jcast

![Build](https://github.com/MoritzRS/obsidian-ext/actions/workflows/ci.yml/badge.svg)
![NPM Version](https://img.shields.io/npm/v/%40moritzrs%2Fjcast)
![NPM Bundle Size](https://img.shields.io/bundlephobia/minzip/%40moritzrs%2Fjcast)
![NPM Downloads](https://img.shields.io/npm/dm/%40moritzrs%2Fjcast)
![GitHub License](https://img.shields.io/github/license/MoritzRS/obsidian-ext)

**J**SON **C**anvas **A**bstract **S**yntax **T**ree

## What is this?

**jcast** is a specification for representing [JSON Canvas](https://jsoncanvas.org) in a [syntax tree](https://github.com/syntax-tree/unist#syntax-tree).
It implements [unist](https://github.com/syntax-tree/unist), a format for syntax trees, to benefit its [ecosystem of utilities](https://github.com/syntax-tree/unist#list-of-utilities).

## When to use this

In most cases you will not need to use this package directly.
It is used internally by [`jcast-util-from-json`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jcast-util-from-json/) and [`jcast-util-to-json`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jcast-util-to-json/) to convert between JSON Canvas and jcast.

## Related

-   [`jcast-util-from-json`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jcast-util-from-json/) - Utility to parse JSON Canvas into a jcast syntax tree.
-   [`jcast-util-to-json`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jcast-util-to-json/) - Utility to serialize a jcast syntax tree into JSON Canvas.

## Contribute

I don't know if i can check PRs in a timely manner, but feel free to open PRs or issues.
If participation is high I will need to add a code of conduct and contribution guidelines.

## Disclaimer

This package is not affiliated with Obsidian.md or the developers of Obsidian.md.

## License

[MIT](https://github.com/MoritzRS/obsidian-ext/blob/main/LICENSE.md) © Moritz R. Schulz
npm package: @moritzrs/jcast-util-to-json
Description: parse jcast syntax trees back to JSON Canvas
Author: MoritzRS
Latest version: 0.0.1

# jcast-util-to-json

![Build](https://github.com/MoritzRS/obsidian-ext/actions/workflows/ci.yml/badge.svg)
![NPM Version](https://img.shields.io/npm/v/%40moritzrs%2Fjcast-util-to-json)
![NPM Bundle Size](https://img.shields.io/bundlephobia/minzip/%40moritzrs%2Fjcast-util-to-json)
![NPM Downloads](https://img.shields.io/npm/dm/%40moritzrs%2Fjcast-util-to-json)
![GitHub License](https://img.shields.io/github/license/MoritzRS/obsidian-ext)

[jcast](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jcast/) utility to parse jcast syntax tree back into JSON Canvas.

## What is this?

This package contains a utility to parse a jcast syntax tree back into a JSON Canvas string.
The resulting string can be written to a file and used directly in Obsidian.md.

## When to use this

You can use this utility when you want to serialize a modified jcast syntax tree back to jsoncanvas.

If you just want to parse JSON Canvas into a type-safe object, use [`jsoncanvas`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jsoncanvas/) instead.

## Install

This package is ESM only. In Node.js (version 18+), install with `npm`:

```sh
npm install @moritzrs/jcast-util-to-json
```

## Use

```js
import { readFileSync, writeFileSync } from "fs";
import { visit } from "unist-util-visit";
import { fromJson } from "@moritzrs/jcast-util-from-json";
import { toJson } from "@moritzrs/jcast-util-to-json";

const json = readFileSync("Untitled.canvas", "utf-8");
const tree = fromJson(json);

// Rename all groups numerically
let counter = 0;
visit(tree, "group", (group) => {
	counter += 1;
	group.value = `Group ${counter}`;
});

const modified = toJson(tree);
writeFileSync("Untitled.canvas", modified);
```

## API

This package exports only the identifier `toJson`.
There is no default export.

### `toJson(tree: Root): string`

Parse a jcast syntax tree back into a JSON Canvas string.
Due to jcast having a different understanding of groups, it recalculates the geometry of group nodes.

###### Parameters

-   `tree: Root` - JCAST syntax tree representing the JSON Canvas.

###### Returns

Serialized JSON Canvas string.

## Types

This package utilized the types from the [`jcast`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jcast/) package.

## Related

-   [`jcast`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jcast/) - JSON Canvas syntax tree
-   [`jcast-util-from-json`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jcast-util-from-json/) - JSON Canvas parser
-   [`jsoncanvas`](https://github.com/MoritzRS/obsidian-ext/tree/main/packages/jsoncanvas/) - JSON Canvas parser

## Contribute

I don't know if i can check PRs in a timely manner, but feel free to open PRs or issues.
If participation is high I will need to add a code of conduct and contribution guidelines.

## Disclaimer

This package is not affiliated with Obsidian.md or the developers of Obsidian.md.

## License

[MIT](https://github.com/MoritzRS/obsidian-ext/blob/main/LICENSE.md) © Moritz R. Schulz
npm package: @moritzrs/jsoncanvas
Description: type definitions for JSON Canvas
Author: MoritzRS
Latest version: 0.0.1

# jsoncanvas

![Build](https://github.com/MoritzRS/obsidian-ext/actions/workflows/ci.yml/badge.svg)
![NPM Version](https://img.shields.io/npm/v/%40moritzrs%2Fjsoncanvas)
![NPM Bundle Size](https://img.shields.io/bundlephobia/minzip/%40moritzrs%2Fjsoncanvas)
![NPM Downloads](https://img.shields.io/npm/dm/%40moritzrs%2Fjsoncanvas)
![GitHub License](https://img.shields.io/github/license/MoritzRS/obsidian-ext)

Fully typed schema for JSON Canvas.

## What is this?

This package defines the types described in the [JSON Canvas specification](https://jsoncanvas.org/spec/1.0).

It also provides a simple function to parse a source string into a JSON Canvas document.

## When to use this

This project is useful if you want to read in JSON Canvas documents and work with them in a type-safe way.

It does nothing but checking if an input string contains a valid JSON Canvas document and returns it as a fully typed object.

## Install

This package is ESM only. In Node.js (version 18+), install with `npm`:

```sh
npm install @moritzrs/jsoncanvas
```

## Use

```js
import { readFileSync } from "fs";
import { jsonCanvas } from "@moritzrs/jsoncanvas";

const source = readFileSync("example.canvas", "utf8");
const canvas = jsonCanvas(source);
```

## API

This package exports only the `jsonCanvas` function, as well as the types described in the JSON Canvas specification.

### `jsonCanvas(source: string): Canvas`

Parse a JSON Canvas document from a string.
Throws an error if the source string is not a valid JSON Canvas document.

###### Parameters

-   `source` (`string`) — The source string to parse.

###### Returns

A fully typed JSON Canvas document.

## Compatibility

This package was tested to work with node version `18` and later.

## Contribute

I don't know if i can check PRs in a timely manner, but feel free to open PRs or issues.
If participation is high I will need to add a code of conduct and contribution guidelines.

## Disclaimer

This package is not affiliated with Obsidian.md or the developers of Obsidian.md.

## License

[MIT](https://github.com/MoritzRS/obsidian-ext/blob/main/LICENSE.md) © Moritz R. Schulz
npm package: @moritzstefaner/prettier-config
Description: My personal Prettier config
Author: Moritz Stefaner
Latest version: 1.0.0

# `@azz/prettier-config`

> My personal [Prettier](https://prettier.io) config.

## Usage

**Install**:

```bash
$ yarn add --dev @moritzstefaner/prettier-config
```

**Edit `package.json`**:

```jsonc
{
  // ...
  "prettier": "@moritzstefaner/prettier-config"
}
```
npm package: @moriware/rn-create-template
Description: Ferramenta CLI da MoriWare, desenvolvida por Caio Mori, para gerar rapidamente componentes, telas, hooks e navegação em projetos React Native com padrões recomendados de código, tipos, estilos e testes integrados.
Author: MoriWare
Latest version: 1.2.2

# @moriware/rn-create-template

Ferramenta CLI criada pela **Moriware** e desenvolvida por **Caio Mori** para acelerar a criação de componentes, telas, hooks e fluxos de navegação em projetos React Native com TypeScript.

## Por que usar?

- Cria estruturas completas com `Styles`, `Types`, `Tests` e `Utils`.
- Automatiza scaffolding sem abrir mão de padrões consistentes.
- Oferece prompts interativos com `inquirer` e feedback colorido com `chalk`.
- Rapidez em seu fluxo de desenvolvimento.

## Instalação

### Instalação global (uso direto)

```bash
npm install -g @moriware/rn-create-template
```

Ou use via `npx` sem instalar globalmente:

```bash
npx @moriware/rn-create-template
```

### Uso como dependência de desenvolvimento local

Se preferir adicionar como dependência de desenvolvimento no seu projeto React Native:

```bash
yarn add -D @moriware/rn-create-template
# ou
npm install --save-dev @moriware/rn-create-template
```

Depois, adicione um script no seu `package.json` para facilitar o uso:

```json
"scripts": {
  "rncreate": "rn-create-template",
}
```

Assim, você pode rodar comandos como:

```bash
yarn rncreate component MeuComponente
# ou
npm run rncreate component MeuComponente
```

## Uso

Execute o comando e escolha o artefato que deseja gerar:

O fluxo interativo guia você por:

- Tipo do artefato (`component`, `screen`, `hook`, `navigation`).
- Nome do artefato (camelCase ou PascalCase).

Os arquivos são criados automaticamente dentro das pastas esperadas do seu projeto, prontos para edição.

### Exemplos rápidos

Criar componente direto no terminal:

```bash
npx @moriware/rn-create-template component MeuComponente
```

Criar tela com prompt interativo:

```bash
npx @moriware/rn-create-template
```

## Créditos

Este projeto foi idealizado pela **Moriware** e desenvolvido por **Caio Mori**. Se você usar o pacote, mantenha a atribuição à Moriware e ao Caio em seus créditos.

## Licença

Distribuído sob a licença [MIT](LICENSE). Você é livre para usar, modificar e distribuir, desde que preserve a atribuição original.
npm package: @morizkay/use-in-view
Description: ⭐ ⭐ Check out a working demo [here](https://elinadenfina.github.io/useInView/) ⭐ ⭐
Latest version: 0.1.3

# useInView with support for Typescript

⭐ ⭐ Check out a working demo [here](https://elinadenfina.github.io/useInView/) ⭐ ⭐

## Install

```
$ yarn add @morizkay/use-in-view
```

## Usage

```jsx
import useInView from 'use-in-view';

const AnimatedComponent = () => {
	const offset = 30;
	const [ref, inView] = useInView(offset);

	return (
		<div className={`${inView && 'in-view'}`} ref={ref}>
			Animate me!
		</div>
	);
};
```
npm package: @morjs/plugin-compiler-alipay
Description: mor complier plugin for alipay mini program
Latest version: 1.0.114-beta.17

# @morjs/plugin-compiler-alipay

## 安装

`npm install @morjs/plugin-compiler-alipay`
或
`yarn add @morjs/plugin-compiler-alipay`
或
`pnpm add @morjs/plugin-compiler-alipay`
npm package: @morjs/plugin-compiler-baidu
Description: mor complier plugin for baidu miniprogram
Latest version: 1.0.114-beta.17

# @morjs/plugin-compiler-baidu

## 安装

`npm install @morjs/plugin-compiler-baidu`
或
`yarn add @morjs/plugin-compiler-baidu`
或
`pnpm add @morjs/plugin-compiler-baidu`
npm package: @morjs/plugin-compiler-bytedance
Description: mor complier plugin for bytedance miniprogram
Latest version: 1.0.114-beta.17

# @morjs/plugin-compiler-bytedance

## 安装

`npm install @morjs/plugin-compiler-bytedance`
或
`yarn add @morjs/plugin-compiler-bytedance`
或
`pnpm add @morjs/plugin-compiler-bytedance`
npm package: @morjs/plugin-compiler-dingding
Description: mor complier plugin for dingding miniprogram
Latest version: 1.0.114-beta.17

# @morjs/plugin-compiler-dingding

## 安装

`npm install @morjs/plugin-compiler-dingding`
或
`yarn add @morjs/plugin-compiler-dingding`
或
`pnpm add @morjs/plugin-compiler-dingding`
npm package: @morjs/plugin-compiler-kuaishou
Description: mor complier plugin for kuaishou miniprogram
Latest version: 1.0.114-beta.17

# @morjs/plugin-compiler-kuaishou

## 安装

`npm install @morjs/plugin-compiler-kuaishou`
或
`yarn add @morjs/plugin-compiler-kuaishou`
或
`pnpm add @morjs/plugin-compiler-kuaishou`
npm package: @morjs/plugin-compiler-qq
Description: mor complier plugin for qq miniprogram
Latest version: 1.0.114-beta.17

# @morjs/plugin-compiler-qq

## 安装

`npm install @morjs/plugin-compiler-qq`
或
`yarn add @morjs/plugin-compiler-qq`
或
`pnpm add @morjs/plugin-compiler-qq`
npm package: @morjs/plugin-compiler-taobao
Description: mor complier plugin for taobao miniprogram
Latest version: 1.0.114-beta.17

# @morjs/plugin-compiler-taobao

## 安装

`npm install @morjs/plugin-compiler-taobao`
或
`yarn add @morjs/plugin-compiler-taobao`
或
`pnpm add @morjs/plugin-compiler-taobao`
npm package: @morjs/plugin-compiler-wechat
Description: mor complier plugin for wechat miniprogram
Latest version: 1.0.114-beta.17

# @morjs/plugin-compiler-wechat

## 安装

`npm install @morjs/plugin-compiler-wechat`
或
`yarn add @morjs/plugin-compiler-wechat`
或
`pnpm add @morjs/plugin-compiler-wechat`
npm package: @morkva/charts
Description: Angular Charts
Author: SOLLOVIOV-O\sollo
Latest version: 0.0.14-test

# Charts

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.1.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @morkvalab/morkva-charts-basic
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.3.2.
Author: Oleksandr Soloviov
Latest version: 0.0.3

# MorkvaChartsBasic

Now I`m testing this charts, full instruction and read me will be after beta release! 
)))