@exdst-sitecore-content-sdk/astro 0.0.16 → 0.0.19

package/src/middleware/multisite-middleware.test.ts

@@ -1,25 +1,28 @@
-/* eslint-disable no-unused-expressions */
+/* eslint-disable no-unused-expressions */
 /* eslint-disable dot-notation */
 import * as chai from 'chai';
 import { use } from 'chai';
 import chaiString from 'chai-string';
 import sinonChai from 'sinon-chai';
 import sinon, { spy } from 'sinon';
-import { debug } from '@sitecore-content-sdk/core';
+import debug from '../debug';
 
 import { MultisiteMiddleware } from './multisite-middleware';
-import { SiteInfo, SiteResolver } from '@sitecore-content-sdk/core/site';
+import { SiteInfo, SiteResolver } from '@sitecore-content-sdk/content/site';
 import { APIContext, AstroCookieSetOptions } from 'astro';
 
 use(sinonChai);
 const expect = chai.use(chaiString).expect;
 
 describe('MultisiteMiddleware', () => {
-  let debugSpy;
-  const validateDebugLog = (message: string, ...params: any) =>
-    expect(debugSpy.args.find((log) => log[0] === message)).to.deep.equal([message, ...params]);
+  let debugSpy!: ReturnType<typeof spy>;
+  const validateDebugLog = (message: string, ...params: any[]) =>
+    expect(debugSpy.args.find((log: any[]) => log[0] === message)).to.deep.equal([
+      message,
+      ...params,
+    ]);
   const validateEndMessageDebugLog = (message: string, params: any) => {
-    const logParams = debugSpy.args.find((log) => log[0] === message) as Array<unknown>;
+    const logParams = debugSpy.args.find((log: any[]) => log[0] === message) as Array<unknown>;
 
     expect(logParams[2]).to.deep.include(params);
   };
@@ -47,7 +50,7 @@ describe('MultisiteMiddleware', () => {
             return headers[key];
           },
           append(key: string, value: string | Record<string, any>) {
-            context.request.headers[key] = value;
+            context.request.headers.set(key, value as string);
           },
           ...props.headers,
         },
@@ -62,7 +65,7 @@ describe('MultisiteMiddleware', () => {
           value: string | Record<string, any>,
           options?: AstroCookieSetOptions
         ) {
-          context.cookies[cookieName] = { value, ...options };
+          context.cookies.set(cookieName, value as string, options);
         },
         ...props?.cookies,
         ...props.cookieValues,
@@ -98,9 +101,9 @@ describe('MultisiteMiddleware', () => {
 
     Object.defineProperties(response.headers, {
       forEach: {
-        value: (cb) => {
+        value: (cb: any) => {
           Object.keys(response.headers).forEach((key) =>
-            cb(response.headers[key], key, response.headers)
+            cb(response.headers.get(key), key, response.headers)
           );
         },
         enumerable: false,
@@ -276,7 +279,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_foobar/styleguide',
         siteName: 'foobar',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_foobar/styleguide',
         },
         cookies: 'sc_site=foobar; HttpOnly; Secure; SameSite=None',
@@ -315,7 +318,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_foobar/styleguide',
         siteName: 'foobar',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_foobar/styleguide',
         },
         cookies: 'sc_site=foobar; HttpOnly; Secure; SameSite=None',
@@ -356,7 +359,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_foo/styleguide',
         siteName: 'foo',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_foo/styleguide',
         },
         cookies: 'sc_site=foo; HttpOnly; Secure; SameSite=None',
@@ -392,7 +395,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_foo/styleguide',
         siteName: 'foo',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_foo/styleguide',
         },
         cookies: 'sc_site=foo; HttpOnly; Secure; SameSite=None',
@@ -426,7 +429,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_foo/styleguide',
         siteName: 'foo',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_foo/styleguide',
         },
         cookies: 'sc_site=foo; HttpOnly; Secure; SameSite=None',
@@ -460,7 +463,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_foo/styleguide',
         siteName: 'foo',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_foo/styleguide',
         },
         cookies: 'sc_site=foo; HttpOnly; Secure; SameSite=None',
@@ -498,7 +501,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_qsFoo/styleguide',
         siteName: 'qsFoo',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_qsFoo/styleguide',
         },
         cookies: 'sc_site=qsFoo; HttpOnly; Secure; SameSite=None',
@@ -537,7 +540,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_qsFoo/styleguide',
         siteName: 'qsFoo',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_qsFoo/styleguide',
         },
         cookies: 'sc_site=qsFoo; HttpOnly; Secure; SameSite=None',
@@ -576,7 +579,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_foobar/styleguide',
         siteName: 'foobar',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_foobar/styleguide',
         },
         cookies: 'sc_site=foobar; HttpOnly; Secure; SameSite=None',
