DEV: Upgrade to Ember 3.7.0 (#6977)

* Upgrade to Ember 3.7.0

* use ember source 3.7.0.2

* fix mobile header

* fix navigation
This commit is contained in:
Maja Komel 2019-03-13 12:16:06 +01:00 committed by GitHub
parent d4d67386c9
commit 3eebf8be73
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
33 changed files with 214 additions and 152 deletions

View File

@ -49,7 +49,7 @@ gem 'onebox', '1.8.82'
gem 'http_accept_language', '~>2.0.5', require: false
gem 'ember-rails', '0.18.5'
gem 'discourse-ember-source', '~> 3.5.1'
gem 'discourse-ember-source', '~> 3.7.0'
gem 'ember-handlebars-template', '0.8.0'
gem 'barber'

View File

@ -108,7 +108,7 @@ GEM
terminal-table (~> 1)
debug_inspector (0.0.3)
diff-lcs (1.3)
discourse-ember-source (3.5.1.3)
discourse-ember-source (3.7.0.2)
discourse_image_optim (0.26.2)
exifr (~> 1.2, >= 1.2.2)
fspath (~> 3.0)
@ -466,7 +466,7 @@ DEPENDENCIES
colored2
cppjieba_rb
danger
discourse-ember-source (~> 3.5.1)
discourse-ember-source (~> 3.7.0)
discourse_image_optim
email_reply_trimmer (~> 0.1)
ember-handlebars-template (= 0.8.0)

View File

@ -100,7 +100,7 @@ export default Ember.Component.extend({
if (this.appEvents) {
// xxx: don't run during qunit tests
this.appEvents.on("ace:resize", () => this.resize());
this.appEvents.on("ace:resize", this, "resize");
}
if (this.get("autofocus")) {

View File

@ -10,12 +10,13 @@ export default Discourse.Route.extend({
const routeName = "adminUsersList.show";
if (transition.targetName === routeName) {
const params = transition.params[routeName];
const params = transition.routeInfos.find(a => a.name === routeName)
.params;
const controller = this.controllerFor(routeName);
if (controller) {
controller.setProperties({
order: transition.queryParams.order,
ascending: transition.queryParams.ascending,
order: transition.to.queryParams.order,
ascending: transition.to.queryParams.ascending,
query: params.filter,
showEmails: false,
refreshing: false

View File

@ -290,25 +290,27 @@ export default Ember.Component.extend({
});
if (this.get("composerEvents")) {
this.appEvents.on("composer:insert-block", text =>
this._addBlock(this._getSelected(), text)
);
this.appEvents.on("composer:insert-text", (text, options) =>
this._addText(this._getSelected(), text, options)
);
this.appEvents.on("composer:replace-text", (oldVal, newVal, opts) =>
this._replaceText(oldVal, newVal, opts)
);
this.appEvents.on("composer:insert-block", this, "_insertBlock");
this.appEvents.on("composer:insert-text", this, "_insertText");
this.appEvents.on("composer:replace-text", this, "_replaceText");
}
this._mouseTrap = mouseTrap;
},
_insertBlock(text) {
this._addBlock(this._getSelected(), text);
},
_insertText(text, options) {
this._addText(this._getSelected(), text, options);
},
@on("willDestroyElement")
_shutDown() {
if (this.get("composerEvents")) {
this.appEvents.off("composer:insert-block");
this.appEvents.off("composer:insert-text");
this.appEvents.off("composer:replace-text");
this.appEvents.off("composer:insert-block", this, "_insertBlock");
this.appEvents.off("composer:insert-text", this, "_insertText");
this.appEvents.off("composer:replace-text", this, "_replaceText");
}
const mouseTrap = this._mouseTrap;

View File

@ -14,14 +14,14 @@ export default Ember.Component.extend({
}
Ember.run.scheduleOnce("afterRender", this, this._afterFirstRender);
this.appEvents.on("modal-body:flash", msg => this._flash(msg));
this.appEvents.on("modal-body:clearFlash", () => this._clearFlash());
this.appEvents.on("modal-body:flash", this, "_flash");
this.appEvents.on("modal-body:clearFlash", this, "_clearFlash");
},
willDestroyElement() {
this._super(...arguments);
this.appEvents.off("modal-body:flash");
this.appEvents.off("modal-body:clearFlash");
this.appEvents.off("modal-body:flash", this, "_flash");
this.appEvents.off("modal-body:clearFlash", this, "_clearFlash");
},
_afterFirstRender() {

View File

@ -77,9 +77,7 @@ export default Ember.Component.extend(AddArchetypeClass, Scrolling, {
}
);
this.appEvents.on("post:highlight", postNumber => {
Ember.run.scheduleOnce("afterRender", null, highlight, postNumber);
});
this.appEvents.on("post:highlight", this, "_highlightPost");
this.appEvents.on("header:update-topic", topic => {
if (topic === null) {
@ -99,21 +97,27 @@ export default Ember.Component.extend(AddArchetypeClass, Scrolling, {
});
// setup mobile scroll logo
if (this.site.mobileView) {
this.appEvents.on("topic:scrolled", offset =>
this.mobileScrollGaurd(offset)
);
this.appEvents.on("topic:scrolled", this, "mobileScrollGuard");
// used to animate header contents on scroll
this.appEvents.on("header:show-topic", () => {
this.appEvents.on("header:show-topic", this, "_showTopic");
this.appEvents.on("header:hide-topic", this, "_hideTopic");
}
},
_showTopic() {
$("header.d-header")
.removeClass("scroll-up")
.addClass("scroll-down");
});
this.appEvents.on("header:hide-topic", () => {
},
_hideTopic() {
$("header.d-header")
.removeClass("scroll-down")
.addClass("scroll-up");
});
}
},
_highlightPost(postNumber) {
Ember.run.scheduleOnce("afterRender", null, highlight, postNumber);
},
willDestroyElement() {
@ -128,10 +132,10 @@ export default Ember.Component.extend(AddArchetypeClass, Scrolling, {
// this happens after route exit, stuff could have trickled in
this.appEvents.trigger("header:hide-topic");
this.appEvents.off("post:highlight");
this.appEvents.off("post:highlight", this, "_highlightPost");
// mobile scroll logo clean up.
if (this.site.mobileView) {
this.appEvents.off("topic:scrolled");
this.appEvents.off("topic:scrolled", this, "mobileScrollGuard");
$("header.d-header").removeClass("scroll-down scroll-up");
}
},
@ -199,7 +203,7 @@ export default Ember.Component.extend(AddArchetypeClass, Scrolling, {
// determines scroll direction, triggers header topic info on mobile
// and ensures that the switch happens only once per scroll direction change
mobileScrollGaurd(offset) {
mobileScrollGuard(offset) {
// user hasn't scrolled past topic title.
if (offset < this.dockAt) return;

View File

@ -70,7 +70,11 @@ export default Ember.Component.extend({
@on("willDestroyElement")
_unbindGlobalEvents() {
this.appEvents.off("emoji-picker:close");
this.appEvents.off("emoji-picker:close", this, "_closeEmojiPicker");
},
_closeEmojiPicker() {
this.set("active", false);
},
@on("didInsertElement")
@ -78,7 +82,7 @@ export default Ember.Component.extend({
this.$picker = this.$(".emoji-picker");
this.$modal = this.$(".emoji-picker-modal");
this.appEvents.on("emoji-picker:close", () => this.set("active", false));
this.appEvents.on("emoji-picker:close", this, "_closeEmojiPicker");
if (!keyValueStore.getObject(EMOJI_USAGE)) {
keyValueStore.setObject({ key: EMOJI_USAGE, value: [] });

View File

@ -18,7 +18,7 @@ export default Ember.Component.extend({
"#login-account-password, #login-account-name, #login-second-factor"
).keydown(e => {
if (e.keyCode === 13) {
this.sendAction();
this.action();
}
});
});

View File

@ -7,7 +7,7 @@ export default Ember.Component.extend({
tagName: "li",
classNameBindings: ["active"],
@computed()
@computed
router() {
return getOwner(this).lookup("router:main");
},
@ -27,7 +27,7 @@ export default Ember.Component.extend({
router = this.get("router");
return routeParam
? router.isActive(route, routeParam)
? router.currentRoute.params["filter"] === routeParam
: router.isActive(route);
}
});

View File

@ -262,19 +262,7 @@ export default MountWidget.extend({
Ember.run.scheduleOnce("afterRender", this, this.scrolled);
},
didInsertElement() {
this._super(...arguments);
const debouncedScroll = () =>
Ember.run.debounce(this, this._scrollTriggered, 10);
this._previouslyNearby = {};
this.appEvents.on("post-stream:refresh", debouncedScroll);
$(document).bind("touchmove.post-stream", debouncedScroll);
$(window).bind("scroll.post-stream", debouncedScroll);
this._scrollTriggered();
this.appEvents.on("post-stream:posted", staged => {
_posted(staged) {
const disableJumpReply = this.currentUser.get("disable_jump_reply");
this.queueRerender(() => {
@ -283,18 +271,9 @@ export default MountWidget.extend({
DiscourseURL.jumpToPost(postNumber, { skipIfOnScreen: true });
}
});
});
},
this.$().on("mouseenter.post-stream", "button.widget-button", e => {
$("button.widget-button").removeClass("d-hover");
$(e.target).addClass("d-hover");
});
this.$().on("mouseleave.post-stream", "button.widget-button", () => {
$("button.widget-button").removeClass("d-hover");
});
this.appEvents.on("post-stream:refresh", args => {
_refresh(args) {
if (args) {
if (args.id) {
this.dirtyKeys.keyDirty(`post-${args.id}`);
@ -309,18 +288,47 @@ export default MountWidget.extend({
}
}
this.queueRerender();
},
_debouncedScroll() {
Ember.run.debounce(this, this._scrollTriggered, 10);
},
didInsertElement() {
this._super(...arguments);
const debouncedScroll = () =>
Ember.run.debounce(this, this._scrollTriggered, 10);
this._previouslyNearby = {};
this.appEvents.on("post-stream:refresh", this, "_debouncedScroll");
$(document).bind("touchmove.post-stream", debouncedScroll);
$(window).bind("scroll.post-stream", debouncedScroll);
this._scrollTriggered();
this.appEvents.on("post-stream:posted", this, "_posted");
this.$().on("mouseenter.post-stream", "button.widget-button", e => {
$("button.widget-button").removeClass("d-hover");
$(e.target).addClass("d-hover");
});
this.$().on("mouseleave.post-stream", "button.widget-button", () => {
$("button.widget-button").removeClass("d-hover");
});
this.appEvents.on("post-stream:refresh", this, "_refresh");
},
willDestroyElement() {
this._super(...arguments);
$(document).unbind("touchmove.post-stream");
$(window).unbind("scroll.post-stream");
this.appEvents.off("post-stream:refresh");
this.appEvents.off("post-stream:refresh", this, "_debouncedScroll");
this.$().off("mouseenter.post-stream");
this.$().off("mouseleave.post-stream");
this.appEvents.off("post-stream:refresh");
this.appEvents.off("post-stream:posted");
this.appEvents.off("post-stream:refresh", this, "_refresh");
this.appEvents.off("post-stream:posted", this, "_posted");
},
showModerationHistory(post) {

View File

@ -231,19 +231,14 @@ const SiteHeaderComponent = MountWidget.extend(Docking, PanEvents, {
const { isAndroid } = this.capabilities;
$(window).on("resize.discourse-menu-panel", () => this.afterRender());
this.appEvents.on("header:show-topic", topic => this.setTopic(topic));
this.appEvents.on("header:hide-topic", () => this.setTopic(null));
this.appEvents.on("header:show-topic", this, "setTopic");
this.appEvents.on("header:hide-topic", this, "setTopic");
this.dispatch("notifications:changed", "user-notifications");
this.dispatch("header:keyboard-trigger", "header");
this.dispatch("search-autocomplete:after-complete", "search-term");
this.appEvents.on("dom:clean", () => {
// For performance, only trigger a re-render if any menu panels are visible
if (this.$(".menu-panel").length) {
this.eventDispatched("dom:clean", "header");
}
});
this.appEvents.on("dom:clean", this, "_cleanDom");
// Only add listeners for opening menus by swiping them in on Android devices
// iOS will respond to these events, but also does swiping for back/forward
@ -252,15 +247,22 @@ const SiteHeaderComponent = MountWidget.extend(Docking, PanEvents, {
}
},
_cleanDom() {
// For performance, only trigger a re-render if any menu panels are visible
if (this.$(".menu-panel").length) {
this.eventDispatched("dom:clean", "header");
}
},
willDestroyElement() {
this._super(...arguments);
const { isAndroid } = this.capabilities;
$("body").off("keydown.header");
$(window).off("resize.discourse-menu-panel");
this.appEvents.off("header:show-topic");
this.appEvents.off("header:hide-topic");
this.appEvents.off("dom:clean");
this.appEvents.off("header:show-topic", this, "setTopic");
this.appEvents.off("header:hide-topic", this, "setTopic");
this.appEvents.off("dom:clean", this, "_cleanDom");
if (isAndroid) {
this.removeTouchListeners($("body"));

View File

@ -53,7 +53,7 @@ export default Ember.Component.extend(CleansUp, {
didInsertElement() {
this._super(...arguments);
this.appEvents.on("topic-entrance:show", data => this._show(data));
this.appEvents.on("topic-entrance:show", this, "_show");
},
_setCSS() {
@ -100,7 +100,7 @@ export default Ember.Component.extend(CleansUp, {
},
willDestroyElement() {
this.appEvents.off("topic-entrance:show");
this.appEvents.off("topic-entrance:show", this, "_show");
},
_jumpTo(destination) {

View File

@ -13,7 +13,7 @@ export default Ember.Component.extend({
$(window).on("load.faq resize.faq scroll.faq", () => {
const faqUnread = !currentUser.get("read_faq");
if (faqUnread && isElementInViewport($(".contents p").last())) {
this.sendAction();
this.action();
}
});
}

View File

@ -9,15 +9,14 @@ const {
runInDebug
} = Ember;
function getCurrentHandlerInfos(router) {
function getCurrentRouteInfos(router) {
let routerLib = router._routerMicrolib || router.router;
return routerLib.currentHandlerInfos;
return routerLib.currentRouteInfos;
}
function getRoutes(router) {
return emberArray(getCurrentHandlerInfos(router))
.mapBy("handler")
return emberArray(getCurrentRouteInfos(router))
.mapBy("_route")
.reverse();
}

View File

@ -12,10 +12,12 @@ export default {
initialize(container) {
// Tell our AJAX system to track a page transition
const router = container.lookup("router:main");
router.on("willTransition", viewTrackingRequired);
router.on("didTransition", cleanDOM);
router.on("routeWillChange", viewTrackingRequired);
router.on("routeDidChange", cleanDOM);
let appEvents = container.lookup("app-events:main");
startPageTracking(router, appEvents);
// Out of the box, Discourse tries to track google analytics

View File

@ -7,7 +7,7 @@ export default {
// only take care of hiding the footer here
// controllers MUST take care of displaying it
router.on("willTransition", () => {
router.on("routeWillChange", () => {
application.set("showFooter", false);
return true;
});

View File

@ -1 +1,48 @@
export default Ember.Object.extend(Ember.Evented);
import deprecated from "discourse-common/lib/deprecated";
export default Ember.Object.extend(Ember.Evented, {
_events: {},
on() {
if (arguments.length === 2) {
let [name, fn] = arguments;
let target = {};
this._events[name] = this._events[name] || [];
this._events[name].push({ target, fn });
this._super(name, target, fn);
} else if (arguments.length === 3) {
let [name, target, fn] = arguments;
this._events[name] = this._events[name] || [];
this._events[name].push({ target, fn });
this._super(...arguments);
}
return this;
},
off() {
let name = arguments[0];
let fn = arguments[2];
if (this._events[name]) {
if (arguments.length === 1) {
deprecated(
"Removing all event listeners at once is deprecated, please remove each listener individually."
);
this._events[name].forEach(ref => {
this._super(name, ref.target, ref.fn);
});
delete this._events[name];
} else if (arguments.length === 3) {
this._super(...arguments);
this._events[name] = this._events[name].filter(e => e.fn !== fn);
if (this._events[name].length === 0) delete this._events[name];
}
}
return this;
}
});

View File

@ -15,10 +15,9 @@ export function startPageTracking(router, appEvents) {
if (_started) {
return;
}
router.on("didTransition", function() {
this.send("refreshTitle");
const url = Discourse.getURL(this.get("url"));
router.on("routeDidChange", () => {
router.send("refreshTitle");
const url = Discourse.getURL(router.get("url"));
// Refreshing the title is debounced, so we need to trigger this in the
// next runloop to have the correct title.
@ -39,6 +38,7 @@ export function startPageTracking(router, appEvents) {
}
});
});
_started = true;
}

View File

@ -122,10 +122,7 @@ export default Ember.Mixin.create({
return this._show($target.text().replace(/^@/, ""), $target);
});
this.appEvents.on(previewClickEvent, $target => {
this.set("isFixed", true);
return this._show($target.text().replace(/^@/, ""), $target);
});
this.appEvents.on(previewClickEvent, this, "_previewClick");
this.appEvents.on(`topic-header:trigger-${id}`, (username, $target) => {
this.setProperties({ isFixed: true, isDocked: true });
@ -133,6 +130,11 @@ export default Ember.Mixin.create({
});
},
_previewClick($target) {
this.set("isFixed", true);
return this._show($target.text().replace(/^@/, ""), $target);
},
_positionCard(target) {
const rtl = $("html").css("direction") === "rtl";
if (!target) {
@ -239,7 +241,7 @@ export default Ember.Mixin.create({
$("#main")
.off(clickDataExpand)
.off(clickMention);
this.appEvents.off(previewClickEvent);
this.appEvents.off(previewClickEvent, this, "_previewClick");
},
keyUp(e) {

View File

@ -7,12 +7,12 @@ export default {
didInsertElement() {
this._super(...arguments);
this.appEvents.on("url:refresh", this.refresh);
this.appEvents.on("url:refresh", this, "refresh");
},
willDestroyElement() {
this._super(...arguments);
this.appEvents.off("url:refresh");
this.appEvents.off("url:refresh", this, "refresh");
}
};

View File

@ -30,7 +30,8 @@ export default Discourse.Route.extend({
},
afterModel(model, transition) {
const username = transition.queryParams && transition.queryParams.username;
const username =
transition.to.queryParams && transition.to.queryParams.username;
const userBadgesGrant = UserBadge.findByBadgeId(model.get("id"), {
username

View File

@ -93,7 +93,7 @@ export default (filterArg, params) => {
const listFilter = `c/${Discourse.Category.slugFor(
category
)}/l/${this.filter(category)}`,
findOpts = filterQueryParams(transition.queryParams, params),
findOpts = filterQueryParams(transition.to.queryParams, params),
extras = { cached: this.isPoppedState(transition) };
return findTopicList(

View File

@ -7,7 +7,7 @@ export function buildGroupPage(type) {
},
model(params, transition) {
let categoryId = Ember.get(transition, "queryParams.category_id");
let categoryId = Ember.get(transition.to, "queryParams.category_id");
return this.modelFor("group").findPosts({ type, categoryId });
},

View File

@ -3,7 +3,8 @@ import Group from "discourse/models/group";
export default Discourse.Route.extend({
beforeModel(transition) {
const params = transition.queryParams;
const params = transition.to.queryParams;
const groupName = params.groupname || params.group_name;
if (this.currentUser) {

View File

@ -6,11 +6,11 @@ export default Discourse.Route.extend({
if (Discourse.User.current()) {
let category, category_id;
if (transition.queryParams.category_id) {
category_id = transition.queryParams.category_id;
if (transition.to.queryParams.category_id) {
category_id = transition.to.queryParams.category_id;
category = Category.findById(category_id);
} else if (transition.queryParams.category) {
const splitCategory = transition.queryParams.category.split("/");
} else if (transition.to.queryParams.category) {
const splitCategory = transition.to.queryParams.category.split("/");
category = this._getCategory(
splitCategory[0],
splitCategory[1],
@ -46,10 +46,10 @@ export default Discourse.Route.extend({
Ember.run.next(function() {
e.send(
"createNewTopicViaParams",
transition.queryParams.title,
transition.queryParams.body,
transition.to.queryParams.title,
transition.to.queryParams.body,
category_id,
transition.queryParams.tags
transition.to.queryParams.tags
);
});
}
@ -60,10 +60,10 @@ export default Discourse.Route.extend({
Ember.run.next(function() {
e.send(
"createNewTopicViaParams",
transition.queryParams.title,
transition.queryParams.body,
transition.to.queryParams.title,
transition.to.queryParams.body,
null,
transition.queryParams.tags
transition.to.queryParams.tags
);
});
}

View File

@ -70,8 +70,8 @@ export default Discourse.Route.extend({
controller.set("loading", true);
const params = controller.getProperties("order", "ascending");
params.order = transition.queryParams.order || params.order;
params.ascending = transition.queryParams.ascending || params.ascending;
params.order = transition.to.queryParams.order || params.order;
params.ascending = transition.to.queryParams.ascending || params.ascending;
const categorySlug = this.get("categorySlug");
const parentCategorySlug = this.get("parentCategorySlug");

View File

@ -231,7 +231,7 @@ const TopicRoute = Discourse.Route.extend({
});
}
const queryParams = transition.queryParams;
const queryParams = transition.to.queryParams;
let topic = this.modelFor("topic");
if (topic && topic.get("id") === parseInt(params.id, 10)) {

View File

@ -14,7 +14,7 @@ export default Discourse.Route.extend(ViewingActionType, {
filter: this.get("userActionType"),
noContentHelpKey:
this.get("noContentHelpKey") || "user_activity.no_default",
actingUsername: transition.queryParams.acting_username
actingUsername: transition.to.queryParams.acting_username
});
},

View File

@ -1,5 +1,4 @@
import ComboBoxComponent from "select-kit/components/combo-box";
import { on } from "ember-addons/ember-computed-decorators";
import computed from "ember-addons/ember-computed-decorators";
import PermissionType from "discourse/models/permission-type";
import Category from "discourse/models/category";
@ -100,16 +99,6 @@ export default ComboBoxComponent.extend({
return content;
},
@on("didRender")
_bindComposerResizing() {
this.appEvents.on("composer:resized", this, this.applyDirection);
},
@on("willDestroyElement")
_unbindComposerResizing() {
this.appEvents.off("composer:resized");
},
didSelect(computedContentItem) {
if (this.attrs.onChooseCategory) {
this.attrs.onChooseCategory(computedContentItem.originalContent);

View File

@ -28,6 +28,6 @@ export default DropdownSelectBoxComponent.extend({
},
mutateValue(value) {
this.sendAction(value);
this.get(value)();
}
});

View File

@ -134,10 +134,10 @@ export default Ember.Component.extend(
this.removeObserver(
`content.@each.${this.get("nameProperty")}`,
this,
this._compute
"_compute"
);
this.removeObserver(`content.[]`, this, this._compute);
this.removeObserver(`asyncContent.[]`, this, this._compute);
this.removeObserver(`content.[]`, this, "_compute");
this.removeObserver(`asyncContent.[]`, this, "_compute");
},
willComputeAttributes() {},

View File

@ -17,20 +17,20 @@ export default NotificationOptionsComponent.extend({
return archetype === "private_message" ? "_pm" : "";
},
@on("didInsertElement")
_bindGlobalLevelChanged() {
this.appEvents.on("topic-notifications-button:changed", msg => {
if (msg.type === "notification") {
_changed(msg) {
if (this.get("computedValue") !== msg.id) {
this.get("topic.details").updateNotifications(msg.id);
}
}
});
},
@on("didInsertElement")
_bindGlobalLevelChanged() {
this.appEvents.on("topic-notifications-button:changed", this, "_changed");
},
@on("willDestroyElement")
_unbindGlobalLevelChanged() {
this.appEvents.off("topic-notifications-button:changed");
this.appEvents.off("topic-notifications-button:changed", this, "_changed");
},
mutateValue(value) {