Try bundling base realm

.github/workflows/ci-host.yaml

@@ -583,7 +583,16 @@ jobs:
           # raw notFound when the host store does a direct GET) point at
           # the same race; match both. A second shard pass typically lands
           # after the race resolves.
-          RETRY_PATTERN='ChunkLoadError|Failed to fetch dynamically imported module|NetworkError when attempting to fetch resource|unable to fetch https://icons\.[^:]+: fetch failed|cross-realm fetch failed for https://realm-test\.[^/]+|Could not find https://realm-test\.[^/"]+'
+          # The `Global error: Uncaught TypeError: Failed to fetch` form is a
+          # test-harness startup race: base card components (workspace,
+          # cards-grid) fire a `_types` fetch against the mock test realm the
+          # moment they render, and with base modules compiled into the host
+          # bundle that render can land before the test-realm service worker
+          # is intercepting — the fetch escapes to the real network and the
+          # rejection surfaces as a Global error. The race is rare per shard,
+          # so a second pass lands; the durable fix is queuing test-realm
+          # fetches in the harness until realm registration completes.
+          RETRY_PATTERN='ChunkLoadError|Failed to fetch dynamically imported module|NetworkError when attempting to fetch resource|unable to fetch https://icons\.[^:]+: fetch failed|cross-realm fetch failed for https://realm-test\.[^/]+|Could not find https://realm-test\.[^/"]+|Global error: Uncaught TypeError: Failed to fetch'
           if [ $exit_code -ne 0 ] && grep -Eq "$RETRY_PATTERN" /tmp/test-output.log; then
             echo ""
             echo "::warning::Transient chunk-fetch failure detected — retrying shard ${{ matrix.shardIndex }}"

packages/base/audio-file-def.gts

