[Next.js][Multi-site] Dynamic site resolver

packages/sitecore-jss/src/site/index.ts

@@ -24,3 +24,5 @@ export {
   GraphQLErrorPagesService,
   GraphQLErrorPagesServiceConfig,
 } from './graphql-error-pages-service';
+
+export { SiteResolver } from './site-resolver';

packages/sitecore-jss/src/site/site-resolver.test.ts

@@ -0,0 +1,37 @@
+import { expect } from 'chai';
+import { SiteResolver } from './site-resolver';
+
+describe('SiteResolver', () => {
+  const sitesInfo = [
+    {
+      name: 'cat',
+      hostName: 'supercat.com',
+      virtualFolder: '/north',
+      language: 'en',
+    },
+    {
+      name: 'dog',
+      hostName: 'superdog.com',
+      virtualFolder: '/south',
+      language: 'da-DK',
+    },
+  ];
+
+  it('should resolve site name', () => {
+    const siteName = SiteResolver.resolve('superdog.com', sitesInfo);
+
+    expect(siteName).to.equal('dog');
+  });
+
+  it('should return custom fallback site name', () => {
+    const siteName = SiteResolver.resolve('superanimal.com', sitesInfo, 'animal');
+
+    expect(siteName).to.equal('animal');
+  });
+
+  it('should return default fallback site name', () => {
+    const siteName = SiteResolver.resolve('superanimal.com', sitesInfo);
+
+    expect(siteName).to.equal('website');
+  });
+});

packages/sitecore-jss/src/site/site-resolver.ts

@@ -0,0 +1,17 @@
+import { SiteInfo } from './graphql-siteinfo-service';
+
+// This resolver is used to determine site name based on the provided hostname
+export class SiteResolver {
+  /**
+   * Resolve siteName by hostName
+   * @param {string} hostName
+   * @param {SiteInfo[]} sitesInfo
+   * @param {string} [fallbackSiteName] siteName to be returned in case siteName is not found
+   * @returns {string} siteName
+   */
+  static resolve = (hostName: string, sitesInfo: SiteInfo[], fallbackSiteName?: string): string => {
+    const siteInfo = sitesInfo.find((info) => info.hostName === hostName);
+
+    return siteInfo?.name || fallbackSiteName || 'website';
+  };
+}