open-index/open-npm huggingface dataset:
npm package: @simple-fast-ui/alert-dialog
Description: react component alest dialog
Author: lucas manoguerra
Latest version: 0.0.3

# @simple-fast-ui/alert-dialog

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
  yarn add @simple-fast-ui/alert-dialog

  # or

  npm i @simple-fast-ui/alert-dialog

```
npm package: @simple-fast-ui/avatar
Description: react component avatar
Author: lucas manoguerra
Latest version: 0.0.3

# @simple-fast-ui/avatar

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
  yarn add @simple-fast-ui/avatar

  # or

  npm i @simple-fast-ui/avatar

```
npm package: @simple-fast-ui/badge
Description: react componets badge
Author: lucas manoguerra
Latest version: 0.0.3

# @simple-fast-ui/badge

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
  yarn add @simple-fast-ui/badge

  # or

  npm i @simple-fast-ui/badge

```
npm package: @simple-fast-ui/button
Description: A Quick description of the component
Author: lucas manoguerra
Latest version: 0.0.3

# @simple-fast-ui/button

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
  yarn add @simple-fast-ui/button

  # or

  npm i @simple-fast-ui/button

```
npm package: @simple-fast-ui/styles
Description: To install dependencies:
Author: lucas manoguerra
Latest version: 0.0.3

# @simple-fast-ui/styles

A Quick description of the component

> This is an internal utility, not intended for public usage.

## Installation

```sh
  yarn add @simple-fast-ui/styles

  # or

  npm i @simple-fast-ui/styles

```
npm package: @simple-focus/prettier-config
Description: Simple Focus base prettier configuration.
Author: Simple Focus
Latest version: 1.1.0

# `@simplefocus/prettier-config`

> Simple Focus base prettier configuration.


## Usage

__Install:__

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

__Create `prettier.config.js`:__

```js
module.exports = require('@simplefocus/prettier-config')
```

__Extending/overwriting__

> Note: In most cases this shouldn't be necessary.

```js
module.exports = {
  ...require('@simplefocus/prettier-config'),
  tabWidth: 2,
}
```


## Publishing to npm

Read npm's docs on [How to Update a Package](https://docs.npmjs.com/getting-started/publishing-npm-packages#how-to-update-a-package).

1. Checkout and pull the `main` branch.