@@ -1,6 +1,6 @@
 import MusicIcon from '@cardstack/boxel-icons/music';
 import {
-  BaseDefComponent,
+  type BaseDefComponent,
   Component,
   NumberField,
   contains,

packages/base/brand-guide.gts

@@ -31,7 +31,7 @@ import {
   buildCssVariableName,
   sanitizeHtmlSafe,
   eq,
-  CssVariableEntry,
+  type CssVariableEntry,
 } from '@cardstack/boxel-ui/helpers';
 
 import { cardTypeDisplayName } from '@cardstack/runtime-common';

packages/base/card-api.gts

@@ -27,8 +27,8 @@ import {
   baseRef,
   CardContextName,
   CardError,
-  CodeRef,
-  ToolContext,
+  type CodeRef,
+  type ToolContext,
   Deferred,
   byteStreamToUint8Array,
   fields,
@@ -55,12 +55,12 @@ import {
   loadCardDocument,
   Loader,
   localId,
-  LocalPath,
+  type LocalPath,
   meta,
   primitive,
   realmURL,
   relativeTo,
-  SingleCardDocument,
+  type SingleCardDocument,
   uuidv4,
   NumberSerializer,
   type Format,
@@ -86,9 +86,9 @@ import {
   FileMetaResourceType,
   CardResourceType,
   loadFileMetaDocument,
-  CardResource,
-  LooseLinkableResource,
-  LooseSingleResourceDocument,
+  type CardResource,
+  type LooseLinkableResource,
+  type LooseSingleResourceDocument,
   shouldTrackRuntimeModuleGraph,
   shouldTrackRuntimeRelationship,
   trackRuntimeFileDependency,
@@ -208,8 +208,8 @@ import { TextInputValidator } from './text-input-validator';
 import { type GetMenuItemParams, getDefaultCardMenuItems } from './menu-items';
 import { getDefaultFileMenuItems } from './file-menu-items';
 import {
-  LinkableDocument,
-  SingleFileMetaDocument,
+  type LinkableDocument,
+  type SingleFileMetaDocument,
 } from '@cardstack/runtime-common/document-types';
 import type { MarkdownEmbedChooser } from '@cardstack/runtime-common/bfm-card-references';
 import type { FileMetaResource } from '@cardstack/runtime-common';
@@ -4921,16 +4921,22 @@ export function resolveRef(
 }
 
 function myLoader(): Loader {
-  // we know this code is always loaded by an instance of our Loader, which sets
-  // import.meta.loader.
+  // A Loader that evaluates this module injects `import.meta.loader`. When
+  // the module is compiled into the host bundle instead, the platform
+  // evaluates it and no loader is injected; the host publishes the loader
+  // bundled modules should use (see Loader.setForBundledModules).
 
-  // When type-checking realm-server, tsc sees this file and thinks
-  // it will be transpiled to CommonJS and so it complains about this line. But
-  // this file is always loaded through our loader and always has access to import.meta.
+  // When type-checking realm-server, tsc sees this file and thinks it will
+  // be transpiled to CommonJS and so it complains about import.meta.
   // @ts-ignore
-  return (import.meta as any).loader;
+  let loader = (import.meta as any).loader ?? Loader.forBundledModules();
+  if (!loader) {
+    throw new Error('No Loader is available to this module');
+  }
+  return loader;
 }
 
+
 class FallbackCardStore implements CardStore {
   #instances: Map<string, CardDef> = new Map();
   #fileMetaInstances: Map<string, FileDef> = new Map();

packages/base/card-serialization.ts

@@ -5,7 +5,6 @@ import type {
   CardResource,
   CardResourceMeta,
   FileMetaResource,
-  Loader,
   LooseCardResource,
   LooseFileMetaResource,
   LooseSingleCardDocument,
@@ -25,6 +24,7 @@ import { isEqual, merge } from 'lodash-es';
 import {
   assertIsSerializerName,
   CardResourceType,
+  Loader,
   fieldSerializer,
   FileMetaResourceType,
   getSerializer,
@@ -92,14 +92,19 @@ export const deserialize = Symbol.for('cardstack-deserialize');
 // --- Serialization Functions ---
 
 function myLoader(): Loader {
-  // we know this code is always loaded by an instance of our Loader, which sets
-  // import.meta.loader.
+  // A Loader that evaluates this module injects `import.meta.loader`. When
+  // the module is compiled into the host bundle instead, the platform
+  // evaluates it and no loader is injected; the host publishes the loader
+  // bundled modules should use (see Loader.setForBundledModules).
 
-  // When type-checking realm-server, tsc sees this file and thinks
-  // it will be transpiled to CommonJS and so it complains about this line. But
-  // this file is always loaded through our loader and always has access to import.meta.
+  // When type-checking realm-server, tsc sees this file and thinks it will
+  // be transpiled to CommonJS and so it complains about import.meta.
   // @ts-ignore
-  return (import.meta as any).loader;
+  let loader = (import.meta as any).loader ?? Loader.forBundledModules();
+  if (!loader) {
+    throw new Error('No Loader is available to this module');
+  }
+  return loader;
 }
 
 export async function cardClassFromResource<CardT extends BaseDefConstructor>(

packages/base/cards-grid.gts

@@ -25,7 +25,7 @@ import {
   subscribeToRealm,
   codeRefFromInternalKey,
   type Query,
-  CardErrorJSONAPI,
+  type CardErrorJSONAPI,
 } from '@cardstack/runtime-common';
 
 import CardsGridLayout, {

packages/base/code-ref.gts

@@ -9,6 +9,7 @@ import {
   CardURLContextName,
   fieldSerializer,
   CodeRefSerializer,
+  Loader,
 } from '@cardstack/runtime-common';
 import { not } from '@cardstack/boxel-ui/helpers';
 import { BoxelInput } from '@cardstack/boxel-ui/components';
@@ -75,7 +76,14 @@ class EditView extends Component<typeof CodeRefField> {
         module = new URL(module, new URL(this.cardURL)).href;
       }
       try {
-        let code = (await import(module))[name];
+        // Load through the Loader rather than a bare dynamic import: the
+        // module is a runtime realm URL, which only a Loader can resolve
+        // (shims, realm mappings, authenticated fetch). Inside
+        // loader-evaluated modules the AMD transpile rewrites `import()`
+        // this way implicitly; compiled-in modules must do it explicitly.
+        let code = (await myLoader().import<Record<string, any>>(module))[
+          name
+        ];
         if (code) {
           this.validationState = 'valid';
           if (!opts?.checkOnly) {
@@ -91,6 +99,22 @@ class EditView extends Component<typeof CodeRefField> {
   );
 }
 
+function myLoader(): Loader {
+  // A Loader that evaluates this module injects `import.meta.loader`. When
+  // the module is compiled into the host bundle instead, the platform
+  // evaluates it and no loader is injected; the host publishes the loader
+  // bundled modules should use (see Loader.setForBundledModules).
+
+  // When type-checking realm-server, tsc sees this file and thinks it will
+  // be transpiled to CommonJS and so it complains about import.meta.
+  // @ts-ignore
+  let loader = (import.meta as any).loader ?? Loader.forBundledModules();
+  if (!loader) {
+    throw new Error('No Loader is available to this module');
+  }
+  return loader;
+}
+
 export default class CodeRefField extends FieldDef {
   static displayName = 'CodeRef';
   static icon = CodeIcon;

packages/base/color-field/components/advanced-color-picker.gts

@@ -13,10 +13,10 @@ import type { ColorFieldConfiguration } from '../util/color-utils';
 import { parseCssColor, parseCssColorSafe } from '../util/color-utils';
 import {
   detectColorFormat,
-  RichColorFormat,
+  type RichColorFormat,
   hexToRgba,
   hsvToRgb,
-  RGBA,
+  type RGBA,
   rgbaToFormatString,
   rgbaToHexString,
   rgbaToHsl,

packages/base/color-field/components/color-wheel-picker.gts

@@ -13,7 +13,7 @@ import type {
 import {
   detectColorFormat,
   hslToRgb,
-  RGBA,
+  type RGBA,
   rgbaToFormatString,
   rgbaToHsv,
 } from '@cardstack/boxel-ui/helpers';

packages/base/color-field/components/slider-picker.gts

@@ -10,8 +10,8 @@ import type Owner from '@ember/owner';
 import type { ColorFieldSignature } from '../util/color-field-signature';
 import {
   parseCssColor,
-  SliderColorFormat,
-  SliderVariantConfiguration,
+  type SliderColorFormat,
+  type SliderVariantConfiguration,
 } from '../util/color-utils';
 import {
   detectColorFormat,

packages/base/color.gts

@@ -1,5 +1,5 @@
-import { Component } from '@cardstack/base/card-api';
-import StringField from '@cardstack/base/string';
+import { Component } from './card-api';
+import StringField from './string';
 import { Swatch } from '@cardstack/boxel-ui/components';
 import { markdownEscape } from '@cardstack/boxel-ui/helpers';
 import PaletteIcon from '@cardstack/boxel-icons/palette';

packages/base/contains-many-component.gts

@@ -447,12 +447,18 @@ export function getContainsManyComponent({
 }
 
 function myLoader(): Loader {
-  // we know this code is always loaded by an instance of our Loader, which sets
-  // import.meta.loader.
+  // A Loader that evaluates this module injects `import.meta.loader`. When
+  // the module is compiled into the host bundle instead, the platform
+  // evaluates it and no loader is injected; the host publishes the loader
+  // bundled modules should use (see Loader.setForBundledModules).
 
-  // When type-checking realm-server, tsc sees this file and thinks
-  // it will be transpiled to CommonJS and so it complains about this line. But
-  // this file is always loaded through our loader and always has access to import.meta.
+  // When type-checking realm-server, tsc sees this file and thinks it will
+  // be transpiled to CommonJS and so it complains about import.meta.
   // @ts-ignore
-  return (import.meta as any).loader;
+  let loader = (import.meta as any).loader ?? Loader.forBundledModules();
+  if (!loader) {
+    throw new Error('No Loader is available to this module');
+  }
+  return loader;
 }
+

packages/base/csv-file-def.gts

@@ -2,7 +2,7 @@ import { byteStreamToUint8Array } from '@cardstack/runtime-common';
 import { htmlSafe } from '@ember/template';
 import CsvIcon from '@cardstack/boxel-icons/csv';
 import {
-  BaseDefComponent,
+  type BaseDefComponent,
   Component,
   StringField,
   contains,

packages/base/field-component.gts

@@ -8,10 +8,10 @@ import {
   type BaseDefComponent,
   type BaseDefConstructor,
   type Theme,
-  CardContext,
+  type CardContext,
   formats,
-  FieldFormats,
-  CardCrudFunctions,
+  type FieldFormats,
+  type CardCrudFunctions,
 } from './card-api';
 import { isCard, isCompoundField } from './field-support';
 import {
@@ -23,7 +23,7 @@ import {
   isCardInstance,
   type CodeRef,
   type Permissions,
-  ResolvedCodeRef,
+  type ResolvedCodeRef,
   CardCrudFunctionsContextName,
 } from '@cardstack/runtime-common';
 import type { ComponentLike } from '@glint/template';

packages/base/json-file-def.gts

@@ -2,7 +2,7 @@ import { byteStreamToUint8Array } from '@cardstack/runtime-common';
 import { htmlSafe } from '@ember/template';
 import JsonIcon from '@cardstack/boxel-icons/json';
 import {
-  BaseDefComponent,
+  type BaseDefComponent,
   Component,
   StringField,
   contains,

packages/base/links-to-editor.gts

@@ -14,7 +14,7 @@ import {
   type Field,
   type CardContext,
   type LinkableDefConstructor,
-  CreateCardFn,
+  type CreateCardFn,
   isFileDef,
 } from './card-api';
 import {
@@ -282,12 +282,18 @@ export class LinksToEditor extends GlimmerComponent<Signature> {
 }
 
 function myLoader(): Loader {
-  // we know this code is always loaded by an instance of our Loader, which sets
-  // import.meta.loader.
+  // A Loader that evaluates this module injects `import.meta.loader`. When
+  // the module is compiled into the host bundle instead, the platform
+  // evaluates it and no loader is injected; the host publishes the loader
+  // bundled modules should use (see Loader.setForBundledModules).
 
-  // When type-checking realm-server, tsc sees this file and thinks
-  // it will be transpiled to CommonJS and so it complains about this line. But
-  // this file is always loaded through our loader and always has access to import.meta.
+  // When type-checking realm-server, tsc sees this file and thinks it will
+  // be transpiled to CommonJS and so it complains about import.meta.
   // @ts-ignore
-  return (import.meta as any).loader;
+  let loader = (import.meta as any).loader ?? Loader.forBundledModules();
+  if (!loader) {
+    throw new Error('No Loader is available to this module');
+  }
+  return loader;
 }
+