open-index/open-npm huggingface dataset:
npm package: @resaleai/rc-xml
Description: This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied d
Latest version: 1.0.0

# receipt-components

This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied data.

## Getting started

First, install the package with yarn or npm:

`npm install @resaleai/receipt-components`

After that, import the `ReceiptComponent` class and create a new component with a template:

```javascript
import { ReceiptComponent } from '@resaleai/receipt-components';

let Receipt = new ReceiptComponent({
  template: `<receipt>
    <text bold>Hello world!</text>
  </receipt>`,
});
```

## Dependancies

This project tries not to use any deps, but the image processing does require access to a `Canvas` API. This is always available in the browser, and can be simulated using another package, such as...

After building the template, you can render the component into either HTML or the ESC/POS bytes using

```javascript
let htmlStr = Receipt.renderHTML(); // build the HTML
let epBytes = Receipt.renderPrinterBytes(); // build the byte array
```

This will output

**printer bytes and html**

## Templated

On top of this, there is a simple templating engine built in for putting dynamic data in the receipts.

**example**

## Components

The component system is simple, but surprisingly powerful. Take, for instance, some sort of legalise that needs to be put on the bottom of every receipt:

```javascript
let ReceiptLegalise = new ReceiptComponent({
  template: `<receipt>
    <align mode="center">
      <text scale="7:0">-------</text>
      <break lines="3" />
      <text font="2" multiLine>{{ tnLegal }}</text>
      <break lines="3" />
      <text scale="7:0">-------</text>
    </align>
  </receipt>`,
});
```

This component, as well as any other components we need, can be used in the template of any other receipt component by registering it in the `components` constructor param.

```javascript
let Receipt = new ReceiptComponent({
  template:
  `<receipt>
    ...
    <ReceiptLegalise />
  </receipt>`
  components: {
    ReceiptLegalise
  }
})

let output = Receipt.renderPrinterBytes({
  tnLegal: "This is the legal statement, you are legally obligated to have a good time :)"
})
```

Note that the data is global. You must define any data you need in the render function.

### TODO

[ ] allow passing options to a different renderer
[ ] build html renderer
[ ] move images in to a separate package
[ ] write docs
npm package: @resaleai/receipt-ast
Description: This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied d
Latest version: 1.2.0

# receipt-components

This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied data.

## Getting started

First, install the package with yarn or npm:

`npm install @resaleai/receipt-components`

After that, import the `ReceiptComponent` class and create a new component with a template:

```javascript
import { ReceiptComponent } from '@resaleai/receipt-components';

let Receipt = new ReceiptComponent({
  template: `<receipt>
    <text bold>Hello world!</text>
  </receipt>`,
});
```

## Dependancies

This project tries not to use any deps, but the image processing does require access to a `Canvas` API. This is always available in the browser, and can be simulated using another package, such as...

After building the template, you can render the component into either HTML or the ESC/POS bytes using

```javascript
let htmlStr = Receipt.renderHTML(); // build the HTML
let epBytes = Receipt.renderPrinterBytes(); // build the byte array
```

This will output

**printer bytes and html**

## Templated

On top of this, there is a simple templating engine built in for putting dynamic data in the receipts.

**example**

## Components

The component system is simple, but surprisingly powerful. Take, for instance, some sort of legalise that needs to be put on the bottom of every receipt:

```javascript
let ReceiptLegalise = new ReceiptComponent({
  template: `<receipt>
    <align mode="center">
      <text scale="7:0">-------</text>
      <break lines="3" />
      <text font="2" multiLine>{{ tnLegal }}</text>
      <break lines="3" />
      <text scale="7:0">-------</text>
    </align>
  </receipt>`,
});
```

This component, as well as any other components we need, can be used in the template of any other receipt component by registering it in the `components` constructor param.

```javascript
let Receipt = new ReceiptComponent({
  template:
  `<receipt>
    ...
    <ReceiptLegalise />
  </receipt>`
  components: {
    ReceiptLegalise
  }
})

let output = Receipt.renderPrinterBytes({
  tnLegal: "This is the legal statement, you are legally obligated to have a good time :)"
})
```

Note that the data is global. You must define any data you need in the render function.

### TODO

[ ] allow passing options to a different renderer
[ ] build html renderer
[ ] move images in to a separate package
[ ] write docs
npm package: @resaleai/receipt-components
Description: This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied d
Latest version: 4.0.0

# receipt-components

This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied data.

## Getting started

First, install the package with yarn or npm:

`npm install @resaleai/receipt-components`

After that, import the `ReceiptComponent` class and create a new component with a template:

```javascript
import { ReceiptComponent } from '@resaleai/receipt-components';

let Receipt = new ReceiptComponent({
  template: `<receipt>
    <text bold>Hello world!</text>
  </receipt>`,
});
```

## Dependancies

This project tries not to use any deps, but the image processing does require access to a `Canvas` API. This is always available in the browser, and can be simulated using another package, such as...

After building the template, you can render the component into either HTML or the ESC/POS bytes using

