RC > Replaced error component with iframe

lib/sky-pages-route-generator.js

@@ -125,16 +125,24 @@ function generateRoutes(skyAppConfig) {
       `@Component({ template: '<router-outlet></router-outlet>' }) export class RootComponent {}`
   });
 
+  const notFoundComponent = {
+    componentName: 'NotFoundComponent',
+    routePath: ['**'],
+    routeParams: []
+  };
+
   if (skyAppConfig.runtime.handle404) {
-    const err = `<sky-error errorType="notfound"></sky-error>`;
-    entities.push({
-      componentName: 'NotFoundComponent',
-      componentDefinition: `@Component({ template: '${err}' }) export class NotFoundComponent { }`,
-      routePath: ['**'],
-      routeParams: []
-    });
+    const err = [
+      '<iframe src="https://host.nxt.blackbaud.com/errors/notfound"',
+      'style="border:0;height:100vh;width:100%;"',
+      `[title]="'builder_page_not_found_iframe_title' | skyAppResources"></iframe>`
+    ].join(' ');
+    notFoundComponent.componentDefinition =
+      `@Component({ template: \`${err}\` }) export class NotFoundComponent { }`;
   }
 
+  entities.push(notFoundComponent);
+
   return entities;
 }
 

src/assets/locales/resources_en_US.json

@@ -0,0 +1,6 @@
+{
+  "builder_page_not_found_iframe_title": {
+    "message": "Page not found",
+    "_description": "A string value to represent the Page Not Found iframe title attribute."
+  }
+}

test/cli-utils-run-build.spec.js

@@ -11,6 +11,12 @@ describe('cli utils run build', () => {
 
   beforeEach(() => {
     mockLocaleProcessor = {
+      isLocaleFile() {
+        return true;
+      },
+      parseLocaleFileBasename() {
+        return '';
+      },
       prepareLocaleFiles() {}
     };
 

test/sky-pages-route-generator.spec.js

@@ -353,6 +353,6 @@ describe('SKY UX Builder route generator', () => {
       }
     });
     expect(routes.definitions)
-      .toContain("template: '<sky-error errorType=\"notfound\"></sky-error>'");
+      .toContain(`template: \`<iframe src="https://host.nxt.blackbaud.com/errors/notfound" style="border:0;height:100vh;width:100%;" [title]="'builder_page_not_found_iframe_title' | skyAppResources"></iframe>\``);
   });
 });