# tandem-designer

> Visual designer for Paperclip files

Latest version **18.3.8** (published 2022-01-06) · GPLv3 license · 0 weekly downloads

## Install

```sh
npm install tandem-designer
pnpm add tandem-designer
yarn add tandem-designer
bun add tandem-designer
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 18.3.8 |
| Published | 2022-01-06 |
| First published | 2021-12-03 |
| Weekly downloads | 0 |
| License | GPLv3 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 37 |
| Unpacked size | 18.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | crcn |

## Links

- npm: https://www.npmjs.com/package/tandem-designer
- npm.io page: https://npm.io/package/tandem-designer

## Dependencies (37)

- [path](https://npm.io/package/path.md) ^0.12.7
- [immer](https://npm.io/package/immer.md) ^9.0.7
- [react](https://npm.io/package/react.md) ^17.0.2
- [redux](https://npm.io/package/redux.md) ^4.0.5
- [lodash](https://npm.io/package/lodash.md) ^4.17.20
- [sockjs](https://npm.io/package/sockjs.md) ^0.3.21
- [express](https://npm.io/package/express.md) ^4.17.1
- [history](https://npm.io/package/history.md) ^4.9.0
- [prismjs](https://npm.io/package/prismjs.md) ^1.23.0
- [process](https://npm.io/package/process.md) ^0.11.10
- [chokidar](https://npm.io/package/chokidar.md) ^3.5.1
- [get-port](https://npm.io/package/get-port.md) ^5.1.1
- [automerge](https://npm.io/package/automerge.md) ^0.14.2
- [mousetrap](https://npm.io/package/mousetrap.md) ^1.6.5
- [paperclip](https://npm.io/package/paperclip.md) ^18.3.8
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.2
- [mime-types](https://npm.io/package/mime-types.md) ^2.1.28
- [redux-saga](https://npm.io/package/redux-saga.md) ^1.1.3
- [react-redux](https://npm.io/package/react-redux.md) ^7.2.4
- [browserstack](https://npm.io/package/browserstack.md) ^1.6.1
- [concurrently](https://npm.io/package/concurrently.md) ^5.3.0
- [monaco-editor](https://npm.io/package/monaco-editor.md) ^0.28.1
- [os-browserify](https://npm.io/package/os-browserify.md) ^0.3.0
- [sockjs-client](https://npm.io/package/sockjs-client.md) ^1.5.0
- [tandem-common](https://npm.io/package/tandem-common.md) ^18.3.8
- [fast-json-patch](https://npm.io/package/fast-json-patch.md) ^3.0.0-1
- [paperclip-utils](https://npm.io/package/paperclip-utils.md) ^18.3.8
- [paperclip-common](https://npm.io/package/paperclip-common.md) ^18.3.8
- [paperclip-monaco](https://npm.io/package/paperclip-monaco.md) ^18.3.8
- [browserstack-local](https://npm.io/package/browserstack-local.md) ^1.4.8
- [tandem-design-system](https://npm.io/package/tandem-design-system.md) ^18.3.8
- [@codemirror/lang-html](https://npm.io/package/@codemirror/lang-html.md) ^0.19.4
- [@monaco-editor/loader](https://npm.io/package/@monaco-editor/loader.md) ^1.2.0
- [@uiw/react-codemirror](https://npm.io/package/@uiw/react-codemirror.md) ^4.3.1
- [prism-material-themes](https://npm.io/package/prism-material-themes.md) ^1.0.4
- [paperclip-web-renderer](https://npm.io/package/paperclip-web-renderer.md) ^18.3.8
- [paperclip-source-writer](https://npm.io/package/paperclip-source-writer.md) ^18.3.8

## Recent versions

- 18.3.8 (latest) — 2022-01-06
- 18.3.4 — 2022-01-05
- 18.3.3 — 2022-01-04
- 18.3.2 — 2022-01-03
- 18.3.0 — 2022-01-03
- 18.2.19 — 2021-12-29
- 18.2.16 — 2021-12-29
- 18.2.14 — 2021-12-23
- 18.2.13 — 2021-12-21
- 18.2.12 — 2021-12-21
- 18.2.8 — 2021-12-21
- 18.2.7 — 2021-12-21
- 18.2.6 — 2021-12-21
- 18.2.5 — 2021-12-20
- 18.2.3 — 2021-12-20
- … 11 more at https://npm.io/package/tandem-designer/versions

## README

⚠️ note -- need to build tooling out of necessity. Will create
UI around that.

Goals:

- Help with refactorability & re-usability of components

TODOS:

- [ ] Grid view of all components in project directory
  - [ ] cells should display warnings
- [ ] should be able to define frames (good for mobile views & such)
- [ ] linting (should be wired up with linting lib)
  - [ ] warning when there's a magic color
  - [ ] warning for A11Y

Nice to haves:

- [ ] display computed CSS of selected elements in right panel (chrome-like inspector)
- [ ] visual regression testing
- [ ] ability to scrub through history of UI changes

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