appletx-builder

Visual user interface used to design, edit, and generate ReproSchema applets. Written in Vue, hosted on GitHub, and distributed with NPM.

Usage no npm install needed!

<script type="module">
  import appletxBuilder from 'https://cdn.skypack.dev/appletx-builder';
</script>

README

Applet Builder

Visual user interface used to design, edit, and generate ReproSchema applets. Written in Vue, hosted on GitHub, and distributed with NPM.

Usage

Install dependency

npm install applet-builder
<template>
  <AppletBuilder
    exportButton
    @uploadProtocol="onUploadApplet"
  />
</template>

<script>
import Components from 'applet-builder';

export default {
  name: 'My-App',
  components: {
    ...Components,
  },
  methods: {
    onUploadApplet(newApplet) {
        console.log('new applet', newApplet);
    }
  },
}
</script>

Project Development setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for distribution

npm run build-bundle

Publish to npm (requires authentication)

npm run publish

Lint files

npm run lint