```javascript
let htmlStr = Receipt.renderHTML(); // build the HTML
let epBytes = Receipt.renderPrinterBytes(); // build the byte array
```

This will output

**printer bytes and html**

## Templated

On top of this, there is a simple templating engine built in for putting dynamic data in the receipts.

**example**

## Components

The component system is simple, but surprisingly powerful. Take, for instance, some sort of legalise that needs to be put on the bottom of every receipt:

```javascript
let ReceiptLegalise = new ReceiptComponent({
  template: `<receipt>
    <align mode="center">
      <text scale="7:0">-------</text>
      <break lines="3" />
      <text font="2" multiLine>{{ tnLegal }}</text>
      <break lines="3" />
      <text scale="7:0">-------</text>
    </align>
  </receipt>`,
});
```

This component, as well as any other components we need, can be used in the template of any other receipt component by registering it in the `components` constructor param.

```javascript
let Receipt = new ReceiptComponent({
  template:
  `<receipt>
    ...
    <ReceiptLegalise />
  </receipt>`
  components: {
    ReceiptLegalise
  }
})

let output = Receipt.renderPrinterBytes({
  tnLegal: "This is the legal statement, you are legally obligated to have a good time :)"
})
```

Note that the data is global. You must define any data you need in the render function.

### TODO

[ ] allow passing options to a different renderer
[ ] build html renderer
[ ] move images in to a separate package
[ ] write docs
npm package: @resaleai/receipt-escpos-renderer
Description: This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied d
Latest version: 1.2.2

# receipt-components

This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied data.

## Getting started

First, install the package with yarn or npm:

`npm install @resaleai/receipt-components`

After that, import the `ReceiptComponent` class and create a new component with a template:

```javascript
import { ReceiptComponent } from '@resaleai/receipt-components';

let Receipt = new ReceiptComponent({
  template: `<receipt>
    <text bold>Hello world!</text>
  </receipt>`,
});
```

## Dependancies

This project tries not to use any deps, but the image processing does require access to a `Canvas` API. This is always available in the browser, and can be simulated using another package, such as...

After building the template, you can render the component into either HTML or the ESC/POS bytes using

```javascript
let htmlStr = Receipt.renderHTML(); // build the HTML
let epBytes = Receipt.renderPrinterBytes(); // build the byte array
```

This will output

**printer bytes and html**

## Templated

On top of this, there is a simple templating engine built in for putting dynamic data in the receipts.

**example**

## Components

The component system is simple, but surprisingly powerful. Take, for instance, some sort of legalise that needs to be put on the bottom of every receipt:

```javascript
let ReceiptLegalise = new ReceiptComponent({
  template: `<receipt>
    <align mode="center">
      <text scale="7:0">-------</text>
      <break lines="3" />
      <text font="2" multiLine>{{ tnLegal }}</text>
      <break lines="3" />
      <text scale="7:0">-------</text>
    </align>
  </receipt>`,
});
```

This component, as well as any other components we need, can be used in the template of any other receipt component by registering it in the `components` constructor param.

```javascript
let Receipt = new ReceiptComponent({
  template:
  `<receipt>
    ...
    <ReceiptLegalise />
  </receipt>`
  components: {
    ReceiptLegalise
  }
})

let output = Receipt.renderPrinterBytes({
  tnLegal: "This is the legal statement, you are legally obligated to have a good time :)"
})
```

Note that the data is global. You must define any data you need in the render function.

### TODO

[ ] write more/better tests and clean up linked list implementation
npm package: @resaleai/receipt-html-renderer
Description: This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied d
Latest version: 1.2.0

# receipt-components

This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied data.

## Getting started

First, install the package with yarn or npm:

`npm install @resaleai/receipt-components`

After that, import the `ReceiptComponent` class and create a new component with a template:

```javascript
import { ReceiptComponent } from '@resaleai/receipt-components';

let Receipt = new ReceiptComponent({
  template: `<receipt>
    <text bold>Hello world!</text>
  </receipt>`,
});
```

## Dependancies

This project tries not to use any deps, but the image processing does require access to a `Canvas` API. This is always available in the browser, and can be simulated using another package, such as...

After building the template, you can render the component into either HTML or the ESC/POS bytes using

```javascript
let htmlStr = Receipt.renderHTML(); // build the HTML
let epBytes = Receipt.renderPrinterBytes(); // build the byte array
```

This will output

**printer bytes and html**

## Templated

On top of this, there is a simple templating engine built in for putting dynamic data in the receipts.

**example**

## Components

The component system is simple, but surprisingly powerful. Take, for instance, some sort of legalise that needs to be put on the bottom of every receipt:

```javascript
let ReceiptLegalise = new ReceiptComponent({
  template: `<receipt>
    <align mode="center">
      <text scale="7:0">-------</text>
      <break lines="3" />
      <text font="2" multiLine>{{ tnLegal }}</text>
      <break lines="3" />
      <text scale="7:0">-------</text>
    </align>
  </receipt>`,
});
```

This component, as well as any other components we need, can be used in the template of any other receipt component by registering it in the `components` constructor param.

