open-index/open-npm huggingface dataset:
npm package: @matejlauko/stitches-react
Description: The modern CSS-in-JS library
Latest version: 1.2.9

# @matejlauko/stitches-react

**@matejlauko/stitches-react** is a react implementation of [stitches](https://stitches.dev), a CSS-in-JS library with a best-in-class developer experience.

<p><br /></p>

```sh
# with npm
npm install @matejlauko/stitches-react

# with yarn
yarn add @matejlauko/stitches-react
```

<p><br /></p>

<a href="https://codepen.io/embed/prefill?editable=true&default-tab=js%2Cresult&data=%7B%22js%22%3A%22import+%7B+styled+%7D+from+%27https%3A%2F%2Fcdn.skypack.dev%2F%40stitches%2Freact%27%3B%5Cn%5Cn%2F%2F+add+your+code+here%21%5Cn%2F%2F+see+https%3A%2F%2Fstitches.dev+for+documentation%22%7D"><img src="https://img.shields.io/badge/-open_in_codepen-2b354f?logo=codepen&style=flat-square" alt="open in codepen" valign="middle" align="right"></a>

<br />

```html
<script type="module">
  import { styled } from 'https://cdn.skypack.dev/@matejlauko/stitches-react'
</script>
```

<p><br /></p>

<a href="https://codepen.io/embed/prefill?editable=true&default-tab=js%2Cresult&data=%7B%22js%22%3A%22const+%7B+styled+%7D+%3D+stitches%5Cn%5Cn%2F%2F+add+your+code+here%21%5Cn%2F%2F+see+https%3A%2F%2Fstitches.dev+for+documentation%22%2C%22js_external%22%3A%22https%3A%2F%2Funpkg.com%2Freact%2Fumd%2Freact.development.js%3Bhttps%3A%2F%2Funpkg.com%2Freact-dom%2Fumd%2Freact-dom.development.js%3Bhttps%3A%2F%2Funpkg.com%2F%40stitches%2Freact%2Fdist%2Findex.global.js%22%7D"><img src="https://img.shields.io/badge/-open_in_codepen-2b354f?logo=codepen&style=flat-square" alt="open in codepen" valign="middle" align="right"></a>

<br />

```js
<script src="https://unpkg.com/@matejlauko/stitches-react/dist/index.global.js"></script>
<script>

const { styled } = stitches

</script>
```

<p><br /></p>

## Documentation

For full documentation, visit [stitches.dev](https://stitches.dev).

## Contributing

Please follow our [contributing guidelines](https://github.com/stitchesjs/stitches/blob/canary/CONTRIBUTING.md).

## Authors

- Pedro Duarte ([@peduarte](https://twitter.com/peduarte))
- Jonathan Neal ([@jon_neal](https://twitter.com/jon_neal))
- Abdulhadi Alhallak ([@hadi_hlk](https://twitter.com/hadi_hlk)) - [WorkOS](https://workos.com)

## License

Licensed under the MIT License, Copyright © 2022-present WorkOS.

See [LICENSE](./LICENSE.md) for more information.
npm package: @matejmazur/react-mathjax
Description: React component for MathJax
Latest version: 0.1.10
Deprecated: not maintained, use @matejmazur/react-katex instead

# React MathJax
*(experimental, not maintained, archived)*

## Why [`@matejmazur/react-katex`](https://www.npmjs.com/package/@matejmazur/react-katex)?
- it contains tests
- KaTeX with React is much better than MathJax
- supports macros! (example of usage in [demo](https://codesandbox.io/s/github/MatejMazur/react-katex/tree/master/demo) - replacing `\cdot` with asterisk `*`)
- smaller (1.8 kB minified, 920 B gzip)
- much more readable internal code (no weird quirks with mathjax lib)
- LaTeX is better than AsciiMath (KaTeX supports only LaTeX math)
- `react` and `katex` are in `pkg.devDependencies` (user now has power to update dependencies)
- ...

## Update
Here is better maintained repo: https://github.com/wko27/react-mathjax

## Quick info
React component to display math formulas written in AsciiMath or TeX.

![Example of usage](/example.gif)

Based on the [react-mathjax](https://github.com/SamyPesse/react-mathjax) from SamyPesse. The main difference is in updated deps, syntax and extended options (delay of rendering and support for AsciiMath).

## How to install
```
npm install @matejmazur/react-mathjax
```

## How to use
```jsx
const MathJax = require('@matejmazur/react-mathjax')
const ascii = 'U = 1/(R_(si) + sum_(i=1)^n(s_n/lambda_n) + R_(se))'
const tex = `f(x) = \\int_{-\\infty}^\\infty\\hat f(\\xi)\\,e^{2 \\pi i \\xi x}\\,d\\xi`

module.exports = () => {
    return (
        <div>
            <MathJax.Context>
                <div>
                    This is an inline math formula: <MathJax.Node inline>{'a = b'}</MathJax.Node>
                    And a block one:

                    <MathJax.Node>{ascii}</MathJax.Node>
                </div>
            </MathJax.Context>

            <MathJax.Context input='tex'>
                <div>
                    This is an inline math formula: <MathJax.Node inline>{'a = b'}</MathJax.Node>
                    And a block one:

                    <MathJax.Node>{tex}</MathJax.Node>
                </div>
            </MathJax.Context>
        </div>
    );
}
```

## API

### `MathJax.Context` props

#### `script` (String)
- Loads specified link with MathJax library.
- Default: `https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML`

#### `input` (String)
- Sets type of input.
- Options: `tex` | `ascii`
- Default: `ascii`

#### `delay` (Number)
- Sets delay between updates.
- Default: 0 (the main difference between this library and [react-mathjax](https://github.com/SamyPesse/react-mathjax) from SamyPesse)

#### `options` (Object)
- Sets [MathJax configuration](http://docs.mathjax.org/en/latest/options/index.html?highlight=hub.config#configuration-objects). 
- Default: Official MathJax configuration

## Acknowledgements
- This project was forked from [SamyPesse](https://github.com/SamyPesse) ([react-mathjax](https://github.com/SamyPesse/react-mathjax)).

## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.
npm package: @matejpekar/react-native-scrollable-tabs
Description: test
Author: Matej Pekar
Latest version: 0.2.0

# react-native-scrollable-tabs

This is a package for implementing scrollable tabs such as AirBnb filter tabs

## Installation

```sh
yarn add @matejpekar/react-native-scrollable-tabs
```

or

```sh
npm install @matejpekar/react-native-scrollable-tabs
```

## Usage

```js
import ScrollableTabs, {
  ScrollIndicator,
} from '@matejpekar/react-native-scrollable-tabs';

// ...

export default () => {
  const { width } = useWindowDimensions();

  return (
    <ScrollableTabs width={width} scrollIndicator={ScrollIndicator}>
      <Tab />
      // ...
    </ScrollableTabs>
  );
};
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT
npm package: @matejsvajger/reactive-object
Description: Lightweight vanilla js reactive object
Author: Matej Svajger
Latest version: 1.2.3

# reactive-object
[![Latest Stable Version](https://img.shields.io/npm/v/@matejsvajger/reactive-object.svg)](https://www.npmjs.com/package/@matejsvajger/reactive-object)
[![Codecov](https://img.shields.io/codecov/c/github/matejsvajger/reactive-object)](https://codecov.io/gh/matejsvajger/reactive-object)
![Build status](https://img.shields.io/travis/matejsvajger/reactive-object/master)
[![dependencies Status](https://david-dm.org/matejsvajger/reactive-object/status.svg)](https://david-dm.org/matejsvajger/reactive-object)
[![NPM Downloads](https://img.shields.io/npm/dm/@matejsvajger/reactive-object.svg)](https://www.npmjs.com/package/@matejsvajger/reactive-object)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/@matejsvajger/reactive-object)
![NPM License](https://img.shields.io/npm/l/@matejsvajger/reactive-object)
## Simple lightweight reactive object in vanilla js
Useful when you need to quickly drop in some simple reactivity.

[__DEMO__](https://codesandbox.io/s/simple-vanilla-js-reactive-observer-kdedz)

### Installation
__Yarn__ || __NPM__
```sh
$ yarn add @matejsvajger/reactive-object
$ npm i @matejsvajger/reactive-object --save
```

__CDN__
```html
<script src="https://unpkg.com/@matejsvajger/reactive-object@1.2.3/dist/reactive.umd.js"></script>
```

### Usage
```js
import Reactive from '@matejsvajger/reactive-object'

const toMonetaryString = num => `${num.toFixed(2).replace('.', ',')} €`
const updateElementById = id => html => document.getElementById(id).innerHTML = html
const getTax = (price, tax) =>
  toMonetaryString(price - (price * 100) / (100 + tax)) +
  ` - <small>${tax}%</small>`

const product = new Reactive({
  qty: 2,
  price: 15,
  // computed props
  shipping: ({ qty }) => (qty > 0 ? 5 : 0),
  total: ({ qty, price, shipping }) => qty * price + shipping
})

// assign multiple formatters
product.format({
  total: toMonetaryString,
  shipping: toMonetaryString
})
// or add single
product.format('price', toMonetaryString)

// assign multiple observers
product.observe({
  price: updateElementById('price'),
  total: updateElementById('total'),
  shipping: updateElementById('shipping')
})
// or add single
product.observe('qty', updateElementById('qty'))

// or register a new prop and set it
product.observe('tax', updateElementById('tax'))
product.format('tax', (tax, { total }) => getTax(total, tax))
product.tax = () => 21

console.log(product.qty) // 2
console.log(product.price) // "15,00 €"
console.log(product.total) // "35,00 €"
product.price = 20;
console.log(product.price) // "20,00 €"
console.log(product.total) // "45,00 €"
```
npm package: @matematrolii/sketchbook
Description: 3D matematrolii playground built on three.js and cannon.js
Author: Gabi
Latest version: 0.2.29

# 📒 Matematrolii Sketchbook

Simple web based game engine built on [three.js](https://github.com/mrdoob/three.js) and [cannon.js](https://github.com/schteppe/cannon.js) focused on third-person character controls and related gameplay mechanics.


## Features

* World
    * Three.js scene
    * Cannon.js physics
    * Variable timescale
    * Frame skipping
    * FXAA anti-aliasing
* Characters
    * Third-person camera
    * Raycast character controller with capsule collisions
    * General state system
    * Character AI

#### NPM

1. Install:

```
npm i sketchbook
```

2. Import:

```javascript
import { World } from 'sketchbook';
```

3. Load a glb scene defined in Blender:

```javascript
const world = new World('scene.glb');
```

## Contributing

1. Get latest [Node.js](https://nodejs.org/en/)
2. [Fork this repository](https://help.github.com/en/github/getting-started-with-github/fork-a-repo)
3. Run `npm install`
4. Run `npm run dev`
5. Make changes and test them out at http://localhost:8080
6. Commit and [make a pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request-from-a-fork)!
npm package: @maten/amnis-sdk
Description: Javascript (Node & Web) SDK for Amnis Treasury's public API
Author: Mate Nemeth
Latest version: 0.2.1


# amnis-sdk

This is a Javascript (Node & Web) API wrapper SDK for Amnis Treasury's public API. The purpose is to wrap the API and provide a fully typed Typescript interface around it. 

## Installation

Install with npm

```bash
npm install --save @maten/amnis-sdk
```
Or with yarn
```bash
yarn add @maten/amnis-sdk
```
    
## Examples

#### Initialize the client

```javascript
import { AmnisClient } from "@maten/amnis-sdk";

const client = new AmnisClient({
    client_id: "id",
    client_secret: "secret",
});
```

| Parameter | Type     | Description                |
| :-------- | :------- | :------------------------- |
| `client_id` | `string` | **Required**. Your amnis api client id |
| `client_secret` | `string` | **Required**. Your amnis api client secret |

#### Get a resource collection

```javascript
const transactions = await client.transactions.getAllResources();
```

Collections are are always paginated. The response contains all the pagination info. By default the `itemsPerPage`is set to 30 by the API, it can be overwritten by providing parameters for the method, eg:

```javascript
const transaction = await client.transactions.getAllResources({
    itemsPerPage: 5,
    page: 1,
});
```

Collections can be requested with provided filters too. The filters are different for each resource types, although they are always the same as the public API has them, and the options are provided by Typescript types.

Example filters for transactions collection
```javascript
// Filter for transactions with amount greater than 1000
const transaction = await client.transactions.getAllResources({
    abs_amount: {
      gt: '1000.00'
    }    
});

// Filter for transactions that are executed
const transaction = await client.transactions.getAllResources({
    executed: true 
});
```

#### Get a single resource

```javascript
const transaction = await client.transactions.getResourceById(1);
```

Every resource request (both collections and single) is returning with a Promise, so you can use `.then().catch()` on them, or `async/await`.

All the available resource types are fully typed, and available through the client object. 

For full API documentation, please refer to the [original API docs](https://developer.amnistreasury.com/).
npm package: @mateo_btslr/vue-shoutjs
Description: ## Project setup ``` yarn install ```
Latest version: 0.1.4

# vue-shoutjs

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Run your tests
```
yarn run test
```

### Lints and fixes files
```
yarn run lint
```

### Run your end-to-end tests
```
yarn run test:e2e
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @mateonunez/asterism-drill
Description: Drill is a helper to comunicates with databases
Author: Mateo Nunez
Latest version: 0.0.6

# @mateonunez/asterism-drill

## What is it?

`asterism-drill` is a set of tools to interact with your databases. It supports MySQL and PostgreSQL.

## Exposed functions

- `setupDatabase (logger, database, options)`: Sets up a database connection.
- `killDatabase (db)`: Kills a database connection.
- `resolveTables (logger, queryer, options)`: Resolves the tables of a database.

## License

[MIT](/LICENSE)
npm package: @mateonunez/asterism-falcon
Description: falcon migrates your database data to a Orama instance
Author: Mateo Nunez
Latest version: 0.0.6

# @mateonunez/asterism-falcon

`asterism-falcon` manages the CLI for **Asterism**. It provides the methods to generate a Orama instance from a database and to search into the created instances.

## License

[MIT](/LICENSE)
npm package: @mateonunez/asterism-rover
Description: Rover is the tool to explore Orama
Author: Mateo Nunez
Latest version: 0.0.6

# @mateonunez/asterism-huston

`asterism-rover` contains all the logic and methods to interact with Orama and with plugins.

## Exposed methods:

- `generateSchema (logger, data, options)`: Automatic generation of Orama schemas.
- `generateAsterism (logger, data, schema options)`:  This methods generate a set of Orama instances and return an Asterism.
- `populateAsterism (logger, asterism, options)`: Persist your Asterism into a separated files.
- `resolveAsterism (logger, options)`: Read a containing Asterism directory and return the memory saved entity.
- `searchOnAsterism (logger, asterism, term, options)` : Accepts an Asterism as parameter and the searched term.

## License

[MIT](/LICENSE)
npm package: @mateonunez/lyra-match
Description: Show which properties matches with your Lyra search
Author: Mateo Nunez
Latest version: 0.1.2

# ✏️ Match

Show which properties matches with your [Lyra](https://github.com/lyrasearch/lyra) search.

[![Tests](https://github.com/mateonunez/lyra-match/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/mateonunez/lyra-match/actions/workflows/ci.yml)

## Installation

You can install Lyra using `npm`, `yarn`, `pnpm`:

```sh
npm i @mateonunez/lyra-match
```
```sh
yarn add @mateonunez/lyra-match
```
```sh
pnpm add @mateonunez/lyra-match
```

## Usage

```js
import { create, insert, search } from "@lyrasearch/lyra"
import { match } from "@mateonunez/lyra-match"

(() => {
  const lyra = create({
    schema: {
      author: "string",
      website: "string",
      contributors: "number",
      stars: "number",
      forks: "number",
      language: "string"
    }
  })

  insert(lyra, {
    author: "Lyra",
    website: "https://github.com/LyraSearch",
    contributors: 21,
    stars: 3350,
    forks: 62,
    language: "TypeScript"
  })

  const properties = { term: "Lyra" }
  const { hits } = search(lyra, properties)
  const matches = match(hits, properties)

  console.log({ matches })
})();
```

**Results**
```js
{
  matches: [
    {
      id: '57941602-6',
      author: 'Lyra',
      website: 'https://github.com/LyraSearch'
    }
  ]
}
```

# License

[MIT](/LICENSE)
npm package: @mateonunez/lyra-schema-resolver
Description: Create your Lyra's schema following the official specification
Author: Mateo Nunez
Latest version: 0.1.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# 🪄 Lyra schema resolver

Create your [Lyra](https://github.com/lyrasearch/lyra) schema following the official specification.

[![Tests](https://github.com/mateonunez/lyra-schema-resolver/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/mateonunez/lyra-schema-resolver/actions/workflows/ci.yml)

## Installation

You can install the package using `npm`, `yarn` or `pnpm`:

```sh
npm i @mateonunez/lyra-schema-resolver
```
```sh
yarn add @mateonunez/lyra-schema-resolver
```
```sh
pnpm add @mateonunez/lyra-schema-resolver
```

## Usage

```js
import { create, insert, search } from '@lyrasearch/lyra';
import resolveSchema from '.';
import * as fs from 'fs';

// You can parse data from any source, but we'll use a local file for this example
const data = JSON.parse(fs.readFileSync('./package.json').toString());
const schema = resolveSchema(data);
const db = create({ schema })

insert(db, data);

const results = search(db, {
  term: 'lyra'
});

console.log(results)
```

# License

[MIT](/LICENSE)
npm package: @mateonunez/modulo
Description: Simple tool to import ESM modules in CommonJS
Author: Mateo Nunez
Latest version: 0.3.1

# @mateonunez/modulo

A simple tool to use ESM modules in a CommonJS environment.

## Install

```
npm i @mateonunez/modulo
```

## Usage

### Default export

```js
const modulo = require("@mateonunez/modulo");

const myEsmModule = await modulo({ path: "./my-esm-module.mjs" });
const result = myEsmModule();
```

### Named export

```js
const modulo = require("@mateonunez/modulo");

const { namedExportVar, namedExportFunc } = await modulo({
  path: "./my-esm-module.mjs",
});

console.log(namedExportVar);
const result = namedExportFunc();
```

### Error handling

```js
const modulo = require("@mateonunez/modulo");

const myEsmModule = await modulo({ path: "./my-esm-module.mjs" }).catch(
  (err) => {
    console.error(err);
  }
);
```

> Note: if your ESM module exports a default export and named exports, you can use only the default export.

## License

[MIT](./LICENSE)