2. Run the release script to bump the version numbers (the script will create a commit and push up the release branch to GitHub for you).

    ```shell
    sh ./scripts/release
    ```

    Use [semantic versioning](https://docs.npmjs.com/about-semantic-versioning/) to choose the appropriate version number.

3. Submit and merge a PR from the release branch into `main`.

4. Make sure you're logged into npm from the command line using `npm whoami`. If you're not logged in, `npm login`.

5. `npm publish`


## Additional Plugins

### Tailwind

- https://github.com/Acidic9/prettier-plugin-tailwind

### Twig

- https://github.com/trivago/prettier-plugin-twig-melody
- https://github.com/mubaraqwahab/prettier-plugin-twig-enhancements
npm package: @simple-html/core
Description: helpers for lit-html
Author: vegar.ringdal@gmail.com
Latest version: 3.7.0-next.6

# @simple-html/core

Helper lib using lit-html

### Install

-   `npm install @simple-html/core`

### Sample

-   `git clone https://github.com/simple-html/simple-html`
-   `npm install`
-   `npm start core`

### Bundle size:

https://bundlephobia.com/result?p=@simple-html/core

### Docs

Docs for all repos will be [here](https://github.com/simple-html/simple-html)
npm package: @simple-html/datasource
Description: datasource
Author: vegar.ringdal@gmail.com
Latest version: 5.0.0-next.1

# @simple-html/datasource

Datasource made for `@simple-html/grid`


[sample](https://vegarringdal.github.io/rebuild-grid/index.html)

API docs:
-   [Grid](https://vegarringdal.github.io/simple-html/grid/index.html)
-   [Datasource](https://vegarringdal.github.io/simple-html/datasource/index.html)

Source code:
-   [Grid](https://github.com/vegarringdal/simple-html/tree/master/packages/grid)
-   [Datasource](https://github.com/vegarringdal/simple-html/tree/master/packages/datasource)

Features/Todo:
- [todo](https://github.com/vegarringdal/simple-html)


Minimal sample:
```ts
import './index.css';
import { Datasource } from '@simple-html/datasource';
import { GridInterface, GridElement, GridConfig } from '@simple-html/grid';
import "@simple-html/grid/dist/grid.css";

/**
 * create datasource
 */
const datasource = new Datasource();

// add data
datasource.setData([
    { firstname: 'first1', lastname: 'last1' },
    { firstname: 'first2', lastname: 'last2' },
    { firstname: 'first3', lastname: 'last3' }
]);

/**
 * create gridConfig
 */
const gridConfig: GridConfig = {
    columnsCenter: [
        {
            rows: ['firstname'],
            width: 100
        },
        {
            rows: ['lastname'],
            width: 100
        }
    ],
    attributes: [
        {
            attribute: 'firstname'
        },
        {
            attribute: 'lastname'
        }
    ]
};


/**
 * create interface and add gridconfig and datasource to it
 */
const gridInterface = new GridInterface(gridConfig, datasource);

/**
 * create element for the grid
 */
const element = document.createElement('simple-html-grid') as GridElement;
element.style.width = '100%';
element.style.height = '100%';
element.style.display = 'flex';
element.classList.add('simple-html-grid');
element.connectInterface(gridInterface);

document.body.appendChild(element);
```
npm package: @simple-html/date
Description: simple html datepicker
Author: vegar.ringdal@gmail.com
Latest version: 3.7.0-next.6

# simple-html-date


IMPORTANT! -> very early state of developement..
Simple date picker

### Install

-   `npm install @simple-html/date`

### Sample

-   `git clone https://github.com/simple-html/simple-html`
-   `npm install`
-   `npm start date`

### Bundle size:

https://bundlephobia.com/result?p=@simple-html/date

### Docs

Docs for all repos will be [here](https://github.com/simple-html/simple-html)
npm package: @simple-html/dropdown
Description: Simple dropdown component
Author: vegar.ringdal@gmail.com
Latest version: 3.7.0-next.6

# simple-html/dropdown



### Install

-   `npm install @simple-html/dropdown`

### Sample

-   `git clone https://github.com/simple-html/simple-html`
-   `npm install`
-   `npm start dropdown`

### Bundle size:

https://bundlephobia.com/result?p=@simple-html/dropdown

### Docs

Docs for all repos will be [here](https://github.com/simple-html/simple-html)
npm package: @simple-html/grid-rebuild
Description: Vanillajs Grid
Author: Vegar Ringdal
Latest version: 5.0.0-next.1

# @simple-html/grid

Grid made for `@simple-html/datasource`

Sample:
- [sample](https://vegarringdal.github.io/rebuild-grid/index.html)

API docs:
-   [Grid](https://vegarringdal.github.io/simple-html/grid/index.html)
-   [Datasource](https://vegarringdal.github.io/simple-html/datasource/index.html)

Source code:
-   [Grid](https://github.com/vegarringdal/simple-html/tree/master/packages/grid)
-   [Datasource](https://github.com/vegarringdal/simple-html/tree/master/packages/datasource)

Features/Todo:
- [todo](https://github.com/vegarringdal/simple-html)


Minimal sample:
```ts
import './index.css';
import { Datasource } from '@simple-html/datasource';
import { GridInterface, GridElement, GridConfig } from '@simple-html/grid';
import "@simple-html/grid/dist/grid.css";

/**
 * create datasource
 */
const datasource = new Datasource();

// add data
datasource.setData([
    { firstname: 'first1', lastname: 'last1' },
    { firstname: 'first2', lastname: 'last2' },
    { firstname: 'first3', lastname: 'last3' }
]);

/**
 * create gridConfig
 */
const gridConfig: GridConfig = {
    columnsCenter: [
        {
            rows: ['firstname'],
            width: 100
        },
        {
            rows: ['lastname'],
            width: 100
        }
    ],
    attributes: [
        {
            attribute: 'firstname'
        },
        {
            attribute: 'lastname'
        }
    ]
};


/**
 * create interface and add gridconfig and datasource to it
 */
const gridInterface = new GridInterface(gridConfig, datasource);

/**
 * create element for the grid
 */
const element = document.createElement('simple-html-grid') as GridElement;
element.style.width = '100%';
element.style.height = '100%';
element.style.display = 'flex';
element.classList.add('simple-html-grid');
element.connectInterface(gridInterface);

document.body.appendChild(element);
```
npm package: @simple-html/router
Description: Lit html router
Author: Vegar Ringdal
Latest version: 3.7.0-next.6

# simple-html-router

Work in progress, very simple docs, se demo for more info api changing a lot- will do untill I get
time to refactor/clean up all code Im extperimenting with

### Install

-   `npm install @simple-html/router`

### Sample

-   `git clone https://github.com/simple-html/simple-html`
-   `npm install`
-   `npm start router`

### Bundle size:

https://bundlephobia.com/result?p=@simple-html/router

### Docs

Docs for all repos will be [here](https://github.com/simple-html/simple-html)
npm package: @simple-html/splitter
Description: Simple splitter
Author: vegar.ringdal@gmail.com
Latest version: 3.7.0-next.6

# simple-html-splitter


### Install

-   `npm install @simple-html/splitter`

### Sample

-   `git clone https://github.com/simple-html/simple-html`
-   `npm install`
-   `npm start splitter`

### Bundle size:

https://bundlephobia.com/result?p=@simple-html/splitter

### Docs

Docs for all repos will be [here](https://github.com/simple-html/simple-html)
npm package: @simple-lang/obsidian-search
Description: Obsidian vault search MCP server — 11 tools for full-text search, graph traversal, authority ranking, tags, tasks, and decisions. Native binary, no Node.js runtime needed.
Author: Simple Language Project
Latest version: 0.2.0
Deprecated: Renamed to @simple-lang/obsidian-lsp-mcp-server

ERROR: No README data found!
npm package: @simple-languages/template
Description: A better liquid-like templating engine
Author: Dorian Marié
Latest version: 0.1.0

# .template

# Installation

```js
yarn add @simple-languages/template
// or
npm install @simple-languages/template
// or
<script src="https://unpkg.com/@simple-languages/template"></script>
```

# Usage

```js
import Template from "@simple-languages/template"
// or
const Template = require("@simple-languages/template")
```

## Rendering

```js
Template.render("{{ [1, 2, 3] }}") // => [1, 2, 3]
```

## Parsing

```js
Template.parse("hello {{ "dorian" | capitalize }}")
```

# Examples

```liquid
<p>{{ "hello " | plus "world" }}</p>
```

```liquid
{% for user in users %}
  {{ user.name }}
{% endfor %}
```

```liquid
{% if user.admin %}
  {{ "delete everything" | link_to "/secret/button" }}
{% endif %}
```

```liquid
<p>
  hi {{ user.name }}
</p>

<p>
  welcome to the {{ repo.name }} repository, you might want to check out
  those other projects:
</p>

<ul>
  {% for project in projects %}
    {% unless project.fork %}
      <li>
        <a href="{{ project.url }}">
          {{ project.name }}
        </a>
      </li>
    {% endunless %}
  {% endfor %}
</ul>

<p>
  thanks for reading this on a {{ "now" | date "%A" | downcase }}
</p>
````

```liquid
hello {{ user.name | capitalize }}

{% for todo in user.todos %}
  {{ todo.done | true_false "DONE" "TODO" }}
  {{ todo.name }}

  {% now = "now" | to_date %}
  {% if todo.due_date | and (todo.due_date | to_date | more_than now) %}
    due by {{ todo.due_date | to_date "short" }}
  {% endif %}
{% endfor %}
```
npm package: @simple-libs/child-process-utils
Description: A small set of utilities for child process.
Author: Dan Onoshko
Latest version: 1.0.2

# @simple-libs/child-process-utils

[![ESM-only package][package]][package-url]
[![NPM version][npm]][npm-url]
[![Node version][node]][node-url]
[![Dependencies status][deps]][deps-url]
[![Install size][size]][size-url]
[![Build status][build]][build-url]
[![Coverage status][coverage]][coverage-url]

[package]: https://img.shields.io/badge/package-ESM--only-ffe536.svg
[package-url]: https://nodejs.org/api/esm.html

[npm]: https://img.shields.io/npm/v/@simple-libs/child-process-utils.svg
[npm-url]: https://www.npmjs.com/package/@simple-libs/child-process-utils

[node]: https://img.shields.io/node/v/@simple-libs/child-process-utils.svg
[node-url]: https://nodejs.org

[deps]: https://img.shields.io/librariesio/release/npm/@simple-libs/child-process-utils
[deps-url]: https://libraries.io/npm/@simple-libs%2Fchild-process-utils

[size]: https://packagephobia.com/badge?p=@simple-libs/child-process-utils
[size-url]: https://packagephobia.com/result?p=@simple-libs/child-process-utils

[build]: https://img.shields.io/github/actions/workflow/status/TrigenSoftware/simple-libs/tests.yml?branch=main
[build-url]: https://github.com/TrigenSoftware/simple-libs/actions

[coverage]: https://coveralls.io/repos/github/TrigenSoftware/simple-libs/badge.svg?branch=main
[coverage-url]: https://coveralls.io/github/TrigenSoftware/simple-libs?branch=main

A small set of utilities for child process.

## Install

```bash
# pnpm
pnpm add @simple-libs/child-process-utils
# yarn
yarn add @simple-libs/child-process-utils
# npm
npm i @simple-libs/child-process-utils
```

## Usage

```ts
import {
  exitCode,
  catchProcessError,
  throwProcessError,
  outputStream,
  output
} from '@simple-libs/child-process-utils'

// Wait for a child process to exit and return its exit code
await exitCode(spawn())
// Returns 0 if the process exited successfully, or the exit code if it failed

// Catch error from a child process
await catchProcessError(spawn())
// Returns the error if the process failed, or null if it succeeded

// Throws an error if the child process exits with a non-zero code.
await throwProcessError(spawn())

// Yields the stdout of a child process.
// It will throw an error if the process exits with a non-zero code.
for await (chunk of outputStream(spawn())) {
  console.log(chunk.toString())
}

// Collects the stdout of a child process into a single Buffer.
// It will throw an error if the process exits with a non-zero code.
await output(spawn())
// Returns a Buffer with the stdout of the process
```
npm package: @simple-libs/hosted-git-info
Description: A small library to parse hosted git info.
Author: Dan Onoshko
Latest version: 1.0.2

# @simple-libs/hosted-git-info

[![ESM-only package][package]][package-url]
[![NPM version][npm]][npm-url]
[![Node version][node]][node-url]
[![Dependencies status][deps]][deps-url]
[![Install size][size]][size-url]
[![Build status][build]][build-url]
[![Coverage status][coverage]][coverage-url]

[package]: https://img.shields.io/badge/package-ESM--only-ffe536.svg
[package-url]: https://nodejs.org/api/esm.html

[npm]: https://img.shields.io/npm/v/@simple-libs/hosted-git-info.svg
[npm-url]: https://www.npmjs.com/package/@simple-libs/hosted-git-info

[node]: https://img.shields.io/node/v/@simple-libs/hosted-git-info.svg
[node-url]: https://nodejs.org

[deps]: https://img.shields.io/librariesio/release/npm/@simple-libs/hosted-git-info
[deps-url]: https://libraries.io/npm/@simple-libs%2Fhosted-git-info

[size]: https://packagephobia.com/badge?p=@simple-libs/hosted-git-info
[size-url]: https://packagephobia.com/result?p=@simple-libs/hosted-git-info

[build]: https://img.shields.io/github/actions/workflow/status/TrigenSoftware/simple-libs/tests.yml?branch=main
[build-url]: https://github.com/TrigenSoftware/simple-libs/actions

[coverage]: https://coveralls.io/repos/github/TrigenSoftware/simple-libs/badge.svg?branch=main
[coverage-url]: https://coveralls.io/github/TrigenSoftware/simple-libs?branch=main

A small library to parse hosted git info.

## Install

```bash
# pnpm
pnpm add @simple-libs/hosted-git-info
# yarn
yarn add @simple-libs/hosted-git-info
# npm
npm i @simple-libs/hosted-git-info
```

## Usage

```ts
import { parseHostedGitUrl } from '@simple-libs/hosted-git-info'

parseHostedGitUrl('github:foo/bar')
/* {
  type: 'github',
  url: 'https://github.com/foo/bar',
  host: 'https://github.com',
  owner: 'foo',
  project: 'bar'
} */
parseHostedGitUrl('git+ssh://bitbucket.org:foo/bar.git')
/* {
  type: 'bitbucket',
  url: 'https://bitbucket.org/foo/bar',
  host: 'https://bitbucket.org',
  owner: 'foo',
  project: 'bar'
} */
parseHostedGitUrl('https://user@gitlab.com/foo/bar.git#branch')
/* {
  type: 'gitlab',
  url: 'https://gitlab.com/foo/bar/tree/branch',
  host: 'https://gitlab.com',
  owner: 'foo',
  project: 'bar'
} */
```
npm package: @simple-libs/stream-utils
Description: A small set of utilities for streams.
Author: Dan Onoshko
Latest version: 1.2.0

# @simple-libs/stream-utils

[![ESM-only package][package]][package-url]
[![NPM version][npm]][npm-url]
[![Node version][node]][node-url]
[![Dependencies status][deps]][deps-url]
[![Install size][size]][size-url]
[![Build status][build]][build-url]
[![Coverage status][coverage]][coverage-url]

[package]: https://img.shields.io/badge/package-ESM--only-ffe536.svg
[package-url]: https://nodejs.org/api/esm.html

[npm]: https://img.shields.io/npm/v/@simple-libs/stream-utils.svg
[npm-url]: https://www.npmjs.com/package/@simple-libs/stream-utils

[node]: https://img.shields.io/node/v/@simple-libs/stream-utils.svg
[node-url]: https://nodejs.org

[deps]: https://img.shields.io/librariesio/release/npm/@simple-libs/stream-utils
[deps-url]: https://libraries.io/npm/@simple-libs%2Fstream-utils

[size]: https://packagephobia.com/badge?p=@simple-libs/stream-utils
[size-url]: https://packagephobia.com/result?p=@simple-libs/stream-utils

[build]: https://img.shields.io/github/actions/workflow/status/TrigenSoftware/simple-libs/tests.yml?branch=main
[build-url]: https://github.com/TrigenSoftware/simple-libs/actions

[coverage]: https://coveralls.io/repos/github/TrigenSoftware/simple-libs/badge.svg?branch=main
[coverage-url]: https://coveralls.io/github/TrigenSoftware/simple-libs?branch=main

A small set of utilities for streams.

## Install

```bash
# pnpm
pnpm add @simple-libs/stream-utils
# yarn
yarn add @simple-libs/stream-utils
# npm
npm i @simple-libs/stream-utils
```

## Usage

```ts
import {
  toArray,
  concatBufferStream,
  concatStringStream,
  firstFromStream,
  mergeReadables
} from '@simple-libs/stream-utils'

// Convert a readable stream to an array
await toArray(Readable.from(['foo', 'bar', 'baz']))
// Returns ['foo', 'bar', 'baz']

// Concatenate a stream of buffers into a single buffer
await concatBufferStream(Readable.from([Buffer.from('foo'), Buffer.from('bar')]))
// Returns <Buffer 66 6f 6f 62 61 72>

// Concatenate a stream of strings into a single string
await concatStringStream(Readable.from(['foo', 'bar']))
// Returns 'foobar'

// Get the first value from a stream
await firstFromStream(Readable.from(['foo', 'bar']))
// Returns 'foo'

// Merges multiple Readable streams into a single Readable stream.
// Each chunk will be an object containing the source stream name and the chunk data.
await mergeReadables({
  foo: Readable.from(['foo1', 'foo2']),
  bar: Readable.from(['bar1', 'bar2'])
})
// Returns [{ source: 'foo', chunk: 'foo1' }, { source: 'foo', chunk: 'foo2' }, { source: 'bar', chunk: 'bar1' }, { source: 'bar', chunk: 'bar2' }]
```