Ember.js compatibility

[lifeart]

We could explore drop-in glimmer-vm replacement approach for glimmer-next. To achieve it, we need to build compatibility layer matching glimmer-vm API.

Here is a list of things to explore:

• each-in iterator (implemented in ember side)
• unless condition
• if helper
• unless helper
• eq helper
• fn helper
• let block (let is arrow self execution function with declared vars)
• tracked decorator
• array helper
• hash helper
• component manager
• modifier manager [WIP] trying to run ember-eui #25 modifier-manager #83
• helper manager [WIP] trying to run ember-eui #25 [feat] helper manager #82
• destroyables api update-destroyable-api #93

Here list of ~used glimmer parts in ember:

import { DEBUG } from '@glimmer/env';
import { isDestroyed, destroy, registerDestructor, associateDestroyableChild } from '@glimmer/destroyable';
import { getCustomTagFor, setInternalHelperManager, getInternalHelperManager, helperCapabilities, setHelperManager, capabilityFlagsFrom } from '@glimmer/manager';
import type { Tag, TagMeta } from '@glimmer/validator';
import { CONSTANT_TAG, consumeTag, dirtyTagFor, tagFor, untrack } from '@glimmer/validator';
import { CurriedType } from '@glimmer/vm';
import { programCompilationContext } from '@glimmer/opcode-compiler';
import { artifacts, RuntimeOpImpl } from '@glimmer/program';
import { createComputeRef, createConstRef, createPrimitiveRef, childRefFor, UNDEFINED_REFERENCE, valueForRef } from '@glimmer/reference';
import { EMPTY_ARRAY, unwrapTemplate } from '@glimmer/util';
import { reifyPositional } from '@glimmer/runtime';

[lifeart]

we need to create compat for

import { 
  createStorage, getValue, setValue 
} from '@glimmer/tracking/primitives/storage';

import {
  createStorage,
  getValue,
  setValue,
} from 'ember-tracked-storage-polyfill';

https://github.com/emberjs/rfcs/blob/2845588c167f2584ed3f24569d53d14abf8ab5ef/text/0669-tracked-storage-primitive.md

• storage-primitives #92
• update-destroyable-api #93
• caching-primitives #94

[lifeart]

we need to create compat for packages/@ember/-internals/metal/lib/tracked.ts

import { consumeTag, dirtyTagFor, tagFor, trackedData } from '@glimmer/validator';

#95

• trackedData https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/tracked-data.ts
• dirtyTagFor https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/meta.ts
• tagMetaFor https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/meta.ts
• tagFor https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/meta.ts
• consumeTag https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/tracking.ts
• beginTrackFrame https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/tracking.ts
• endTrackFrame https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/tracking.ts
• beginUntrackFrame https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/tracking.ts
• endUntrackFrame https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/tracking.ts
• isTracking https://github.com/glimmerjs/glimmer-vm/blob/main/packages/%40glimmer/validator/lib/tracking.ts

[lifeart]

TODO: glimmer reference

• glimmer-reference #96

[lifeart]

TODO: poke with ember-source

• need inspiration [experiment]: Demo app for glimmer-next renderer emberjs/ember.js#20711

[lifeart]

Here is POC with working ember-modifier, ember-helper, and glimmer components #25

[lifeart]

Linking here: emberjs/ember.js#20711

[lifeart]

To add:

• Ability to control runloop outside of framework (call syncDOM manually)
• isRendering -> isTracking
• Fix babel async plugin issue