@@ -613,7 +616,7 @@ describe('MultisiteMiddleware', () => {
         rewritePath: '/_site_foo/styleguide',
         siteName: 'foo',
         headers: {
-          ...finalRes.headers,
+          ...(finalRes as Response).headers,
           'x-sc-rewrite': '/_site_foo/styleguide',
         },
         cookies: 'sc_site=foo; HttpOnly; Secure; SameSite=None',
@@ -629,44 +632,36 @@ describe('MultisiteMiddleware', () => {
     const context = createContext();
     const res = createResponse();
 
-    let errorSpy: sinon.SinonSpy<[message?: any, ...optionalParams: any[]], void>;
-
-    before(() => {
-      errorSpy = spy(console, 'log');
-    });
-
-    beforeEach(() => {
-      errorSpy.resetHistory();
-    });
+    it('should handle error', async () => {
+      const errorSpy = sinon.stub(console, 'log');
 
-    after(() => {
-      errorSpy.restore();
-    });
+      try {
+        const error = new Error('Custom error');
 
-    it('should handle error', async () => {
-      const error = new Error('Custom error');
+        class SampleSiteResolver extends SiteResolver {
+          constructor(sites: SiteInfo[]) {
+            super(sites);
+          }
 
-      class SampleSiteResolver extends SiteResolver {
-        constructor(sites: SiteInfo[]) {
-          super(sites);
+          getByHost = () => {
+            throw error;
+          };
         }
 
-        getByHost = () => {
-          throw error;
-        };
-      }
-
-      const middleware = new MultisiteMiddleware({ ...defaultConfig });
-      middleware['siteResolver'] = new SampleSiteResolver([]);
+        const middleware = new MultisiteMiddleware({ ...defaultConfig });
+        middleware['siteResolver'] = new SampleSiteResolver([]);
 
-      const mockNext = sinon.stub().returns(res);
+        const mockNext = sinon.stub().returns(res);
 
-      const finalRes = await middleware.handle(context, mockNext);
+        const finalRes = await middleware.handle(context, mockNext);
 
-      expect(errorSpy.getCall(0).calledWith('Multisite middleware failed:')).to.be.true;
-      expect(errorSpy.getCall(1).calledWith(error)).to.be.true;
+        expect(errorSpy.getCall(0).calledWith('Multisite middleware failed:')).to.be.true;
+        expect(errorSpy.getCall(1).calledWith(error)).to.be.true;
 
-      expect(finalRes).to.deep.equal(res);
+        expect(finalRes).to.deep.equal(res);
+      } finally {
+        errorSpy.restore();
+      }
     });
   });
 });

package/src/middleware/multisite-middleware.ts

@@ -1,9 +1,9 @@
-/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
-import { getSiteRewrite, SITE_KEY } from '@sitecore-content-sdk/core/site';
-import { debug } from '@sitecore-content-sdk/core';
+/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
+import { getSiteRewrite, SITE_KEY } from '@sitecore-content-sdk/content/site';
+import debug from '../debug';
 import { MiddlewareBase, MiddlewareBaseConfig } from './middleware';
 import { SitecoreConfig } from '../config';
-import { PREVIEW_KEY } from '@sitecore-content-sdk/core/editing';
+import { PREVIEW_KEY } from '@sitecore-content-sdk/content/editing';
 import { APIContext, MiddlewareHandler, MiddlewareNext } from 'astro';
 import * as cookie from 'cookie';
 
@@ -22,10 +22,15 @@ export type CookieAttributes = {
   sameSite?: true | false | 'lax' | 'strict' | 'none' | undefined;
 };
 
+/**
+ * The interface for the MultisiteMiddleware configuration.
+ * @public
+ */
 export type MultisiteMiddlewareConfig = MiddlewareBaseConfig & SitecoreConfig['multisite'];
 
 /**
  * Middleware / handler for multisite support
+ * @public
  */
 export class MultisiteMiddleware extends MiddlewareBase {
   /**
@@ -66,8 +71,12 @@ export class MultisiteMiddleware extends MiddlewareBase {
 
       if (!isSitecorePreview) {
         if (!this.config.enabled) {
-          debug.multisite('skipped (multisite middleware is disabled globally)');
-          return next();
+          this.shouldWarnWhenDisabled(context);
+
+          if (this.shouldSkipWhenDisabled()) {
+            debug.multisite('skipped (multisite middleware is disabled globally)');
+            return next();
+          }
         }
 
         if (this.disabled(context)) {
@@ -133,6 +142,24 @@ export class MultisiteMiddleware extends MiddlewareBase {
     return context.url.pathname.includes('.') || super.disabled(context);
   }
 
+  /**
+   * Called when multisite is disabled. Override this method in subclasses to show router-specific warnings.
+   * @param {APIContext} context context
+   */
+  protected shouldWarnWhenDisabled(context: APIContext): void {
+    void context;
+    // Base implementation does nothing - subclasses can override to show warnings
+  }
+
+  /**
+   * Determines if middleware should be skipped when multisite is disabled.
+   * Override in subclasses to provide router-specific behavior.
+   * @returns {boolean} true if middleware should be skipped when disabled
+   */
+  protected shouldSkipWhenDisabled(): boolean {
+    return true; // Base class skips when disabled
+  }
+
   /**
    * Generates a site-specific rewrite path based on the provided pathname and site name.
    * @param {string} pathname - The pathname to be rewritten.

package/src/middleware/robots-middleware.test.ts

@@ -3,9 +3,12 @@ import { expect } from 'chai';
 import sinon from 'sinon';
 import sinonChai from 'sinon-chai';
 import { RobotsMiddleware } from './robots-middleware';
-import { SitecoreClient } from '@sitecore-content-sdk/core/client';
-import { SiteInfo } from '@sitecore-content-sdk/core/site';
-import { mockRequest } from '../test-data/helpers';
+import { SitecoreClient } from '@sitecore-content-sdk/content/client';
+import { SiteInfo } from '@sitecore-content-sdk/content/site';
+import { mockRequest } from '../tests/helpers';
+import { constants } from '@sitecore-content-sdk/core';
+
+const { ERROR_MESSAGES } = constants;
 
 chai.use(sinonChai);
 
@@ -94,7 +97,7 @@ describe('RobotsMiddleware', () => {
 
     const body = await res.text();
     expect(res.status).to.equal(500);
-    expect(body).to.deep.equal('Internal Server Error');
+    expect(body).to.deep.equal(`Internal Server Error. ${ERROR_MESSAGES.CONTACT_SUPPORT}`);
   });
 
   it('should use "localhost" as fallback when host header is missing', async () => {
@@ -110,4 +113,17 @@ describe('RobotsMiddleware', () => {
     expect(res.status).to.equal(200);
     expect(body).to.deep.equal('User-agent: *\nDisallow: /');
   });
+
+  it('should use x-forwarded-host header when present', async () => {
+    req = mockRequest({
+      headers: {
+        'x-forwarded-host': 'proxy.forwarded.com',
+        host: 'localhost:3000',
+      },
+    });
+
+    await middleware.getHandler()(req as Request);
+
+    expect(siteResolverStub.getByHost).to.have.been.calledWith('proxy.forwarded.com');
+  });
 });

package/src/middleware/robots-middleware.ts

@@ -1,8 +1,12 @@
-import { SitecoreClient } from '@sitecore-content-sdk/core/client';
+import { SitecoreClient } from '@sitecore-content-sdk/content/client';
+import { constants } from '@sitecore-content-sdk/core';
 import { SiteInfo, SiteResolver } from '../site';
 
+const { ERROR_MESSAGES } = constants;
+
 /**
  * Middleware for handling robots.txt requests.
+ * @public
  */
 export class RobotsMiddleware {
   private client: SitecoreClient;
@@ -21,7 +25,10 @@ export class RobotsMiddleware {
     const _res = new Response();
     _res.headers.append('content-type', 'text/plain');
 
-    const hostName = _req.headers.get('host')?.split(':')[0] || 'localhost';
+    const hostName =
+      _req.headers.get('x-forwarded-host') ||
+      _req.headers.get('host')?.split(':')[0] ||
+      'localhost';
     const site = this.siteResolver.getByHost(hostName);
 
     try {
@@ -38,7 +45,7 @@ export class RobotsMiddleware {
         headers: _res.headers,
       });
     } catch {
-      return new Response('Internal Server Error', {
+      return new Response(`Internal Server Error. ${ERROR_MESSAGES.CONTACT_SUPPORT}`, {
         status: 500,
         headers: _res.headers,
       });

package/src/middleware/sitemap-middleware.test.ts

@@ -4,8 +4,11 @@ import { expect } from 'chai';
 import sinon from 'sinon';
 import sinonChai from 'sinon-chai';
 import { SitemapMiddleware } from './sitemap-middleware';
-import { SitecoreClient } from '@sitecore-content-sdk/core/client';
-import { mockRequest } from '../test-data/helpers';
+import { SitecoreClient } from '@sitecore-content-sdk/content/client';
+import { constants } from '@sitecore-content-sdk/core';
+import { mockRequest } from '../tests/helpers';
+
+const { ERROR_MESSAGES } = constants;
 
 chai.use(sinonChai);
 
@@ -123,6 +126,35 @@ describe('SitemapMiddleware', () => {
       });
     });
 
+    it('should use x-forwarded-host header when present', async () => {
+      req = mockRequest({
+        headers: {
+          'x-forwarded-host': 'example.com',
+          host: 'localhost:3000',
+        },
+      });
+
+      await middleware.getHandler()(req as Request);
+
+      expect(siteResolverStub.getByHost).to.have.been.calledWith('example.com');
+    });
+
+    it('should use empty string when both x-forwarded-host and host headers are missing', async () => {
+      req.headers?.delete('host');
+      const xmlContent = '<sitemapindex>...</sitemapindex>';
+
+      siteResolverStub.getByHost.withArgs('').returns(sites[1]);
+
+      sitecoreClientStub.getSiteMap.resolves(xmlContent);
+
+      await middleware.getHandler()(req as Request);
+
+      expect(sitecoreClientStub.getSiteMap.firstCall.args[0]).to.deep.include({
+        reqHost: '',
+        reqProtocol: 'https',
+      });
+    });
+
     it('should redirect to 404 when REDIRECT_404 error is thrown', async () => {
       const error = new Error('REDIRECT_404');
 
@@ -146,7 +178,7 @@ describe('SitemapMiddleware', () => {
 
       const body = await res.text();
       expect(res.status).to.equal(500);
-      expect(body).to.equal('Internal Server Error');
+      expect(body).to.equal(`Internal Server Error. ${ERROR_MESSAGES.CONTACT_SUPPORT}`);
     });
   });
 });

package/src/middleware/sitemap-middleware.ts

@@ -1,12 +1,13 @@
-import {
-  SitecoreClient,
-  SitemapXmlOptions,
-} from '@sitecore-content-sdk/core/client';
+import { SitecoreClient, SitemapXmlOptions } from '@sitecore-content-sdk/content/client';
+import { constants } from '@sitecore-content-sdk/core';
 import { SiteInfo, SiteResolver } from '../site';
 
+const { ERROR_MESSAGES } = constants;
+
 /**
  * Middleware for handling sitemap requests.
  * Encapsulates all HTTP-related logic for sitemap generation and delivery.
+ * @public
  */
 export class SitemapMiddleware {
   private client: SitecoreClient;
@@ -28,7 +29,7 @@ export class SitemapMiddleware {
     const idMatch = segments[1].match(/(\d+)(?=\.xml$)/);
     const id = idMatch ? idMatch[1] : '';
 
-    const reqHost = _req.headers.get('host') || '';
+    const reqHost = _req.headers.get('x-forwarded-host') || _req.headers.get('host') || '';
     const reqProtocol = _req.headers.get('x-forwarded-proto') || 'https';
     const site = this.siteResolver.getByHost(reqHost);
 
@@ -56,7 +57,7 @@ export class SitemapMiddleware {
           },
         });
       } else {
-        return new Response('Internal Server Error', {
+        return new Response(`Internal Server Error. ${ERROR_MESSAGES.CONTACT_SUPPORT}`, {
           status: 500,
         });
       }

package/src/services/component-props-service.ts

@@ -3,7 +3,7 @@ import {
   LayoutServiceData,
   ComponentRendering,
   PlaceholdersData,
-} from '@sitecore-content-sdk/core/layout';
+} from '@sitecore-content-sdk/content/layout';
 import {
   AstroContentSdkComponent,
   ComponentMap,
@@ -23,6 +23,10 @@ export type ComponentPropsRequest = {
   // context: NextContext;
 };
 
+/**
+ * The service for fetching component props.
+ * @public
+ */
 export class ComponentPropsService {
   async fetchComponentProps(
     params: FetchComponentPropsArguments
@@ -67,7 +71,7 @@ export class ComponentPropsService {
       // const fetchFunc = (await this.getModule(components, r.componentName))
       //  ?.getComponentServerProps;
 
-      const fetchFunc = ""; // getModule
+      const fetchFunc = ''; // getModule
 
       if (fetchFunc) {
         params.requests &&
@@ -113,7 +117,6 @@ export class ComponentPropsService {
         return;
       }
 
-
       // return req
       //   .fetch(req.rendering, req.layoutData /*, req.context*/)
       //   .then((result) => {
@@ -153,9 +156,7 @@ export class ComponentPropsService {
    * @param {PlaceholdersData} placeholders placeholders
    * @returns {ComponentRendering[]} renderings
    */
-  protected flatRenderings(
-    placeholders: PlaceholdersData
-  ): ComponentRendering[] {
+  protected flatRenderings(placeholders: PlaceholdersData): ComponentRendering[] {
     const allComponentRenderings: ComponentRendering[] = [];
     const placeholdersArr = Object.values(placeholders);
 

package/src/sharedTypes/component-props.ts

@@ -2,16 +2,27 @@ export type ComponentPropsError = { error: string; componentName: string };
 
 /**
  * Shape of component props storage
+ * @public
  */
 export type ComponentPropsCollection = {
   [componentUid: string]: unknown | ComponentPropsError;
 };
 
+/**
+ * Represents an Astro component import
+ * @public
+ */
 export type AstroContentSdkComponent = (_props: Record<string, any>) => any;
 
+/**
+ * Represents PreviewData type
+ * @public
+ */
 export type PreviewData = string | false | object | undefined;
 
-export type ComponentMap<
-  TComponent extends AstroContentSdkComponent = AstroContentSdkComponent
-> = Map<string, TComponent>;
-
+/**
+ * Represents component map type
+ * @public
+ */
+export type ComponentMap<TComponent extends AstroContentSdkComponent = AstroContentSdkComponent> =
+  Map<string, TComponent>;

package/src/site/index.ts

@@ -1 +1 @@
-export { SiteResolver, SiteInfo } from '@sitecore-content-sdk/core/site';
+export { SiteResolver, SiteInfo, SITE_PREFIX } from '@sitecore-content-sdk/content/site';

package/src/tests/astro-helpers.ts

@@ -0,0 +1,61 @@
+import type { ComponentProps } from 'astro/types';
+import {
+  experimental_AstroContainer as AstroContainer,
+  type ContainerRenderOptions,
+} from 'astro/container';
+import { Page } from '@sitecore-content-sdk/content/client';
+import { ComponentMap } from '../sharedTypes/component-props';
+import { vi } from 'vitest';
+import { SitecoreContext } from '../context';
+
+type AstroComponentFactory = Parameters<AstroContainer['renderToString']>[0];
+
+type ComponentContainerRenderOptions<T extends AstroComponentFactory> = Omit<
+  ContainerRenderOptions,
+  'props'
+> & {
+  // @ts-expect-error
+  props?: ComponentProps<T>;
+};
+
+/**
+ * Renders an Astro component to a DOM element for tests.
+ * @param {AstroComponentFactory} Component - The Astro component to render.
+ * @param {ComponentContainerRenderOptions<T>} options - Container render options, including component props.
+ * @returns A `div` whose `innerHTML` is the rendered markup (Astro attributes stripped).
+ */
+export async function renderAstroComponent<T extends AstroComponentFactory>(
+  Component: T,
+  options: ComponentContainerRenderOptions<T> = {}
+) {
+  const container = await AstroContainer.create();
+  const result = await container.renderToString(Component, options);
+
+  const html = removeAstroAttributes(result);
+
+  const div = document.createElement('div');
+  div.innerHTML = html;
+
+  return div;
+}
+
+export const mockSitecoreContext = (page?: Page, map?: ComponentMap, api?: any) => {
+  const getMock = vi.fn();
+
+  getMock.mockReturnValue({
+    page: page,
+    componentMap: map,
+    api: api,
+  });
+
+  SitecoreContext.get = getMock;
+};
+
+/**
+ * Removes Astro-specific data attributes (data-astro-*)
+ * and whitespaces between HTML tags from a given HTML string.
+ * @param {string} html - Raw HTML string from Astro rendering.
+ */
+const removeAstroAttributes = (html: string) => {
+  return html.replace(/\s*data-astro-[a-zA-Z0-9-]+=(\"|\').*?\1\s*/g, '').replace(/>\s+</g, '><');
+};

package/src/tests/test-components/CustomErrorComponent.astro

@@ -0,0 +1,3 @@
+---
+---
+<div class="custom-error">This is a custom error component!</div>

package/src/tests/test-components/CustomHiddenRendering.astro

@@ -0,0 +1,10 @@
+---
+import HiddenRendering from '../../components/HiddenRendering.astro';
+
+const props = Astro.props;
+---
+
+<div class="hidden-rendering">
+  <HiddenRendering />
+  <p>{props.rendering.componentName}</p>
+</div>

package/src/tests/test-components/CustomMissingComponent.astro

@@ -0,0 +1,9 @@
+---
+import MissingComponent from '../../components/MissingComponent.astro';
+
+const props = Astro.props;
+---
+
+<div class="missing-component">
+  <MissingComponent {...props} />
+</div>

package/src/tests/test-components/DownloadCallout.astro

@@ -0,0 +1,12 @@
+---
+const props = Astro.props as {
+  [prop: string]: unknown;
+  fields?: { message?: { value?: string } };
+  extraDiv?: boolean;
+};
+---
+
+<div class="download-callout-mock">
+  {props.fields?.message ? props.fields.message.value : ''}
+  {props.extraDiv ? <div class="extra">extra!</div> : null}
+</div>

package/src/tests/test-components/EmptyFieldEditingComponent.astro

@@ -0,0 +1,5 @@
+---
+
+---
+
+<span class="empty-field-value-placeholder">Custom Empty field value</span>

package/src/tests/test-components/ErrorBoundaryWithError.astro

@@ -0,0 +1,10 @@
+---
+import ErrorBoundary from '../../components/ErrorBoundary.astro';
+import TestComponentWithError from './TestComponentWithError.astro';
+
+const props = Astro.props;
+
+---
+<ErrorBoundary {...props}>
+  <TestComponentWithError />
+</ErrorBoundary>