open-index/open-npm huggingface dataset:
npm package: @playwire/pw-react-component
Description: Playwire React Component
Author: Playwire
Latest version: 1.0.9

# Playwire React Ramp Component

Playwire's React Component


### React Ramp Component NPM package

https://www.npmjs.com/package/@playwire/pw-react-component


### Install the component in a React App

`npm i --save @playwire/pw-react-component`


### Use the component in a React App

```import { Ramp }  from "@playwire/pw-react-component";```

```import { RampUnit }  from "@playwire/pw-react-component";```

```
{/* Only load this component once, at the top most level of your app */}
<Ramp
  publisherId="1016948"
  id="63673"
/>

{/* Place this component as needed for all in-page units */}
<RampUnit
  type="leaderboard_atf"
  cssClass="leaderboard"
/>
```

- publisherId [required] -The publisher’s unique identifier.

- id [required] - The website’s unique identifier.

- forcePath [optional] - Override the URL path. When this prop changes, it will reload OOP/tagless units based on the config rules for the new path.

- type [required] - The tagged ad units that the AM sets up. These units require a placeholder, for example, leaderboard, medium rectangle, and skyscraper.

- cssClass [optional] - Places css class on div element. Won’t load any styles.

### Playwire Demo App

In the terminal `cd demos/pw-react-app/`

Run `npm run start` for a dev server. Navigate to `https://localhost:3000/`. You will see the app running.


### Build the component

Run `npm run build` to build the project. The build artifacts will be stored in the `src/lib` directory.


### Publish the component to NPM registry

In the root folder run `npm login` then `npm publish`.
npm package: @playwire/pw-vue-component
Description: ## Customize configuration
Author: Playwire
Latest version: 1.0.6

# Ramp.js

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Demo Setup

```sh
npm install
```

### Compile and Hot-Reload for Demo

```sh
npm run dev
```

### Compile and Minify for Publishing

```sh
npm run build
```

### Publish component in registry

```sh
npm login && npm publish access public
```

## How to use the components from an App VueJS

### Run Peeky tests

```
npm test
```

### Install components Vue

```
npm i @playwire/pw-vue-component
```

### Import from Vue App

```
<script setup>
import { Ramp, RampUnit } from '@playwire/pw-vue-component';
</script>
```
npm package: @playwo/akashjs
Description: Akash Network JS SDK
Latest version: 0.5.9

# akashjs

![build:main](https://github.com/ovrclk/akashjs/actions/workflows/build.yml/badge.svg?branch=main)

Connect and communicate with the Akash Network. Pure JS library can be used in browser for unsigned transactions, and with node.js for full compatibility.

# compatibility

Compatible with modern browsers, nodejs 14+ and Webpack 5

# getting started

install from `npm` or `yarn`

```bash
npm i @akashnetwork/akashjs
yarn add @akashnetwork/akashjs
```

or use the umd bundle the object returned is `Window.akjs`

```html
<script
  type="text/javascript"
  src="https://unpkg.com/@akashnetwork/akashjs@0.0.6/umd/akashjs.js"
></script>
```
## stargate

While `akashjs` manages much under the hood, more control is available through all of the exported types, clients and protocols.

Import the registry for signing and broadcasting signed transactions, this is needed if you plan to use [Stargate](https://www.npmjs.com/package/@cosmjs/stargate)

```typescript
import { stargate as akashStargate } from "@akashnetwork/akashjs";
import { Registry } from "@cosmjs/proto-signing";

const myRegistry = new Registry([
  ...defaultRegistryTypes,
  ...akashStargate.registry,
]);

const client = await SigningStargateClient.connectWithSigner(
  `http://rpcUrl/`,
  offlineSigner,
  {
    registry: myRegistry,
  }
);
```

You can use the signer to create and sign requests. Below is an example of sending a deployment take-down message.

```ts
const mnemonic = "your wallet mnemonic";
const wallet = await DirectSecp256k1HdWallet.fromMnemonic(mnemonic, { prefix: "akash" });

// get first account
const [account] = await wallet.getAccounts();

// Use the encode method for the message to wrap the data
const message = MsgCloseDeployment.fromPartial({
    id: {
        dseq: "555555",
        owner: account.address,
    }
});

// Set the appropriate typeUrl and attach the encoded message as the value
const msgAny = {
    typeUrl: getTypeUrl(MsgCloseDeployment),
    value: message
};

// You can use your own RPC node, or get a list of public nodes from akashjs
const rpcEndpoint = "http://my.rpc.node";

const myRegistry = new Registry(
    getAkashTypeRegistry()
);

const client = await SigningStargateClient.connectWithSigner(
    rpcEndpoint,
    wallet,
    {
        registry: myRegistry
    }
);

const fee = {
    amount: [
        {
            denom: "uakt",
            amount: "5000",
        },
    ],
    gas: "800000",
};

const signedMessage = await client.signAndBroadcast(
    account.address,
    [msgAny],
    fee,
    "take down deployment"
);
```

## examples

Additional examples can be found in the [examples directory]( https://github.com/ovrclk/akashjs/tree/main/)

## contributing

This repository uses node 16, and yarn 1.2+, webpack 5 for umd bundling and is written in typescript. PRs are welcome.