# @cubbo/orders-widget

> Cubbo's Orders widget

Latest version **1.22.8** (published 2025-03-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install @cubbo/orders-widget
pnpm add @cubbo/orders-widget
yarn add @cubbo/orders-widget
bun add @cubbo/orders-widget
```

## Health

**Score 30/100 (F)** — status: maintenance-mode.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.22.8 |
| Published | 2025-03-28 |
| First published | 2022-02-10 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 319.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | ignasicubbo, diegomanzanarezx, edocubbo |

## Links

- npm: https://www.npmjs.com/package/@cubbo/orders-widget
- npm.io page: https://npm.io/package/@cubbo/orders-widget

## Dependencies (1)

- [lit](https://npm.io/package/lit.md) ^2.8.0

## Recent versions

- 1.22.8 (latest) — 2025-03-28
- 1.22.6 — 2025-03-28
- 1.22.4 — 2025-03-28
- 1.22.3 — 2025-03-28
- 1.22.2 — 2025-03-28
- 1.22.1 — 2022-11-25
- 1.22.0 — 2022-11-25
- 1.21.0 — 2022-09-01
- 1.20.0 — 2022-09-01
- 1.19.0 — 2022-08-31
- 1.18.0 — 2022-07-28
- 1.17.0 — 2022-07-28
- 1.16.0 — 2022-07-28
- 1.15.0 — 2022-07-28
- 1.14.0 — 2022-07-28
- … 33 more at https://npm.io/package/@cubbo/orders-widget/versions

## README

# orders-widget
Cubbo's Orders widget

## Local Development

Node >= 12 is required. Node 16.13.2 is recommended, we used it to build the project.

You can install and use Node with the following commands:

```
nvm install 16.13.2
nvm use 16.13.2
```

### First steps

- Clone repo.
- Get to the new folder, cd `orders-widget`
- Run `yarn install`
- To build the css you can run: `npx postcss src/*.js -d postcss-result`.
- Start web server with `npx vite`

### Development process

We are using [lit](https://lit.dev/) along [vite](https://vitejs.dev/) as bundler / builder. Currently, we have to manually run postcss since vite only runs [postcss](https://github.com/postcss/postcss) 
if it notices updates at `<style>` tags or css stylesheets. This is something that we should fix in the future. 

Building the css is required at any change, if your entry point is using the `postcss-result` folder as source. The index.html file is using it as default.

If lit is new for you, there are good examples at [Open-wc](https://open-wc.org/guides/developing-components/codelabs/).

### Build overview

The code has 3 main sources of content:
- **src**, this folder is where the source code exists. This where we can update and develop features.
- **postcss-result**, this folder is where the results of the postcss process are stored. This folder is used by `vite.config.js`
to create an `es` and `umd` version of the code, and by `index.html` to serve the local version.
- **dist**, this the folder where the command vite build will output an `es` and `umd` versions of the code. We can use those versions to publish a package.

To get the `es` and `umd` version of the code you can run `vite build`

---
_Source: https://npm.io/package/@cubbo/orders-widget · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._