Dynamic components

[lifeart]

In general, we should work here like in if, but check component class by reference.

Like:

const tag = formula(() => componentReference());
let oldValue = null;
let oldComponent = null;
opcodeFor(tag, (value) => {
   if (oldValue !== value) {
      oldValue = value;
   }
   destroyComponent(oldComponent);
   oldComponent = renderComponent(value, target); 
});

To optimize perf we may use weakMap for componentReference to check if we need to resolve dynamic vars or not..

[netlify]

✅ Deploy Preview for g-next ready!

Name	Link
🔨 Latest commit	ac43654
🔍 Latest deploy log	https://app.netlify.com/sites/g-next/deploys/65c11d4aa1fbf20008e2b55d
😎 Deploy Preview	https://deploy-preview-89--g-next.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Code Coverage Report

Coverage after merging dynamic-components into master

76.01%

Coverage Report

File	Lines (%)	Funcs (%)	Uncovered Lines
.../pages/page-one
Smile.ts	77.55		6, 7, 8, 9, ...
.../pages/page-two
Clock.ts	94.12	83.33	17, 26
tests
utils.ts	95.56		29, 73, 74, 75, ...
utils
benchmark.ts	69.44		19, 20, 21, 22, ...
compat.ts	96.23		28, 29, 30, 38, ...
component.ts	95.60		79, 8, 9, 97, ...
dom-api.ts	95.65		12, 21, 22, 23, ...
dom.ts	98.42	90	843, 851, 852, 922, ...
ember-inspector.ts	14.70	0	96, 97, 98, 99, ...
if.ts	65.12	66.67	88, 89, 98, 99, ...
list.ts	93.44	80	66, 70, 71, 72, ...
reactive.ts	91.29		56, 61, 66, 67, ...
rehydration-dom-api.ts	48.41		96, 97, 98, 99, ...
rehydration.ts			135, 144, 34, 37, ...
runtime.ts	95.74		11, 12, 13
shared.ts	76.70		95, 96, 97, 98, ...
vm.ts			24, 4
utils/helpers
hash.ts	81.82	66.67	14, 15, 16, 17, ...
if.ts	66.67		2, 3, 4
utils/inspector
index.ts	33.33	0	96, 97, 98, 99, ...

[github-actions]

duration phase no difference [-187ms to 92ms]
renderEnd phase no difference [0ms to 1ms]
render1000Items1End phase no difference [-15ms to 3ms]
clearItems1End phase no difference [-4ms to 2ms]
render1000Items2End phase no difference [-16ms to 0ms]
clearItems2End phase no difference [-1ms to 0ms]
render5000Items1End phase no difference [-34ms to 23ms]
clearManyItems1End phase no difference [-1ms to 3ms]
render5000Items2End phase no difference [-34ms to 17ms]
clearManyItems2End phase no difference [-2ms to 4ms]
render1000Items3End phase no difference [-13ms to 22ms]
append1000Items1End phase no difference [-17ms to 17ms]
append1000Items2End phase no difference [-36ms to 12ms]
updateEvery10thItem1End phase no difference [-1ms to 1ms]
updateEvery10thItem2End phase no difference [-17ms to 10ms]
selectFirstRow1End phase no difference [-3ms to 2ms]
selectSecondRow1End phase no difference [0ms to 0ms]
removeFirstRow1End phase no difference [0ms to 0ms]
removeSecondRow1End phase no difference [0ms to 0ms]
swapRows1End phase no difference [-14ms to 1ms]
swapRows2End phase no difference [-1ms to 0ms]
clearItems4End phase no difference [-3ms to 4ms]
paint phase no difference [0ms to 0ms]

[18:27:55] Generating Benchmark Reports [started]
[18:28:00] Generating Benchmark Reports [completed]

Benchmark Reports    

JSON: /home/runner/work/glimmer-next/glimmer-next/tracerbench-results/compare.json

PDF: /home/runner/work/glimmer-next/glimmer-next/tracerbench-results/artifact-1.pdf

HTML: /home/runner/work/glimmer-next/glimmer-next/tracerbench-results/artifact-1.html