open-index/open-npm huggingface dataset:
npm package: @supermdguy/tuxi
Description: Automatically manage state of asynchronous tasks.
Author: Matthew Dangerfield
Latest version: 0.2.0
Deprecated: Will not be updated anymore, use tuxi (unscoped) instead

<p align="center"><img src="https://raw.githubusercontent.com/superMDguy/tuxi/HEAD/tuxedo.svg?sanitize=true" height="200" /></p>

<p align="center">
  <a href="https://circleci.com/gh/superMDguy/tuxi/tree/master" target="_blank"><img src="https://img.shields.io/circleci/project/superMDguy/tuxi/master.svg?style=flat-square" alt="CircleCI"></a>
  <a href="https://codecov.io/github/superMDguy/tuxi?branch=master" target="_blank"><img src="https://img.shields.io/codecov/c/github/superMDguy/tuxi/master.svg?style=flat-square" alt="CodeCov"></a>
  <a href="https://www.npmjs.com/package/@supermdguy/tuxi" target="_blank"><img src="https://img.shields.io/npm/v/@supermdguy/tuxi.svg?style=flat-square" alt="NPM Version"></a>
  <a href="https://github.com/superMDguy/tuxi/blob/HEAD/LICENSE" target="_blank"><img src="https://img.shields.io/npm/l/all-contributors.svg?style=flat-square" alt="License"></a>
  <a href="http://makeapullrequest.com" target="_blank"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" alt="PRs Welcome"></a>
</p>

# Tuxi

_:money_with_wings: High class service for your async needs_

Tuxi automatically manages the state of asynchronous tasks, so you don't have to. No more setting `isLoading` after every api request!

## Install

```bash
npm install --save @supermdguy/tuxi
```

## Examples

### Pure JavaScript

```js
import tuxi from '@supermdguy/tuxi'
import { fetchItems } from './api'

const fetchItemsTask = tuxi.task(fetchItems)

// ⚡ Fire the api call
fetchItemsTask.start()

// The task is immediately set to pending
console.log(fetchItemsTask.pending) // true

// 🌀 The spinning property has a configurable delay
setTimeout(() => console.log(fetchItemsTask.spinning), 1500) // true

// After a while...
console.log(fetchItemsTask.hasValue) // true
```

### Vuex Integration

```js
import tuxi from '@supermdguy/tuxi'
import Vuex from 'vuex'
import { fetchItems } from './api'

const store = new Vuex.Store({
  state: {
    items: [],
    fetchItemsTask: tuxi.task(fetchItems)
  },

  mutations: {
    SET_ITEMS(state, items) {
      state.items = items
    }
  },

  actions: {
    async fetchItems({ commit, state }) {
      const items = await state.fetchItemsTask.start()
      commit('SET_ITEMS', items)
    }
  }
})

tuxi.config.vuexStore = store
// Now, you can access $store.state.fetchItemsTask in your components!
```

## Contributing

Tuxi is currently in alpha, so any suggestions or contributions are appreciated. I'm still not 100% sure about the API, so comments on how to make it cleaner/simpler are welcome.

