pome-ui 2.0.0-preview3 → 2.0.0-preview4

package/pome-ui.js

@@ -7,7 +7,7 @@ var Vue=function(e){"use strict";function t(e,t){const n=Object.create(null),o=e
 
 window.Vue = Vue;
 
-function buildPomeloUI(options, exports) {
+function build(options, exports) {
     if (typeof exports == 'undefined') {
         exports = {};
     }
@@ -22,6 +22,17 @@ function buildPomeloUI(options, exports) {
         httpGet: function (url) {
             return fetch(url);
         },
+        httpGetSync: function (url) {
+            if (useRelativePath) {
+                if (url.length && url[0] == '/') {
+                    url = url.substr(1);
+                }
+            }
+            var xhr = new XMLHttpRequest();
+            xhr.open('get', url, false);
+            xhr.send();
+            return xhr.responseText;
+        },
         onNotFound: function (url, options) {
             if (url.indexOf('/404') == 0) {
                 throw 'No not-found template found';
@@ -46,9 +57,6 @@ function buildPomeloUI(options, exports) {
         },
         resetDataWhenReuseContainerActiveView(viewName) {
             return true;
-        },
-        getRoutePath() {
-            return '/shared/_routes.json';
         }
     };
 
@@ -119,18 +127,17 @@ function buildPomeloUI(options, exports) {
     function root() {
         return _root;
     };
-    window._rules = {};
-    // Fetch route rules
-    var _loadRoutePromise = _httpGet(_options.getRoutePath()).then(function (rules) {
-        var rules = JSON.parse(rules);
-        if (!window._rules) {
-            window._rules = {};
-        }
-        _combineObject(rules, window._rules);
-    }).catch(err => {
-        console.error('No route provided. Please prepare /shared/_routes.json file and try again.');
-    });
 
+    exports._rules = [];
+
+    function useRoutes(url) {
+        var rules = _options.httpGetSync(url);
+        rules = JSON.parse(rules);
+        if (!exports._rules) {
+            exports._rules = {};
+        }
+        _combineObject(rules, exports._rules);
+    }
 
     // Internal
     function _combineObject(src, dest) {
@@ -514,22 +521,19 @@ function buildPomeloUI(options, exports) {
             UpdateLayout();
         };
 
-        _loadRoutePromise.then(function () {
-            return UpdateLayout();
-        });
-
+        return UpdateLayout();
     }
 
-    function SetOptions(options) {
+    function UseConfig(options) {
         _combineObject(options, _options);
     }
 
-    function Route(rule, view) {
-        if (!window._rules) {
-            window._rules = {};
+    function MapRoute(rule, view) {
+        if (!exports._rules) {
+            exports._rules = {};
         }
 
-        window._rules[rule] = view;
+        exports._rules[rule] = view;
     }
 
     function ForceUpdate(proxy = exports.root()) {
@@ -600,11 +604,11 @@ function buildPomeloUI(options, exports) {
             return cnt;
         }
 
-        var keys = Object.getOwnPropertyNames(window._rules);
+        var keys = Object.getOwnPropertyNames(exports._rules);
         for (var i = 0; i < keys.length; ++i) {
             var rule = keys[i];
             var isHash = rule[0] == '#';
-            var view = window._rules[keys[i]];
+            var view = exports._rules[keys[i]];
             var matches = matchAll(rule);
             var params = [];
             var patterns = [];
@@ -1229,16 +1233,17 @@ function buildPomeloUI(options, exports) {
     }
 
     exports.root = root;
-    exports.setOptions = SetOptions;
-    exports.route = Route;
+    exports.useConfig = UseConfig;
+    exports.mapRoute = MapRoute;
     exports.matchRoute = MatchRoute;
     exports.updateLayout = UpdateLayout;
     exports.redirect = Redirect;
     exports.loadScript = LoadScript;
     exports.forceUpdate = ForceUpdate;
     exports.mount = mount;
+    exports.useRoutes = useRoutes;
 
     return exports;
 };
 
-exports.buildPomeloUI = buildPomeloUI;
+exports.build = build;