open-index/open-npm huggingface dataset:
npm package: @ssddanbrown/codemirror-lang-smarty
Description: Smarty language support for CodeMirror
Latest version: 1.0.0

# Smarty Language for CodeMirror 6

This package aims to provide [Smarty Templating Engine language](https://www.smarty.net/docs/en/language.basic.syntax.tpl) support for CodeMirror 6.

**Advisory:** This is simply a port of the old CodeMirror 5 mode code, with the primary intent of getting syntax highlighting, and therefore may not provide full CM6 language features. This also lacks the options that were possible with the CM5 implementation. I tried building this as a new Lezer Grammar language but gave up on that after a painful couple of days. 

### Usage

To use this, simply install via NPM:

```
npm install @ssddanbrown/codemirror-lang-smarty
```

Then you can use it like so:

```javascript
import { StreamLanguage } from "@codemirror/language"
import { smarty } from "@ssddanbrown/codemirror-lang-twig"

const smartyLanguage = StreamLanguage.define(smarty);
// => https://codemirror.net/docs/ref/#language.StreamLanguage
```

### Development

The following commands can be used for development:

```bash
# Prepare/Build the codebase
npm run prepare
```

### Contribution

This is a low maintenance project. The scope of features and support are purposefully kept narrow for my purposes to ensure longer term maintenance is viable. Therefore I will be relatively strict on what issues and PRs I'm willing to accept.

**Issues:** - I'm only really looking to address issues in existing functionality we support. Please don't open issues for new edge-case bugs, syntax additions, usage-support-requests or language features to add.

**PRs:** - I'm happy to accept PRs that fix bugs, improve syntax support or add language features as long as they don't significantly increase the scope of things, they're covered with testing and the need/requirement is fully explained in the PR. You may open an issue if you need to discus anything, or validate acceptance before spending time, just make it clear you're intending to make a PR.

### Attribution

This project is an adaptation of the original [CodeMirror 5 smarty language mode](https://github.com/codemirror/codemirror5/blob/master/mode/smarty/smarty.js).

Many thanks to [Marijn Haverbeke](https://github.com/marijnh) for their work in developing and providing CodeMirror and everything that supports it.

### Useful Development Resources

These are resources I've found useful in building this:

- Smarty Docs: https://www.smarty.net/docs/en/language.basic.syntax.tpl
- Old smarty mode: https://github.com/codemirror/codemirror5/blob/master/mode/smarty/smarty.js
npm package: @ssddanbrown/codemirror-lang-twig
Description: Twig language support for CodeMirror
Latest version: 1.0.0

# Twig Language CodeMirror 6

This package aims to provide [Twig language](https://twig.symfony.com/) support to CodeMirror 6.

**Advisory:** This has really just been created as a way to get highlighting support, with a goal of achieving good-enough alignment with the old official CodeMirror 5 twig syntax support. This will likely have bugs, omissions and won't have the full CodeMirror functionality feature-set. The fact that I've got as far as I have, attempting to use this mind-melting arcane language building system, is a miracle enough.

### Usage

To use this, simply install via NPM:

```
npm install @ssddanbrown/codemirror-lang-twig
```

Then you can use it like so:

```javascript
import { twig, twigLanguage } from "@ssddanbrown/codemirror-lang-twig"

twig() // => https://codemirror.net/docs/ref/#language.LanguageSupport
twigLanguage // => https://codemirror.net/docs/ref/#language.LRLanguage
```

### Development

The following commands can be used for development:

```bash
# Prepare/Build the codebase
npm run prepare

# Test the codebase, must be prepared beforehand
npm t
```

### Contribution

This is a low maintenance project. The scope of features and support are purposefully kept narrow for my purposes to ensure longer term maintenance is viable. Therefore I will be relatively strict on what issues and PRs I'm willing to accept.

**Issues:** - I'm only really looking to address issues in existing functionality we support. Please don't open issues for new edge-case bugs, syntax additions, usage-support-requests or language features to add.

**PRs:** - I'm happy to accept PRs that fix bugs, improve syntax support or add language features as long as they don't significantly increase the scope of things, they're covered with testing and the need/requirement is fully explained in the PR. You may open an issue if you need to discus anything, or validate acceptance before spending time, just make it clear you're intending to make a PR.

### Attribution

This project uses the [CodeMirror language package template](https://github.com/codemirror/lang-example), and I've also used various other CodeMirror default language projects as general guidance.

Many thanks to [Marijn Haverbeke](https://github.com/marijnh) for their work in developing and providing CodeMirror and everything that supports it.

### Useful Development Resources

These are resources I've found useful in building this:

- Simple JSON example: https://github.com/lezer-parser/json/blob/main/src/highlight.js
- An underscore matches all chars (https://discuss.codemirror.net/t/match-for-all-characters/4230).
- Guide: https://lezer.codemirror.net/docs/guide/
- Twig Guide: https://twig.symfony.com/doc/3.x/templates.html
- Twig fiddle, with existing syntax highlighting: https://twigfiddle.com/
- Old twig mode source: https://github.com/codemirror/codemirror5/blob/master/mode/twig/twig.js
npm package: @sse-auth/facebook
Description: > A Component React for Facebook Login
Author: SSE World
Latest version: 1.0.0

# React Facebook Login

> A Component React for Facebook Login

## How to use

### Basic
```js
import React from 'react';
import ReactDOM from 'react-dom';
import FacebookLogin from '@sse-auth/facebook';

const responseFacebook = (response) => {
  console.log(response);
}

ReactDOM.render(
  <FacebookLogin
    appId="1088597931155576"
    autoLoad={true}
    fields="name,email,picture"
    callback={responseFacebook} />,
  document.getElementById('demo')
);
```

### Custom CSS Class and Icon
```js

import React from 'react';
import ReactDOM from 'react-dom';
import FacebookLogin from '@sse-auth/facebook';

const responseFacebook = (response) => {
  console.log(response);
}

ReactDOM.render(
  <FacebookLogin
    appId="1088597931155576"
    autoLoad={true}
    fields="name,email,picture"
    callback={responseFacebook}
    cssClass="my-facebook-button-class"
    icon="fa-facebook" 
  />,
  document.getElementById('demo')
);
```

### Server
```js
'use strict';

import React from 'react';
import FacebookLogin from '@sse-auth/facebook';

class MyComponent extends React.Component {
  constructor(props) {
      super(props);
  };

  responseFacebook = (response) => {
    console.log(response);
  };

  render() {
    return (
      <FacebookLogin
        appId="1088597931155576"
        autoLoad={true}
        fields="name,email,picture"
        callback={responseFacebook} 
      />
    )
  }
}

export default MyComponent;
```


## Parameters

|    params    |   value  |             default value            |
|:------------:|:--------:|:------------------------------------:|
|     appId    |  string  |              Required                |
|     size     |  string  |        small - medium - metro        |
|     scope    |  string  | public_profile, email, user_birthday |
|     fields   |  string  |         name,email,picture           |
|   callback   | function |          resultFacebookLogin         |
|   autoLoad   |  boolean |                 false                |
|     xfbml    |  boolean |                 false                |
|   textButton |  string  |          Login with Facebook         |
|   cssClass   |  string  | kep-login-facebook kep-login-facebook-[button-size]|
|   version    |  string  |                  2.3                 |
|   icon       |  string  |                  none                |
|   language   |  string  |                  en_US               |
npm package: @sse-auth/icons-files
Description: Icons for sse-auth
Author: SSE World
Latest version: 1.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# SSE Auth Icons Svg

Available libraries are:-
- [Font Awesome 5](./svg/fa5)
- [Font Awesome 6](./svg/fa6)
- [Circum-Icons](./svg/ci)
- [Ionicons 4](./svg/io)
- [Ionicons 5](./svg/io5)
npm package: @sse-auth/locale
Description: Localization for SSE Auth
Author: SSE World
Latest version: 1.2.1

| Locale                | File           | From  |
| --------------------- | -------------- | ----- |
| Arabic                | `lib/ar_AE.ts` | 1.0.0 |
| Chinese (simplified)  | `lib/zh_CN.ts` | 1.0.0 |
| Chinese (traditional) | `lib/zh_TW.ts` | 1.0.0 |
| English               | `lib/en_US.ts` | 1.0.0 |
| French                | `lib/fr_FR.ts` | 1.0.0 |
| German                | `lib/de_DE.ts` | 1.0.0 |
| Italian               | `lib/it_IT.ts` | 1.0.0 |
| Japanese              | `lib/jp_JP.ts` | 1.0.0 |
| Korean                | `lib/ko_KR.ts` | 1.0.0 |
| Hindi                 | `lib/hi_IN.ts` | 1.0.0 |
| Portuguese            | `lib/pt_PT.ts` | 1.1.0 |
| Russian               | `lib/ru_RU.ts` | 1.1.0 |
| Spanish               | `lib/es_ES.ts` | 1.1.0 |
| Vietnamese            | `lib/vi_VN.ts` | 1.1.0 |
npm package: @sse-auth/types
Description: `@sse-auth/types` is a TypeScript package that provides type definitions for the SSE Auth library. This package includes various types and interfaces that help in building authentication systems using different providers such as OAuth, Email, and WebAuthn
Author: SSE World
Latest version: 1.6.0

# @sse-auth/types

`@sse-auth/types` is a TypeScript package that provides type definitions for the SSE Auth library. This package includes various types and interfaces that help in building authentication systems using different providers such as OAuth, Email, and WebAuthn.

## Table of Contents

- [Installation](#installation)
- [Contributing](#contributing)
- [License](#license)
<!-- - [Usage](#usage)
- [Types Overview](#types-overview)
  - [Color Types](#color-types)
  - [Element States](#element-types)
  - [Provider Types](#provider-types)
  - [Error Types](#error-types)
  - [Localization](#localization) -->

## Installation

To install the package, use npm or yarn:

```bash
npm install @sse-auth/types
```

or

```bash
yarn add @sse-auth/types
```

<!-- ## Usage -->

## Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue for any enhancements or bug fixes.

## License

This package is licensed under the [MIT License](LICENSE). See the LICENSE file for more information.
npm package: @sse-editor/core
Description: headless rich text editor
Author: SSE World
Latest version: 1.1.0

# @sse-editor/core
[![Version](https://img.shields.io/npm/v/@sse-editor/core.svg?label=version)](https://www.npmjs.com/package/@sse-editor/core)
[![Downloads](https://img.shields.io/npm/dm/@sse-editor/core.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@sse-editor/core.svg)](https://www.npmjs.com/package/@sse-editor/core)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction
Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.

## Official Documentation
Documentation can be found on the [SSE World website](https://sseworld.github.io/blog-editor).

<!-- ## License -->
<!-- Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md). -->
npm package: @sse-editor/extension-blockquote
Description: blockquote extension for sse blog
Author: SSE World
Latest version: 1.1.0

# @sse-editor/extension-blockquote
[![Version](https://img.shields.io/npm/v/@sse-editor/blog-extension-blockquote.svg?label=version)](https://www.npmjs.com/package/@sse-editor/blog-extension-blockquote)
[![Downloads](https://img.shields.io/npm/dm/@sse-editor/blog-extension-blockquote.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@sse-editor/blog-extension-blockquote.svg)](https://www.npmjs.com/package/@sse-editor/blog-extension-blockquote)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction
Blog Editor is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.

## Official Documentation
Documentation can be found on the [Blog Editor website](https://sseworld.github.io).

## License
Blog Editor is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
npm package: @sse-editor/extension-bold
Description: bold extension for SSE World Blog Editor
Author: SSE World
Latest version: 1.1.0

# @sse-editor/extension-bold
[![Version](https://img.shields.io/npm/v/@sse-editor/extension-bold.svg?label=version)](https://www.npmjs.com/package/@sse-editor/extension-bold)
[![License](https://img.shields.io/npm/l/@sse-editor/extension-bold.svg)](https://www.npmjs.com/package/@sse-editor/extension-bold)

## Introduction
Blog Editor is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.

## Official Documentation
Documentation can be found on the [Blog Editor website](https://sseworld.github.io).

<!-- ## License
Blog Editor is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md). -->
npm package: @sse-editor/extension-bubble-menu
Description: bubble-menu extension for SSE World
Author: SSE World
Latest version: 1.1.0

# @sse-editor/extension-bubble-menu

[![Version](https://img.shields.io/npm/v/@sse-editor/extension-bubble-menu.svg?label=version)](https://www.npmjs.com/package/@sse-editor/extension-bubble-menu)
[![License](https://img.shields.io/npm/l/@sse-editor/extension-bubble-menu.svg)](https://www.npmjs.com/package/@sse-editor/extension-bubble-menu)

## Introduction

Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.

## Official Documentation

Documentation can be found on the [SSE Docs website](https://sseworld.github.io).

<!-- ## License

Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md). -->
npm package: @sse-editor/extension-bullet-list
Description: bullet list extension for SSE Blog Editor
Author: SSE World
Latest version: 1.1.0

# @sse-editor/extension-bullet-list
[![Version](https://img.shields.io/npm/v/@sse-editor/extension-bullet-list.svg?label=version)](https://www.npmjs.com/package/@sse-editor/extension-bullet-list)
[![Downloads](https://img.shields.io/npm/dm/@sse-editor/extension-bullet-list.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@sse-editor/extension-bullet-list.svg)](https://www.npmjs.com/package/@sse-editor/extension-bullet-list)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction
Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.

## Official Documentation
Documentation can be found on the [SSE Docs website](https://sseworld.github.io).

<!-- ## License -->
<!-- Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md). -->
npm package: @sse-editor/extension-character-count
Description: font family extension for tiptap
Latest version: 1.1.0

# @sse-editor/extension-character-count
[![Version](https://img.shields.io/npm/v/@sse-editor/extension-character-count.svg?label=version)](https://www.npmjs.com/package/@sse-editor/extension-character-count)
[![Downloads](https://img.shields.io/npm/dm/@sse-editor/extension-character-count.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@sse-editor/extension-character-count.svg)](https://www.npmjs.com/package/@sse-editor/extension-character-count)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction
Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.

## Official Documentation
Documentation can be found on the [SSE Docs website](https://sseworld.github.io).

<!-- ## License
Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md). -->
npm package: @sse-editor/extension-code
Description: code extension for tiptap
Latest version: 1.1.0

# @sse-editor/extension-code
[![Version](https://img.shields.io/npm/v/@sse-editor/extension-code.svg?label=version)](https://www.npmjs.com/package/@sse-editor/extension-code)
[![Downloads](https://img.shields.io/npm/dm/@sse-editor/extension-code.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@sse-editor/extension-code.svg)](https://www.npmjs.com/package/@sse-editor/extension-code)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction
Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.

## Official Documentation
Documentation can be found on the [SSE Docs website](https://sseworld.github.io).

<!-- ## License
Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md). -->
npm package: @sse-editor/extension-code-block
Description: code block extension for tiptap
Latest version: 1.1.0

# @sse-editor/extension-code-block
[![Version](https://img.shields.io/npm/v/@sse-editor/extension-code-block.svg?label=version)](https://www.npmjs.com/package/@sse-editor/extension-code-block)
[![Downloads](https://img.shields.io/npm/dm/@sse-editor/extension-code-block.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@sse-editor/extension-code-block.svg)](https://www.npmjs.com/package/@sse-editor/extension-code-block)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction
Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as *New York Times*, *The Guardian* or *Atlassian*.

## Official Documentation
Documentation can be found on the [SSE Docs website](https://sseworld.github.io).

<!-- ## License
Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md). -->