View on GitHub

moar

moar is a modular augmentation registry for VueJS and ReactJS

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

  1. Clone this repository
  2. Start a dev instance of moar with docker compose:
     docker-compose -f ./docker/docker-compose.yml up
    
  3. Clone the Vue example repository
     git clone github.com/dotindustries/moar-vue-example
    
    1. Install moar-cli
      brew install moar
      
    2. Create your first module:
       moar m c HelloWorld -a author@domain.com -l vue
      
    3. 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
      
  4. 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