JS Service Exercise

title: Jokes Client
templateScript: /rewe/templates/components/jokes.ftl
#modelPath: /rewe/templates/components/jokes.js
renderType: freemarker
class: info.magnolia.module.jsmodels.rendering.JavascriptTemplateDefinition

[#assign posts = model.getPosts()!]
[#assign data = {"title": "bar", "body": "hello", "userId": 1}]
[#assign newPost = model.createPost(data)!]

<div class="row">
    <div class="col-md-12">
        <h2>All posts:</h2>
        [#list posts as post]
            <h3>${post.title!}</h3>
            <p>${post.body!}</p>
            <hr/>
        [/#list]
        <h2>New post created:</h2>
        <h3>${newPost.title!}</h3>
        <p>${newPost.body!}</p>
    </div>
</div>

// load rest client lib
loadScript("/rewe/templates/js/restClient.js");

/**
 * Javascript model.
 *
 * @constructor
 */
var Model = function () {

    /**
     * See https://jsonplaceholder.typicode.com/
     *
     * @type {string}
     */
    var baseUrl = "https://jsonplaceholder.typicode.com";

    var restClient = new RestClient();

    /**
     * Returns all posts from the JSON Placeholder service.
     *
     * @returns {JSON object}
     */
    this.getPosts = function () {
        return JSON.parse(restClient.get(baseUrl + "/posts"));
    };

    /**
     * Creates new post in the JSON Placeholder service.
     *
     * @param data
     * @returns {JSON object}
     */
    this.createPost = function (data) {
        return JSON.parse(restClient.post(baseUrl + "/posts", data));
    };
}

new Model();

/**
 * Simple implementation of REST library. Since Nashorn doesn't support XMLHttpRequest, it's implemented using
 * Apache HTTP client.
 *
 * Be aware that this implementation of http requests is synchronous.
 * Using these methods could have negative performance implications for your site.
 *
 * Consider making http requests from the client side if possible.
 * Consider a more sophisticated implementation in Java with caching, buffering requests, etc.
 *
 * @constructor
 */
var RestClient = function () {

    var HttpClients = Java.type("org.apache.http.impl.client.HttpClients");
    var HttpGet = Java.type("org.apache.http.client.methods.HttpGet");
    var HttpPost = Java.type("org.apache.http.client.methods.HttpPost");

    var ArrayList = Java.type("java.util.ArrayList");
    var UrlEncodedFormEntity = Java.type("org.apache.http.client.entity.UrlEncodedFormEntity");
    var BasicNameValuePair = Java.type("org.apache.http.message.BasicNameValuePair");
    var EntityUtils = Java.type("org.apache.http.util.EntityUtils");

    this.get = function (url) {
        var httpClient = HttpClients.createDefault();
        var httpGet = new HttpGet(url);
        var response = httpClient.execute(httpGet);

        try {
            entity = response.getEntity();
            return EntityUtils.toString(entity, "utf-8");
        } finally {
            response.close();
        }
    }

    this.post = function (url, params) {
        var httpClient = HttpClients.createDefault();
        var httpPost = new HttpPost(url);
        var data = new ArrayList();

        for (var key in params) {
            data.add(new BasicNameValuePair(key, params[key]));
        }

        httpPost.setEntity(new UrlEncodedFormEntity(data));
        response = httpClient.execute(httpPost);

        try {
            entity = response.getEntity();
            return EntityUtils.toString(entity, "utf-8");
        } finally {
            response.close();
        }
    }
}

~/Desktop/REWE/__DAY__TWO__/daytwo/light_modules/rewe\-> vi ../symlinktest/templates/pages/symlinky.yaml
~/Desktop/REWE/__DAY__TWO__/daytwo/light_modules/rewe\-> tail -n 2 ../symlinktest/templates/pages/symlinky.yaml
      jokes:
        id: rewe:components/jokes
~/Desktop/REWE/__DAY__TWO__/daytwo/light_modules/rewe\->

<dependency>
  <groupId>info.magnolia.javascript-models</groupId>
  <artifactId>magnolia-module-javascript-models</artifactId>
  <version>1.1.1</version>
</dependency>

rest:
  id: javascript-model-samples:components/rest