pejava.js/projects/template/src/App.js

Javascript ecosystem pejava.js

import {BootComponent} from "pejava.js";
import {Mock} from "./lib/Mock";
import {MenuContainer} from "./containers/MenuContainer";
import {DemoContainer} from "./containers/DemoContainer";

export class App extends BootComponent {
    constructor(arg) {
        super(arg);
        this._app = this.menu = undefined;
    }

    onLoad(app) {
        this.app(app);
        this.initRegister();
        this.initServices(app);
        this.initContainers();

        // TODO - only if dev mode
        this.req().isMock(true);
        this.req().mock(Mock);
        this.open("root_menu");
    }

    initContainers() {
        this.registerContainer(
            MenuContainer,
            DemoContainer
        );
    }

    registerContainer(...containerClass) {
        containerClass.forEach(c => {
            if (!c.id) {
                throw new Error(`Container ${c.name} doesn't contains id`);
            }
            App.containers[c.id] = c;
        });
    }

    app(v) {
        if (!!v) this._app = v;
        return this._app;
    }
    set(c1, c2) {
        this._app.last(c1);
        this._app.push(c2);
    }
    last(c) {
        this._app.last(c);
    }
    next(c) {
        this._app.last(c);
    }
    push(c) {
        this._app.push(c);
    }
    pop() {
        return this._app.pop();
    }
    req() {
        return this._app.service("req");
    }
    open(v) {
        if (!v) return;
        let chunks;
        if(typeof v === "string") {
            chunks= v.split("/");
            v = {path: v, chunks: chunks};
        } else {
            if (!v.path) return;
            chunks = v.path.split("/");
            v['chunks'] = chunks;
        }
        let id = chunks[0];
        if (!App.containers[id]) {
            throw new Error("Can't find container "+id);
        }

        let container = new App.containers[id]();
        container.root(this);
        container.init(v); // ex: v = {path: "user/1", chunks:["user", "1"]}
        this.push(container);
    }
}
App.containers = {};