open-index/open-npm huggingface dataset:
npm package: @spriteful/spriteful-overlay-mixin
Description: custom element class mixin that provides prebuilt animations as well as a public api methods open, back and close
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.1.4

# spriteful-overlay-mixin
custom element class mixin that provides prebuilt animations as well as a public api methods open, back and close
npm package: @spriteful/spriteful-pay
Description: custom element that interfaces with braintree dropin-ui and firebase callable functions to process payments
Author: Clay Bennington claymation296@gmail.com
Latest version: 2.2.2

# \<spriteful-pay\>

custom element that interfaces with braintree dropin-ui and firebase callable functions to process payments

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-pencil-to-check-icon
Description: icon element that animates between pencil and check states
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.0.0

# \<spriteful-pencil-to-check-icon\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-requested-init-mixin
Description: class mixin used for elements who's descendants have an init method that needs to be called prior to some action
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.0.2

# spriteful-request-init-mixin
class mixin used for elements who's descendants have an init method that needs to be called prior to some action
npm package: @spriteful/spriteful-settings
Description: common app settings ui
Author: Clay Bennington claymation296@gmail.com
Latest version: 2.1.0

# \<spriteful-settings\>

common app settings ui

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-shipping-inputs
Description: common shipping address inputs
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.0.6

# \<spriteful-shipping-inputs\>

common address shipping inputs

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-spinner
Description: full screen spinner which includes a cancel button that is displayed after a waitTime
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.1.4

# \<spriteful-spinner\>

full screen spinner which includes a cancel button that is displayed after a waitTime

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-user
Description: wrapper for firebase and firebaseui authentication
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.2.5

# \<spriteful-user\>

wrapper for firebase and firebaseui authentication

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-video
Description: html5 video tag wrapper that auto lazy-loads based on viewport visibility
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.1.2

# \<spriteful-video\>

html5 video tag wrapper that auto lazy-loads based on viewport visibility

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-view
Description: reference view element for spriteful-app examples
Author: Clay Bennington claymation296@gmail.com
Latest version: 1.0.0

# \<spriteful-view\>

reference view element for spriteful-app examples

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/spriteful-view404
Description: simple view for 404's on lazy imports
Author: Clay Bennington claymation296@gmail.com
Latest version: 0.0.1

# \<spriteful-view404\>

simple view for 404&#39;s on lazy imports

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spriteful/view-404
Description: simple view for 404's on lazy imports
Author: Spriteful Dev spritefuldev@gmail.com
Latest version: 1.0.0

# \<view-404\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @spritejs/core
Description: Platform-independent canvas render object model api.
Author: akira-cn
Latest version: 2.31.10

# Sprite-core

