@merkur/tools
Merkur tools.
Last updated 12 days ago by mjancarik .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @merkur/tools 
SYNC missed versions from official npm registry.

Merkur

Build Status NPM package version npm bundle size (scoped version) code style: prettier

Merkur

The Merkur is tiny extensible javascript library for front-end microservices. It allows by default server side rendering for loading performance boost. You can connect it with other frameworks or languages because merkur defines easy API. You can use one of three predefined template's library react, preact and hyperhtml but you can easily extend for others.

Getting started

npx @merkur/create-widget <name>

cd name

npm run dev // Point your browser at http://localhost:4444/

Merkur example, hello widget

API

Point your browser at http://localhost:4444/widget.

{
  "name":"my-widget",
  "version":"0.0.1",
  "props":{},
  "state":{"counter":0},
  "assets":[
    {"type":"script","source":"http://localhost:4444/static/widget-client.js"},
    {"type":"stylesheet","source":"http://localhost:4444/static/widget-client.css"}
  ],
  "html":"\n      <div class=\"merkur__page\">\n        <div class=\"merkur__headline\">\n          <div class=\"merkur__view\">\n            \n    <div class=\"merkur__icon\">\n      <img src=\"http://localhost:4444/static/merkur-icon.png\" alt=\"Merkur\">\n    </div>\n  \n            \n    <h1>Welcome to <a href=\"https://github.com/mjancarik/merkur\">MERKUR</a>,<br> a javascript library for front-end microservices.</h1>\n  \n            \n    <p>The widget's name is <strong>my-widget@0.0.1</strong>.</p>\n  \n          </div>\n        </div>\n        <div class=\"merkur__view\">\n          \n    <div>\n      <h2>Counter widget:</h2>\n      <p>Count: 0</p>\n      <button onclick=\"return ((...rest) =&gt; {\n        return originalFunction(widget, ...rest);\n      }).call(this, event)\">\n        increase counter\n      </button>\n      <button onclick=\"return ((...rest) =&gt; {\n        return originalFunction(widget, ...rest);\n      }).call(this, event)\">\n        reset counter\n      </button>\n    </div>\n  \n        </div>\n      </div>\n  "
}

Current Tags

  • 0.8.0                                ...           latest (12 days ago)

7 Versions

  • 0.8.0                                ...           12 days ago
  • 0.7.1                                ...           12 days ago
  • 0.6.0                                ...           23 days ago
  • 0.5.7                                ...           23 days ago
  • 0.5.4                                ...           a month ago
  • 0.5.2                                ...           a month ago
  • 0.5.0                                ...           a month ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 52
Last Day 0
Last Week 0
Last Month 20
Dependencies (16)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |