94 lines
3.1 KiB
JavaScript
94 lines
3.1 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
var Loader = require('./loader');
|
||
|
|
var _require = require('./precompiled-loader.js'),
|
||
|
|
PrecompiledLoader = _require.PrecompiledLoader;
|
||
|
|
var WebLoader = /*#__PURE__*/function (_Loader) {
|
||
|
|
_inheritsLoose(WebLoader, _Loader);
|
||
|
|
function WebLoader(baseURL, opts) {
|
||
|
|
var _this;
|
||
|
|
_this = _Loader.call(this) || this;
|
||
|
|
_this.baseURL = baseURL || '.';
|
||
|
|
opts = opts || {};
|
||
|
|
|
||
|
|
// By default, the cache is turned off because there's no way
|
||
|
|
// to "watch" templates over HTTP, so they are re-downloaded
|
||
|
|
// and compiled each time. (Remember, PRECOMPILE YOUR
|
||
|
|
// TEMPLATES in production!)
|
||
|
|
_this.useCache = !!opts.useCache;
|
||
|
|
|
||
|
|
// We default `async` to false so that the simple synchronous
|
||
|
|
// API can be used when you aren't doing anything async in
|
||
|
|
// your templates (which is most of the time). This performs a
|
||
|
|
// sync ajax request, but that's ok because it should *only*
|
||
|
|
// happen in development. PRECOMPILE YOUR TEMPLATES.
|
||
|
|
_this.async = !!opts.async;
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
var _proto = WebLoader.prototype;
|
||
|
|
_proto.resolve = function resolve(from, to) {
|
||
|
|
throw new Error('relative templates not support in the browser yet');
|
||
|
|
};
|
||
|
|
_proto.getSource = function getSource(name, cb) {
|
||
|
|
var _this2 = this;
|
||
|
|
var useCache = this.useCache;
|
||
|
|
var result;
|
||
|
|
this.fetch(this.baseURL + '/' + name, function (err, src) {
|
||
|
|
if (err) {
|
||
|
|
if (cb) {
|
||
|
|
cb(err.content);
|
||
|
|
} else if (err.status === 404) {
|
||
|
|
result = null;
|
||
|
|
} else {
|
||
|
|
throw err.content;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
result = {
|
||
|
|
src: src,
|
||
|
|
path: name,
|
||
|
|
noCache: !useCache
|
||
|
|
};
|
||
|
|
_this2.emit('load', name, result);
|
||
|
|
if (cb) {
|
||
|
|
cb(null, result);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// if this WebLoader isn't running asynchronously, the
|
||
|
|
// fetch above would actually run sync and we'll have a
|
||
|
|
// result here
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
_proto.fetch = function fetch(url, cb) {
|
||
|
|
// Only in the browser please
|
||
|
|
if (typeof window === 'undefined') {
|
||
|
|
throw new Error('WebLoader can only by used in a browser');
|
||
|
|
}
|
||
|
|
var ajax = new XMLHttpRequest();
|
||
|
|
var loading = true;
|
||
|
|
ajax.onreadystatechange = function () {
|
||
|
|
if (ajax.readyState === 4 && loading) {
|
||
|
|
loading = false;
|
||
|
|
if (ajax.status === 0 || ajax.status === 200) {
|
||
|
|
cb(null, ajax.responseText);
|
||
|
|
} else {
|
||
|
|
cb({
|
||
|
|
status: ajax.status,
|
||
|
|
content: ajax.responseText
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
url += (url.indexOf('?') === -1 ? '?' : '&') + 's=' + new Date().getTime();
|
||
|
|
ajax.open('GET', url, this.async);
|
||
|
|
ajax.send();
|
||
|
|
};
|
||
|
|
return WebLoader;
|
||
|
|
}(Loader);
|
||
|
|
module.exports = {
|
||
|
|
WebLoader: WebLoader,
|
||
|
|
PrecompiledLoader: PrecompiledLoader
|
||
|
|
};
|