#DO NOT install this, i'm redisgning the whole thing!!
Gun-Ui is a set of webcomponents that enables you - the frontend developer - to build complex - Gun - applications without writing any ( well...almost) javascript
Every gun-ui- element has just 2 required attributes "soul" and "prop" that will link the element to a certain data-point.
- main element for all 'gun-ui-' elements.
- Setup Gun ( and - optional -
gun-tag) by just providing attributes - makes sure that every gun-ui- element has the required properties and methods.
- Creates global nameSpace 'GunUi' where 'GunUi.gun' will be the global Gun instance
- ...and then some...we'll get to that when using the elements
If you don't fully understand the purpose of Gun-Ui take a look at some of the actual gun-ui- elements. ( Not yet there though :) )
'Gun' is not provided as bower modules so we'll have to use NPM.
npm install gun
If you want to enable tagging you will have to install gun-tag also.
npm install gun-tag
bower install gun-ui --save
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
<title>todo</title>
<meta name="description" content="description">
<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<!-- import gun-ui -->
<link rel="import" href="/bower_components/gun-ui/gun-ui.html">
</head>
<body>
<--
Place gun-ui in your body
set peers (JSON!)
set attribute 'use-tags' if you want to enable tagging
-->
<gun-ui peers='["http://my-Gun-Server/gun"]' use-tags></gun-ui>
</body>
</html>
That's it, you now have Gun with tagging enabled.
NOTE:
Gun is available as 'GunUi.gun'
Now you are ready to start building great apps with Gun but without having to write javascript :)