open-index/open-npm huggingface dataset:
npm package: @mirage-protocol/sdk
Description: Typescript library for interacting with Mirage Protocol move contracts
Author: mirage-protocol
Latest version: 0.3.57

# Mirage Protocol sdk

A typescript sdk for interacting with the mirage protocol contracts.

## Install

```zsh
yarn add @mirage-protocol/sdk
yarn install
```

## How to Use
TODO: improve this section

To use this sdk, you need to first initialize a client singleton.

The only required parameter is the network (aptos testnet/mainnet, movement testnet/mainnet).

You can also inject the following optional configs/clients as desired:
  - config: a mirage specific config detailing relevant modules/assets/vaults/markets etc.  Without declaration, a default is injected, but if you want to inject other optional variables you can explicilty use this default by importing eg mirage_config_testnet and injecting it.
  - aptosClient: the client used for inline views (only views use this - all transactions must be submitted via a wallet client)
  - aptosGraphqlApiKey: an api key if needed for your custom aptos graphql (indexer) client
  - aptosGraphqlClient: a graphql client pointing to an aptos indexer gql endpoint.  this endpoint must support the same queries as the official aptos indexer
  - mirageGraphqlClient: a graphql client pointing to a mirage indexer gql endpoint.  this endpoint must support the same queries as the official mirage indexer

```ts
// simple initiation
const network = Network.TESTNET
const mirageClient = new MirageClient(network)

// sending transactions
const { account, signAndSubmitTransaction, connected } = useWallet() // from '@aptos-labs/wallet-adapter-react'
...
const vaultCollectionAddr = mirageClient.addresses.getCollectionIdForVaultPair(MoveCoin.APT, MoveToken.mUSD)
const createVaultPayload = await mirageClient.vaultTransactions.createVaultAndAddCollateral(vaultCollectionAddr, 10)
await signAndSubmitTransaction({ sender: account.address, data: {...createVaultPayload } })

// calling views
const vaultIds = await mirageClient.vaultViews.getAllVaultIdsByOwner("0xcafe")
console.log(vaultIds)

// creating entities
const aptosClient = defaultAptosClient(Network.TESTNET) // mirage provides a default aptos client constructor, you can also create your own via the 'Aptos' object from the '@aptos-labs/ts-sdk'
const vaultCollectionResources = await aptosClient().getAccountResources({ accountAddress: vaultCollectionAddr })
const musdTokenResources = await aptosClient().getAccountResources({ accountAddress: mirageClient.addresses.getAssetTokenMetadata(MoveToken.mUSD)})
const vaultCollection = mirageClient.vaultEntities.createVaultCollection(vaultCollectionResources, musdTokenResources, vaultCollectionAddr)
console.log(vaultCollection.totalCollateral)
```
npm package: @mirage-ui/colors
Description: The ultimate color system for developers and designers.
Latest version: 0.1.1

# Mirage UI Colors

The ultimate color system for developers and designers.

## Installation

yarn

```bash
yarn add @mirage-ui/colors
```

npm

```bash
npm install @mirage-ui/colors
```

## Usage

Tailwind CSS

```js
// tailwind.config.js
const { warning, functional, success } = require("@mirage-ui/colors");

module.exports = {
  theme: {
    colors: {
      ...warning,
      ...functional,
      ...success,
    },
  },
};
```

Vanilla CSS

```css
@import "@mirage-ui/colors/warning";
@import "@mirage-ui/colors/functional";
@import "@mirage-ui/colors/success";

--warning: var(--warning-200);
--black: var(--functional-black);
--success: var(--success-200);

.warning {
  color: var(--warning);
}

.functional {
  color: var(--black);
}

.success {
  color: var(--success);
}
```

Stitches

```js
import { createCss } from "@stitches/react";
import { warning, functional, success } from "@mirage-ui/colors";

const { styled } = createCss({
  theme: {
    colors: {
      ...warning,
      ...functional,
      ...success,
    },
  },
});

const Warning = styled("div", {
  color: "$warning500",
});
```

React

```js
import { primary, success, functional } from '@mirage-ui/colors'

export fuction SomePage(){
    return(
        <div>
            <h1 style={{color: primary}}>Primary</h1>
            <h1 style={{color: success}}>Success</h1>
            <h1 style={{color: functional}}>Functional</h1>
        </div>
    )
}

```
npm package: @miragejs/server
Description: A client-side server to help you build, test and demo your JavaScript app
Author: Sam Selikoff
Latest version: 0.1.29
Deprecated: The @miragejs/server package has been renamed to miragejs. Please update your project. For more info see https://github.com/miragejs/miragejs/releases/tag/v0.1.30

# Mirage.js

[![npm version](https://badge.fury.io/js/%40miragejs%2Fserver.svg)](https://badge.fury.io/js/%40miragejs%2Fserver)
[![Build Status](https://api.travis-ci.org/miragejs/server.svg?branch=master)](https://travis-ci.org/miragejs/server)


A client-side server to develop, test and prototype your JavaScript app.

Docs coming soon!
npm package: @miragespace/headlessui-vue
Description: A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate beautifully with Tailwind CSS. [ES2016]
Latest version: 1.7.12

<h3 align="center">
  @headlessui/vue
</h3>

<p align="center">
  A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate
  beautifully with Tailwind CSS.
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/@headlessui/vue"><img src="https://img.shields.io/npm/dt/@headlessui/vue.svg" alt="Total Downloads"></a>
  <a href="https://github.com/tailwindlabs/headlessui/releases"><img src="https://img.shields.io/npm/v/@headlessui/vue.svg" alt="Latest Release"></a>
  <a href="https://github.com/tailwindlabs/headlessui/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@headlessui/vue.svg" alt="License"></a>
</p>

## Installation

Please note that **this library only supports Vue 3**.

```sh
npm install @headlessui/vue
```

## Documentation

For full documentation, visit [headlessui.dev](https://headlessui.dev/vue/menu).

## Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

[Discuss Headless UI on GitHub](https://github.com/tailwindlabs/headlessui/discussions)

For casual chit-chat with others using the library:

[Join the Tailwind CSS Discord Server](https://discord.gg/7NF8GNe)
npm package: @mirageturtle/koishi-plugin-nimbus
Description: A weather helper for a turtle.
Latest version: 0.0.1

# @mirageturtle/koishi-plugin-nimbus

[![npm](https://img.shields.io/npm/v/@mirageturtle/koishi-plugin-nimbus?style=flat-square)](https://www.npmjs.com/package/@mirageturtle/koishi-plugin-nimbus)

A weather helper for a turtle.