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:

• [x] ~each-in iterator~ (implemented in ember side)
• [x] unless condition
• [x] if helper
• [x] unless helper
• [x] eq helper
• [x] fn helper
• [x] let block (let is arrow self execution function with declared vars)
• [x] tracked decorator
• [x] array helper
• [x] hash helper
• [x] component manager
• [x] modifier manager https://github.com/lifeart/glimmer-next/pull/25 https://github.com/lifeart/glimmer-next/pull/83
• [x] helper manager https://github.com/lifeart/glimmer-next/pull/25 https://github.com/lifeart/glimmer-next/pull/82
• [x] destroyables api https://github.com/lifeart/glimmer-next/pull/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

• [x] https://github.com/lifeart/glimmer-next/pull/92
• [x] https://github.com/lifeart/glimmer-next/pull/93
• [x] https://github.com/lifeart/glimmer-next/pull/94

[lifeart]

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

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

https://github.com/lifeart/glimmer-next/pull/95

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

[lifeart]

TODO: glimmer reference

• [x] https://github.com/lifeart/glimmer-next/pull/96

[lifeart]

TODO: poke with ember-source

• [ ] need inspiration

[lifeart]

Here is POC with working ember-modifier, ember-helper, and glimmer components https://github.com/lifeart/glimmer-next/pull/25