open-index/open-npm huggingface dataset:
npm package: @inventreedb/ui
Description: UI components for the InvenTree project
Author: InvenTree Developers
Latest version: 0.10.1

## inventree-ui

User Interface (UI) elements for the [InvenTree](https://inventree.org) web interface.


### Description

This package provides a public interface allowing plugins to hook into core UI functionality. In particular, it defines a set of interface types provided by the InvenTree user interface, to be used by a custom plugin to implement some custom UI feature.

This library is intended to be used for creating plugins - any other use is outside of its scope and is not supported.

### Plugin Creator

This library is intended to be used with the [InvenTree Plugin Creator](https://github.com/inventree/plugin-creator). Read the documentation for the plugin creation tool for more information.

The plugin creation tool uses the types provided in this package at build time, but it is intended that most of the major packages are *externalized* - as these are provided as global objects by the core InvenTree UI code.

### Installation

This should be installed as a part of the plugin creator tool. If you need to install it manually, e.g. using `npm`:

```
npm i @inventreedb/ui
```

### Versioning

Each change to the plugin API will be described in the [CHANGELOG file](./CHANGELOG.md).
npm package: @inventsable/panelify
Description: Vue wrapper for a pseudo-panel element to display UI mocks
Author: Thomas Scharstein II
Latest version: 1.0.1

# panelify

## 🔨 Under Construction 🔨

Custom Vue component to display Adobe panel mocks inside your browser, allow users to play with a mock version of your UI in good faith as a _Try Before You Buy_ policy.

## [See a demo After Effects panel](https://inventsable-panels.web.app/camAssist)

![](https://thumbs.gfycat.com/ShortDismalCicada-size_restricted.gif)

## Intended Installation

```bash
npm install @inventsable/panelify
```

## Intended Usage

> Will do write up on iframe contents later

```html
<template>
  <panelify
    extName="camAssist"
    appName="AEFT"
    src="https://camera-manager-panel.web.app/#/"
  />
</template>

<script>
  // Must explicitly import the panelify element (and conversely import the shim in your iframe environment)
  import { panelify } from "@/components/panelify";

  export default {
    name: "home",
    components: {
      panelify
    }
  };
</script>
```