0b7ed8ffaf
* FEATURE: backend support for user-selectable components * fix problems with previewing default theme * rename preview_key => preview_theme_id * omit default theme from child themes dropdown and try a different fix * cache & freeze stylesheets arrays
82 lines
2.7 KiB
JavaScript
82 lines
2.7 KiB
JavaScript
import DiscourseURL from "discourse/lib/url";
|
|
import { currentThemeIds, refreshCSS } from "discourse/lib/theme-selector";
|
|
|
|
// Use the message bus for live reloading of components for faster development.
|
|
export default {
|
|
name: "live-development",
|
|
initialize(container) {
|
|
const messageBus = container.lookup("message-bus:main");
|
|
|
|
if (
|
|
window.history &&
|
|
window.location.search.indexOf("?preview_theme_id=") === 0
|
|
) {
|
|
// force preview theme id to always be carried along
|
|
const themeId = window.location.search.slice(19).split("&")[0];
|
|
if (themeId.match(/^[a-z0-9-]+$/i)) {
|
|
const patchState = function(f) {
|
|
const patched = window.history[f];
|
|
|
|
window.history[f] = function(stateObj, name, url) {
|
|
if (url.indexOf("preview_theme_id=") === -1) {
|
|
const joiner = url.indexOf("?") === -1 ? "?" : "&";
|
|
url = `${url}${joiner}preview_theme_id=${themeId}`;
|
|
}
|
|
|
|
return patched.call(window.history, stateObj, name, url);
|
|
};
|
|
};
|
|
patchState("replaceState");
|
|
patchState("pushState");
|
|
}
|
|
}
|
|
|
|
// Custom header changes
|
|
$("header.custom").each(function() {
|
|
const header = $(this);
|
|
return messageBus.subscribe(
|
|
"/header-change/" + $(this).data("id"),
|
|
function(data) {
|
|
return header.html(data);
|
|
}
|
|
);
|
|
});
|
|
|
|
// Useful to export this for debugging purposes
|
|
if (Discourse.Environment === "development" && !Ember.testing) {
|
|
window.DiscourseURL = DiscourseURL;
|
|
}
|
|
|
|
// Observe file changes
|
|
messageBus.subscribe("/file-change", function(data) {
|
|
if (Handlebars.compile && !Ember.TEMPLATES.empty) {
|
|
// hbs notifications only happen in dev
|
|
Ember.TEMPLATES.empty = Handlebars.compile("<div></div>");
|
|
}
|
|
_.each(data, function(me) {
|
|
if (me === "refresh") {
|
|
// Refresh if necessary
|
|
document.location.reload(true);
|
|
} else {
|
|
const themeIds = currentThemeIds();
|
|
$("link").each(function() {
|
|
if (me.hasOwnProperty("theme_id") && me.new_href) {
|
|
const target = $(this).data("target");
|
|
const themeId = $(this).data("theme-id");
|
|
if (
|
|
themeIds.indexOf(me.theme_id) !== -1 &&
|
|
target === me.target &&
|
|
(!themeId || themeId === me.theme_id)
|
|
) {
|
|
refreshCSS(this, null, me.new_href);
|
|
}
|
|
} else if (this.href.match(me.name) && (me.hash || me.new_href)) {
|
|
refreshCSS(this, me.hash, me.new_href);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
}
|
|
};
|