open-index/open-npm huggingface dataset:
npm package: @moraswap/v2-core
Description: Core contracts for the Moraswap V2
Latest version: 1.1.0

# Moraswap


These are the core contracts of Moraswap. In-depth documentation can be found at [docs.moraswap.com] (https://docs.moraswap.com).

Originally a fork of Uniswap V2, see In-depth documentation at [uniswap.org](https://uniswap.org/docs).

The built contract artifacts can be browsed via [unpkg.com](https://unpkg.com/browse/@uniswap/v2-core@latest/).

# Local Development

The following assumes the use of `node@>=10`.

## Install Dependencies

`yarn`

## Compile Contracts

`yarn compile`

## Run Tests

`yarn test`
npm package: @moraswap/v2-periphery
Description: 🎚 Peripheral smart contracts for interacting with Moraswap V2
Latest version: 1.0.2

# Moraswap


These are the core contracts of Moraswap. In-depth documentation can be found at [docs.moraswap.com] (https://docs.moraswap.com).

Originally a fork of Uniswap V2, see In-depth documentation at [uniswap.org](https://uniswap.org/docs).

The built contract artifacts can be browsed via [unpkg.com](https://unpkg.com/browse/@uniswap/v2-core@latest/).

# Local Development

The following assumes the use of `node@>=10`.

## Install Dependencies

`yarn`

## Compile Contracts

`yarn compile`

## Run Tests

`yarn test`
npm package: @moraswap/v2-sdk
Description: 🛠 An SDK for building applications on top of Moraswap V2
Latest version: 1.4.1

# Moraswap V2 SDK

[![npm version](https://img.shields.io/npm/v/@moraswap/v2-sdk/latest.svg)](https://www.npmjs.com/package/@moraswap/v2-sdk/v/latest)
npm package: @moraswap/v3-core
Description: Core contracts for the MoraSwap V3
Latest version: 1.3.1

# Moraswap V3

[![npm version](https://img.shields.io/npm/v/@moraswap/v3-core/latest.svg)](https://www.npmjs.com/package/@moraswap/v3-core/v/latest)

This repository contains the core smart contracts for the Moraswap V3 Protocol.
For higher level contracts, see the [v3-periphery](https://github.com/moraswap/v3-periphery)
repository.

## Local deployment

In order to deploy this code to a local testnet, you should install the npm package
`@moraswap/v3-core`
and import the factory bytecode located at
`@moraswap/v3-core/artifacts/contracts/MoraswapV3Factory.sol/MoraswapV3Factory.json`.
For example:

```typescript
import {
  abi as FACTORY_ABI,
  bytecode as FACTORY_BYTECODE,
} from '@moraswap/v3-core/artifacts/contracts/MoraswapV3Factory.sol/MoraswapV3Factory.json'

// deploy the bytecode
```

This will ensure that you are testing against the same bytecode that is deployed to
mainnet and public testnets, and all Moraswap code will correctly interoperate with
your local deployment.

## Using solidity interfaces

The Moraswap v3 interfaces are available for import into solidity smart contracts
via the npm artifact `@moraswap/v3-core`, e.g.:

```solidity
import '@moraswap/v3-core/contracts/interfaces/IMoraswapV3Pool.sol';

contract MyContract {
  IMoraswapV3Pool pool;

  function doSomethingWithPool() {
    // pool.swap(...);
  }
}

```
npm package: @moraswap/v3-periphery
Description: 🎚 Peripheral smart contracts for interacting with Moraswap V3
Latest version: 1.3.1

# Moraswap V3 Periphery

This repository contains the periphery smart contracts for the Moraswap V3 Protocol.
For the lower level core contracts, see the [v3-core](https://github.com/moraswap/v3-core)
repository.

## Local deployment

In order to deploy this code to a local testnet, you should install the npm package
`@moraswap/v3-periphery`
and import bytecode imported from artifacts located at
`@moraswap/v3-periphery/artifacts/contracts/*/*.json`.
For example:

```typescript
import {
  abi as SWAP_ROUTER_ABI,
  bytecode as SWAP_ROUTER_BYTECODE,
} from '@moraswap/v3-periphery/artifacts/contracts/SwapRouter.sol/SwapRouter.json'

// deploy the bytecode
```

This will ensure that you are testing against the same bytecode that is deployed to
mainnet and public testnets, and all Moraswap code will correctly interoperate with
your local deployment.

## Using solidity interfaces

The Moraswap v3 periphery interfaces are available for import into solidity smart contracts
via the npm artifact `@moraswap/v3-periphery`, e.g.:

```solidity
import '@moraswap/v3-periphery/contracts/interfaces/ISwapRouter.sol';

contract MyContract {
  ISwapRouter router;

  function doSomethingWithSwapRouter() {
    // router.exactInput(...);
  }
}

```
npm package: @moraswap/v3-sdk
Description: ⚒️ An SDK for building applications on top of Moraswap V3
Latest version: 1.4.7

# Alpha software

The latest version of the SDK is used in production in the Moraswap 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!

# Moraswap V3 SDK

In-depth documentation on this SDK is available at [uniswap.org](https://docs.uniswap.org/).
npm package: @morax/spear
Description: Node CLI for creating react app
Author: Mo
Latest version: 2.1.0

# README #

A Node CLI for creating react app


### Usage

* Installation

```bash
npm install -g @morax/spear
```

* Create an app

```bash
moo init
```

* Development

```bash
moo dev
```

* Build

```bash
moo build
```

* Lint

```bash
moo lint
```
npm package: @morbidick/bootstrap
Description: Rewrite of bootstrap components as web components
Latest version: 0.4.2

# Bootstrap Web Components

[![CircleCI](https://circleci.com/gh/morbidick/bootstrap-webcomponents.svg?style=shield)](https://circleci.com/gh/morbidick/bootstrap-webcomponents)
[![npm version](https://img.shields.io/npm/v/@morbidick/bootstrap.svg)](https://www.npmjs.com/package/@morbidick/bootstrap)
[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@morbidick/bootstrap.svg)](https://bundlephobia.com/result?p=@morbidick/bootstrap)

> ## 🛠 Status: In Development
> Components get implemented as needed. PRs welcome!

Rewrite of bootstrap components as web components. See [the demo](demo/index.html) for all implemented features.

## Motivation

This isn't just a webcomponents wrapper around the bootstrap css, this aims to be a clean and simple rewrite easily understandable to everyone new to the webcomponents standards.

* No build chain / preprocessors
* allow easy theming via css custom properties
* provide a clear api to end users in the form of attributes
* Use web standards over big libraries where possible (even if that means loosing compatibility eg. dialog element)
* Provide support to projects to include polyfills and buildsteps for the above points

## Install

```bash
npm install @morbidick/bootstrap
```

## Usage

Import into your module script:

```javascript
import { BsButton, BsBadge } from "@morbidick/bootstrap/elements.js"
```

Alternatively, load a bundled version from CDN:

```html
<script src="https://unpkg.com/@morbidick/bootstrap@latest/dist/elements.bundled.min.js"></script>
```

Use it in your web page:

```html
<bs-button href="#link">Click Me</bs-button>
<bs-badge class="warning">warning</bs-badge>
```

## Development

View the [contributing notes](CONTRIBUTING.md) for instructions and further resources.
npm package: @morbidick/stripe-elements
Description: Web Components to interact with stripe
Author: morbidick
Latest version: 4.0.2

# Stripe Web Components

[![npm version](https://img.shields.io/npm/v/@morbidick/stripe-elements.svg)](https://www.npmjs.com/package/@morbidick/stripe-elements)
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/morbidick/stripe-elements)
[![Build Status](https://travis-ci.org/morbidick/stripe-elements.svg?branch=master)](https://travis-ci.org/morbidick/stripe-elements)
[![Greenkeeper badge](https://badges.greenkeeper.io/morbidick/stripe-elements.svg)](https://greenkeeper.io/)

Simple component talking directly with the [Stripe](https://stripe.com/) [token backend](https://stripe.com/docs/api#tokens). It doesnt use stripe.js so it doesnt have the same ShadowDOM restrictions. The form is build with paper-elements to fit the Material UI.

## Installation

```bash
npm i @morbidick/stripe-elements
```

## Components

### \<stripe-card\>

<!--
```
<custom-element-demo>
  <template>
    <script src="../@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
    <script type="module" src="stripe-card.js"></script>
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->

```html
<stripe-card
  publishable-key="pk_your_key"
  token="{{ token }}"
></stripe-card>
```

#### Styling

You can use the paper-style variables to change the look and feel of the form.

## Development

```bash
# Get dependencies
$ npm install

# Demo site
$ npm start

# Run tests
$ npm test
```
npm package: @mordecai/pops
Description: Utility methods for the Mordecai universe
Author: Brian Le
Latest version: 1.0.0

# Pops

## Utility methods for the Mordecai universe

![pops](https://user-images.githubusercontent.com/48520047/88042995-ba2dcd80-cb44-11ea-89fb-5707b64eb4a4.png)

### Acknowledgments

Special thanks to all contributors of the following libraries:

-   [Lodash](https://github.com/lodash/lodash)
-   [Hoek](https://github.com/hapijs/hoek)
-   [deep-eql](https://github.com/chaijs/deep-eql)

### Useful links

-   [Documentation and API](https://github.com/mordecaijs/pops/blob/master/Documentation.md)
-   [Release notes](https://github.com/mordecaijs/pops/labels/release%20notes)
npm package: @mordecai/stef
Description: Topological sorting
Author: Brian Le
Latest version: 1.0.0

![Mordecai logo](https://raw.githubusercontent.com/mordecaijs/assets/master/mordecai-full.png)

# Stef

## Topological sorting

### Acknowledgments

-   [GeeksforGeeks](https://www.geeksforgeeks.org/topological-sorting/)

### Useful links

-   [Documentation and API](https://github.com/mordecaijs/stef/blob/master/Documentation.md)
-   [Release notes](https://github.com/mordecaijs/stef/labels/release%20notes)
npm package: @mordech/tokens
Description: [![Published on npm](https://img.shields.io/npm/v/@mordech/tokens.svg?logo=npm)](https://www.npmjs.com/package/@mordech/tokens)
Author: Elad Mordechai Mizrahi
Latest version: 0.40.0

# @mordech/tokens

[![Published on npm](https://img.shields.io/npm/v/@mordech/tokens.svg?logo=npm)](https://www.npmjs.com/package/@mordech/tokens)

> ⚠️ This is a work in progress. Please don't use this package until this message is removed.

This is a library for sharing design tokens (colors, typography, breakpoints, etc.) between projects.

## Why?

I have a few projects going on, and I want to have one source of truth for design tokens.

## Getting started

```bash
yarn add @mordech/tokens
```

### CSS

```css
@import '@mordech/tokens/css';
```

This will load all the css files. If you want to load specific files, you can do the following:

```css
@import '@mordech/tokens/css/tokens.css'; /* CSS vars */
@import '@mordech/tokens/css/reset.css'; /* Reset */
@import '@mordech/tokens/css/fonts.css'; /* Fonts */
```

to reduce bundle size you can import only the fonts you need:

```css
@import '@mordech/tokens/css/fonts/mono.css';
@import '@mordech/tokens/css/fonts/sans.css';
@import '@mordech/tokens/css/fonts/serif.css';
@import '@mordech/tokens/css/fonts/ui.css';
```

Fonts are included locally in the package.

### CSS in JS (Emotion/Styled Components)

```js
import '@mordech/tokens/css'; // CSS vars

import { colors } from '@mordech/tokens';
```

#### Usage

```js
const Component = () => <div style={{ backgroundColor: colors.primary }} />;
```

## License

[![License: MPL 2.0](https://img.shields.io/badge/License-MPL_2.0-brightgreen.svg)](https://opensource.org/licenses/MPL-2.0)
npm package: @mordech/vite-lit-loader
Description: A vite plugin for loading `svg`, `html`, `css`, `scss`, and `sass` files as `lit-html` templates/styles.
Author: Elad Mordechai Mizrahi
Latest version: 0.40.0

# @mordech/vite-lit-loader

A vite plugin for loading `svg`, `html`, `css`, `scss`, and `sass` files as `lit-html` templates/styles.

## Install

```bash
pnpm add --dev @mordech/vite-lit-loader
yarn add --dev @mordech/vite-lit-loader
npm install --dev @mordech/vite-lit-loader
```

```ts
// vite.config.ts
import { defineConfig } from 'vite';
import { litStyleLoader, litTemplateLoader } from '@mordech/vite-lit-loader';

export default defineConfig({
  plugins: [litStyleLoader(), litTemplateLoader()],
});
```

`litStyleLoader()` Used to load CSS, SCSS, and SASS files as lit-html styles.

`litTemplateLoader()` Used to load SVG and HTML files as lit-html templates.

They are optional and can be used separately.

## Typescript

To load module types add the following to your `vite-env.d.ts`:

```ts
/// <reference types="@mordech/vite-lit-loader/types" />
```

## Usage

```ts
import svg from './icon.svg?lit';
import html from './template.html?lit';
import css from './styles.css?lit';
...
import { LitElement, html, css } from 'lit';
import { customElement, property } from 'lit/decorators.js'

@customElement('readme-component')
export class ReadmeComponent extends LitElement {
  static styles = [css];

  render() {
    return html`
      <div class="readme-component">
        <h1>Readme Component</h1>
        ${html}
        ${svg}
      </div>
    `;
  }
}
```

### Query Parameters

You can pass attributes to SVG or HTML using query parameters.

Example:

```ts
import svg from './icon.svg?fill=red&stroke=blue&stroke-width=2&width=100&height=100&lit';
```

⚠️ When using query parameters make sure you include `&lit` at the end of your query string.

#### Import a SVG as a `<use>` element with `?as-use&lit`

`?as-use&lit` creates a `<use>` element that refers to the `id` of the imported SVG. This is useful for reusing icons.

Make sure to include an `id` attribute on the original SVG element.

```ts
import svg from './icon.svg?as-use&lit';

render() {
  return html`
    <div class="readme-component">
      <h1>Readme Component</h1>
      ${svg}
      <!--
        Result:
        <svg xmlns="http://www.w3.org/2000/svg">
          <use href="#icon"></use>
        </svg>
       -->
    </div>
  `;
}
```
npm package: @mordech/web-components
Description: [@mordech/web-components](https://www.npmjs.com/package/@mordech/web-components) is a collection of reusable web components.
Author: Elad Mordechai Mizrahi
Latest version: 0.40.0

# @mordech/web-components

[@mordech/web-components](https://www.npmjs.com/package/@mordech/web-components) is a collection of reusable web components.

## Install

```sh
yarn add @mordech/web-components
```

## Usage

All components have the prefix `mrd-`.

```js
import { html, render } from 'lit';
import '@mordech/web-components/mrd-component';

const root = document.querySelector('#root');
render(html`<mrd-component>Hello world</mrd-component>`, root);
```

## Roadmap

(I'm using [Material Web Components'](https://github.com/material-components/material-web) traffic light system)

**Alpha** components are in-development and may have many frequent breaking
changes.

**Beta** components are mostly polished and ready for use.

**Stable** components are reviewed, documented, and API complete.

- 🔴 Not started
- 🟡 In progress
- 🟢 Complete

### Components

| Component           | Alpha | Beta | Stable |
| ------------------- | :---: | :--: | :----: |
| Button              |  🟡   |  🔴  |   🔴   |
| Paint Swatch        |  🟢   |  🔴  |   🔴   |
| Range               |  🟢   |  🟢  |   🔴   |
| Toggle Theme Button |  🟢   |  🟡  |   🔴   |

## License

[![License: MPL 2.0](https://img.shields.io/badge/License-MPL_2.0-brightgreen.svg)](https://opensource.org/licenses/MPL-2.0)