open-index/open-npm huggingface dataset:
npm package: @martin-hillford/markdown-ts-react
Description: This is a React wrapper for the markdown-ts library. Please, see <https://github.com/martin-hillford/markdown-ts> for more information on the supported syntax.
Author: Martin Hillford
Latest version: 1.0.6

# markdown-ts-react

This is a React wrapper for the markdown-ts library. Please, see <https://github.com/martin-hillford/markdown-ts>
for more information on the supported syntax.

## Plugins

```typescript

interface IInlineParser {
    /**
     * Get's the first index for this parser matches
     * @param text
     * @return the index of where the match is happening or null when no index is matching.
     */
    getIndex(text: string): number | null;

    /**
     * Parses the text into an annotation. However,
     * if text does not contain the annotation, null **should** be return
     * @param text The text to parse
     * @returns The annotation when found, else null
     */
    parse(text: string | null | undefined): Annotation | null;
}

interface Annotation {
  /** contains the head, on this tail more parsing may be performed **/
  head?: string | null | undefined
  /** This method should render the annotation **/
  render?: (() => string) | null | undefined
  /** contains the tail, on this tail more parsing is performed **/
  tail?: string | null | undefined
  /** the content - thaht's is unrendered content **/
  content?: string | null | undefined
};

```

## License
Copyright Martin Hillford, available under the MIT License.
npm package: @martin-hillford/sefer-chat
Description: A react library for using the chat system within in the Sefer framework
Author: Martin Hillford
Latest version: 1.2.2

# Sefer Chat frontend library

This library contains a React chat component that can work various settings, like admin panel, public website and the app.

To use the Chat component, the component need to be wrapped in the styled components **ThemeProvider** provider the follow theme

```ts
  export interface DefaultTheme {
    colors: {
        primary: string
        secondary: string
        tertiary: string
        text: string
        background: string
        error: string
        lightGray: string
    }
    screens: { medium: number }
    maxWidth: number
}
```

Additionally, it needs to be wrapped the **FetchContextProvider** from **martin-hillford/sefer-fetch** library.
npm package: @martin-hillford/sefer-fetch
Description: Provides a fetch library for all Sefer front-ends. Capable of fetching over http(s) or other channels by a custom implementation of the fetch interface
Author: Martin Hillford
Latest version: 1.0.11

# Sefer Fetch
Provides a fetch library for all Sefer front-ends. 
Capable of fetching over http(s) or other channels by a custom implementation of the fetch interface.

## License

Copyright Martin Hillford, available under the MIT License.
npm package: @martin-kolarik/batch-queue
Description: Batch queue
Author: Martin Kolárik
Latest version: 1.1.1

# batch-queue

## Installation

```
$ npm install @martin-kolarik/batch-queue
```

## Usage

```js
const BatchQueue = require('@martin-kolarik/batch-queue');

const batchQueue = new BatchQueue(async (items) => {
    // TODO: process `items` here.
}, /* list of options with their default values: */ {
    batchSize: 100, // process 100 items at once
    concurrency: 1, // run at most 1 instance of the processing function at a time
    timeout: 1000, // process the items after 1000 ms even if items.length < batchSize
});

batchQueue.push(...items);
```

Run `npm test` for examples.

## License
Copyright (c) 2019 Martin Kolárik. Released under the MIT license.
npm package: @martin-kolarik/eslint-config
Description: Shared eslint config
Author: Martin Kolárik
Latest version: 8.1.0

# eslint-config

Shared eslint config.

## Installation

```
$ npm install --save-dev @martin-kolarik/eslint-config
```

## Usage

In JavaScript projects:

```js
import { defineConfig } from 'eslint/config';
import javascript from '@martin-kolarik/eslint-config';

export default defineConfig([
    javascript,
]);
```

In TypeScript projects:

