Add ErrorBoundary component with @retryWith support

packages/@ember/-internals/glimmer/index.ts

@@ -114,6 +114,7 @@
 export { default as template, templateCacheCounters } from '@glimmer/opcode-compiler/lib/template';
 
 export { default as RootTemplate } from './lib/templates/root';
+export { default as ErrorBoundary } from './lib/components/error-boundary';
 export { default as Input } from './lib/components/input';
 export { default as LinkTo } from './lib/components/link-to';
 export { default as Textarea } from './lib/components/textarea';

packages/@ember/-internals/glimmer/lib/component-managers/curly.ts

@@ -561,6 +561,7 @@ const CURLY_CAPABILITIES: InternalComponentCapabilities = {
   wrapped: true,
   willDestroy: true,
   hasSubOwner: false,
+  errorBoundary: false,
 };
 
 export const CURLY_COMPONENT_MANAGER = /*@__PURE__*/ new CurlyComponentManager();

packages/@ember/-internals/glimmer/lib/component-managers/mount.ts

@@ -49,6 +49,7 @@ const CAPABILITIES = {
   wrapped: false,
   willDestroy: false,
   hasSubOwner: true,
+  errorBoundary: false,
 };
 
 class MountManager

packages/@ember/-internals/glimmer/lib/component-managers/root.ts

@@ -94,6 +94,7 @@ const ROOT_CAPABILITIES: InternalComponentCapabilities = {
   wrapped: true,
   willDestroy: false,
   hasSubOwner: false,
+  errorBoundary: false,
 };
 
 export class RootComponentDefinition implements ComponentDefinition {

packages/@ember/-internals/glimmer/lib/component-managers/route-template.ts

@@ -33,6 +33,7 @@ const CAPABILITIES: InternalComponentCapabilities = {
   wrapped: false,
   willDestroy: false,
   hasSubOwner: false,
+  errorBoundary: false,
 };
 
 class RouteTemplateManager

packages/@ember/-internals/glimmer/lib/components/error-boundary.ts

@@ -0,0 +1,103 @@
+import type {
+  Destroyable,
+  DynamicScope,
+  Environment,
+  InternalComponentCapabilities,
+  InternalComponentManager,
+  Nullable,
+  Owner,
+  VMArguments,
+  WithCreateInstance,
+} from '@glimmer/interfaces';
+import type { Reference } from '@glimmer/reference/lib/reference';
+import type { VMArgumentsImpl } from '@glimmer/runtime/lib/vm/arguments';
+import { DEBUG } from '@glimmer/env';
+import { assert } from '@ember/debug';
+import { setComponentTemplate } from '@glimmer/manager/lib/public/template';
+import { setInternalComponentManager } from '@glimmer/manager/lib/internal/api';
+import { createConstRef } from '@glimmer/reference/lib/reference';
+import { ErrorBoundaryStateImpl } from '@glimmer/runtime/lib/component/error-boundary';
+
+import type { ErrorBoundaryState } from '@glimmer/runtime/lib/component/error-boundary';
+
+import ErrorBoundaryTemplate from '../templates/error-boundary';
+
+const CAPABILITIES: InternalComponentCapabilities = {
+  dynamicLayout: false,
+  dynamicTag: false,
+  prepareArgs: false,
+  // Only needed for the DEBUG check of which blocks were passed.
+  createArgs: true,
+  attributeHook: false,
+  elementHook: false,
+  createCaller: false,
+  dynamicScope: false,
+  updateHook: false,
+  createInstance: true,
+  wrapped: false,
+  willDestroy: false,
+  hasSubOwner: false,
+  errorBoundary: true,
+};
+
+class ErrorBoundaryManager
+  implements InternalComponentManager<ErrorBoundaryState>, WithCreateInstance<ErrorBoundaryState>
+{
+  getCapabilities(): InternalComponentCapabilities {
+    return CAPABILITIES;
+  }
+
+  create(
+    _owner: Owner,
+    _definition: object,
+    args: Nullable<VMArguments>,
+    _env: Environment,
+    _dynamicScope: Nullable<DynamicScope>,
+    _caller: Nullable<Reference>,
+    hasDefaultBlock: boolean
+  ): ErrorBoundaryState {
+    if (DEBUG) {
+      // Checked here rather than in the layout: the layout renders inside the
+      // boundary, which would catch the assertion and show the <:catch> block.
+      // Implicit content can't be mixed with named blocks, so a default block
+      // next to <:try> or <:catch> is always an explicit <:default>.
+      let blocks = (args as VMArgumentsImpl | null)?.blocks;
+      let hasNamedBlock = blocks !== undefined && (blocks.has('try') || blocks.has('catch'));
+      assert(
+        '<ErrorBoundary> accepts a <:default> block only on its own. Use <:try> with <:catch>.',
+        !(hasDefaultBlock && hasNamedBlock)
+      );
+    }
+
+    return new ErrorBoundaryStateImpl();
+  }
+
+  didCreate(): void {}
+  didUpdate(): void {}
+  didRenderLayout(): void {}
+  didUpdateLayout(): void {}
+
+  getDebugName(): string {
+    return 'ErrorBoundary';
+  }
+
+  getSelf(instance: ErrorBoundaryState): Reference {
+    return createConstRef(instance, 'this');
+  }
+
+  getDestroyable(_instance: ErrorBoundaryState): Nullable<Destroyable> {
+    return null;
+  }
+}
+
+const MANAGER = new ErrorBoundaryManager();
+
+const ErrorBoundary = {
+  create() {
+    throw new Error('ErrorBoundary does not support .create(). It is managed internally.');
+  },
+};
+setInternalComponentManager(MANAGER, ErrorBoundary);
+setComponentTemplate(ErrorBoundaryTemplate, ErrorBoundary);
+
+export default ErrorBoundary;

packages/@ember/-internals/glimmer/lib/components/internal.ts

@@ -170,6 +170,7 @@ const CAPABILITIES: InternalComponentCapabilities = {
   wrapped: false,
   willDestroy: false,
   hasSubOwner: false,
+  errorBoundary: false,
 };
 
 class InternalManager

packages/@ember/-internals/glimmer/lib/setup-registry.ts

@@ -2,6 +2,7 @@ import type Registry from '@ember/-internals/container/lib/registry';
 import { privatize as P } from '@ember/-internals/container/lib/registry';
 import { getOwner } from '@ember/-internals/owner';
 import { assert } from '@ember/debug';
+import ErrorBoundary from './components/error-boundary';
 import Input from './components/input';
 import LinkTo from './components/link-to';
 import Textarea from './components/textarea';
@@ -42,6 +43,7 @@ export function setupEngineRegistry(registry: Registry): void {
 
   registry.optionsForType('helper', { instantiate: false });
 
+  registry.register('component:error-boundary', ErrorBoundary);
   registry.register('component:input', Input);
 
   registry.register('component:link-to', LinkTo);

packages/@ember/-internals/glimmer/lib/templates/error-boundary.ts

@@ -0,0 +1,11 @@
+import { precompileTemplate } from '@ember/template-compilation';
+export default precompileTemplate(
+  `{{#if this.hasError}}{{yield this.error this.retry to="catch"}}{{else if (has-block "try")}}{{yield to="try"}}{{else}}{{yield}}{{/if}}`,
+  {
+    moduleName: 'packages/@ember/-internals/glimmer/lib/templates/error-boundary.hbs',
+    strictMode: true,
+    scope() {
+      return {};
+    },
+  }
+);