_Logo made by [freepik](https://www.flaticon.com/authors/freepik) from www.flaticon.com_
npm package: @supermemo/ng2-ace-editor
Description: Ace editor integration with typescript for Angular.
Author: François-Xavier Montigny
Latest version: 0.3.19

# ng2-ace-editor

[![npm version](https://badge.fury.io/js/ng2-ace-editor.svg)](https://www.npmjs.com/package/ng2-ace-editor) 
#
# SUPPORT FOR SSR (ANGULAR UNIVERSAL)
Tested with Angular 7.1.0.
#
Ace editor integration with typescript for angular 5.  
**To use Angular 4 install version 0.3.1 (npm i -S ng2-ace-editor@0.3.1).**

# Install
`npm i -S ng2-ace-editor`

##### Load the module for your app:

```javascript
import { AceEditorModule } from 'ng2-ace-editor';

@NgModule({
  ...
  imports: [
    ...
    AceEditorModule
  ]
})
```

# Use directive

> Minimal

```js
//import { AceEditorModule } from 'ng2-ace-editor';

import { Component } from '@angular/core';

@Component({
  template: `
  <div ace-editor
       [(text)]="text" // possible two way binding (thx ChrisProlls)
       ></div>
  `
})
export class MyComponent {
    text:string = "";
}
```

> Complete

```js
import { Component } from '@angular/core';

//to use theme "eclipse"
//with angular-cli add "../node_modules/ace-builds/src-min/ace.js" 
//and "../node_modules/ace-builds/src-min/theme-eclipse.js" to "scripts" var into the file angular-cli.json

@Component({
  template: `
  <div ace-editor
       [(text)]="text" // possible two way binding (thx ChrisProlls)
       [mode]="'sql'" //string or object (thx ckiffel)
       [theme]="'eclipse'"
       [options]="options"
       [readOnly]="false"
       [autoUpdateContent]="true" //change content when [text] change
       [durationBeforeCallback]="1000" //wait 1s before callback 'textChanged' sends new value
       (textChanged)="onChange($event)"
       style="min-height: 200px; width:100%; overflow: auto;"></div>
  `
})
export class MyComponent {
    text:string = "";
    options:any = {maxLines: 1000, printMargin: false};
    
    onChange(code) {
        console.log("new code", code);
    }
}
```

# Use Component

```js
import {Component, ViewChild} from '@angular/core';

//to use theme eclipse
//with angular-cli add "../node_modules/ace-builds/src-min/ace.js" 
//and "../node_modules/ace-builds/src-min/theme-eclipse.js" to "scripts" var into the file angular-cli.json

@Component({
    template: `
  <ace-editor
       [(text)]="text" // possible two way binding (thx ChrisProlls)
        #editor style="height:150px;"></ace-editor>
  `
})
export class AceCmp {
    @ViewChild('editor') editor;
    text: string = "";

    ngAfterViewInit() {
        this.editor.setTheme("eclipse");

        this.editor.getEditor().setOptions({
            enableBasicAutocompletion: true
        });

        this.editor.getEditor().commands.addCommand({
            name: "showOtherCompletions",
            bindKey: "Ctrl-.",
            exec: function (editor) {

            }
        })
    }
}
```


# Power by
[Use Code](http://www.use-code.com)
npm package: @supermercadoscaetano/react-native-settings-view
Description: An easy and highly customizable React Native components to create a complete settings view
Author: Daniel Mejia
Latest version: 0.2.91

# react-native-settings-view
[NPM Package](https://www.npmjs.com/package/react-native-settings-view)

An easy and highly customizable React Native components to create a complete settings view

<img width="300" src="images/screen-usage.png" alt="Example of usage"></img>

## Getting started

- `yarn add react-native-settings-view`
- `npm install react-native-settings-view`

### Usage

Below is a sample usage of this package

```jsx
import React from 'react';
import { SectionRow, SettingsPage, NavigateRow, BaseRow } from 'react-native-settings-view';

<SettingsPage>
  <SectionRow title="Section one">
    <NavigateRow
      text="Terms and conditions"
      leftIcon={{
        name: 'file-document',
        type: 'material-community',
      }}
      onPress={() => console.log('terms')}
    />
    <NavigateRow
      text="Privacy Policy"
      leftIcon={{
        name: 'folder-lock',
        type: 'material-community',
      }}
      onPress={() => console.log('policy')}
    />
    <NavigateRow
      text="Contact us"
      leftIcon={{
        name: 'users',
        type: 'font-awesome',
      }}
      onPress={() => console.log('contact')}
    />
    <CheckRow
      text="Notifications"
      checked
      leftIcon={{
        name: 'ios-notifications',
        type: 'ionicon',
      }}
      onValueChange={(isChecked) => console.log('checked', isChecked)}
    />
    <SwitchRow
      text="Do not disturb"
      enabled
      leftIcon={{
        name: 'do-not-disturb',
        type: 'material-community',
      }}
      onValueChange={(isEnabled) => console.log('checked', isEnabled)}
    />
    <BaseRow
      text={i18n.t('version')}
      leftIcon={{
        name: 'tag',
        type: 'font-awesome',
      }}
      rightContent={<Text>0.1.0</Text>}
    />
  </SectionRow>
</SettingsPage>
```

### License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @supermercadoscaetano/zapier-platform-json-schema
Description: Lib to convert JSON-Schema to zapier schema
Author: Stefan Bieliauskas
Latest version: 0.4.13

[![Build Status](https://travis-ci.org/B-Stefan/zapier-platform-json-schema.svg?branch=master)](https://travis-ci.org/B-Stefan/zapier-platform-json-schema)
# Zapier Platform JSON Schema

This project converts json Schema to the ZapierPlatform schema with zero runtime dependencies.

## Getting started

* `npm install zapier-platform-json-schema --save`

* `yarn add zapier-platform-json-schema`

```javascript

const {default: ZapierSchemaBuilder} = require ("zapier-platform-json-schema");

const schema = {
    "type": "object",
    "properties": {
        "stringProp": {
            "type": "string"
        },
        "excludedProp": {
            "type": "string"
        },
    },
};

console.log(new ZapierSchemaBuilder(schema)
  .addExclude("excludedProp")
  .build());

// prints: [ { key: 'stringProp', type: 'string' } ]

```

## Features
The following list summarize the current scope and supported features of this lib.

| Feature       | Status        | Comment|
| ------------- |:-------------:| -----:|
| strings       | ✅ | [Example](./__tests__/ZapierSchemaGenerator.spec.ts#L10) |
| boolean       | ✅ | [Example](./__tests__/ZapierSchemaGenerator.spec.ts#L10) |
| datetime      | ✅ | [Example](./__tests__/ZapierSchemaGenerator.spec.ts#L10) |
| enum          | ✅ | [Example](./__tests__/ZapierSchemaGenerator.spec.ts#L10) |
| array of enum | ✅ | [Example](./__tests__/ZapierSchemaGenerator.spec.ts#L10) |
| array         | ✅ |   |
| anyOf         | ✅ |   |
| anyOf prefer non-string        | ✅ |  [Example](./__tests__/ZapierSchemaGenerator.spec.ts#L10)  |
| $ref to external| ❌ |     |
| $ref to object| ✅ |    [Example](./__tests__/ZapierSchemaGenerator.spec.ts#L64) |
| $ref to enum  | ✅ |    [Example](./__tests__/ZapierSchemaGenerator.spec.ts#L64) |
| get nested defeintion  |  ✅  |  [Example](./__integration__/example-builder-options/ExampleBuilderOptions.spec.ts#L16) |
| Additional props  |   ✅   |  [Example](./__integration__/example-builder-options/ExampleBuilderOptions.spec.ts#L25)  |
| required      | ✅ | [Example](./__integration__/example-builder-options/ExampleBuilderOptions.spec.ts#L25) |
| label         | ✅ | [Example](./__integration__/example-builder-options/ExampleBuilderOptions.spec.ts#L25) |


## Test
To run the test just use the yarn script:
`yarn test`

## Release
Just add a new tag via github or `git tag` please use [Semantic Versioning 2.0.0](https://semver.org/#semantic-versioning-200)
npm package: @supermojo-official/client-sdk-core
Description: This is not a standalone package. It is a dependency for <https://www.npmjs.com/package/@supermojo-official/client-sdk-react>.
Author: noah
Latest version: 1.3.6-alpha.0

# @supermojo-official/client-sdk-core

This is not a standalone package. It is a dependency for <https://www.npmjs.com/package/@supermojo-official/client-sdk-react>.

<a name="license"></a>
### License

This software is released under the [MIT](https://opensource.org/licenses/MIT) license.
npm package: @supermojo-official/client-sdk-react
Description: Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Sup
Author: noah
Latest version: 1.3.6-alpha.0

# @supermojo-official/client-sdk-react

Supermojo allows marketplaces to accept credit card payments from customers who want to purchase non-fungible tokens (NFTs) without first signing up for a wallet and managing cryptocurrency. This SDK is meant for partners who want to embed a 'Pay with Supermojo' button for a seamless card on-ramp experience.

- [Prerequisities](#prerequisities)
- [Showcase marketplace](#showcase)
- [React SDK Usage](#reactsdk)
- [License](#license)

------------------
<a name="prerequisities"></a>
### Prerequisites

```
Node v16.15.0
NPM 8.5.0
IDE (eg. Visual Studio Code)
```

<a name="showcase"></a>
### Showcase marketplace

You can also checkout a [Showcase] marketplace for example usage. (https://marketplace.supermojo.xyz/)

<a name="reactsdk"></a>
#### React SDK Usage

1. You will need to contact <partners@supermojo.com> to receive a ```ClientID```

2. Once you receive a ```ClientID```, you can start to integrate the SDK into your marketplace frontend.

First install the SDK
```
npm install @supermojo-official/client-sdk-react
```
Then, import the package
```javascript
import { SupermojoPayButton } from '@supermojo-official/client-sdk-react';
```
Finally render the 'Pay with Supermojo' button
```javascript
<SupermojoPayButton
    contractAddress="CONTACT_ADDRESS"
    tokenId="TOKEN_ID"
    clientId="YOUR_CLIENT_ID"
    targetEnv="qa" //optional
/>
```

| Parameter | Required? | Default | Type | Description
|:---|:---:|:---|:---|:---|
| clientId | Yes | `"` | `string` | Set ClientId provided by the Supermojo team|
| contractAddress | Yes | `-` | `string` | Purchase Contract address, supplied by the Marketplace | 
| tokenId | Yes| `""` | `string` |NFT token ID, supplied by the Marketplace |
| targetEnv | No | `"` | `string` | Pick between [local / demo / qa / uat] environments|

If you need to use a vanilla-JS SDK instead, reach out to the Supermojo team <partners@supermojo.com>.

<a name="license"></a>
### License

This software is released under the [MIT](https://opensource.org/licenses/MIT) license.
npm package: @supermousejs/core
Description: The core physics engine and state manager for Supermouse.
Author: O.S David
Latest version: 2.1.0

# @supermousejs/core

The high-performance runtime engine for **Supermouse v2**.

It separates cursor **intent** (input, physics, logic) from **rendering** (visuals), exposing a deterministic plugin pipeline.

## Installation

```bash
pnpm add @supermousejs/core
```

## Basic Usage

```ts
import { Supermouse } from "@supermousejs/core";
// Import visuals separately to keep bundle size low
import { Dot } from "@supermousejs/dot";

const app = new Supermouse({
  smoothness: 0.15, // 0-1 (Physics damping)
  hideCursor: true // Auto-hide native cursor
});

app.use(Dot({ size: 8, color: "#f59e0b" }));
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/dot
Description: The standard Dot cursor plugin for **Supermouse v2**.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/dot

The standard Dot cursor plugin for **Supermouse v2**.

## Installation

```bash
pnpm add @supermousejs/dot
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Dot } from "@supermousejs/dot";

const app = new Supermouse();

app.use(
  Dot({
    size: 8,
    color: "#ff0000",
    mixBlendMode: "difference"
  })
);
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/icon
Description: Renders a static SVG icon at the cursor position. Useful for custom pointers.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/icon

Renders a static SVG icon at the cursor position. Useful for custom pointers.

## Installation

```bash
pnpm add @supermousejs/icon
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Icon } from "@supermousejs/icon";

const app = new Supermouse();

app.use(
  Icon({
    svg: "<svg>...</svg>", // Your SVG string
    size: 24,
    color: "black"
  })
);
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/image
Description: Displays a floating image thumbnail next to the cursor on hover.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/image

Displays a floating image thumbnail next to the cursor on hover.

## Installation

```bash
pnpm add @supermousejs/image
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Image } from "@supermousejs/image";

const app = new Supermouse();

app.use(
  Image({
    offset: [30, 30],
    smoothness: 0.1 // Lag factor for the image
  })
);
```

**HTML:**

```html
<a href="#" data-supermouse-img="/path/to/image.jpg">Hover to see preview</a>
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/labs
Description: Experimental and advanced plugins for Supermouse.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/labs

Experimental and advanced plugins for Supermouse.

## Included Plugins

### SmartIcon

Morphs SVG icons based on semantic tags (links, inputs) or context.

```ts
import { SmartIcon } from "@supermousejs/labs";
app.use(SmartIcon({ icons: { default: "...", pointer: "..." } }));
```

### SmartRing

A reactive ring that distorts with velocity and adapts to stuck elements.

```ts
import { SmartRing } from "@supermousejs/labs";
app.use(SmartRing({ enableSkew: true }));
```

### Sparkles

Emits particle trails based on movement velocity.

```ts
import { Sparkles } from "@supermousejs/labs";
app.use(Sparkles({ color: "gold" }));
```

### TextRing

Rotates text around the cursor position.

```ts
import { TextRing } from "@supermousejs/labs";
app.use(TextRing({ text: "LOADING • " }));
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/magnetic
Description: A **Logic Plugin** that attracts the cursor to interactive elements.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/magnetic

A **Logic Plugin** that attracts the cursor to interactive elements.

## Installation

```bash
pnpm add @supermousejs/magnetic
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Magnetic } from "@supermousejs/magnetic";

const app = new Supermouse();

// Priority is handled automatically (-10)
app.use(
  Magnetic({
    attraction: 0.3, // Strength (0-1)
    distance: 100 // Capture radius in px
  })
);
```

**HTML:**

```html
<button data-supermouse-magnetic="true">Magnetic Button</button>
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/pointer
Description: A "Vehicle" style pointer arrow that rotates based on movement velocity.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/pointer

A "Vehicle" style pointer arrow that rotates based on movement velocity.

## Installation

```bash
pnpm add @supermousejs/pointer
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Pointer } from "@supermousejs/pointer";

const app = new Supermouse();

app.use(
  Pointer({
    size: 32,
    color: "black",
    restingAngle: -45, // Angle when stopped
    returnToRest: true // Snap back when stopped
  })
);
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/react
Description: React integration for Supermouse. Handles strict mode and cleanup automatically.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/react

React integration for Supermouse. Handles strict mode and cleanup automatically.

## Installation

```bash
pnpm add @supermousejs/react @supermousejs/core
```

## Usage

**In `App.tsx`:**

```tsx
import { SupermouseProvider } from "@supermousejs/react";
import { Dot } from "@supermousejs/dot";

export default function App() {
  return (
    <SupermouseProvider options={{ smoothness: 0.15 }} plugins={[Dot({ size: 8 })]}>
      <YourApp />
    </SupermouseProvider>
  );
}
```

**In Components:**

```tsx
import { useSupermouse } from "@supermousejs/react";

const MyComponent = () => {
  const mouse = useSupermouse(); // Returns Supermouse instance or null
  return <div />;
};
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/ring
Description: The standard Ring cursor plugin for **Supermouse v2**. Supports morphing when used with the Stick logic plugin.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/ring

The standard Ring cursor plugin for **Supermouse v2**. Supports morphing when used with the Stick logic plugin.

## Installation

```bash
pnpm add @supermousejs/ring
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Ring } from "@supermousejs/ring";

const app = new Supermouse();

app.use(
  Ring({
    size: 20,
    color: "black",
    borderWidth: 2
  })
);
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/states
Description: A **Logic Controller** that enables/disables other plugins based on hover attributes. Useful for creating complex interaction modes (e.g. "View" mode vs "Edit" mode).
Author: O.S David
Latest version: 2.2.0

# @supermousejs/states

A **Logic Controller** that enables/disables other plugins based on hover attributes.
Useful for creating complex interaction modes (e.g. "View" mode vs "Edit" mode).

## Installation

```bash
pnpm add @supermousejs/states
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { States } from "@supermousejs/states";

const app = new Supermouse();

// Define your plugins normally (names are required)
app.use(Dot({ name: "dot" }));
app.use(Ring({ name: "ring" }));
app.use(Text({ name: "text" }));

// Configure states
app.use(
  States({
    default: ["dot"], // Plugins active by default
    states: {
      hover: ["dot", "ring"],
      info: ["text"]
    }
  })
);
```

**HTML:**

```html
<div data-supermouse-state="hover">Hover me</div>
<div data-supermouse-state="info" data-supermouse-text="Hello">Info</div>
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/stick
Description: A **Logic Plugin** that calculates the bounding box of hovered elements. Used in combination with `@supermousejs/ring` (or SmartRing) to create a morphing effect.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/stick

A **Logic Plugin** that calculates the bounding box of hovered elements.
Used in combination with `@supermousejs/ring` (or SmartRing) to create a morphing effect.

## Installation

```bash
pnpm add @supermousejs/stick
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Stick } from "@supermousejs/stick";
import { Ring } from "@supermousejs/ring";

const app = new Supermouse();

app.use(Stick({ padding: 10 }));
app.use(Ring()); // Ring automatically detects 'stick' state and morphs
```

**HTML:**

```html
<button data-supermouse-stick="true">Sticky Element</button>
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/text
Description: Displays a contextual text label next to the cursor when hovering interactive elements.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/text

Displays a contextual text label next to the cursor when hovering interactive elements.

## Installation

```bash
pnpm add @supermousejs/text
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Text } from "@supermousejs/text";

const app = new Supermouse();

app.use(
  Text({
    offset: [20, 20], // X, Y offset from cursor
    duration: 200 // Fade duration
  })
);
```

**HTML:**

```html
<button data-supermouse-text="Click Me">Hover Here</button>
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/trail
Description: Generates a procedural particle trail that follows the cursor.
Author: O.S David
Latest version: 2.2.1

# @supermousejs/trail

Generates a procedural particle trail that follows the cursor.

## Installation

```bash
pnpm add @supermousejs/trail
```

## Usage

```ts
import { Supermouse } from "@supermousejs/core";
import { Trail } from "@supermousejs/trail";

const app = new Supermouse();

app.use(
  Trail({
    length: 10, // Number of segments
    size: 6, // Particle size
    color: "#ff00ff"
  })
);
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/utils
Description: Shared utilities and helpers for the Supermouse ecosystem. Used primarily by plugin authors.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/utils

Shared utilities and helpers for the Supermouse ecosystem.
Used primarily by plugin authors.

## Features

- **Math:** `lerp`, `damp` (frame-independent), `angle`, `dist`.
- **DOM:** `createActor`, `setStyle` (cached), `setTransform`.
- **Plugin:** `definePlugin` helper for type-safe plugin creation.

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/vue
Description: Vue 3 integration for Supermouse.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/vue

Vue 3 integration for Supermouse.

## Installation

```bash
pnpm add @supermousejs/vue @supermousejs/core
```

## Usage

**In `App.vue` (Root):**

```vue
<script setup>
import { provideSupermouse } from "@supermousejs/vue";
import { Dot } from "@supermousejs/dot";

provideSupermouse({ smoothness: 0.15 }, [Dot({ size: 8 })]);
</script>
```

**In Components:**

```vue
<script setup>
import { useSupermouse } from "@supermousejs/vue";

const mouse = useSupermouse(); // Returns Ref<Supermouse | null>
</script>
```

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supermousejs/zoetrope
Description: Internal SVG path math library used by `@supermousejs/labs` (TextRing). Calculates circular paths and circumferences.
Author: O.S David
Latest version: 2.2.0

# @supermousejs/zoetrope

Internal SVG path math library used by `@supermousejs/labs` (TextRing).
Calculates circular paths and circumferences.

## Documentation

Full documentation and interactive playground available at [supermouse](https://supermouse.js.org) or [check out the repo](https://github.com/Whitestar14/supermouse-js).
npm package: @supernats/js-dice
Description: Get dice in your JS
Author: Nathan Seither
Latest version: 1.0.9

[![Build
Status](https://travis-ci.org/Supernats/js-dice.svg?branch=master)](https://travis-ci.org/Supernats/js-dice)

# DICE

DON'T YOU LOVE THEM???

These docs are garbage right now.
npm package: @supernaut/legend-state-persist-azure-functions-plugin
Description: A plugin for persisting legend state in Azure Functions
Author: Johannes Axner
Latest version: 1.1.0

# Legend State Azure Functions Persist Plugin

A plugin for persisting [Legend State](https://www.legendapp.com/open-source/state/v3/intro/introduction/) between invocations of [Azure Functions](https://learn.microsoft.com/en-us/azure/azure-functions/functions-overview).

## Installation

```shell
npm i @supernaut/legend-state-persist-azure-functions-plugin
```

```shell
pnpm add @supernaut/legend-state-persist-azure-functions-plugin
```

## Usage

```TypeScript
import { observable, syncState, when } from '@legendapp/state';
import { syncObservable } from '@legendapp/state/sync';

import { observablePersistAzureStorage } from '@supernaut/legend-state-persist-azure-functions-plugin';

// Create your state
const store$ = observable({
  key: 'value',
});

// Set up persistence with the plugin
syncObservable(state$, {
  persist: {
    name: 'store',
    plugin: observablePersistAzureStorage({
      connectionString: myConnectionString,
      partitionKey: 'store',
      tableName: 'persistedstatetable',
    }),
  },
});

// ...

// Wait for the persisted state to load
const status$ = syncState(state$);
await when(status$.isPersistLoaded);
```
npm package: @supernote-plugin/sn-plugin-template
Description: The template used by `npx @react-native-community/cli init` to bootstrap a React Native application.
Latest version: 1.0.12

# React Native Community Template

The template used by `npx @react-native-community/cli init` to bootstrap a React Native application.

[![Build Status][build-badge]][build] [![Version][version-badge]][package] [![MIT License][license-badge]][license] [![PRs Welcome][prs-welcome-badge]][prs-welcome]


# Create Latest CLI Project
Using this command create latest react-native project with this template
```
npx @react-native-community/cli@latest init TestApp
```

# Create Specific Version React-Native CLI Project
Add version flag and specify that existing version of react-native to create project.
Note that this command will create a new project from the template using the specific version passed to the flag

    npx @react-native-community/cli init TestApp --version <VERSION>

Replace `<VERSION>` with the version number you need. For example: 0.75.2.


## Contents

- [About](#about)
- [License](#license)

## About

This repository contains the template used by the React Native Community's Command Line Tool (or CLI) to bootstrap a React Native project.

## License

Everything inside this repository is [MIT licensed](./LICENSE).

<!-- badges -->

[build-badge]: https://img.shields.io/github/actions/workflow/status/react-native-community/template/test.yml?branch=main&style=flat-square
[build]: https://github.com/react-native-community/template/actions/workflows/test.yml
[version-badge]: https://img.shields.io/npm/v/@react-native-community/template.svg?style=flat-square
[package]: https://www.npmjs.com/package/@react-native-community/template
[license-badge]: https://img.shields.io/npm/l/@react-native-community/template.svg?style=flat-square
[license]: https://opensource.org/licenses/MIT
[prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[prs-welcome]: http://makeapullrequest.com
npm package: @supernote-plugin/template
Description: The template used by `npx @react-native-community/cli init` to bootstrap a React Native application.
Latest version: 1.0.7

# React Native Community Template

The template used by `npx @react-native-community/cli init` to bootstrap a React Native application.

[![Build Status][build-badge]][build] [![Version][version-badge]][package] [![MIT License][license-badge]][license] [![PRs Welcome][prs-welcome-badge]][prs-welcome]


# Create Latest CLI Project
Using this command create latest react-native project with this template
```
npx @react-native-community/cli@latest init TestApp
```

# Create Specific Version React-Native CLI Project
Add version flag and specify that existing version of react-native to create project.
Note that this command will create a new project from the template using the specific version passed to the flag

    npx @react-native-community/cli init TestApp --version <VERSION>

Replace `<VERSION>` with the version number you need. For example: 0.75.2.


## Contents

- [About](#about)
- [License](#license)

## About

This repository contains the template used by the React Native Community's Command Line Tool (or CLI) to bootstrap a React Native project.

## License

Everything inside this repository is [MIT licensed](./LICENSE).

<!-- badges -->

[build-badge]: https://img.shields.io/github/actions/workflow/status/react-native-community/template/test.yml?branch=main&style=flat-square
[build]: https://github.com/react-native-community/template/actions/workflows/test.yml
[version-badge]: https://img.shields.io/npm/v/@react-native-community/template.svg?style=flat-square
[package]: https://www.npmjs.com/package/@react-native-community/template
[license-badge]: https://img.shields.io/npm/l/@react-native-community/template.svg?style=flat-square
[license]: https://opensource.org/licenses/MIT
[prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[prs-welcome]: http://makeapullrequest.com
npm package: @supernotes/capacitor-navigation-bar
Description: Set navigation bar color for android lolipop and higher
Author: Cap-go
Latest version: 7.2.0

<a href="https://capgo.app/"><img src='https://raw.githubusercontent.com/Cap-go/capgo/main/assets/capgo_banner.png' alt='Capgo - Instant updates for capacitor'/></a>

<div align="center">
<h2><a href="https://capgo.app/">Check out: Capgo — Instant updates for capacitor</a></h2>
</div>

# capacitor-navigation-bar

Set navigation bar color for android lolipop and higher

## Install

```bash
npm install @capgo/capacitor-navigation-bar
npx cap sync
```

## API

<docgen-index>

* [`setNavigationBarColor(...)`](#setnavigationbarcolor)
* [`getNavigationBarColor()`](#getnavigationbarcolor)
* [Enums](#enums)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### setNavigationBarColor(...)

```typescript
setNavigationBarColor(options: { color: NavigationBarColor | string; buttonStyle?: NavigationBarButtonStyle; }) => Promise<void>
```

| Param         | Type                                                                                                            |
| ------------- | --------------------------------------------------------------------------------------------------------------- |
| **`options`** | <code>{ color: string; buttonStyle?: <a href="#navigationbarbuttonstyle">NavigationBarButtonStyle</a>; }</code> |

--------------------


### getNavigationBarColor()

```typescript
getNavigationBarColor() => Promise<{ color: string; buttonStyle?: NavigationBarButtonStyle; }>
```

**Returns:** <code>Promise&lt;{ color: string; buttonStyle?: <a href="#navigationbarbuttonstyle">NavigationBarButtonStyle</a>; }&gt;</code>

--------------------


### Enums


#### NavigationBarColor

| Members           | Value                      |
| ----------------- | -------------------------- |
| **`WHITE`**       | <code>"#FFFFFF"</code>     |
| **`BLACK`**       | <code>"#000000"</code>     |
| **`TRANSPARENT`** | <code>"transparent"</code> |


#### NavigationBarButtonStyle

| Members     | Value                  |
| ----------- | ---------------------- |
| **`LIGHT`** | <code>"#FFFFFF"</code> |
| **`DARK`**  | <code>"#000000"</code> |

</docgen-api>
npm package: @supernotes/capacitor-screenshot
Description: This plugin take screenshot of the app or webpage
Author: Luan Freitas
Latest version: 7.0.1

<p align="center"><br><img src="https://user-images.githubusercontent.com/236501/85893648-1c92e880-b7a8-11ea-926d-95355b8175c7.png" width="128" height="128" /></p>
<h3 align="center">Screenshot</h3>
<p align="center"><strong><code>capacitor-screenshot</code></strong></p>
<p align="center">
  Capacitor community plugin for take screenshot.
</p>

<p align="center">
  <img src="https://img.shields.io/maintenance/yes/2021?style=flat-square" />
  <a href="https://github.com/ludufre/capacitor-screenshot/actions?query=workflow%3A%22CI%22"><img src="https://img.shields.io/github/actions/workflow/status/ludufre/capacitor-screenshot/test.yml" /></a>
  <a href="https://www.npmjs.com/package/capacitor-screenshot"><img src="https://img.shields.io/npm/l/capacitor-screenshot?style=flat-square" /></a>
<br>
  <a href="https://www.npmjs.com/package/capacitor-screenshot"><img src="https://img.shields.io/npm/dw/capacitor-screenshot?style=flat-square" /></a>
  <a href="https://www.npmjs.com/package/capacitor-screenshot"><img src="https://img.shields.io/npm/v/capacitor-screenshot?style=flat-square" /></a>
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
<a href="#contributors-"><img src="https://img.shields.io/badge/all%20contributors-0-orange?style=flat-square" /></a>
<!-- ALL-CONTRIBUTORS-BADGE:END -->
</p>

## Maintainers

| Maintainer             | GitHub                                | Social                                  |
| ---------------------- | ------------------------------------- | --------------------------------------- |
| Luan Freitas (ludufre) | [ludufre](https://github.com/ludufre) | [@ludufre](https://twitter.com/ludufre) |

## Installation

```terminal
npm install capacitor-screenshot
ionic cap sync
```

```terminal
yarn install capacitor-screenshot
ionic cap sync
```

```terminal
pnpm add capacitor-screenshot
ionic cap sync
```

## Configuration

Not needed.

## Usage

```typescript
import { Screenshot } from 'capacitor-screenshot';

...

Screenshot.take().then((ret: { base64: string }) => {
    console.log(ret.base64); // or `data:image/png;base64,${ret.base64}`
});
```
npm package: @supernotes/import-sort-style
Description: Supernotes' custom style for import-sort (cares about react, relativity, components, etc)
Author: Connor Neblett
Latest version: 0.3.0

# import-sort-style-supernotes

An [import-sort](https://github.com/renke/import-sort) style that is tailored to how Supernotes likes to sort imports for its React apps. The major difference between this sort style and others based around React is that `import-sort-style-supernotes` will sort first-party `component` modules last in order (immediately after non-component modules).

```js
// absolute modules w/ side effects – unsorted because order can be important
import "a";
import "c";
import "b";

// relative modules w/ side effects – unsorted because order can be important
import "./a";
import "./c";
import "./b";

// react and react-ecosystem modules (react, prop-types, redux, etc) – sorted by name
import React from "react";
import PropTypes from "prop-types";
import { connect } from "react-redux";

// node.js modules – sorted by name
import {readFile, writeFile} from "fs";
import * as path from "path";

// third-party modules – sorted by name
import aa from "aa";
import {bba, bbb, bbc} from "bb";
import cc from "cc";

// first-party modules with absolute paths that *are not* components – sorted by name
import aaa from 'aaa/xxx';
import bbb from 'bbb/foo/bar';

// first-party modules with absolute paths *are* components – sorted by name
import aaa from 'components/xxx';
import bbb from 'bbb/foo/bar';

// first-party modules sorted by "relative depth" and then by name
import aaa from "../../aaa";
import bbb from "../../bbb";
import aaaa from "../aaaa";
import bbbb from "../bbbb";
import aaaaa from "./aaaaa";
import bbbbb from "./bbbbb";

// first-party styles modules sorted by "relative depth" and then by name
import styles from "./Component.css";
```
npm package: @supernova-dex/supernova-sdk
Description: nvm use pnpm install
Author: lokendrasurya
Latest version: 1.0.1-testnet

# Algebra Integral SDK
nvm use
pnpm install

change POOL_DEPLOYER_ADDRESSES and POOL_INIT_CODE_HASH in addresses.ts

rm -rf dist
change version in package.json

pnpm run build
pnpm publish
npm package: @supernova-studio/export-helpers
Description: Supernova.io Exporter Helpers
Latest version: 0.1.0

<p align="center">
  <a aria-label="Join the community on Slack" href="https://community.supernova.io">
    <img alt="" src="https://img.shields.io/badge/Join%20the%20community-black.svg?style=for-the-badge&logo=Slack">
  </a>
  <a aria-label="Follow Supernova on Twitter" href="https://twitter.com/supernova_io">
    <img alt="" src="https://img.shields.io/badge/Follow%20@supernova-black.svg?style=for-the-badge&logo=Twitter">
  </a>
</p>

<p align="center">
  <a aria-label="Join the community on Slack" href="https://community.supernova.io">
    <img alt="" src="./badges/badge-functions.svg">
  </a>
</p>

[Supernova](https://supernova.io/) makes generation and delivery of production code from your design systems a breeze. In this repository, you'll find utilities that will help you build the exporters faster. If you are looking for existing exporters, we have [dedicated repository](https://github.com/Supernova-Studio/exporters) for just that. 

![Header Image](images/exporters.png)

## Getting Started

To use the library in your exporters, install it through NPM:

```
npm install --save @supernova-studio/export-helpers
```

## Using the utilities

To use the utilities, simply import them from the library:

```
import { TokenUtils } from "@supernova-studio/export-helpers"
```

You can find the full list of available utilities [here](./docs/helpers.md).


## Help Us Build a Better Product

Your input is invaluable to us—whether it's positive or negative. If you have:

- Suggestions for improving the developer experience
- Encountered any bugs
- Found unclear or incorrect information in the documentation

or you'd like to contribute with your own helper please open a new [GitHub issue](https://github.com/Supernova-Studio/export-helpers/issues/new/choose). You can also share your thoughts through our community channels.

## Community

We have an active [Slack community](https://community.supernova.io) where both the Supernova team and your fellow developers exchange ideas and engage in discussions. Come join us to shape the future of design systems!
npm package: @supernova-studio/simple-parse-github-url
Description: Simplified version of https://github.com/jonschlinkert/parse-github-url
Author: Ivan Terpugov
Latest version: 1.0.0

# Simple parse github url

adopted from https://github.com/jonschlinkert/parse-github-url

Gathers all path slugs after repo name to `branchAndDirectory` , but doesn't try to split it to branch and path, because branch name can contain slashes
npm package: @supernova-team/xml-sunat
Description: Librería para poder firmar XML's según la SUNAT
Author: Jim UX
Latest version: 0.9.6

# xml-sunat

![Logo de la superintendencia nacional de administración tributaria - SUNAT](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRUkvtg9L1oBVOoWUMqrwmLVo4Fc4QF5xoNsg&s)

xml-sunat es una librería de JavaScript para poder firmar xml para la entidad de SUNAT. La librería depende de [xml-crypto](https://www.npmjs.com/package/xml-crypto).


## Instalación

```bash
# npm
npm i @supernova-team/xml-sunat
# pnpm
pnpm add @supernova-team/xml-sunat
```

## Modo de uso

Para poder firmar un xml, debemos importar la clase **XmlSignature** y pasar los argumentos al constructor.

```javascript
import { XmlSignature } from "@supernova-team/xml-sunat";
import path from 'node:path';
import fs from 'fs';

//Ruta a tu archivo pfx
const pfxFilePath = path.join("path", "to", "cdr"); 
//Contraseña de tu archivo .pfx
const password = "pfxPassword";
//Xml a firmar
const xmlStringStructure = "<Invoice>...</Invoice>";

const sig = new XmlSignature(pfxFilePath, password, xmlStringStructure);

sig.getSignedXML().then((signedXML)=> {
    fs.writeFileSync('your-filename.xml', signedXML);
})
.catch((err) => {
    console.error('An error has occurred: '+ err);
})
;
```

## Licencia

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @supernovaio/export-helpers
Description: Supernova.io Export Helpers and Utilities
Latest version: 1.0.33

<p align="center">
  <a aria-label="Join the community on Slack" href="https://community.supernova.io"><img alt="" src="https://img.shields.io/badge/Join%20the%20community-black.svg?style=for-the-badge&logo=Slack"></a>
  <a aria-label="Follow Supernova on Twitter" href="https://twitter.com/supernova_io"><img alt="" src="https://img.shields.io/badge/Follow%20@supernova-black.svg?style=for-the-badge&logo=Twitter"></a>
</p>

<p align="center">
  <a aria-label="Join the community on Slack" href="https://community.supernova.io">
    <img alt="" src="./badges/badge-functions.svg">
  </a>
</p>

[Supernova](https://supernova.io/) makes generation and delivery of production code from your design systems a breeze. In this repository, you'll find utilities that will help you build the exporters faster. If you are looking for existing exporters, we have [dedicated repository](https://github.com/Supernova-Studio/exporters) for just that.

![Header Image](images/exporters.png)

## Getting Started

To use the library in your exporters, install it through NPM:

```
npm install --save @supernovaio/export-helpers
```

## Using the Utilities

To use the utilities, simply import them from the library:

```
import { TokenUtils } from "@supernovaio/export-helpers"
```

You can find the full list of available utilities [here](./docs/helpers.md).

## Help Us Build a Better Product

If you have:

- Suggestions for improving the developer experience
- Encountered any bugs
- Found unclear or incorrect information in the documentation

or you'd like to contribute with your own helper please open a new [GitHub issue](https://github.com/Supernova-Studio/export-helpers/issues/new/choose). You can also share your thoughts through our community channels.

## Community

We have an active [Slack community](https://community.supernova.io) where both the Supernova team and your fellow developers exchange ideas and engage in discussions. Come join us to shape the future of design systems and automatic code delivery!
npm package: @supernovan/zipcode-validator
Description: A simple zipcode validator
Author: Supernovan
Latest version: 1.0.6

# Zipcode Validator 🌍

A robust zipcode validator for JavaScript and TypeScript.

## Installation

```bash
npm install @supernovan/zipcode-validator
```

# Usage
You can validate zip codes using either a simple string for the country code

```ts
import validator from '@supernovan/zipcode-validator';
const { ZipValidator } = validator.se.kodasmart.validator;
const { CountryCode, getCountryCodeFromString } = validator.se.kodasmart.models

// Using a simple string (case-insensitive)
const isSwedenValid = ZipValidator.isValid("123 45", "se");
console.log(isSwedenValid); // true

// Using a string for a country without zip codes (e.g., UAE)
const isUaeValid = ZipValidator.isValid(null, "AE");
console.log(isUaeValid); // true

// Trying to validate an invalid country code throws an exception
try {
    const isValid = ZipValidator.isValid("123 45", "XXX");
} catch (error) {
    console.error("Unknown country: XXX");
}

// If you prefer to convert the string yourself to a country code
try {
    const country = getCountryCodeFromString("SE");

    const isValid = ZipValidator.isValidFromCountryCode("12345", country);

    console.log("Is valid: ", isValid); // true

} catch (error) {
    console.error("Unknown country", error.message);
}
```
npm package: @superops/super-icons
Description: Superops icons library
Latest version: 2.0.0

# @superops/super-icons

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/@superops/super-icons.svg)](https://www.npmjs.com/package/@superops/super-icons) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @superops/super-icons
```

## Usage

```tsx
import React, { Component } from 'react'

import { SVGIcon } from '@superops/super-icons'

class Example extends Component {
  render() {
    return <SVGIcon name="about"/>
  }
}
```

## License

MIT © [](https://github.com/)
npm package: @superorange/eslint-config-pancake
Description: Eslint config for PancakeSwap
Author: RabbitDoge
Latest version: 0.1.0

# eslint-config-pancake

Pancake Eslint config with:

- Airbnb config
- Typescript
- Prettier

## Usage

```
npx install-peerdeps --dev @pancakeswap/eslint-config-pancake
```

Add `"extends": "@pancakeswap/eslint-config-pancake"` to your eslint config file.