[![npm status](https://img.shields.io/npm/v/sprite-core.svg)](https://www.npmjs.org/package/sprite-core)
[![build status](https://api.travis-ci.org/spritejs/sprite-core.svg?branch=master)](https://travis-ci.org/spritejs/sprite-core) 
[![dependency status](https://david-dm.org/spritejs/sprite-core.svg)](https://david-dm.org/spritejs/sprite-core)
[![Maintainability](https://api.codeclimate.com/v1/badges/737ceeff5acc8114d926/maintainability)](https://codeclimate.com/github/spritejs/sprite-core/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/737ceeff5acc8114d926/test_coverage)](https://codeclimate.com/github/spritejs/sprite-core/test_coverage)

Platform-independent canvas render object model api.

## CDN

```html
<script src="http://unpkg.com/sprite-core/dist/sprite-core.min.js"></script>
```
npm package: @spritejs/demosify-test
Description: A demo playground, supporting js, css, html, glsl
Author: betseyliu
Latest version: 0.0.8

# DEMOSIFY

## Usage

```bash
npm install @spritejs/demosify-test --save-dev
```

Add `.demorc.js`:

```js
module.exports = {
  devServer: {
    port: 3000,
  },
  source: 'demos', // default is demos
  output: 'docs', // default is dist
  name: 'Your project name',
  version: 'Your project version',
  homePage: 'You project homepage url',
  logo: '',
  // 可选主题: active4d, allHallowsEve, amy, blackboard, brillianceBlack,
  // brillianceDull, chromeDevtools, cloudsMidnight, clouds, cobalt,
  // dawn, dreamweaver, eiffel, espressoLibre, github, idle, katzenmilch,
  // kuroirTheme, lazy, magicwbAmiga, merbivoreSoft, merbivore, monokai,
  // pastelsOnDark, slushAndPoppies, solarizedDark, solarizedLight,
  // spacecadet, sunburst, textmateMacClassic, tomorrowNightBlue,
  // tomorrowNightBright, tomorrowNightEighties, tomorrowNight, tomorrow,
  // twilight, vibrantInk, zenburnesque, iplastic, idlefingers, krtheme,
  // monoindustrial,
  boxTheme: 'monokai',
  globalPackages: {
    js: [/* js lib */],
    css: [/* css lib */],
  },
  // tab waterfall
  editorViewMode: 'tab',
}
```

Create source directory and add `.demoList.json`:

```json
["quick start"]
```

Create your demo directory and files.

Edit your package.json

```json
scripts: {
  "start": "demosify --serve",
  "build:demo": "demosify"
}
```

Done.
npm package: @spritejs/next
Description: The next generation of spritejs.
Author: akira-cn
Latest version: 0.2.5

[![npm status](https://img.shields.io/npm/v/@spritejs/next.svg)](https://www.npmjs.com/package/@spritejs/next)
[![build status](https://api.travis-ci.org/spritejs/next.svg?branch=master)](https://travis-ci.org/spritejs/next)
[![Maintainability](https://api.codeclimate.com/v1/badges/9ba455ffc1fa95cc56ad/maintainability)](https://codeclimate.com/github/spritejs/next/maintainability)

## 简介

SpriteJS 是跨平台的高性能图形系统，它能够支持web、node、桌面应用和小程序的图形绘制和实现各种动画效果。

SpriteJS <sup>Next</sup> 是SpriteJS的新版本，在浏览器端支持 webgl2 渲染，并可向后兼容降级为 webgl 和 canvas2d。

## 特性

- 像操作DOM对象一样操作画布上的图形元素
- WebGL2渲染
- 多图层处理图形、文本、图像渲染
- DOM事件代理、自定义事件派发
- 使用ES6+语法和面向对象编程
- OffscreenCanvas和Web Worker[多线程渲染](https://next.spritejs.org/#/zh-cn/guide/worker)
- 结构化对象树，对[d3](https://github.com/d3/d3)引擎友好，能够无缝使用
- [服务端渲染](https://next.spritejs.org/#/zh-cn/guide/platforms)
- [Vue](http://vue.spritejs.org)

更多特性，访问 [next.spritejs.org](https://next.spritejs.org)

## 安装和使用

如果你使用NPM进行包管理，可以直接使用npm命令安装

```bash
npm install @spritejs/next
```

由于spritejs是跨平台的，如果在node环境中跑，需要自行安装依赖库[node-canvas](https://github.com/Automattic/node-canvas)

```bash
npm install canvas@next
```

如果你在浏览器中直接使用，可以使用CDN版本

```html
<script src="https://unpkg.com/@spritejs/next/dist/spritejs.js"></script>
```

如果你要在node服务端使用spritejs渲染，你需要安装[node-canvas](https://github.com/Automattic/node-canvas)

可能需要先安装一下依赖：

```bash
sudo apt-get install libcairo2-dev libjpeg-dev libpango1.0-dev libgif-dev build-essential g++
```

然后安装node-canvas 2.x：

```bash
npm install canvas@next
```

## 架构

SpriteJS <sup>Next</sup> 提供若干类基础精灵元素，可以像操作DOM元素一样在图层上操作它们。

![架构图](https://s4.ssl.qhres.com/static/26567dd3bf3be8a9.svg)

## 与旧版本主要差异

### 增强

- 丰富了精灵类型
  - 在原有的 Sprite、Path、Label、Group基础上增加了Polyline、Ellipse、Arc、Ring、Regular、Triangle、Rect等矢量图形类元素。
  - 将元素分为块元素（Block）和矢量路径元素（Path）两个大类，有着不同的盒模型和渲染方式。

- 支持WebGL渲染
  - 因为默认使用WebGL2渲染，大大提升性能。

- 支持多线程
  - 可以使用LayerWorker多线程模式，让不同的Layer运行在不同的线程。

### 改变策略

- 简化了Scene的适配方式
  - 将原有的resolution和viewport配置简化为width和height，相当于原有的resolution，viewport默认根据容器自动适配。
  - 适配模式简化为`static, scale, stickyWidth, stickyHeight, stickyTop, stickyBottom, stickyLeft, stickyRight`八种。

### 弱化

- 弱化了Label类
  - 去掉了对多行文字和文字排版的支持。

- 暂时不支持布局
  - 暂不支持原有的flex布局，在后续版本中考虑让块元素支持flex布局。

- 不支持CSS
  - 去掉了CSS支持。

## 基本用法

```js
const {Scene, Sprite} = spritejs;

const container = document.querySelector('#stage');
const scene = new Scene({container, width: 3080, height: 800, mode: 'stickyTop'});

const layer = scene.layer();

const robot = new Sprite('https://p5.ssl.qhimg.com/t01c33383c0e168c3c4.png');

robot.attr({
  anchor: [0, 0.5],
  pos: [0, 0],
});

robot.animate([
  {pos: [0, 0]},
  {pos: [0, 300]},
  {pos: [2700, 300]},
  {pos: [2700, 0]},
], {
  duration: 5000,
  iterations: Infinity,
  direction: 'alternate',
});

layer.append(robot);
```

[在线运行](http://next.spritejs.org/demo/#/doc/basic)
npm package: @spritz-finance/context-browser
Description: Browser context utilities
Latest version: 0.0.8

# @spritz-finance/context-browser

Internal SDK for Spritz Finance.

## Usage

```typescript
import { createContext } from '@spritz-finance/context-browser';

const ctx = createContext();
await ctx.init();

fetch('/api/endpoint', {
  headers: ctx.getHeader(),
});
```

## API

- `createContext(config?)` - Create instance
- `ctx.init()` - Initialize
- `ctx.getHeader()` - Get headers for requests
- `ctx.isReady()` - Check if initialized
npm package: @spritz-finance/eventbridge-sqs
Description: serverless plugin to make serverless-eventbridge-sqs-lambda events
Author: Eliyahu Gusovsky
Latest version: 0.0.5

# Serverless Eventbridge Sqs Lambda

This is a servless plugin which allows you to subscribe a lambda to an SQS queue which is driven by an EventBridge event

# Table of Contents

- [Install](#install)
- [Setup](#setup)

## Install

Run `npm install` in your Serverless project.

`$ npm install --save-dev @spritz/eventbridge-sqs`

Add the plugin to your serverless.yml file

```yml
plugins:
  - "@spritz/eventbridge-sqs"
```

## Setup

Provide the lambda function with the eventBridgeSqs event

```yml
functions:
  processEvent:
    handler: handler.handler
    events:
      - eventBridgeSqs:
          eventBus: MyEventBusARN # Optional - by default will listen to the default bus
          pattern: # Optional - by default will listen to all events
            detail-type:
              - user.login
          batchSize: 1 # optional - default value is 1
          visibilityTimeout: 120 # optional (in seconds) - AWS default is 30 secs

plugins:
  - "@spritz/eventbridge-sqs"
```
npm package: @spritz-finance/opencode
Description: OpenCode plugin for Spritz Finance — off-ramp crypto to bank accounts with AI agents
Author: Spritz Finance
Latest version: 0.1.3

# Spritz OpenCode Plugin

Off-ramp crypto to fiat bank accounts using Spritz Finance MCP tools in [OpenCode](https://opencode.ai).

## Installation

```bash
bunx @spritz-finance/opencode install
```

Or non-interactively:

```bash
bunx @spritz-finance/opencode install --api-key sk_live_... --no-tui
```

### What it does

1. Stores your API key at `~/.config/spritz/api_key`
2. Adds the Spritz MCP server to OpenCode config (`npx @spritz-finance/mcp-server`)
3. Registers the plugin for keyword detection
4. Adds remote agent instructions

## Uninstall

```bash
bunx @spritz-finance/opencode uninstall
```

## MCP Tools

| Tool | Description |
|------|-------------|
| `list_bank_accounts` | List saved bank account destinations |
| `create_bank_account` | Add a new bank account (US, CA, UK, IBAN) |
| `delete_bank_account` | Delete a bank account by ID |
| `create_off_ramp_quote` | Create a crypto-to-fiat quote |
| `get_off_ramp_quote` | Check quote status |
| `get_off_ramp_transaction` | Get on-chain transaction params |
| `list_off_ramps` | List off-ramp transactions |

## Keyword Detection

The plugin hooks into `chat.message` and detects payment-related keywords:

- **Payment intent**: off-ramp, send money to bank, convert crypto to fiat, cash out, withdraw to bank
- **Bank accounts**: add bank account, routing number, sort code, IBAN
- **Spritz-specific**: spritz, fiat rails, off-ramp quote

When detected, a nudge is injected telling the agent to use Spritz MCP tools with the correct workflow and security rules.

## Configuration

Optional config at `~/.config/opencode/spritz.json`:

```json
{
  "apiKey": "sk_live_...",
  "keywords": {
    "enabled": true,
    "patterns": ["custom regex pattern"]
  }
}
```

## License

MIT
npm package: @spritz-finance/react-native-secure-elements
Description: [![NPM](https://img.shields.io/npm/v/@spritz-finance/react-native-secure-elements.svg)](https://www.npmjs.com/package/@spritz-finance/react-native-secure-elements)
Author: Laurence Davies
Latest version: 1.0.9

# @spritz-finance/react-native-secure-elements

[![NPM](https://img.shields.io/npm/v/@spritz-finance/react-native-secure-elements.svg)](https://www.npmjs.com/package/@spritz-finance/react-native-secure-elements)

## Introduction

Official react native components for Spritz Finance.

## Install

```bash
npm install --save @spritz-finance/react-native-secure-elements

or

yarn add @spritz-finance/react-native-secure-elements
```

## Usage

```jsx
import React from 'react'
import { SpritzCard, Environment } from '@spritz-finance/react-native-secure-elements'

const App = () => {
    const [tokens, setTokens] = React.useState<{ apiKey: string; renderSecret: string}>(null)

    React.useEffect(() => {
        // Get the renderSecret for the SpritzCard from the api
        // Pass in the renderSecret along with the users api key
        setTokens({
            apiKey: 'ak_MzY5YWJ...',
            renderSecret: 'U2FsdGVkX18bLYGYL...'
        }
    })

    if (!tokens) return null

    return (
        <SpritzCard
            environment={Environment.Staging}
            apiKey={tokens.apiKey}
            renderSecret={tokens.renderSecret}
            onCopyText={(text) => console.log('onCopyText', text)}
            onDetailsLoaded={() => console.log('Card details loaded')}
        />
    )
}

export default App
```