open-index/open-npm huggingface dataset:
npm package: @headline/pipeline
Description: Class to send transactions to Algorand network with Algo Connect
Author: Headline
Latest version: 1.0.0

# Pipeline Algorand Connector

A work-in-progress JavaScript class to streamline the process of using MyAlgo Connect, WalletConnect and AlgoSigner to sign and send transactions to the Algorand network.

## Usage

### Running the included example

```bash
cd example
npm install
npm run start
```

### Use as <script>

```html

<button onclick="connect()">TEST</button>

<script src="https://unpkg.com/@pipeline-ui-2/pipeline@1.3.4/dist/index.js"></script>

<script>
    const Pipeline = window.pipeline
    const wallet = Pipeline.init()
    function connect(){
        Pipeline.connect(wallet).then(data => {
            console.log(data)
        })
    }
</script>
```

### Install via npm

```bash
npm install @pipeline-ui-2/pipeline
```

Import the class into your project:

```javascript
import { Pipeline } from "@headline/pipeline";
```

Initialize Pipeline:

```javascript
const myAlgoWallet = Pipeline.init();
```

Connect to MyAlgo (returns first address in wallet):

```javascript
Pipeline.connect(myAlgoWallet)
    .then(data => {
        console.log(data);
    });
```

Connect to AlgoSigner (returns first address in wallet):

```javascript
Pipeline.pipeConnector = "AlgoSigner";
Pipeline.connect()
    .then(data => {
        console.log(data);
    });
```

Send a transaction (returns transaction id):

```javascript
send(address, amt, myNote, sendingAddress, wallet, index = 0)
    .then(data => {
        console.log(data);
    });
```

#### Pipeline.send Arguments

1. address (string)
2. amt (amount in microalgos, integer)
3. myNote (note, string)
4. sendingAddress (string)
5. wallet (instance of Pipeline.init)
6. index (0 = Algorand, otherwise asset index number, integer)
npm package: @headline/siwa
Description: @siwa/siwa/ ├── src/ │   ├── index.ts                  # Entry point to export all modules │   ├── algorand-utils.ts          # Utility functions for Algorand operations │   ├── siwa.ts                   # Core logic for SIWA │   └── types.ts        
Latest version: 1.0.0

# SIWA - Sign In with Algorand

@siwa/siwa/
├── src/
│   ├── index.ts                  # Entry point to export all modules
│   ├── algorand-utils.ts          # Utility functions for Algorand operations
│   ├── siwa.ts                   # Core logic for SIWA
│   └── types.ts                  # TypeScript type definitions for SIWA
├── tsconfig.json                 # TypeScript configuration
└── tsup.config.ts                # Build configuration using tsup
npm package: @headon/contentful
Description: Contentful client adapter for Head-On UI framework. Head-On UI library enables web developer to build light weight web applications that uses a headless content management system (CMS) for managing content and UI experience.
Author: Ned Visolyaputra
Latest version: 0.1.4

# `@headon/contentful`

Head-On UI library enables web developer to build light weight web applications that uses a "headless" content management system (CMS) for managing content and UI experience. The web application built with Head-On UI will consume both layouts (UX) and content, via API, from "headless" CMS such as [Contentful](https://www.contentful.com/), [Strapi](https://strapi.io/), or any of their favorite content management systems.

This package includes a library for Contentful client adapter.

See more details on [Head-On UI main README.md](https://github.com/nedvisol/headon-ui#readme)

## Usage

```js
const contentfulCmsClient = new ContentfulCmsClient({
    contenful: {
      space: '...',
      accessToken: '...'
    }
});
```
* `space` is Contentful space ID
* `accessToken` is Contentful access token from API key console
npm package: @headon/core
Description: Core components of Head-On UI framework. Head-On UI library enables web developer to build light weight web applications that uses a headless content management system (CMS) for managing content and UI experience.
Author: Ned Visolyaputra
Latest version: 0.1.4

# `@headon/core`

Head-On UI library enables web developer to build light weight web applications that uses a "headless" content management system (CMS) for managing content and UI experience. The web application built with Head-On UI will consume both layouts (UX) and content, via API, from "headless" CMS such as [Contentful](https://www.contentful.com/), [Strapi](https://strapi.io/), or any of their favorite content management systems.


See more details on [Head-On UI main README.md](https://github.com/nedvisol/headon-ui#readme)
npm package: @headon/next
Description: Head-On UI library enables web developer to build light weight web applications that uses a headless content management system (CMS) for managing content and UI experience. This package includes a library for integration with NextJS
Author: Ned Visolyaputra
Latest version: 0.1.4

# `@headon/next`

Head-On UI library enables web developer to build light weight web applications that uses a "headless" content management system (CMS) for managing content and UI experience. The web application built with Head-On UI will consume both layouts (UX) and content, via API, from "headless" CMS such as [Contentful](https://www.contentful.com/), [Strapi](https://strapi.io/), or any of their favorite content management systems.

This package includes library for integration with NextJS

See more details on [Head-On UI main README.md](https://github.com/nedvisol/headon-ui#readme)
npm package: @headon/react
Description: Head-On UI library enables web developer to build light weight web applications that uses a headless content management system (CMS) for managing content and UI experience. This package includes the core framework for React.
Author: Ned Visolyaputra
Latest version: 0.1.4

# `@headon/core`

Head-On UI library enables web developer to build light weight web applications that uses a "headless" content management system (CMS) for managing content and UI experience. The web application built with Head-On UI will consume both layouts (UX) and content, via API, from "headless" CMS such as [Contentful](https://www.contentful.com/), [Strapi](https://strapi.io/), or any of their favorite content management systems.

This package includes libraries for React framework.

See more details on [Head-On UI main README.md](https://github.com/nedvisol/headon-ui#readme)