Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -222,6 +222,7 @@
"@ember/-internals/views/lib/mixins/action_support.js": "ember-source/@ember/-internals/views/lib/mixins/action_support.js",
"@ember/-internals/views/lib/system/event_dispatcher.js": "ember-source/@ember/-internals/views/lib/system/event_dispatcher.js",
"@ember/-internals/views/lib/system/utils.js": "ember-source/@ember/-internals/views/lib/system/utils.js",
"@ember/-internals/views/lib/views/core-view-utils.js": "ember-source/@ember/-internals/views/lib/views/core-view-utils.js",
"@ember/-internals/views/lib/views/core_view.js": "ember-source/@ember/-internals/views/lib/views/core_view.js",
"@ember/-internals/views/lib/views/states.js": "ember-source/@ember/-internals/views/lib/views/states.js",
"@ember/application/index.js": "ember-source/@ember/application/index.js",
Expand Down
7 changes: 7 additions & 0 deletions packages/@ember/-internals/deprecations/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -126,6 +126,13 @@ export const DEPRECATIONS = {
until: '8.0.0',
url: 'https://deprecations.emberjs.com/id/deprecate-target-action-support',
}),
DEPRECATE_EVENTED: deprecation({
id: 'deprecate-evented',
for: 'ember-source',
since: { available: '7.3.0' },
until: '8.0.0',
url: 'https://deprecations.emberjs.com/id/deprecate-evented',
}),
};

export function deprecateUntil(message: string, deprecation: DeprecationObject) {
Expand Down
27 changes: 14 additions & 13 deletions packages/@ember/-internals/glimmer/lib/component-managers/curly.ts
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import {
setElementView,
setViewElement,
} from '@ember/-internals/views/lib/system/utils';
import { sendCoreViewEvent } from '@ember/-internals/views/lib/views/core-view-utils';
import type { Nullable } from '@ember/-internals/utility-types';
import { assert, debugFreeze } from '@ember/debug';
import { _instrumentStart } from '@ember/instrumentation';
Expand Down Expand Up @@ -318,20 +319,20 @@ export default class CurlyComponentManager
addChildView(parentView, component);
}

component.trigger('didReceiveAttrs');
sendCoreViewEvent(component, 'didReceiveAttrs');

let hasWrappedElement = component.tagName !== '';

// We usually do this in the `didCreateElement`, but that hook doesn't fire for tagless components
if (!hasWrappedElement) {
if (isInteractive) {
component.trigger('willRender');
sendCoreViewEvent(component, 'willRender');
}

component._transitionTo('hasElement');

if (isInteractive) {
component.trigger('willInsertElement');
sendCoreViewEvent(component, 'willInsertElement');
}
}

Expand All @@ -355,7 +356,7 @@ export default class CurlyComponentManager
}

if (isInteractive && hasWrappedElement) {
component.trigger('willRender');
sendCoreViewEvent(component, 'willRender');
}

endUntrackFrame();
Expand Down Expand Up @@ -420,7 +421,7 @@ export default class CurlyComponentManager

if (isInteractive) {
beginUntrackFrame();
component.trigger('willInsertElement');
sendCoreViewEvent(component, 'willInsertElement');
endUntrackFrame();
}
}
Expand All @@ -433,8 +434,8 @@ export default class CurlyComponentManager
didCreate({ component, isInteractive }: ComponentStateBucket): void {
if (isInteractive) {
component._transitionTo('inDOM');
component.trigger('didInsertElement');
component.trigger('didRender');
sendCoreViewEvent(component, 'didInsertElement');
sendCoreViewEvent(component, 'didRender');
}
}

Expand All @@ -456,13 +457,13 @@ export default class CurlyComponentManager
component.setProperties(props);
component[IS_DISPATCHING_ATTRS] = false;

component.trigger('didUpdateAttrs');
component.trigger('didReceiveAttrs');
sendCoreViewEvent(component, 'didUpdateAttrs');
sendCoreViewEvent(component, 'didReceiveAttrs');
}

