open-index/open-npm huggingface dataset:
npm package: @mytosbio/prettier-config
Description: Company-wide configuration for Prettier, the code formatter.
Latest version: 1.1.1

# Prettier Config

Prettier configuration for code formatting ✨

## Using the package in another repository

### Install

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

### Apply config

Edit the `package.json`:

```jsonc
{
  // ...
  "prettier": "@cytera/prettier-config"
}
```

## Publishing changes to this config

1. `cd prettier-config`

2. `yarn publish`
npm package: @mytosbio/sensirion-hdlc
Description: ![Build lint test](https://github.com/mytosbio/sensirion-hdlc-node/workflows/Build%20lint%20test/badge.svg) ![Publish to GitHub Pages](https://github.com/mytosbio/sensirion-hdlc-node/workflows/Publish%20to%20GitHub%20Pages/badge.svg)
Author: Mytos Bio
Latest version: 1.0.0
npm package: @mytosis/streams
Description: Cache-free lazy observables for modelling async event streams
Author: Jesse Gibson
Latest version: 0.1.0
Deprecated: No longer supported.

# Mytosis Streams
*Lazy event streams*

## Purpose
Modelling streams of events with an eventual value, without the monstrous size of node streams or cache burden of RxJS.

Ideal use cases:

- Streaming and parsing data out of a storage backend.
- Streaming (and chunking) data over a network.
- Creating a response pipeline to handle a stream of incoming network requests.
- Joining streams together and mapping them into a data structure.

Some fancy distinguishing features:
- Streams are lazy. They pull inspiration from generators and only publish content when consumers are watching.
- Using `await` on a stream resolves with the result.
- Typed with [Flow](https://flow.org/).
- It's **tiny** (~5.5kb minified, assuming you're already using `babel-runtime`).

**Demo**
```js
import Stream from '@mytosis/streams'

const result = Stream
  .from([1, 2, 3, 4, 5])
  .take(3)
  .filter(value => value !== 2)
  .map(value => value * 2)
  .reduce((sum, value) => sum + value, 0)

console.log('Result:', await result) // Result: 8
```

**Longer demo**
```js
let index = 1;
export default new Stream((push, resolve) => {
  const interval = setInterval(() => {
    if (index >= 50) resolve()
    else push(index++)
  }, 10)

  return () => clearInterval(interval)
})
```

## Why not use...
- RxJS<br />
  - It's large, even when cherry-picking modules
  - The event cache is inseperable. Not ideal when modelling every network message on a server (there are ways of reducing cache size, but all have downsides)

- Async Generators<br />
  I'm pretty stoked about these, but they're not the best stream interface on their own. A wrapper is needed to solve some problems, and thankfully anything can be async iterable by implementing the `Symbol.asyncIterator` interface. That's the direction I'm hoping to take `@mytosis/streams`. However, the downsides still apply and aren't ideal for memory sensitive under-the-hood stuff.
  - Concurrent consumers break the model. `.next()` calls are queued (which actually makes sense)
  - Stream cancelling isn't a thing that happens automatically. The best way is to call `.return()` and overload the method on instantiation, and I don't have that much faith in people.

- Haskell
  - Good idea

## Docs
Hold up there, this is still a young project. Use RxJS for a while and see if it solves your requirements.

Also I don't feel like writing docs.
npm package: @mytotallycoolname/mjml-msobutton
Description: bullet proof button for mjml
Author: Lukas Oberbichler
Latest version: 1.0.2

# mjml-msobutton

This component can be usefull if you want to try an outlook proof adventure.
The msobutton has exactly the same behaviours of the classic button but add three more attributes.
- mso-proof: boolean *(default false)*
- mso-width: px *(200px)*
- mso-height: px *(40px)*

More important, these 3 new attributes allow mjml to generate a bulletproof button with radius and stroke as you can see [here](https://buttons.cm/), including the alignment.

## Install

```bash
npm install mjml-msobutton
```
## Problems that you should know

The outlook solution isn't really bulletproof.
1. This cannot be used with an image in background
2. It create a duplication of code in the HTML
3. The width and the height cannot use the auto

## Usage

Simply add these lines in your gulpfile before compile with mjml:
```javascript
import { registerComponent } from 'mjml-core'
import MjMsoButton from 'mjml-msobutton'

registerComponent(MjMsoButton)
```

Then in your mjml:
```html
<mj-msobutton mso-proof="true">Click !</mj-msobutton>
```

Otherwise, you can find a sample project on github [here](https://github.com/adrien-zinger/mjml-msobutton-sample)
npm package: @mytsu/wuxiaco
Description: WuxiaWorld.co Novel Scrapper
Author: Jonathan Arantes
Latest version: 1.1.1
Deprecated: Project being renamed to Saffron and ported to Deno in order to have stable binaries for use out of npm. As such the node version of this project will be archived and available at https://github.com/Mytsu/saffron/tree/node

# Wuxiaco Scrapper

![GitHub package.json version](https://img.shields.io/github/package-json/v/Mytsu/wuxiaco-scrapper?style=for-the-badge)
[![GitHub issues](https://img.shields.io/github/issues/Mytsu/wuxiaco-scrapper?style=for-the-badge)](https://github.com/Mytsu/wuxiaco-scrapper/issues)
[![GitHub forks](https://img.shields.io/github/forks/Mytsu/wuxiaco-scrapper?style=for-the-badge)](https://github.com/Mytsu/wuxiaco-scrapper/network)
[![GitHub stars](https://img.shields.io/github/stars/Mytsu/wuxiaco-scrapper?style=for-the-badge)](https://github.com/Mytsu/wuxiaco-scrapper/stargazers)
[![GitHub license](https://img.shields.io/github/license/Mytsu/wuxiaco-scrapper?style=for-the-badge)](https://github.com/Mytsu/wuxiaco-scrapper/blob/master/LICENSE)

Simple web scrapper using Axios and Cheerio to fetch novels from [WuxiaWorld.co](wuxiaworld.com).

## Install

```sh
npm install -g @mytsu/wuxiaco
```

## Usage

```sh
wuxiaco --help
```
npm package: @mytw/account-frontend
Description: THIS IS A TEMPLATE REPOSITORY FOR myTW (NPM RELEASE CHANNEL)
Latest version: 0.7.11

# mytw-template

THIS IS A TEMPLATE REPOSITORY FOR myTW (NPM RELEASE CHANNEL)

## Possible release channels

- NPM Package (current)
- GCP CloudRun (need contribution)
- AWS Cloudfront (need contribution)

You can reach out to [TechOps CATS team](mailto:cats@thoughtworks.com)

## Initial Setup (common for all release channels)

### 1. Project name

##### a) manifest (package.json)

Rename the project, dist, and main to your profile name

```json
{
  "name": "@mytw/{your-project}",
  "main": "dist/mytw-{your-project}.js",
  "types": "dist/mytw-{your-project}.d.ts"
}
```

##### b) source file

Also rename the file name to the project name

```shell
mv ./src/mytw-template.tsx ./src/mytw-{your-project}.tsx
```

### 2. Context in CircleCI

Create context in circleci and replace the context in config.yml with your context name

The following environment variables should be set. Contact for access to 1password vault access to the credentials

```shell
export NPM_TOKEN
export IMD_USERNAME
export IMD_PASSWORD
```

## Releasing Package (only for teams who choose npm as CDN)

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```

### 3. CircleCI Workflow

The Publish NPM Package Job is enabled in the workflow only for tag publish in git. Make sure `All branches` is selected in the branch filter to see the tag commit in CircleCI

## Unpublish in case of emergency or security threats

Run the following command. Once you unpublish you cannot republish using the same version.

```shell
 npm unpublish @mytw/{your-project}@0.0.0 --force
```

### 4. Minimal Setup for CircleCI

Refer CircleCI for minimal setup. You can additionally add any workflow. The workflow contains immediate deployment strategy for import-maps includes

```diff
- NOTE: ANY WORKFLOW SHOULD HAVE SEMGREP IN PLACE TO AVOID SECURITY INCIDENTS
```
npm package: @mytw/account-frontend-api
Description: This package is to manage account apis in frontend
Latest version: 0.2.9

# Account Frontend Api

This package is to manage account apis in frontend

You can reach out to [LX Squad](mailto:leadership-experience@thoughtworks.com)

## Releasing Package

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```
npm package: @mytw/account-kpi-dashboard
Description: This package is a single spa parcel microfrontend to see account kpi dashboards
Latest version: 0.3.9

# Account KPI Dashboards

This package is a single spa parcel microfrontend to see account kpi dashboards

You can reach out to [LX Squad](mailto:leadership-experience@thoughtworks.com)

## Releasing Package

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```
npm package: @mytw/account-laptop-security-status
Description: This package is a single spa parcel microfrontend to see account laptop security
Latest version: 0.4.4

# Account Laptop Security

This package is a single spa parcel microfrontend to see account laptop security

You can reach out to [LX Squad](mailto:leadership-experience@thoughtworks.com)

## Releasing Package

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```
npm package: @mytw/account-team-members
Description: This package is a single spa parcel microfrontend to see account team members
Latest version: 0.2.4

# Account team members

This package is a single spa parcel microfrontend to see account team members

You can reach out to [LX Squad](mailto:leadership-experience@thoughtworks.com)

## Releasing Package 

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```
npm package: @mytw/office-footfall-frontend
Description: THIS IS A MYTW OFFICE FOOTFALL FRONTEND
Latest version: 0.3.8

# mytw-office-footfall-frontend

THIS IS A MYTW OFFICE FOOTFALL FRONTEND

## Possible release channels

- NPM Package (current)
- GCP CloudRun (need contribution)
- AWS Cloudfront (need contribution)

You can reach out to [TechOps CATS team](mailto:cats@thoughtworks.com)

## Initial Setup (common for all release channels)

### 1. Project name

##### a) manifest (package.json)

Rename the project, dist, and main to your profile name

```json
{
  "name": "@mytw/office-footfall-frontend",
  "main": "dist/mytw-office-footfall-frontend.js",
  "types": "dist/mytw-office-footfall-frontend.d.ts"
}
```

##### b) source file

Also rename the file name to the project name

```shell
mv ./src/mytw-template.tsx ./src/mytw-office-footfall-frontend.tsx
```

### 2. Context in CircleCI

Create context in circleci and replace the context in config.yml with your context name

The following environment variables should be set. Contact for access to 1password vault access to the credentials

```shell
export NPM_TOKEN
export IMD_USERNAME
export IMD_PASSWORD
```

## Releasing Package (only for teams who choose npm as CDN)

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```

### 3. CircleCI Workflow

The Publish NPM Package Job is enabled in the workflow only for tag publish in git. Make sure `All branches` is selected in the branch filter to see the tag commit in CircleCI

## Unpublish in case of emergency or security threats

Run the following command. Once you unpublish you cannot republish using the same version.

```shell
 npm unpublish @mytw/office-footfall-frontend@0.0.0 --force
```

### 4. Minimal Setup for CircleCI

Refer CircleCI for minimal setup. You can additionally add any workflow. The workflow contains immediate deployment strategy for import-maps includes

```diff
- NOTE: ANY WORKFLOW SHOULD HAVE SEMGREP IN PLACE TO AVOID SECURITY INCIDENTS
```
npm package: @mytw/office-frontend
Description: THIS IS A TEMPLATE REPOSITORY FOR myTW (NPM RELEASE CHANNEL)
Latest version: 0.3.7

# mytw-template

THIS IS A TEMPLATE REPOSITORY FOR myTW (NPM RELEASE CHANNEL)

## Possible release channels

- NPM Package (current)
- GCP CloudRun (need contribution)
- AWS Cloudfront (need contribution)

You can reach out to [TechOps CATS team](mailto:cats@thoughtworks.com)

## Initial Setup (common for all release channels)

### 1. Project name

##### a) manifest (package.json)

Rename the project, dist, and main to your profile name

```json
{
  "name": "@mytw/{your-project}",
  "main": "dist/mytw-{your-project}.js",
  "types": "dist/mytw-{your-project}.d.ts"
}
```

##### b) source file

Also rename the file name to the project name

```shell
mv ./src/mytw-office-frontend.tsx ./src/mytw-{your-project}.tsx
```

### 2. Context in CircleCI

Create context in circleci and replace the context in config.yml with your context name

The following environment variables should be set. Contact for access to 1password vault access to the credentials

```shell
export NPM_TOKEN
export IMD_USER
export IMD_PASSWORD
```

## Releasing Package (only for teams who choose npm as CDN)

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```

### 3. CircleCI Workflow

The Publish NPM Package Job is enabled in the workflow only for tag publish in git. Make sure `All branches` is selected in the branch filter to see the tag commit in CircleCI

## Unpublish in case of emergency or security threats

Run the following command. Once you unpublish you cannot republish using the same version.

```shell
 npm unpublish @mytw/{your-project}@0.0.0 --force
```

### 4. Minimal Setup for CircleCI

Refer CircleCI for minimal setup. You can additionally add any workflow. The workflow contains immediate deployment strategy for import-maps includes

```diff
- NOTE: ANY WORKFLOW SHOULD HAVE SEMGREP IN PLACE TO AVOID SECURITY INCIDENTS
```
npm package: @mytw/sisense-widget
Description: This package is a single spa parcel microfrontend to see integrate sisense widget
Latest version: 0.3.4

# Sisense Widget Parcel

This package is a single spa parcel microfrontend to see integrate sisense widget

You can reach out to [LX Squad](mailto:leadership-experience@thoughtworks.com)

## Releasing Package

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```
npm package: @mytw/software-assets-utitlity-frontend
Latest version: 0.23.1

# mytw-software


## Running in local
### Environment variable
```export BACKEND_API_URL_MAP={1password value}```
### Yarn start
```shell
yarn start
```

## Releasing Package

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell script
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```

### 3. CircleCI Workflow

The Publish NPM Package Job is enabled in the workflow only for tag publish in git. Make sure `All branches` is selected in the branch filter to see the tag commit in CircleCI

## Unpublish in case of emergency or security threats

Run the following command. Once you unpublish you cannot republish using the same version.

```shell
 npm unpublish @mytw/{your-project}@0.0.0 --force
```
npm package: @mytw/software-request-validations
Description: This package is to manage validations of software request
Latest version: 0.2.10

# Software Request Validations

This package is to manage validations of software request

You can reach out to [LX Squad](mailto:leadership-experience@thoughtworks.com)

## Releasing Package

### 1. Version

Version using the available script and it will create commit and tag for the version bump

```shell
yarn version:patch
```

```shell
yarn version:minor
```

```shell
yarn version:major
```

### 2. Pushing changes including tags

```shell
git push origin main --tags
```
npm package: @myty/dispatch-queue
Description: A dispatch queue with the ability to configure multiple queue processors.
Latest version: 0.1.1

# DispatchQueue

[![GitHub version](https://badgen.net/github/release/myty/dispatch-queue?color=green)](https://github.com/myty/dispatch-queue)
[![deno land](https://badgen.net/github/release/myty/dispatch-queue?color=green&label=deno.land)](https://deno.land/x/dispatch_queue)
[![Coverage Status](https://badgen.net/coveralls/c/github/myty/dispatch-queue?color=green)](https://coveralls.io/github/myty/dispatch-queue?branch=main)

A dispatch queue with the ability to configure multiple queue processors.

## Installation

### Node.js

```bash
# npm
npm install --save @myty/dispatch-queue
# yarn
yarn add @myty/dispatch-queue
# pnpm
pnpm install --save @myty/dispatch-queue
```

### Deno

```bash
import DispatchQueue from "https://deno.land/x/dispatch_queue/mod.ts";
```

## Example Usage

```typescript
const dispatcher = new DispatchQueue<string>({
  processor: (stringValue, workerId) => {
    conosle.log(`Worker, '${workerId}', is processing: '${stringValue}'`);
  },
});

dispatcher.process("test1");
// OUTPUT: "Worker, 'worker-1', is processing: 'test1'"
```
npm package: @myty/immutable-record
Description: Built on immer, immutable recorda are class factories for immutable types.
Author: Michael Tyson
Latest version: 0.2.3

# Introduction

Built on `immer`, immutable recorda are class factories for immutable types.

## Deno

```sh
deno add jsr:@myty/immutable-record
```

## Node

```sh
npm install @myty/immutable-record
```

## Usage

```typescript
import { ImmutableConstructor, ImmutableRecord, ImmutableWith } from "@myty/immutable-record";

interface TestDataInterface {
  testNumber: number;
  testString: string;
  optionalString?: string;
}

const defaultValues: TestDataInterface = {
  testNumber: 1,
  testString: "test",
};

class TestClass extends ImmutableRecord<TestDataInterface>(defaultValues) {
  withTestNumber(testNumber: number) {
    return this.with({ testNumber });
  }
}

const value = new TestClass();
// { testNumber: 1, testString: 'test' }

const newValue = value.with({ testNumber: 2, optionalString: "test-optional" });
// { testNumber: 2, testString: 'test', optionalString: 'test-optional' }
```

### Processing Nested Classes

```typescript
interface TestParentClassInterface {
  data: TestDataInterface;
}

class TestParentClass extends ImmutableRecord<TestParentClassInterface>(
  { data: new TestClass() },
  (values) => {
    let { data } = values;

    if (!(data instanceof TestClass)) {
      data = new TestClass(data);
    }

    return { ...values, data };
  },
) {}

const value = new TestParentClass({
  data: { testNumber, testString },
});
// value.data instanceof TestClass === true

const value = new TestParentClass().with({
  data: { testNumber, testString },
});
// value.data instanceof TestClass === true
```
npm package: @myty/promise-chain
Description: Wrapper utility class that enables composition via asynchronous (Promises) and synchronous method chaining.
Latest version: 0.4.6

# PromiseChain

[![JSR](https://jsr.io/badges/@myty/promise-chain)](https://jsr.io/@myty/promise-chain)
[![JSR Score](https://jsr.io/badges/@myty/promise-chain/score)](https://jsr.io/@myty/promise-chain)
[![GitHub version](https://badgen.net/github/release/myty/promise-chain?color=green)](https://github.com/myty/promise-chain)
[![deno land](https://badgen.net/github/release/myty/promise-chain?color=green&label=deno.land)](https://deno.land/x/promise_chain)
[![npm version](https://badgen.net/npm/v/@myty/promise-chain?color=green)](https://www.npmjs.com/package/@myty/promise-chain)
[![Coverage Status](https://badgen.net/coveralls/c/github/myty/promise-chain?color=green)](https://coveralls.io/github/myty/promise-chain?branch=main)

Wrapper utility class that enables composition via asynchronous (Promises) and
synchronous method chaining.

## Installation

### Node.js

```bash
# npm
npm install --save promise-chain
# yarn
yarn add promise-chain
# pnpm
pnpm install --save promise-chain
```

### Deno

```bash
import Composable from "https://deno.land/x/promise_chain/mod.ts";
```

## Example Usage

Provided the following class:

```typescript
class TestClass {
  public readonly propertyOne: number;
  public readonly propertyTwo: number;

  constructor({
    propertyOne = 0,
    propertyTwo = 0,
  }: Partial<TestClass> = {}) {
    this.propertyOne = propertyOne;
    this.propertyTwo = propertyTwo;
  }

  async asyncIncrement(
    property: string,
    increment: number,
  ): Promise<TestClass> {
    return new TestClass({
      ...this,
      [property]: await Promise.resolve(this[property] + increment),
    });
  }

  increment(
    property: string,
    increment: number,
  ): Promise<TestClass> {
    return new TestClass({
      ...this,
      [property]: this[property] + increment,
    });
  }
}
```

Traditionally to chain these methods you would need to do the follwing:

```typescript
const { propertyOne, propertyTwo } = await testClass
  .asyncIncrement("propertyOne", 3)
  .then((t) => t.asyncIncrement("propertyTwo", 5))
  .then((t) => Promise.resolve(t.increment("propertyTwo", 5)));

console.log(`Result: propertyOne=${propertyOne}, propertyTwo=${propertyTwo}`);
// OUTPUT: "Result: propertyOne=3, propertyTwo=10"
```

With PromiseChain, it is simplified and easier to read.

```typescript
const { propertyOne, propertyTwo } = await PromiseChain(testClass)
  .asyncIncrement("propertyOne", 3)
  .asyncIncrement("propertyTwo", 5)
  .increment("propertyTwo", 5);

console.log(`Result: propertyOne=${propertyOne}, propertyTwo=${propertyTwo}`);
// OUTPUT: "Result: propertyOne=3, propertyTwo=10"
```
npm package: @myty/stage3
Description: Polyfill for TC39 Stage 3 proposals
Latest version: 0.1.2

# Stage3

[![GitHub version](https://badgen.net/github/release/myty/stage3?color=green)](https://github.com/myty/stage3)
[![deno land](https://badgen.net/github/release/myty/stage3?color=green&label=deno.land)](https://deno.land/x/stage3)
[![npm version](https://badgen.net/npm/v/@myty/stage3?color=green)](https://www.npmjs.com/package/@myty/stage3)
[![Coverage Status](https://badgen.net/coveralls/c/github/myty/stage3?color=green)](https://coveralls.io/github/myty/stage3?branch=main)

Polyfill for TC39 Stage 3 proposals

<https://github.com/tc39/proposals#stage-3>

## Installation

### Node.js

```bash
# npm
npm install --save @myty/stage3
# yarn
yarn add @myty/stage3
# pnpm
pnpm install --save @myty/stage3
```

### Deno

```bash
import "https://deno.land/x/stage3/mod.ts";
import "https://deno.land/x/stage3/promise-with-resolvers.ts";
```

### Usage

```ts
import "@myty/stage3/script/promise-with-resolvers"; // Node.js (commonjs)
import "@myty/stage3/esm/promise-with-resolvers"; // Node.js (module)
import "https://deno.land/x/stage3/promise-with-resolvers.ts"; // Deno

// Arrange
const resolvedValue = 5;
const { resolve, promise } = Promise.withResolvers<number>();

// Act
setTimeout(() => resolve(resolvedValue), 10);
const result = await promise;

// Assert
assertEquals(result, resolvedValue);
```
npm package: @myu68/toast-designer
Description: Toast designer for Vue.js
Author: myu
Latest version: 0.0.4

# A Simple Popup Tip Component for Vue.js
[![npm version](https://www.npmjs.com/package/@myu68/toast-designer)]()

## Installation
```
npm i @myu68/toast-designer
```

## Usage
In `main.js` of a Vue Project:
```javascript
import toast from '@myu/toast-designer';
Vue.use(toast);
```

In any Vue component, you can simply use `this.$toast()` to popup a tip:
```javascript
<script>
export default {
  mounted() {
    this.$toast({
      type: 'success',
      msg: 'Fight!'
    });
  }
}
</script>
```

## Options and Defaults
### type
*string*  
Default value is `success`.  
Type of toast, could be one of these values: `success` | `warning` | `danger` | `loading`.

### msg
*string*  
The info you want to show on the toast. (should be short)

### duration
*number*  
Default value is `3`.  
How many seconds he toast should be shown, after that it could disapear automaticly.  
Specially, you can set a value of `-1`, which means showing the toast forever.

### position
*string*  
Default value is `top-center`.  
Position of toast, could be one of these values: `top-left` | `top-center` | `top-right` | `bottom-left` | `bottom-center` | `bottom-right` | `center-center`.

### fullWith
*boolean*  
Default value is `false`.  
Determines the toast appears in a full-with way or not.


## Example
```javascript
this.$toast({
  type: 'warning',
  msg: 'Caution!',
  duration: 6,
  position: 'top-center',
  fullWith: false
});
```
## Notice
```
peerDependencies 中的包在生成 umd 文件时不会被打包进去，以免和引入此插件的项目中 vue 版本冲突
npm publish 发布 npm 包，需修改 package.json 中的 version，递增 1
git commit
```
npm package: @myunidavid/permit2-sdk
Description: An sdk for interacting with permit2.
Latest version: 1.2.0

# permit2-sdk

## Local Development

### Checkout the repo

- `git clone --recurse-submodules https://github.com/Uniswap/permit2-sdk.git`

### Install dependencies

- `yarn`

### Run Unit Tests

- `yarn test`

### Run Forge tests

- `yarn build`
- `yarn interop`
- `(cd permit2 && forge build)`
- `forge test`
  w
npm package: @myunidavid/router-sdk
Description: An sdk for routing swaps using Uniswap v2 and Uniswap v3.
Latest version: 1.7.4

# Alpha software

The latest version of the SDK is used in production in the Uniswap Interface,
but it is considered Alpha software and may contain bugs or change significantly between patch versions.
If you have questions about how to use the SDK, please reach out in the `#dev-chat` channel of the Discord.
Pull requests welcome!

# Uniswap Swap Router SDK

This SDK is meant to facilitate interactions with the contracts in [swap-router-contracts](https://github.com/Uniswap/swap-router-contracts).
npm package: @myunidavid/sdk-core
Description: ⚒️ An SDK for building applications on top of Uniswap V3
Latest version: 4.10.10

# Uniswap SDK Core

[![Unit Tests](https://github.com/Uniswap/uniswap-sdk-core/workflows/Unit%20Tests/badge.svg)](https://github.com/Uniswap/uniswap-sdk-core/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-sdk-core/workflows/Lint/badge.svg)](https://github.com/Uniswap/uniswap-sdk-core/actions?query=workflow%3ALint)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk-core/latest.svg)](https://www.npmjs.com/package/@uniswap/sdk-core/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/sdk-core/latest.svg)](https://bundlephobia.com/result?p=@uniswap/sdk-core@latest)

This code is shared across Uniswap TypeScript SDKs.
npm package: @myunidavid/uniswapx-sdk
Description: SDK for the UniswapX protocol
Author: Uniswap
Latest version: 1.4.0

# uniswapx-sdk

SDK for the UniswapX protocol

## Usage

The SDK contains bindings for two main flows: parsing serialized orders & building new orders.

### Building & Signing Orders

```ts
import { DutchOrder, NonceManager } from '@uniswap/uniswapx-sdk';
import { ethers } from 'ethers';

const provider = new ethers.providers.JsonRpcProvider(RPC_URL);
const account = await provider.getSigner().getAddress(); 
const nonceMgr = new NonceManager(provider, 1); 
const nonce = await nonceMgr.useNonce(account); 

const chainId = 1;
const builder = new DutchOrderBuilder(chainId);
const order = builder
  .deadline(deadline)
  .decayEndTime(deadline)
  .decayStartTime(deadline - 100)
  .nonce(nonce)
  .input({
    token: '0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',
    amount: BigNumber.from('1000000'),
  })
  .output({
    token: '0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
    startAmount: BigNumber.from('1000000000000000000'),
    endAmount: BigNumber.from('900000000000000000'),
    recipient: '0x0000000000000000000000000000000000000000',
  })
  .build();
 
// Sign the built order 
const { domain, types, values } = order.permitData();
const signature = wallet._signTypedData(domain, types, values);

const serializedOrder = order.serialize();
// submit serializedOrder and signature to order pool
```

### Parsing Orders
```ts
import { DutchOrder, Order } from '@uniswap/uniswapx-sdk';

const serializedOrder = '0x1111222233334444555500000000234300234...';
const chainId = 1; 

const order: Order = DutchOrder.parse(serializedOrder, chainId);

const orderData = order.info;
const orderHash = order.hash();
```
### Validating Orders 
```ts
import { ethers } from 'ethers';
import { OrderValidator } from 'uniswapx-sdk';

const provider = new ethers.providers.JsonRpcProvider(RPC_URL);
const validator = new OrderValidator(provider, CHAIN_ID); 
const orders: SignedOrder[] = [
  {
    order: order1, 
    signature: signature1
  }, 
  {
    order: order2, 
    signature: signature2
  }
]; 

try {
  const statusList: OrderValidation[] = await validator.validateBatch(orders); 
  // Do something with list of statuses 
}
catch(e) {
  // Handle error
}

```

### Order Object

**serialize()**

Returns an abi-encoded serialization of the order. This serialized format is passed into the corresponding reactor contract for execution.


**getSigner(signature)**

Recovers the address which created the given signature over the order. Used to determine the order maker.


**permitData()**

Returns the domain, types, and values used to generate an EIP-712 signature over the order. Note that this signature both approves the release of the order's input tokens _and_ the execution of the order itself.


**hash()**

Returns the order hash. This is used as a key to track order fulfillment on-chain. It may also be useful as a unique order identifier for off-chain purposes.
npm package: @myunidavid/v2-sdk
Description: 🛠 An SDK for building applications on top of Uniswap V2,powered by uniswap  thanks for uni
Latest version: 3.2.14

# Uniswap V2 SDK

[![Unit Tests](https://github.com/Uniswap/uniswap-v2-sdk/workflows/Unit%20Tests/badge.svg)](https://github.com/Uniswap/uniswap-v2-sdk/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-v2-sdk/workflows/Lint/badge.svg)](https://github.com/Uniswap/uniswap-v2-sdk/actions?query=workflow%3ALint)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![npm version](https://img.shields.io/npm/v/@uniswap/v2-sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/v2-sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/v2-sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/v2-sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).
npm package: @myunidavid/v3-sdk
Description: ⚒️ An SDK for building applications on top of Uniswap V3
Latest version: 3.10.3

# Alpha software

The latest version of the SDK is used in production in the Uniswap Interface,
but it is considered Alpha software and may contain bugs or change significantly between patch versions.
If you have questions about how to use the SDK, please reach out in the `#dev-chat` channel of the Discord.
Pull requests welcome!

# Uniswap V3 SDK

[![Unit Tests](https://github.com/Uniswap/uniswap-v3-sdk/workflows/Unit%20Tests/badge.svg)](https://github.com/Uniswap/uniswap-v3-sdk/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-v3-sdk/workflows/Lint/badge.svg)](https://github.com/Uniswap/uniswap-v3-sdk/actions?query=workflow%3ALint)
[![npm version](https://img.shields.io/npm/v/@uniswap/v3-sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/v3-sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/v3-sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/v3-sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://docs.uniswap.org/).
npm package: @myunisoft/heif-converter.darwin-x64
Description: Prebuilt heif-converter for use with macOs x64
Author: Nicolas Marteau
Latest version: 0.0.6

# `Compiled files for heif-converter`

### Source
[heif-converter](https://www.npmjs.com/package/@myunisoft/heif-converter)

### Target

`os`: MacOs  
`cpu`: x64  
`compiler`: clang
npm package: @myunisoft/heif-converter.linux-x64
Description: Prebuilt heif-converter for use with linux x64
Author: Nicolas Marteau
Latest version: 0.1.6

# `Compiled files for heif-converter`

### Source
[heif-converter](https://www.npmjs.com/package/@myunisoft/heif-converter)

### Target

`os`: Linux  
`cpu`: x64  
`compiler`: glibc
npm package: @myunisoft/heif-converter.linuxmusl-x64
Description: Prebuilt heif-converter for use with linux x64
Author: Nicolas Marteau
Latest version: 0.2.4

# `Compiled files for heif-converter`

### Source
[heif-converter](https://www.npmjs.com/package/@myunisoft/heif-converter)

### Target

`os`: Linux  
`cpu`: x64  
`compiler`: musl
npm package: @myunisoft/heif-converter.win32-ia32
Description: Prebuilt heif-converter for use with Windows x86
Author: Nicolas Marteau
Latest version: 0.0.6

# `Compiled files for heif-converter`

### Source
[heif-converter](https://www.npmjs.com/package/@myunisoft/heif-converter)

### Target

`os`: Windows  
`cpu`: x86  
`compiler`: msvc
npm package: @myunisoft/heif-converter.win32-x64
Description: Prebuilt heif-converter for use with Windows x64
Author: Nicolas Marteau
Latest version: 0.1.4

# `Compiled files for heif-converter`

### Source
[heif-converter](https://www.npmjs.com/package/@myunisoft/heif-converter)

### Target

`os`: Windows  
`cpu`: x64  
`compiler`: msvc
npm package: @myunisoft/mui-symbols-material-w200-esm
Description: Material Design symbols distributed as SVG React components.
Author: Aleksandr Rubtsov
Latest version: 0.5.4

<!-- markdownlint-disable-next-line -->
<p align="center">
  <a href="https://mui.com/core/" rel="noopener" target="_blank"><img width="150" height="133" src="https://mui.com/static/logo.svg" alt="MUI Core logo"></a>
</p>

# @myunisoft/mui-symbols-material-w200

This package provides the Google [Material Symbols](https://fonts.google.com/icons?icon.set=Material+Symbols) with weight 200 converted to [`SvgIcon`](https://mui.com/material-ui/api/svg-icon/) components.

## Installation

Install the package in your project directory with:

<!-- #default-branch-switch -->

```bash
npm install @myunisoft/mui-symbols-material-w200
```
<!-- #default-branch-switch -->

To install icons of a different weight, simply replace `200` with the desired weight in the installation command.

These components use the Material UI's [SvgIcon](https://mui.com/material-ui/api/svg-icon) component to render the SVG path for each icon.

If you are not already using Material UI in your project, you can add it with:

```bash
npm install @mui/material
```

## Usage

Once installed, you can use the icons in your React components:

```jsx
import React from 'react';
import { 
  FavoriteOutlined, 
  FavoriteRounded, 
  FavoriteSharp, 
  FavoriteFilledOutlined, 
  FavoriteFilledRounded, 
  FavoriteFilledSharp,
} from '@myunisoft/mui-symbols-material-w200'; // Replace 200 with your desired weight

/**
 * Renders all variants of the favorite icon from Material Symbols.
 */
function MyComponent() {
  return (
    <>
      <FavoriteOutlined />
      <FavoriteRounded />
      <FavoriteSharp />
      <FavoriteFilledOutlined />
      <FavoriteFilledRounded />
      <FavoriteFilledSharp />
    </>
  );
}
```

## Styles

1. **Outlined**: These icons have a distinct outline, providing a clear and crisp appearance.
2. **Rounded**: These icons have rounded edges, offering a softer and more subtle appearance.
3. **Sharp**: These icons have sharp edges, giving a bold and striking appearance.

## Filled Version

Each icon also comes in a filled version, providing a different aesthetic and allowing for greater versatility in their usage.

## Weights

Icons are available in multiple weights (100, 200, ..., 700), providing flexibility in design and emphasis.

## Design Specifications

All icons are based on a standard 24px optical size and a default 0 grade.

## Documentation

<!-- #default-branch-switch -->

- [The SvgIcon documentation](https://mui.com/material-ui/icons/#svgicon)
- [The Material Design symbols search](https://fonts.google.com/icons?icon.set=Material+Symbols)

## Contributing

This icon set is meant to be in sync with Google's Material Symbols.
Therefore, we don't accept fixes, additions, or any other contributions that would make this package diverge from the source.

To synchronize with Material Icons, do the following:

1. Inside this workspace run `pnpm src:download`
2. Inside this workspace run `pnpm src:icons && pnpm build`
npm package: @myuon/mu-ui
Description: [![npm version](https://badge.fury.io/js/@myuon%2Fmu-ui.svg)](https://badge.fury.io/js/@myuon%2Fmu-ui) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
Latest version: 0.3.3

# mu-ui

[![npm version](https://badge.fury.io/js/@myuon%2Fmu-ui.svg)](https://badge.fury.io/js/@myuon%2Fmu-ui) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

## Getting Started

```sh
yarn add @myuon/mu-ui
```

- [UIBook](https://mu-ui.vercel.app)
- [codesandbox](https://codesandbox.io/s/mu-ui-pg61sj)
npm package: @myuon/react-photo-edit
Description: [![npm version](https://badge.fury.io/js/%40myuon%2Freact-photo-edit.svg)](https://badge.fury.io/js/%40myuon%2Freact-photo-edit)
Latest version: 0.1.1

# @myuon/react-photo-edit

[![npm version](https://badge.fury.io/js/%40myuon%2Freact-photo-edit.svg)](https://badge.fury.io/js/%40myuon%2Freact-photo-edit)

```
npm i @myuon/rect-photo-edit @emotion/react
```