```javascript
let Receipt = new ReceiptComponent({
  template:
  `<receipt>
    ...
    <ReceiptLegalise />
  </receipt>`
  components: {
    ReceiptLegalise
  }
})

let output = Receipt.renderPrinterBytes({
  tnLegal: "This is the legal statement, you are legally obligated to have a good time :)"
})
```

Note that the data is global. You must define any data you need in the render function.

### TODO

[ ] allow passing options to a different renderer
[ ] build html renderer
[ ] move images in to a separate package
[ ] write docs
npm package: @resaleai/receipt-plugin
Description: This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied d
Latest version: 1.2.1

# receipt-components

This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied data.

## Getting started

First, install the package with yarn or npm:

`npm install @resaleai/receipt-components`

After that, import the `ReceiptComponent` class and create a new component with a template:

```javascript
import { ReceiptComponent } from '@resaleai/receipt-components';

let Receipt = new ReceiptComponent({
  template: `<receipt>
    <text bold>Hello world!</text>
  </receipt>`,
});
```

## Dependancies

This project tries not to use any deps, but the image processing does require access to a `Canvas` API. This is always available in the browser, and can be simulated using another package, such as...

After building the template, you can render the component into either HTML or the ESC/POS bytes using

```javascript
let htmlStr = Receipt.renderHTML(); // build the HTML
let epBytes = Receipt.renderPrinterBytes(); // build the byte array
```

This will output

**printer bytes and html**

## Templated

On top of this, there is a simple templating engine built in for putting dynamic data in the receipts.

**example**

## Components

The component system is simple, but surprisingly powerful. Take, for instance, some sort of legalise that needs to be put on the bottom of every receipt:

```javascript
let ReceiptLegalise = new ReceiptComponent({
  template: `<receipt>
    <align mode="center">
      <text scale="7:0">-------</text>
      <break lines="3" />
      <text font="2" multiLine>{{ tnLegal }}</text>
      <break lines="3" />
      <text scale="7:0">-------</text>
    </align>
  </receipt>`,
});
```

This component, as well as any other components we need, can be used in the template of any other receipt component by registering it in the `components` constructor param.

```javascript
let Receipt = new ReceiptComponent({
  template:
  `<receipt>
    ...
    <ReceiptLegalise />
  </receipt>`
  components: {
    ReceiptLegalise
  }
})

let output = Receipt.renderPrinterBytes({
  tnLegal: "This is the legal statement, you are legally obligated to have a good time :)"
})
```

Note that the data is global. You must define any data you need in the render function.

### TODO

[ ] allow passing options to a different renderer
[ ] build html renderer
[ ] move images in to a separate package
[ ] write docs
npm package: @resaleai/receipt-renderer
Description: This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied d
Latest version: 1.2.0

# receipt-components

This package is for building complex and evolving receipts using a simple XML style language and component engine. The XML is converted to a simple JS representation that is then converted to either HTML or an ESC/POS byte array at runtime with supplied data.

## Getting started

First, install the package with yarn or npm:

`npm install @resaleai/receipt-components`

After that, import the `ReceiptComponent` class and create a new component with a template:

```javascript
import { ReceiptComponent } from '@resaleai/receipt-components';

let Receipt = new ReceiptComponent({
  template: `<receipt>
    <text bold>Hello world!</text>
  </receipt>`,
});
```

## Dependancies

This project tries not to use any deps, but the image processing does require access to a `Canvas` API. This is always available in the browser, and can be simulated using another package, such as...

After building the template, you can render the component into either HTML or the ESC/POS bytes using

```javascript
let htmlStr = Receipt.renderHTML(); // build the HTML
let epBytes = Receipt.renderPrinterBytes(); // build the byte array
```

This will output

**printer bytes and html**

## Templated

On top of this, there is a simple templating engine built in for putting dynamic data in the receipts.

**example**

## Components

The component system is simple, but surprisingly powerful. Take, for instance, some sort of legalise that needs to be put on the bottom of every receipt:

```javascript
let ReceiptLegalise = new ReceiptComponent({
  template: `<receipt>
    <align mode="center">
      <text scale="7:0">-------</text>
      <break lines="3" />
      <text font="2" multiLine>{{ tnLegal }}</text>
      <break lines="3" />
      <text scale="7:0">-------</text>
    </align>
  </receipt>`,
});
```

This component, as well as any other components we need, can be used in the template of any other receipt component by registering it in the `components` constructor param.

```javascript
let Receipt = new ReceiptComponent({
  template:
  `<receipt>
    ...
    <ReceiptLegalise />
  </receipt>`
  components: {
    ReceiptLegalise
  }
})

let output = Receipt.renderPrinterBytes({
  tnLegal: "This is the legal statement, you are legally obligated to have a good time :)"
})
```

Note that the data is global. You must define any data you need in the render function.

### TODO

[ ] allow passing options to a different renderer
[ ] build html renderer
[ ] move images in to a separate package
[ ] write docs
npm package: @resatyavcin34/mui-react-components
Description: This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
Latest version: 0.3.1

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.