```ts
import { defineConfig } from 'eslint/config';
import typescript from '@martin-kolarik/eslint-config/typescript.js';
import typescriptTypeChecked from '@martin-kolarik/eslint-config/typescript-type-checked.js';

export default defineConfig([
    typescript,
    {
        files: [ 'src/**/*.ts' ],
        extends: [ typescriptTypeChecked ],

        languageOptions: {
            sourceType: 'module',

            parserOptions: {
                project: true,
            },
        },
    },
]);
```

## License
Copyright (c) 2018 Martin Kolárik. Released under the MIT license.
npm package: @martin-kolarik/stylelint-config
Description: Shared stylelint config
Author: Martin Kolárik
Latest version: 4.0.1

# stylelint-config

Shared stylelint config.

## Installation

```
$ npm install --save-dev @martin-kolarik/stylelint-config
```

## Usage

```json
{
    "extends": "@martin-kolarik/stylelint-config"
}
```

## License
Copyright (c) 2018 Martin Kolárik. Released under the MIT license.
npm package: @martin-pettersson/config
Description: A simple yet powerful configuration object
Author: Martin Pettersson
Latest version: 0.2.1

# Config
A simple yet powerful configuration object

## Usage
You can instantiate an empty Config object or pass an object to the constructor to initialize it with an existing data structure.

```javascript
// empty data structure
var config = new Config();

// existing data structure
var config = new Config({
    name: "Martin Pettersson",
    age: 27,
    pets: [
        "none",
        "none",
        "and",
        "NONE!"
    ]
});
```

The configuration object uses dot-notation to navigate the data structure eg.

```javascript
config.get("deeply.nested.value");
```

Given the following data structure the above statement would return `true`

```javascript
{
    deeply: {
        nested: {
            value: true
        }
    }
}
```

The same goes for adding values to the config object. Given an empty config object the following statement would create the same data structure.

```javascript
config.put("deeply.nested.value", true);
```

The config object will create the nested data structure as needed or just append to the existing one.

# Config Section
The ConfigSection extends Config but holds an internal reference to a Config object and operates on a given "section" of that config object. So the following statement:

```javascript
var configSection = new ConfigSection("section", config);

configSection.put("name", "Martin");
```

Would produce the following data structure:

```javascript
{
    section: {
        name: "Martin"
    }
}
```

So the config section can only change the data structure within its given section name. What's more is that because the ConfigSection carries a reference to a Config object and operates on that reference. The Config object is being updated directly without the need for any additional bindings. Let's have a complete example of that:

```javascript
var Config = require("@martin-pettersson/config").Config;
var ConfigSection = require("@martin-pettersson/config").ConfigSection;

var person = new Config();
var work = new ConfigSection("work", person);

person.put("firstName", "Martin");
person.put("lastName", "Pettersson");
person.put("age", 27);

// this will immediately be reflected on the person Config object
work.put("name", "Internetavdelningen");

console.log(
    "%s %s is %d years old and works at %s",
    person.get("firstName"),
    person.get("lastName"),
    person.get("age"),

    // we can now access the nested config section value from the person object
    person.get("work.name")
);

// output: Martin Pettersson is 27 years old and works at Internetavdelningen
```

The ConfigSection object can be a very powerful tool, each section of your program could be given their very own ConfigSection object and you could very easily keep a record of all the programs settings in one place. This makes persisting the settings a breeze. And as it actually extends Config it would of course pass:

```javascript
if (configSection instanceof Config) { // ...
```
npm package: @martin-pi/sails-mysql-json-na
Description: Fork of the MySQL adapter for Sails.js to use JSON fields with minimal changes from the original adapter.
Author: Mike McNeil
Latest version: 3.0.4

# Sails-MySQL Adapter with JSON <a target="_blank" href="http://www.mysql.com"><img src="http://www.mysql.com/common/logos/powered-by-mysql-125x64.png" alt="Powered by MySQL" title="sails-mysql: MySQL adapter for Sails"/></a>

MySQL adapter for the Sails framework and Waterline ORM.  Allows you to use MySQL via your models to store and retrieve data.  Also provides a `query()` method for a direct interface to execute raw SQL commands.



