moar
moar (pronounce “more”) is a modular augmentation registry for VueJS and ReactJS.
But why?
Based on Distributed vue applications by Markus Oberlehner this registry is a central hub for managing UMD modules for VueJS and ReactJS applications.
Try it
- Clone this repository
- Start a dev instance of moar with docker compose:
docker-compose -f ./docker/docker-compose.yml up
- Clone the Vue example repository
git clone github.com/dotindustries/moar-vue-example
- Install moar-cli
brew install moar
- Create your first module:
moar m c HelloWorld -a author@domain.com -l vue
- Upload a version of the module
moar v upload -m HelloWorld -v 0.0.1+1394b72e1ef0fdc7b047 server/components/HelloWorld/HelloWorld.1394b72e1ef0fdc7b047.umd.min.js server/components/HelloWorld/HelloWorld.1394b72e1ef0fdc7b047.css
- Install moar-cli
- Making sure everything is in place:
Click to expand: via curl
```bash curl --request POST \ --url http://localhost:8000/moarpb.ModuleRegistry/GetModule \ --header 'Content-Type: application/json' \ --data '{"moduleName": "HelloWorld"}' | jq ``` ```json { "module": { "name": "HelloWorld", "versions": [ { "value": "0.0.1+1394b72e1ef0fdc7b047", "resources": { "scriptUri": "modules/HelloWorld/HelloWorld@0.0.1+1394b72e1ef0fdc7b047.js", "styleUri": "modules/HelloWorld/HelloWorld@0.0.1+1394b72e1ef0fdc7b047.css" } } ], "author": "author@domain.com", "language": "vue" } } ```Or by running the hello world Vue application:
npm run serve