open-index/open-npm huggingface dataset:
npm package: @ludeeus/colorlog
Description: A simple component to format log output with colors.
Author: Joakim Sørensen
Latest version: 0.3.0

# Colorlog

[![npm](https://img.shields.io/npm/v/@ludeeus/colorlog?style=for-the-badge)](https://www.npmjs.com/package/@ludeeus/colorlog)
[![npm](https://img.shields.io/badge/demo-live-green?style=for-the-badge)](https://rawcdn.githack.com/ludeeus/colorlog/master/example.html)
[![npm](https://img.shields.io/badge/example-file-blue?style=for-the-badge)](https://github.com/ludeeus/colorlog/blob/master/example.ts)

![example](https://raw.githubusercontent.com/ludeeus/colorlog/master/example.png)

A simple component to format log output with colors.

Currently only output from pythons `logging` package is supported.

## Example usage

See [the demo](https://rawcdn.githack.com/ludeeus/colorlog/master/example.html) for examples on how it can look.

See [example.ts](https://github.com/ludeeus/colorlog/blob/master/example.ts) for examples on how you can use it.

```typescript
import "@ludeeus/colorlog";
```

## How it works

The component has one property (`log`), here you can feed it a text representation of your output.
It will split the input on newline, and scan each line for a know indicator on what type of log line it is.

## CSS vars

| CCS Var                  | Default     |
| ------------------------ | ----------- |
| `--colorlog-font-family` | `monospace` |
| `--colorlog-text`        | `#000000`   |
| `--colorlog-debug`       | `#00b2fd`   |
| `--colorlog-info`        | `#00ab00`   |
| `--colorlog-warning`     | `#ffc303`   |
| `--colorlog-error`       | `#f00000`   |
| `--colorlog-critical`    | `#d00000`   |
npm package: @ludekarts/latte
Description: Super-minimalistic testing framework to run in browser
Author: Wojciech Ludwin, @ludekarts
Latest version: 1.0.2

# Latte

![latte.js-logo](./assets/latte.svg)

Super-minimalistic testing framework to run in browser.

# Install

1. Use UNPKG as a source
   ```
   <script
     type="module"
     data-latte-tests="./my.test.js"
     src="https://unpkg.com/@ludekarts/latte/dist/latte.min.js"
   ></script>
   ```
1. Install with NPM

   ```
   npm install @ludekarts/latte
   . . .

   <script
     type="module"
     data-latte-tests="./my.test.js"
     src="../node_modules/@ludekarts/latte/dist/latte.min.js"
   ></script>
   ```

# Usage

On **📝 test.html** include below

```
<script
  type="module"
  src="./latte.js"
  data-latte-tests="./my.test.js"
></script>
```

On **📝 my.test.js** write test as usual:

```
describe("Sample tests", () => {

  it("Should be OK", () => {
    expect(1).to.have.equal(1);
  });

  it("Should fail", () => {
    expect(1).to.have.equal(2);
  });

});
```

To run **only** one test case follow code below:

```
only.it("Should run only this one", () => {
  expect(1).to.have.equal(1);
});
```

# HTML API

Script tag gets following attributes:

| Attribute        | Value                 | Required | Description                                                      |
| ---------------- | --------------------- | :------: | ---------------------------------------------------------------- |
| type             | module                |    ✔️    | Allows for run and import ESM in JS code                         |
| src              | path/to/latte.js      |    ✔️    | URL to Latte.js                                                  |
| data-latte-tests | path/to/spec.js       |    ✔️    | URL to tests file                                                |
| data-chai        | path/to/chai.js false |    ➖    | Path to Chai library, or "false" to disbale default chai loading |
npm package: @ludekarts/miniedit
Description: Minimalistic rich text editor based on Markdown
Author: Wojciech Ludwin, @ludekarts, ludekarts@gmail.com
Latest version: 0.1.4

# MiniEdit

Minimalistic, Markdown-based rich text editor.
To do description . . .

## Install

```
npm i @ludekarts/miniedit
```

## Usage

**With bundler:**

```
import MiniEdit from "@ludekarts/miniedit";

const editor = MiniEdit("#container");
```

**With browser:**

```
. . .
```

## MiniEdit API


### setText(markdown)

Sets full text in the editor e.g:

```
editor.setText(`
  # Hello world

  This is some paragraph of text. This one is **bold**.
`);
```

### insertText(markdown)

Insert markdown in place of the caret.


```
editor.insertText(`![myImage](https://link.to/my/image.png)`);
```

### getText()

Returns whole markdown markup from the document.

```
editor.getText();
```