## Installation

Install from NPM.

```bash
# In your app:
$ npm install -s @martin-pi/sails-mysql-json-na
```

## Help

If you have further questions or are having trouble, click [here](http://sailsjs.com/support).


## Bugs &nbsp; [![NPM version](https://badge.fury.io/js/sails-mysql.svg)](http://npmjs.com/package/sails-mysql)

To report a bug, [click here](http://sailsjs.com/bugs).


## Contributing

Please observe the guidelines and conventions laid out in the [Sails project contribution guide](http://sailsjs.com/documentation/contributing) when opening issues or submitting pull requests.

[![NPM](https://nodei.co/npm/sails-mysql.png?downloads=true)](http://npmjs.com/package/sails-mysql)


#### Running the tests

To run the tests, point this adapter at your database by specifying a [connection URL](http://sailsjs.com/documentation/reference/configuration/sails-config-datastores#?the-connection-url) and run `npm test`:

```
WATERLINE_ADAPTER_TESTS_URL=mysql://root:myc00lP4ssw0rD@localhost/adapter_tests npm test
```

> For more info, see [**Reference > Configuration > sails.config.datastores > The connection URL**](http://sailsjs.com/documentation/reference/configuration/sails-config-datastores#?the-connection-url), or [ask for help](http://sailsjs.com/support).

## License

This adapter, like the [Sails framework](http://sailsjs.com) is free and open-source under the [MIT License](http://sailsjs.com/license).
npm package: @martin-stetina-unchained/filter-drop-shadow
Description: PixiJS filter to apply a drop shadow effect
Author: Martin Stetina
Latest version: 5.2.2

# DropShadowFilter

> PixiJS filter to apply a drop shadow effect.

[View demo](https://filters.pixijs.download/main/demo/index.html?enabled=DropShadowFilter)

## Installation

```bash
npm install @pixi/filter-drop-shadow
```

## Usage

```js
import {DropShadowFilter} from '@pixi/filter-drop-shadow';
import {Container} from 'pixi.js';

const container = new Container();
container.filters = [new DropShadowFilter()];
```

## Documentation

See https://filters.pixijs.download/main/docs/DropShadowFilter.html
npm package: @martin-stetina-unchained/pixi
Description: PixiJS Tools
Author: Martin Stetina
Latest version: 7.2.4

PixiJS — The HTML5 Creation Engine
=============

![pixi.js logo](https://pixijs.download/pixijs-banner-no-version.png)

The aim of this project is to provide a fast lightweight 2D library that works
across all devices. The PixiJS renderer allows everyone to enjoy the power of
hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast.

**We are now a part of the [Open Collective](https://opencollective.com/pixijs) and with your support you can help us make PixiJS even better. To make a donation, simply click the button below and we'll love you forever!**

<div align="center">
  <a href="https://opencollective.com/pixijs/donate" target="_blank">
    <img src="https://opencollective.com/pixijs/donate/button@2x.png?color=blue" width=250 />
  </a>
</div>

### Setup

PixiJS can be installed with [npm](https://docs.npmjs.com/getting-started/what-is-npm) to integrate with [Webpack](https://webpack.js.org/), [Browserify](http://browserify.org/), [Rollup](https://rollupjs.org/), [Electron](https://electron.atom.io/), [NW.js](https://nwjs.io/) or other module backed environments.

#### Install

```
npm install pixi.js
```
There is no default export. The correct way to import PixiJS is:

```js
import * as PIXI from 'pixi.js'
```
### Basic Usage Example

```js
import { Application, Assets, Sprite } from 'pixi.js';

// The application will create a renderer using WebGL, if possible,
// with a fallback to a canvas render. It will also setup the ticker
// and the root stage PIXI.Container
const app = new Application();

// The application will create a canvas element for you that you
// can then insert into the DOM
document.body.appendChild(app.view);

// load the texture we need
const texture = await Assets.load('bunny.png');

// This creates a texture from a 'bunny.png' image
const bunny = new Sprite(texture);

// Setup the position of the bunny
bunny.x = app.renderer.width / 2;
bunny.y = app.renderer.height / 2;

// Rotate around the center
bunny.anchor.x = 0.5;
bunny.anchor.y = 0.5;

// Add the bunny to the scene we are building
app.stage.addChild(bunny);

// Listen for frame updates
app.ticker.add(() => {
    // each frame we spin the bunny around a bit
    bunny.rotation += 0.01;
});
```

### License

This content is released under the (http://opensource.org/licenses/MIT) MIT License.
npm package: @martin-stetina-unchained/react-toast-popup
Description: React Toast Popup.
Author: Martin Stetina
Latest version: 1.0.5

# React Toast Popup

React Toast Popup is a simple and customizable toast notification component for React applications.

## Installation

You can install React Toast Popup via npm:

```jsx
pnpm install react-toast-popup
```

## Usage

To use React Toast Popup in your React application, follow these steps:

Import the useNotification hook and necessary styles in your component:

```jsx
import useNotification from "react-toast-popup";
```

Initialize the useNotification hook with your preferred position:

```jsx
const { NotificationComponent, triggerNotification } =
  useNotification("top-left");
```

#### Postions

- "bottom-left"
- "bottom-right"
- "top-left"
- "top-right"

Use NotificationComponent in your JSX to display notifications:

```jsx
return (
  <div className="App">
    {NotificationComponent}
    {/* Your other JSX content */}
  </div>
);
```

Trigger notifications using the triggerNotification function:

```jsx
triggerNotification({
  type: "success",
  message: "This is a success message!",
  duration: 3000,
});
```

#### Animations

You can specify an animation type for the notifications. The available animations are:

- "fade"
- "pop"
- "slide"

```jsx
triggerNotification({
  type: "success",
  message: "This is a success message with a pop animation!",
  duration: 3000,
  animation: "pop",
});
```

## API

```jsx
useNotification(position: PositionType)
```

This hook returns an object with the following properties:

- `NotificationComponent`: React element representing the notification container.
- `triggerNotification(notificationProps: NotificationProps)`: Function to trigger a notification with the specified properties.

`NotificationProps`
The triggerNotification function accepts an object of type NotificationProps, which includes:

- type: Type of the notification (success, info, warning, error).
- message: Message to display in the notification.
- duration: Duration in milliseconds for which the notification should be displayed.
- animation (optional): Animation type for the notification (fade, pop, slide).

## Example

Here's a basic example of how to use React Toast Popup:

```jsx
import React from "react";
import useNotification from "react-toast-popup";

function App() {
  const { NotificationComponent, triggerNotification } =
    useNotification("top-left");

  const handleButtonClick = () => {
    triggerNotification({
      type: "success",
      message: "This is a success message!",
      duration: 3000,
    });
  };

  return (
    <div className="App">
      {NotificationComponent}
      <h1>Toast Component</h1>
      <button onClick={handleButtonClick}>Show Success</button>
    </div>
  );
}

export default App;
```

## License

This project is licensed under the MIT License - see the LICENSE file for details.
npm package: @martin-stetina-unchained/tilemap
Description: PixiJS Tilemap
Author: Martin Stetina
Latest version: 7.2.4

# @martin-stetina-unchained/tilemap

## Installation

```bash
npm install @martin-stetina-unchained/tilemap
```

## Usage

```js
import { CompositeTilemap } from '@martin-stetina-unchained/tilemap';

const tilemap = new CompositeTilemap();
```
npm package: @martin.gregor/compendium-cdk
Description: Compendium AWS CDK package
Author: Jakub Knejzlik
Latest version: 0.0.3-rc.1

# compendium cdk
Compendium App aws infrastructure written in cdk.
It exports: 
* aws graphQl api with baked dynamodb and stepfunction to handle requests
* aws cloudformation stack with graphQl api

To build lib run:

### `npm run build`