ember-source 7.2.0-alpha.3 → 7.2.0-beta.1

package/dist/prod/packages/shared-chunks/{or-3AxY5TPj.js → not-BOIVROuv.js}

@@ -1,20 +1,6 @@
 import { toBool } from '../@glimmer/global-context/index.js';
-import { a as createComputeRef, v as valueForRef } from './reference-BshxG6wn.js';
-import { i as internalHelper } from './hash-mcs3pEFO.js';
-
-const and = internalHelper(({
-  positional
-}) => {
-  return createComputeRef(() => {
-    let last;
-    for (let i = 0; i < positional.length; i++) {
-      let arg = positional[i];
-      last = arg ? valueForRef(arg) : arg;
-      if (!toBool(last)) return last;
-    }
-    return last;
-  }, null, 'and');
-});
+import { c as createComputeRef, v as valueForRef } from './reference-CG0yPgLy.js';
+import { i as internalHelper } from './hash-gEXIsSO4.js';
 
 /**
  * Performs a strict equality comparison.
@@ -25,6 +11,15 @@ function eq(left, right) {
   return left === right;
 }
 
+/**
+ * Performs a strict inequality comparison.
+ *
+ * left !== right
+ */
+function neq(left, right) {
+  return left !== right;
+}
+
 /**
  * Performs a greater than comparison.
  *
@@ -61,18 +56,19 @@ function lte(left, right) {
   return left <= right;
 }
 
-/**
- * Performs a strict inequality comparison.
- *
- * left !== right
- */
-function neq(left, right) {
-  return left !== right;
-}
-
-const not = (...args) => {
-  return !toBool(args[0]);
-};
+const and = internalHelper(({
+  positional
+}) => {
+  return createComputeRef(() => {
+    let last;
+    for (let i = 0; i < positional.length; i++) {
+      let arg = positional[i];
+      last = arg ? valueForRef(arg) : arg;
+      if (!toBool(last)) return last;
+    }
+    return last;
+  }, null, 'and');
+});
 
 const or = internalHelper(({
   positional
@@ -88,4 +84,8 @@ const or = internalHelper(({
   }, null, 'or');
 });
 
+const not = (...args) => {
+  return !toBool(args[0]);
+};
+
 export { and as a, gte as b, lte as c, not as d, eq as e, gt as g, lt as l, neq as n, or as o };

package/dist/prod/packages/shared-chunks/{observers-CDkeR0nI.js → observers-BmobpXAF.js}

@@ -1,9 +1,9 @@
 import { E as ENV } from './env-DXxsTFkM.js';
 import { peekMeta } from '../@ember/-internals/meta/lib/meta.js';
 import { registerDestructor } from '../@glimmer/destroyable/index.js';
-import { d as valueForTag, v as validateTag, i as CURRENT_TAG } from './cache-BIlOoPA7.js';
-import { a as tagMetaFor } from './meta-B9mldqPL.js';
-import { g as getChainTagsForKey } from './chain-tags-C9rFtQ_x.js';
+import { a as valueForTag, v as validateTag, k as CURRENT_TAG } from './cache-CofLhaS4.js';
+import { a as tagMetaFor } from './meta-BJtIZDir.js';
+import { g as getChainTagsForKey } from './chain-tags-B2J7DsxO.js';
 import { a as addListener, r as removeListener, s as sendEvent } from './events-DYrYz3V8.js';
 
 const AFTER_OBSERVERS = ':change';

package/dist/prod/packages/shared-chunks/{on-B5NVufs_.js → on-BZHAxzdq.js}

@@ -1,8 +1,8 @@
-import { g as check } from './debug-render-tree-CF5O4-WI.js';
+import { g as check } from './arguments-BzAkZVBa.js';
 import { registerDestructor } from '../@glimmer/destroyable/index.js';
-import { k as setInternalModifierManager } from './api-zh_k31vb.js';
-import { v as valueForRef } from './reference-BshxG6wn.js';
-import { c as createUpdatableTag } from './cache-BIlOoPA7.js';
+import { k as setInternalModifierManager } from './api-DlJKfm_f.js';
+import { v as valueForRef } from './reference-CG0yPgLy.js';
+import { b as createUpdatableTag } from './cache-CofLhaS4.js';
 
 class OnModifierState {
   tag = createUpdatableTag();
@@ -114,11 +114,7 @@ function addEventListener(element, eventName, callback, options) {
   For example, if you'd like to run a function on your component when a `<button>`
   in the components template is clicked you might do something like:
 
-  ```app/components/like-post.hbs
-  <button {{on 'click' this.saveLike}}>Like this post!</button>
-  ```
-
-  ```app/components/like-post.js
+  ```app/components/like-post.gjs
   import Component from '@glimmer/component';
   import { action } from '@ember/object';
 
@@ -127,6 +123,10 @@ function addEventListener(element, eventName, callback, options) {
       // someone likes your post!
       // better send a request off to your server...
     }
+    
+    <template>
+      <button {{on 'click' this.saveLike}}>Like this post!</button>
+    </template>
   }
   ```
 
@@ -174,7 +174,7 @@ function addEventListener(element, eventName, callback, options) {
   properly bound to the `items-list`, but let's explore what happens if we
   left out the arrow function:
 
-  ```app/components/like-post.js
+  ```app/components/like-post.gjs
   import Component from '@glimmer/component';
 
   export default class LikePostComponent extends Component {

package/dist/prod/packages/shared-chunks/{program-B7CWdS8W.js → program-BAh__OXZ.js}

@@ -1,5 +1,5 @@
-import { u as unwrap } from './collections-C3Y8z_9v.js';
-import { O as OPERAND_LEN_MASK, A as ARG_SHIFT, M as MACHINE_MASK, T as TYPE_MASK } from './flags-B9qxc-pB.js';
+import { u as unwrap } from './collections-GpG8lT2g.js';
+import { O as OPERAND_LEN_MASK, A as ARG_SHIFT, M as MACHINE_MASK, T as TYPE_MASK } from './flags-BZxHQ0yn.js';
 
 class RuntimeOpImpl {
   offset = 0;

package/dist/prod/packages/shared-chunks/{program-context-B8HKU7wu.js → program-context-COSioH46.js}

@@ -1,8 +1,8 @@
-import { V as VM_MAIN_OP, a as VM_CONTENT_TYPE_OP, b as VM_ASSERT_SAME_OP, c as VM_APPEND_HTML_OP, d as VM_APPEND_TEXT_OP, e as VM_RESOLVE_CURRIED_COMPONENT_OP, f as VM_PUSH_DYNAMIC_COMPONENT_INSTANCE_OP, g as VM_APPEND_SAFE_HTML_OP, h as VM_APPEND_DOCUMENT_FRAGMENT_OP, i as VM_APPEND_NODE_OP } from './syscall-ops-BPFtDquC.js';
+import { V as VM_MAIN_OP, a as VM_CONTENT_TYPE_OP, b as VM_ASSERT_SAME_OP, c as VM_APPEND_HTML_OP, d as VM_APPEND_TEXT_OP, e as VM_RESOLVE_CURRIED_COMPONENT_OP, f as VM_PUSH_DYNAMIC_COMPONENT_INSTANCE_OP, g as VM_APPEND_SAFE_HTML_OP, h as VM_APPEND_DOCUMENT_FRAGMENT_OP, i as VM_APPEND_NODE_OP } from './syscall-ops-CN7STuUn.js';
 import { V as VM_INVOKE_STATIC_OP } from './vm-ops-ImHv0Wtg.js';
 import { $ as $s0 } from './registers-C_W2qYHJ.js';
 import { ContentType } from '../@glimmer/vm/index.js';
-import { f as EncoderImpl, g as encodeOp, i as invokePreparedComponent, S as SwitchCases, h as InvokeBareComponent, C as CallDynamic } from './index-Bj71BDDA.js';
+import { f as EncoderImpl, g as encodeOp, i as invokePreparedComponent, S as SwitchCases, h as InvokeBareComponent, C as CallDynamic } from './index-Bf53M8eS.js';
 
 class StdLib {
   constructor(main, trustingGuardedAppend, cautiousGuardedAppend, trustingNonDynamicAppend, cautiousNonDynamicAppend) {
@@ -54,6 +54,7 @@ function StdAppend(op, trusting, nonDynamicAppend) {
     });
     if (typeof nonDynamicAppend === 'number') {
       when(ContentType.Component, () => {
+        op(VM_ASSERT_SAME_OP);
         op(VM_RESOLVE_CURRIED_COMPONENT_OP);
         op(VM_PUSH_DYNAMIC_COMPONENT_INSTANCE_OP);
         InvokeBareComponent(op);

package/dist/prod/packages/shared-chunks/{property_get-CAFdpRyu.js → property_get-DAKgbeJX.js}

@@ -1,7 +1,7 @@
 import { s as setProxy } from './is_proxy-Bzg0d4m4.js';
 import { isEmberArray } from '../@ember/array/-internals.js';
-import { t as track, x as isTracking, a as consumeTag } from './cache-BIlOoPA7.js';
-import { t as tagFor } from './meta-B9mldqPL.js';
+import { t as track, f as isTracking, c as consumeTag } from './cache-CofLhaS4.js';
+import { t as tagFor } from './meta-BJtIZDir.js';
 import { C as Cache } from './cache-qDyqAcpg.js';
 
 const firstDotIndexCache = new Cache(1000, key => key.indexOf('.'));

package/dist/prod/packages/shared-chunks/{property_set-BunbMFtp.js → property_set-BaQJdVfS.js}

@@ -1,7 +1,7 @@
 import { l as lookupDescriptor } from './lookup-descriptor-CwcVgaLv.js';
 import { C as COMPUTED_SETTERS } from './decorator-9ikVwsjY.js';
-import { i as isPath, _ as _getPath } from './property_get-CAFdpRyu.js';
-import { n as notifyPropertyChange } from './computed-DjCIU_ht.js';
+import { i as isPath, _ as _getPath } from './property_get-DAKgbeJX.js';
+import { n as notifyPropertyChange } from './computed-DtIStxvq.js';
 
 /**
  @module @ember/object

package/dist/prod/packages/shared-chunks/{reference-BshxG6wn.js → reference-CG0yPgLy.js}

@@ -1,6 +1,6 @@
-import { i as isDict, e as expect } from './collections-C3Y8z_9v.js';
+import { e as expect, i as isDict } from './collections-GpG8lT2g.js';
 import { setProp, getProp } from '../@glimmer/global-context/index.js';
-import { C as CONSTANT_TAG, I as INITIAL, v as validateTag, t as track, d as valueForTag, a as consumeTag } from './cache-BIlOoPA7.js';
+import { C as CONSTANT_TAG, I as INITIAL, v as validateTag, t as track, a as valueForTag, c as consumeTag } from './cache-CofLhaS4.js';
 
 const REFERENCE = Symbol('REFERENCE');
 const CONSTANT = 0;
@@ -148,4 +148,4 @@ function childRefFromParts(root, parts) {
 }
 let createDebugAliasRef;
 
-export { FALSE_REFERENCE as F, NULL_REFERENCE as N, REFERENCE as R, TRUE_REFERENCE as T, UNDEFINED_REFERENCE as U, createComputeRef as a, isConstRef as b, createConstRef as c, isUpdatableRef as d, createPrimitiveRef as e, childRefFor as f, childRefFromParts as g, createDebugAliasRef as h, isInvokableRef as i, createInvokableRef as j, createReadOnlyRef as k, createUnboundRef as l, updateRef as u, valueForRef as v };
+export { FALSE_REFERENCE as F, NULL_REFERENCE as N, REFERENCE as R, TRUE_REFERENCE as T, UNDEFINED_REFERENCE as U, createConstRef as a, isUpdatableRef as b, createComputeRef as c, isInvokableRef as d, createPrimitiveRef as e, childRefFor as f, childRefFromParts as g, createInvokableRef as h, isConstRef as i, createReadOnlyRef as j, createUnboundRef as k, createDebugAliasRef as l, updateRef as u, valueForRef as v };

package/dist/prod/packages/shared-chunks/{rehydrate-builder-DJ8k-6fg.js → rehydrate-builder-Blt1x9MP.js}

@@ -1,8 +1,8 @@
-import { N as NewTreeBuilder, R as RemoteBlock, C as COMMENT_NODE, T as TEXT_NODE, E as ELEMENT_NODE, e as NS_SVG } from './element-builder-CnlTPNyw.js';
+import { N as NewTreeBuilder, R as RemoteBlock, C as COMMENT_NODE, T as TEXT_NODE, E as ELEMENT_NODE, e as NS_SVG } from './api-CQexacBn.js';
 import { c as castToSimple, a as castToBrowser } from './simple-cast-DCvJLSin.js';
-import { e as expect } from './collections-C3Y8z_9v.js';
+import { e as expect } from './collections-GpG8lT2g.js';
 import { a as assert } from './assert-Zqc4wiAV.js';
-import { C as ConcreteBounds, a as CursorImpl } from './normalize-D9jDJVGg.js';
+import { C as ConcreteBounds, a as CursorImpl } from './normalize-C_IStty9.js';
 
 const SERIALIZATION_FIRST_NODE_STRING = '%+b:0%';
 function isSerializationFirstNode(node) {

package/dist/prod/packages/shared-chunks/{render-DkJJmoI4.js → render-Dx7lr1hR.js}

@@ -1,11 +1,11 @@
-import { u as unwrap, e as expect, c as isIndexable, S as StackImpl } from './collections-C3Y8z_9v.js';
+import { u as unwrap, e as expect, c as isIndexable, S as StackImpl } from './collections-GpG8lT2g.js';
 import { a as unwrapHandle } from './template-BRrQR6KS.js';
-import { v as valueForRef, f as childRefFor, U as UNDEFINED_REFERENCE, a as createComputeRef, T as TRUE_REFERENCE, F as FALSE_REFERENCE, b as isConstRef, u as updateRef, c as createConstRef } from './reference-BshxG6wn.js';
+import { U as UNDEFINED_REFERENCE, c as createComputeRef, v as valueForRef, f as childRefFor, T as TRUE_REFERENCE, F as FALSE_REFERENCE, i as isConstRef, u as updateRef, a as createConstRef } from './reference-CG0yPgLy.js';
 import { a as assert } from './assert-Zqc4wiAV.js';
-import { P as ProgramImpl } from './program-B7CWdS8W.js';
-import { t as track, U as UPDATE_TAG, m as beginTrackFrame, q as endTrackFrame } from './cache-BIlOoPA7.js';
-import { A as APPEND_OPCODES, D as DebugRenderTreeImpl, i as isArgumentError, h as isCurriedType, d as curry, g as check, j as resolveCurriedValue, f as reifyPositional, k as AssertFilter, V as VMArgumentsImpl, l as externs, J as JumpIfNotModifiedOpcode, B as BeginTrackFrameOpcode, m as EndTrackFrameOpcode } from './debug-render-tree-CF5O4-WI.js';
-import { B as BLACKLIST_TABLE, f as DOMOperations, D as DOMTreeConstruction, N as NewTreeBuilder } from './element-builder-CnlTPNyw.js';
+import { P as ProgramImpl } from './program-BAh__OXZ.js';
+import { t as track, U as UPDATE_TAG, o as beginTrackFrame, s as endTrackFrame } from './cache-CofLhaS4.js';
+import { D as DebugRenderTreeImpl, i as isArgumentError, h as isCurriedType, d as curry, A as APPEND_OPCODES, g as check, j as resolveCurriedValue, f as reifyPositional, k as AssertFilter, V as VMArgumentsImpl, l as externs, J as JumpIfNotModifiedOpcode, B as BeginTrackFrameOpcode, m as EndTrackFrameOpcode } from './arguments-BzAkZVBa.js';
+import { B as BLACKLIST_TABLE, f as DOMOperations, D as DOMTreeConstruction, N as NewTreeBuilder } from './api-CQexacBn.js';
 import { a as assign } from './object-utils-AijlD-JH.js';
 import { associateDestroyableChild, _hasDestroyableChildren, destroy, destroyChildren, registerDestructor } from '../@glimmer/destroyable/index.js';
 import { createIteratorRef, createIteratorItemRef } from '../@glimmer/reference/index.js';
@@ -13,90 +13,11 @@ import { r as reverse } from './array-utils-CZQxrdD3.js';
 import { a as $v0, d as $pc, e as $ra, f as $fp, g as $sp, i as isLowLevelRegister } from './registers-C_W2qYHJ.js';
 import { a as VM_RETURN_TO_OP, b as VM_RETURN_OP, c as VM_JUMP_OP, d as VM_INVOKE_VIRTUAL_OP, V as VM_INVOKE_STATIC_OP, e as VM_POP_FRAME_OP, f as VM_PUSH_FRAME_OP } from './vm-ops-ImHv0Wtg.js';
 import { a as CURRIED_COMPONENT, b as CURRIED_HELPER } from './curried-BZnYakIg.js';
-import { ai as VM_DEBUGGER_OP, p as decodeHandle, aj as VM_CURRY_OP, ak as VM_DYNAMIC_HELPER_OP, al as VM_HELPER_OP, am as VM_GET_VARIABLE_OP, an as VM_SET_VARIABLE_OP, ao as VM_SET_BLOCK_OP, ap as VM_ROOT_SCOPE_OP, aq as VM_GET_PROPERTY_OP, ar as VM_GET_BLOCK_OP, as as VM_SPREAD_BLOCK_OP, at as VM_HAS_BLOCK_OP, au as VM_HAS_BLOCK_PARAMS_OP, av as VM_CONCAT_OP, aw as VM_IF_INLINE_OP, ax as VM_NOT_OP, ay as VM_GET_DYNAMIC_VAR_OP, az as VM_LOG_OP, a as VM_CONTENT_TYPE_OP, aA as VM_DYNAMIC_CONTENT_TYPE_OP, c as VM_APPEND_HTML_OP, g as VM_APPEND_SAFE_HTML_OP, d as VM_APPEND_TEXT_OP, h as VM_APPEND_DOCUMENT_FRAGMENT_OP, i as VM_APPEND_NODE_OP, aB as VM_ENTER_LIST_OP, aC as VM_EXIT_LIST_OP, aD as VM_ITERATE_OP } from './syscall-ops-BPFtDquC.js';
+import { ai as VM_CURRY_OP, aj as VM_DYNAMIC_HELPER_OP, ak as VM_HELPER_OP, al as VM_GET_VARIABLE_OP, am as VM_SET_VARIABLE_OP, an as VM_SET_BLOCK_OP, ao as VM_ROOT_SCOPE_OP, ap as VM_GET_PROPERTY_OP, aq as VM_GET_BLOCK_OP, ar as VM_SPREAD_BLOCK_OP, as as VM_HAS_BLOCK_OP, at as VM_HAS_BLOCK_PARAMS_OP, au as VM_CONCAT_OP, av as VM_IF_INLINE_OP, aw as VM_NOT_OP, ax as VM_GET_DYNAMIC_VAR_OP, ay as VM_LOG_OP, a as VM_CONTENT_TYPE_OP, az as VM_DYNAMIC_CONTENT_TYPE_OP, c as VM_APPEND_HTML_OP, g as VM_APPEND_SAFE_HTML_OP, d as VM_APPEND_TEXT_OP, h as VM_APPEND_DOCUMENT_FRAGMENT_OP, i as VM_APPEND_NODE_OP, aA as VM_DEBUGGER_OP, p as decodeHandle, aB as VM_ENTER_LIST_OP, aC as VM_EXIT_LIST_OP, aD as VM_ITERATE_OP } from './syscall-ops-CN7STuUn.js';
 import { toBool } from '../@glimmer/global-context/index.js';
-import { a as getInternalHelperManager, c as hasInternalComponentManager, d as hasInternalHelperManager } from './api-zh_k31vb.js';
+import { a as getInternalHelperManager, c as hasInternalComponentManager, d as hasInternalHelperManager } from './api-DlJKfm_f.js';
 import { ContentType } from '../@glimmer/vm/index.js';
-import { b as isEmpty, d as isString, s as shouldCoerce, i as isSafeString, e as isFragment, f as isNode, m as move, c as clear } from './normalize-D9jDJVGg.js';
-
-// Allow the contents of `debugCallback` without extra annotations
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-
-function debugCallback(context, get) {
-  // eslint-disable-next-line no-console
-  console.info('Use `context`, and `get(<path>)` to debug this template.');
-
-  // for example...
-  context === get('this');
-
-  // eslint-disable-next-line no-debugger
-  debugger;
-}
-let callback = debugCallback;
-
-// For testing purposes
-function setDebuggerCallback(cb) {
-  callback = cb;
-}
-function resetDebuggerCallback() {
-  callback = debugCallback;
-}
-class ScopeInspector {
-  #symbols;
-  constructor(scope, symbols) {
-    this.scope = scope;
-    this.#symbols = symbols;
-  }
-  get(path) {
-    let {
-      scope
-    } = this;
-    let symbols = this.#symbols;
-    let parts = path.split('.');
-    let [head, ...tail] = path.split('.');
-    let ref;
-    if (head === 'this') {
-      ref = scope.getSelf();
-    } else if (symbols.locals[head]) {
-      ref = unwrap(scope.getSymbol(symbols.locals[head]));
-    } else {
-      ref = this.scope.getSelf();
-      tail = parts;
-    }
-    return tail.reduce((r, part) => childRefFor(r, part), ref);
-  }
-}
-APPEND_OPCODES.add(VM_DEBUGGER_OP, (vm, {
-  op1: _debugInfo
-}) => {
-  let debuggerInfo = vm.constants.getValue(decodeHandle(_debugInfo));
-  let inspector = new ScopeInspector(vm.scope(), debuggerInfo);
-  callback(valueForRef(vm.getSelf()), path => valueForRef(inspector.get(path)));
-});
-
-['b', 'big', 'blockquote', 'body', 'br', 'center', 'code', 'dd', 'div', 'dl', 'dt', 'em', 'embed', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'hr', 'i', 'img', 'li', 'listing', 'main', 'meta', 'nobr', 'ol', 'p', 'pre', 'ruby', 's', 'small', 'span', 'strong', 'strike', 'sub', 'sup', 'table', 'tt', 'u', 'ul', 'var'].forEach(tag => BLACKLIST_TABLE[tag] = 1);
-const WHITESPACE = /[\t\n\v\f\r \xa0\u{1680}\u{180e}\u{2000}-\u{200a}\u{2028}\u{2029}\u{202f}\u{205f}\u{3000}\u{feff}]/u;
-function isWhitespace(string) {
-  return WHITESPACE.test(string);
-}
-class DOMChangesImpl extends DOMOperations {
-  namespace;
-  constructor(document) {
-    super(document);
-    this.document = document;
-    this.namespace = null;
-  }
-  setAttribute(element, name, value) {
-    element.setAttribute(name, value);
-  }
-  removeAttribute(element, name) {
-    element.removeAttribute(name);
-  }
-  insertAfter(element, node, reference) {
-    this.insertBefore(element, node, reference.nextSibling);
-  }
-}
-const DOMChanges = DOMChangesImpl;
+import { b as isEmpty, d as isString, s as shouldCoerce, i as isSafeString, e as isFragment, f as isNode, m as move, c as clear } from './normalize-C_IStty9.js';
 
 class DynamicScopeImpl {
   bucket;
@@ -201,6 +122,30 @@ class ScopeImpl {
   }
 }
 
+['b', 'big', 'blockquote', 'body', 'br', 'center', 'code', 'dd', 'div', 'dl', 'dt', 'em', 'embed', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'hr', 'i', 'img', 'li', 'listing', 'main', 'meta', 'nobr', 'ol', 'p', 'pre', 'ruby', 's', 'small', 'span', 'strong', 'strike', 'sub', 'sup', 'table', 'tt', 'u', 'ul', 'var'].forEach(tag => BLACKLIST_TABLE[tag] = 1);
+const WHITESPACE = /[\t\n\v\f\r \xa0\u{1680}\u{180e}\u{2000}-\u{200a}\u{2028}\u{2029}\u{202f}\u{205f}\u{3000}\u{feff}]/u;
+function isWhitespace(string) {
+  return WHITESPACE.test(string);
+}
+class DOMChangesImpl extends DOMOperations {
+  namespace;
+  constructor(document) {
+    super(document);
+    this.document = document;
+    this.namespace = null;
+  }
+  setAttribute(element, name, value) {
+    element.setAttribute(name, value);
+  }
+  removeAttribute(element, name) {
+    element.removeAttribute(name);
+  }
+  insertAfter(element, node, reference) {
+    this.insertBefore(element, node, reference.nextSibling);
+  }
+}
+const DOMChanges = DOMChangesImpl;
+
 const TRANSACTION = Symbol('TRANSACTION');
 class TransactionImpl {
   scheduledInstallModifiers = [];
@@ -701,6 +646,61 @@ APPEND_OPCODES.add(VM_APPEND_NODE_OP, vm => {
   vm.tree().appendDynamicNode(value);
 });
 
+// Allow the contents of `debugCallback` without extra annotations
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+
+function debugCallback(context, get) {
+  // eslint-disable-next-line no-console
+  console.info('Use `context`, and `get(<path>)` to debug this template.');
+
+  // for example...
+  context === get('this');
+
+  // eslint-disable-next-line no-debugger
+  debugger;
+}
+let callback = debugCallback;
+
+// For testing purposes
+function setDebuggerCallback(cb) {
+  callback = cb;
+}
+function resetDebuggerCallback() {
+  callback = debugCallback;
+}
+class ScopeInspector {
+  #symbols;
+  constructor(scope, symbols) {
+    this.scope = scope;
+    this.#symbols = symbols;
+  }
+  get(path) {
+    let {
+      scope
+    } = this;
+    let symbols = this.#symbols;
+    let parts = path.split('.');
+    let [head, ...tail] = path.split('.');
+    let ref;
+    if (head === 'this') {
+      ref = scope.getSelf();
+    } else if (symbols.locals[head]) {
+      ref = unwrap(scope.getSymbol(symbols.locals[head]));
+    } else {
+      ref = this.scope.getSelf();
+      tail = parts;
+    }
+    return tail.reduce((r, part) => childRefFor(r, part), ref);
+  }
+}
+APPEND_OPCODES.add(VM_DEBUGGER_OP, (vm, {
+  op1: _debugInfo
+}) => {
+  let debuggerInfo = vm.constants.getValue(decodeHandle(_debugInfo));
+  let inspector = new ScopeInspector(vm.scope(), debuggerInfo);
+  callback(valueForRef(vm.getSelf()), path => valueForRef(inspector.get(path)));
+});
+
 APPEND_OPCODES.add(VM_ENTER_LIST_OP, (vm, {
   op1: relativeStart,
   op2: elseTarget