if (isInteractive) {
component.trigger('willUpdate');
component.trigger('willRender');
sendCoreViewEvent(component, 'willUpdate');
sendCoreViewEvent(component, 'willRender');
}

endUntrackFrame();
Expand All @@ -477,8 +478,8 @@ export default class CurlyComponentManager

didUpdate({ component, isInteractive }: ComponentStateBucket): void {
if (isInteractive) {
component.trigger('didUpdate');
component.trigger('didRender');
sendCoreViewEvent(component, 'didUpdate');
sendCoreViewEvent(component, 'didRender');
}
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ import CurlyComponentManager, {
initialRenderInstrumentDetails,
processComponentInitializationAssertions,
} from './curly';
import { sendCoreViewEvent } from '@ember/-internals/views/lib/views/core-view-utils';

class RootComponentManager extends CurlyComponentManager {
component: Component;
Expand Down Expand Up @@ -48,13 +49,13 @@ class RootComponentManager extends CurlyComponentManager {
// We usually do this in the `didCreateElement`, but that hook doesn't fire for tagless components
if (!hasWrappedElement) {
if (isInteractive) {
component.trigger('willRender');
sendCoreViewEvent(component, 'willRender');
}

component._transitionTo('hasElement');

if (isInteractive) {
component.trigger('willInsertElement');
sendCoreViewEvent(component, 'willInsertElement');
}
}

Expand Down
3 changes: 2 additions & 1 deletion packages/@ember/-internals/glimmer/lib/renderer.ts
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import type { InternalOwner } from '@ember/-internals/owner';
import { getOwner } from '@ember/-internals/owner';
import { guidFor } from '@ember/-internals/utils/lib/guid';
import { getViewElement, getViewId } from '@ember/-internals/views/lib/system/utils';
import { sendCoreViewEvent } from '@ember/-internals/views/lib/views/core-view-utils';
import { assert } from '@ember/debug';
import {
associateDestroyableChild,
Expand Down Expand Up @@ -309,7 +310,7 @@ export class Renderer extends BaseRenderer {
this.cleanupRootFor(view);

if (this.state.isInteractive) {
view.trigger('didDestroyElement');
sendCoreViewEvent(view, 'didDestroyElement');
}
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import {
clearViewElement,
getViewElement,
} from '@ember/-internals/views/lib/system/utils';
import { sendCoreViewEvent } from '@ember/-internals/views/lib/views/core-view-utils';
import { registerDestructor } from '@glimmer/destroyable';
import type { CapturedNamedArguments } from '@glimmer/interfaces';
import type { Reference } from '@glimmer/reference/lib/reference';
Expand Down Expand Up @@ -52,8 +53,8 @@ export default class ComponentStateBucket {

if (isInteractive) {
beginUntrackFrame();
component.trigger('willDestroyElement');
component.trigger('willClearRender');
sendCoreViewEvent(component, 'willDestroyElement');
sendCoreViewEvent(component, 'willClearRender');
endUntrackFrame();

let element = getViewElement(component);
Expand Down
Original file line number Diff line number Diff line change
@@ -1,4 +1,11 @@
import { moduleFor, RenderingTestCase, strip, runTask } from 'internal-test-helpers';
import {
moduleFor,
RenderingTestCase,
strip,
runTask,
expectDeprecation,
} from 'internal-test-helpers';
import { DEPRECATIONS } from '../../../../deprecations';

import { set } from '@ember/object';
import { setComponentTemplate } from '@glimmer/manager';
Expand Down Expand Up @@ -57,7 +64,15 @@ class AbstractAppendTest extends RenderingTestCase {
}
componentsByName[name] = this;
pushHook('init');
this.on('init', () => pushHook('on(init)'));
if (!DEPRECATIONS.DEPRECATE_EVENTED.isRemoved) {
expectDeprecation(
() => {
this.on('init', () => pushHook('on(init)'));
},
/Evented#on` is deprecated/,
DEPRECATIONS.DEPRECATE_EVENTED.isEnabled
);
}
}

didReceiveAttrs() {
Expand Down Expand Up @@ -145,26 +160,28 @@ class AbstractAppendTest extends RenderingTestCase {
{ parentValue: 1, childValue: 1, foo: 'zomg', show: true }
);

assert.deepEqual(
hooks,
[
['x-parent', 'init'],
['x-parent', 'on(init)'],
['x-parent', 'didReceiveAttrs'],
['x-parent', 'willRender'],
['x-parent', 'willInsertElement'],
['x-child', 'init'],
['x-child', 'on(init)'],
['x-child', 'didReceiveAttrs'],
['x-child', 'willRender'],
['x-child', 'willInsertElement'],
['x-child', 'didInsertElement'],
['x-child', 'didRender'],
['x-parent', 'didInsertElement'],
['x-parent', 'didRender'],
],
'creation of x-parent'
);
let expectedCreationHooks = [
['x-parent', 'init'],
['x-parent', 'on(init)'],
['x-parent', 'didReceiveAttrs'],
['x-parent', 'willRender'],
['x-parent', 'willInsertElement'],
['x-child', 'init'],
['x-child', 'on(init)'],
['x-child', 'didReceiveAttrs'],
['x-child', 'willRender'],
['x-child', 'willInsertElement'],
['x-child', 'didInsertElement'],
['x-child', 'didRender'],
['x-parent', 'didInsertElement'],
['x-parent', 'didRender'],
];

if (DEPRECATIONS.DEPRECATE_EVENTED.isRemoved) {
expectedCreationHooks = expectedCreationHooks.filter(([, hook]) => hook !== 'on(init)');
}

assert.deepEqual(hooks, expectedCreationHooks, 'creation of x-parent');

hooks.length = 0;
runTask(() => this.rerender());
Expand Down Expand Up @@ -298,7 +315,15 @@ class AbstractAppendTest extends RenderingTestCase {
}
componentsByName[name] = this;
pushHook('init');
this.on('init', () => pushHook('on(init)'));
if (!DEPRECATIONS.DEPRECATE_EVENTED.isRemoved) {
expectDeprecation(
() => {
this.on('init', () => pushHook('on(init)'));
},
/Evented#on` is deprecated/,
DEPRECATIONS.DEPRECATE_EVENTED.isEnabled
);
}
}

didReceiveAttrs() {
Expand Down Expand Up @@ -381,15 +406,18 @@ class AbstractAppendTest extends RenderingTestCase {
XParent = this.owner.factoryFor('component:x-parent');

this.component = XParent.create({ foo: 'zomg' });

assert.deepEqual(
hooks,
[
['x-parent', 'init'],
['x-parent', 'on(init)'],
],
'creation of x-parent'
);
if (DEPRECATIONS.DEPRECATE_EVENTED.isRemoved) {
assert.deepEqual(hooks, [['x-parent', 'init']], 'creation of x-parent');
} else {
assert.deepEqual(
hooks,
[
['x-parent', 'init'],
['x-parent', 'on(init)'],
],
'creation of x-parent'
);
}

hooks.length = 0;

Expand All @@ -401,7 +429,7 @@ class AbstractAppendTest extends RenderingTestCase {
['x-parent', 'willInsertElement'],

['x-child', 'init'],
['x-child', 'on(init)'],
!DEPRECATIONS.DEPRECATE_EVENTED.isRemoved && ['x-child', 'on(init)'],
['x-child', 'didReceiveAttrs'],
['x-child', 'willRender'],
['x-child', 'willInsertElement'],
Expand All @@ -411,7 +439,7 @@ class AbstractAppendTest extends RenderingTestCase {

['x-parent', 'didInsertElement'],
['x-parent', 'didRender'],
],
].filter(Boolean),
'appending of x-parent'
);

Expand Down
Loading
Loading