vdom-metadata-browser

UI for looking at lists of fields and values

Usage no npm install needed!

<script type="module">
  import vdomMetadataBrowser from 'https://cdn.skypack.dev/vdom-metadata-browser';
</script>

README

vdom metadata browser

UI for viewing fields and values.

demo

install

$ npm install vdom-metadata-browser

example

var DataBrowser = require('vdom-metadata-browser');
var loop = require('vdom-loop');
var h = loop.h;

var data = [
  {
    name: 'texture',
    index: 'field-texture',
    values: [
      { name: 'gossamer', index: 'value-gossamer' },
      { name: 'greasy', index: 'value-greasy' }
    ]
  },
  {
    name: 'species',
    index: 'field-species',
    values: [
      { name: 'vulcan', index: 'value-vulcan' },
      { name: 'klingon', index: 'value-klingon' }
    ]
  }
];

var state = DataBrowser({
  fields: data,
  fetchNodesFn: console.log.bind(console, 'fetch'),
  onDelete: console.log.bind(console, 'delete'),
  onSave: function(value, done) {
    console.log(value);
    done();
  }
});

var el = loop(state, DataBrowser.render.bind(null, h));
document.body.appendChild(el);