@ccslabs/xtend 0.1.0-rc.1

package/xtend-builder/generators/rmt-lifecycle-demo.js

@@ -0,0 +1,922 @@
+'use strict';
+
+const crypto = require('crypto');
+const fs = require('fs');
+const path = require('path');
+const {
+  requireLocalOrScoped
+} = require('../lib/package-resolver');
+const {
+  compileRmtVNextSource
+} = requireLocalOrScoped(
+  __filename,
+  '../../tools/rmt-language/vnext-compiler',
+  '@ccslabs/xtend-compiler/rmt-language/vnext-compiler'
+);
+const {
+  createComponentFiles
+} = require('./component-files');
+const {
+  writeScaffoldFiles
+} = require('../writing/write-plan');
+
+const RMT_LIFECYCLE_DEMO_SCHEMA = 'xtend.rmt.lifecycle-demo.v1';
+const RMT_LIFECYCLE_DEMO_BUILD_SCHEMA = 'xtend.rmt.lifecycle-demo.scaffold-build.v1';
+const RMT_LIFECYCLE_DEMO_BROWSER_SMOKE_SCHEMA = 'xtend.rmt.lifecycle-demo.browser-smoke.v1';
+const SOURCE_PATH = 'xtendrmt/rmt-lifecycle-demo.rmt';
+const CORE_PATH = 'xtendrmt/rmt-lifecycle-demo.core.json';
+const SCAFFOLD_REPORT_PATH = 'xtendrmt/rmt-lifecycle-demo.scaffold.json';
+const APP_PATH = 'xtendrmt/rmt-lifecycle-demo.app.js';
+const HOST_PATH = 'xtendrmt-rmt-lifecycle-demo.html';
+const BROWSER_SMOKE_PATH = 'tests/browser/fixtures/rmt-lifecycle-demo-smoke.html';
+const GENERATED_COMPONENT_TAG = 'x-rmt-lifecycle-demo';
+const GENERATED_COMPONENT_PATH = 'components/x-rmt-lifecycle-demo.js';
+const BUILD_COMMAND = 'node xtend-builder/scaffold.js rmt-lifecycle-demo --write --json';
+const LOCAL_GATE = 'node scripts/run_xtend_tests.js rmt-lifecycle-demo --json';
+const RMT_LIFECYCLE_ALLOWED_WRITE_ROOTS = Object.freeze([
+  '.xtend-build/',
+  'components/',
+  'xtendrmt/',
+  'tests/browser/fixtures/',
+  HOST_PATH
+]);
+
+function toBoolean(value) {
+  return value === true || value === 'true' || value === '1' || value === 'yes';
+}
+
+function repoPath(rootDir, relativePath) {
+  return path.join(rootDir, relativePath);
+}
+
+function readFile(rootDir, relativePath) {
+  return fs.readFileSync(repoPath(rootDir, relativePath), 'utf8');
+}
+
+function sha256(value) {
+  return crypto.createHash('sha256').update(String(value || '')).digest('hex');
+}
+
+function stableJson(value) {
+  return `${JSON.stringify(value, null, 2)}\n`;
+}
+
+function countCore(core) {
+  return {
+    templates: Array.isArray(core.templates) ? core.templates.length : 0,
+    surfaces: Array.isArray(core.surfaces) ? core.surfaces.length : 0,
+    lanes: Array.isArray(core.lanes) ? core.lanes.length : 0,
+    operations: Array.isArray(core.operations) ? core.operations.length : 0,
+    slots: Array.isArray(core.slots) ? core.slots.length : 0,
+    events: Array.isArray(core.events) ? core.events.length : 0,
+    dataSources: Array.isArray(core.dataSources) ? core.dataSources.length : 0
+  };
+}
+
+function fileSummary(file) {
+  return {
+    id: file.id,
+    action: file.action,
+    targetPath: file.targetPath,
+    templateId: file.templateId,
+    templatePath: file.templatePath,
+    sha256: sha256(file.content)
+  };
+}
+
+function findGeneratedComponent(scaffoldResult) {
+  return scaffoldResult.files.find((file) => file.id === 'component');
+}
+
+function lifecycleStages(core) {
+  const counts = countCore(core);
+  return [
+    {
+      id: 'template',
+      label: 'RMT vNext Template',
+      artifact: SOURCE_PATH,
+      status: 'source',
+      detail: 'Authoring source; kein JSON-Fallback und keine manuelle App-Shell.'
+    },
+    {
+      id: 'core',
+      label: 'Compiler Core',
+      artifact: CORE_PATH,
+      status: 'compiled',
+      detail: `${counts.surfaces} Surfaces, ${counts.lanes} Lanes und ${counts.operations} Lifecycle-Operationen.`
+    },
+    {
+      id: 'scaffold',
+      label: 'Scaffold Build',
+      artifact: GENERATED_COMPONENT_PATH,
+      status: 'generated',
+      detail: 'XTend Custom Element und Demo-App werden vom Scaffold-Generator geschrieben.'
+    },
+    {
+      id: 'http',
+      label: 'HTTP/Test',
+      artifact: HOST_PATH,
+      status: 'servable',
+      detail: 'Host und Browser-Smoke laufen ueber den lokalen XTend Dev Server.'
+    }
+  ];
+}
+
+function renderAppModule(build) {
+  const fingerprint = {
+    schema: RMT_LIFECYCLE_DEMO_SCHEMA,
+    buildSchema: RMT_LIFECYCLE_DEMO_BUILD_SCHEMA,
+    source: SOURCE_PATH,
+    sourceSha256: build.sourceSha256,
+    core: CORE_PATH,
+    coreSha256: build.coreSha256,
+    scaffoldReport: SCAFFOLD_REPORT_PATH,
+    generatedComponent: GENERATED_COMPONENT_PATH,
+    generatedBy: BUILD_COMMAND,
+    sourceSyntax: 'rmt-vnext',
+    counts: build.counts,
+    stages: build.stages
+  };
+
+  return `// @generated by XTend Scaffold RMT lifecycle build.
+// Source: ${SOURCE_PATH}
+// Command: ${BUILD_COMMAND}
+import '../components/x-rmt-lifecycle-demo.js';
+import '../components/xsection.js';
+import '../components/xcards.js';
+import '../components/xcode.js';
+import '../components/xstatus.js';
+import '../components/xprogress.js';
+
+const SOURCE_URL = new URL('./rmt-lifecycle-demo.rmt', import.meta.url);
+const CORE_URL = new URL('./rmt-lifecycle-demo.core.json', import.meta.url);
+const REPORT_URL = new URL('./rmt-lifecycle-demo.scaffold.json', import.meta.url);
+const BUILD_FINGERPRINT = Object.freeze(${JSON.stringify(fingerprint, null, 2)});
+
+function ensureStyles() {
+  if (document.querySelector('style[data-rmt-lifecycle-demo-style]')) return;
+  const style = document.createElement('style');
+  style.setAttribute('data-rmt-lifecycle-demo-style', 'true');
+  style.textContent = \`
+    :root {
+      --rmt-life-ink: #172033;
+      --rmt-life-muted: #5d697a;
+      --rmt-life-line: #d8dee8;
+      --rmt-life-surface: #ffffff;
+      --rmt-life-soft: #f5f7fa;
+      --rmt-life-accent: #0f766e;
+      --rmt-life-warm: #b45309;
+      --rmt-life-build: #334155;
+    }
+
+    body {
+      background: #f2f5f7;
+      color: var(--rmt-life-ink);
+    }
+
+    x-rmt-lifecycle-demo::part(root) {
+      border: 0;
+      border-radius: 0;
+      padding: 0;
+      background: transparent;
+    }
+
+    .rmt-lifecycle-app {
+      display: grid;
+      gap: 24px;
+      width: min(1180px, calc(100vw - 32px));
+      margin: 0 auto;
+      padding: 24px 0 48px;
+      box-sizing: border-box;
+    }
+
+    .rmt-lifecycle-toolbar {
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr) auto;
+      gap: 16px;
+      align-items: center;
+      padding: 18px 0 8px;
+      border-bottom: 1px solid var(--rmt-life-line);
+    }
+
+    .rmt-lifecycle-logo {
+      width: 48px;
+      height: 48px;
+      object-fit: contain;
+    }
+
+    .rmt-lifecycle-title {
+      display: grid;
+      gap: 4px;
+      min-width: 0;
+    }
+
+    .rmt-lifecycle-title h1 {
+      margin: 0;
+      font-size: 1.55rem;
+      line-height: 1.2;
+      letter-spacing: 0;
+    }
+
+    .rmt-lifecycle-title p {
+      margin: 0;
+      color: var(--rmt-life-muted);
+      line-height: 1.45;
+    }
+
+    .rmt-lifecycle-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      justify-content: flex-end;
+      min-width: 0;
+    }
+
+    .rmt-lifecycle-chip {
+      display: inline-flex;
+      align-items: center;
+      min-height: 30px;
+      padding: 0 10px;
+      border: 1px solid var(--rmt-life-line);
+      border-radius: 999px;
+      background: var(--rmt-life-surface);
+      color: var(--rmt-life-build);
+      font-size: 0.88rem;
+      white-space: nowrap;
+    }
+
+    .rmt-lifecycle-grid {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
+      gap: 18px;
+      align-items: start;
+    }
+
+    .rmt-lifecycle-panel {
+      display: grid;
+      gap: 16px;
+      min-width: 0;
+    }
+
+    .rmt-lifecycle-pipeline {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 12px;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+
+    .rmt-lifecycle-step {
+      display: grid;
+      grid-template-rows: auto auto minmax(64px, 1fr) auto;
+      gap: 8px;
+      min-width: 0;
+      min-height: 178px;
+      padding: 14px;
+      border: 1px solid var(--rmt-life-line);
+      border-radius: 8px;
+      background: var(--rmt-life-surface);
+      box-sizing: border-box;
+    }
+
+    .rmt-lifecycle-step strong,
+    .rmt-lifecycle-step span,
+    .rmt-lifecycle-step code {
+      overflow-wrap: anywhere;
+    }
+
+    .rmt-lifecycle-stage-number {
+      width: 28px;
+      height: 28px;
+      display: inline-grid;
+      place-items: center;
+      border-radius: 999px;
+      background: #e0f2f1;
+      color: #0f766e;
+      font-weight: 700;
+    }
+
+    .rmt-lifecycle-detail {
+      color: var(--rmt-life-muted);
+      line-height: 1.45;
+    }
+
+    .rmt-lifecycle-path {
+      color: var(--rmt-life-build);
+      font-size: 0.82rem;
+    }
+
+    .rmt-lifecycle-kpis {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 10px;
+    }
+
+    .rmt-lifecycle-kpi {
+      display: grid;
+      gap: 4px;
+      padding: 12px;
+      border: 1px solid var(--rmt-life-line);
+      border-radius: 8px;
+      background: var(--rmt-life-soft);
+      min-width: 0;
+    }
+
+    .rmt-lifecycle-kpi span {
+      color: var(--rmt-life-muted);
+      font-size: 0.82rem;
+    }
+
+    .rmt-lifecycle-kpi strong {
+      font-size: 1.35rem;
+      color: var(--rmt-life-accent);
+    }
+
+    .rmt-lifecycle-side {
+      display: grid;
+      gap: 14px;
+      min-width: 0;
+    }
+
+    .rmt-lifecycle-artifact {
+      display: grid;
+      gap: 10px;
+      padding: 14px;
+      border: 1px solid var(--rmt-life-line);
+      border-radius: 8px;
+      background: var(--rmt-life-surface);
+      min-width: 0;
+    }
+
+    .rmt-lifecycle-artifact h2 {
+      margin: 0;
+      font-size: 1rem;
+      line-height: 1.3;
+    }
+
+    .rmt-lifecycle-artifact p {
+      margin: 0;
+      color: var(--rmt-life-muted);
+      line-height: 1.45;
+    }
+
+    .rmt-lifecycle-artifact x-code {
+      max-height: 320px;
+      overflow: auto;
+    }
+
+    @media (max-width: 920px) {
+      .rmt-lifecycle-toolbar,
+      .rmt-lifecycle-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .rmt-lifecycle-meta {
+        justify-content: flex-start;
+      }
+
+      .rmt-lifecycle-pipeline,
+      .rmt-lifecycle-kpis {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+    }
+
+    @media (max-width: 560px) {
+      .rmt-lifecycle-app {
+        width: min(100%, calc(100vw - 20px));
+        padding-top: 12px;
+      }
+
+      .rmt-lifecycle-pipeline,
+      .rmt-lifecycle-kpis {
+        grid-template-columns: 1fr;
+      }
+    }
+  \`;
+  document.head.appendChild(style);
+}
+
+function append(parent, child) {
+  if (child === null || child === undefined) return parent;
+  if (Array.isArray(child)) {
+    child.forEach((entry) => append(parent, entry));
+    return parent;
+  }
+  parent.appendChild(typeof child === 'string' ? document.createTextNode(child) : child);
+  return parent;
+}
+
+function element(tagName, attributes = {}, children = []) {
+  const node = document.createElement(tagName);
+  Object.entries(attributes).forEach(([name, value]) => {
+    if (value === false || value === null || value === undefined) return;
+    if (value === true) {
+      node.setAttribute(name, '');
+      return;
+    }
+    node.setAttribute(name, String(value));
+  });
+  append(node, children);
+  return node;
+}
+
+function codeBlock(lang, text) {
+  const block = element('x-code', { lang });
+  const template = document.createElement('template');
+  template.setAttribute('data-x-code-mode', 'text');
+  template.content.appendChild(document.createTextNode(String(text || '').trim()));
+  block.appendChild(template);
+  return block;
+}
+
+async function fetchText(url) {
+  const response = await fetch(url);
+  if (!response.ok) throw new Error(\`Unable to load \${url.pathname}: \${response.status}\`);
+  return response.text();
+}
+
+async function fetchJson(url) {
+  return JSON.parse(await fetchText(url));
+}
+
+function renderStage(stage, index) {
+  return element('li', {
+    class: 'rmt-lifecycle-step',
+    'data-rmt-lifecycle-stage': stage.id
+  }, [
+    element('span', { class: 'rmt-lifecycle-stage-number' }, String(index + 1)),
+    element('strong', {}, stage.label),
+    element('span', { class: 'rmt-lifecycle-detail' }, stage.detail),
+    element('code', { class: 'rmt-lifecycle-path' }, stage.artifact)
+  ]);
+}
+
+function renderKpi(label, value) {
+  return element('div', { class: 'rmt-lifecycle-kpi' }, [
+    element('span', {}, label),
+    element('strong', {}, String(value))
+  ]);
+}
+
+function renderDemo(root, payload) {
+  ensureStyles();
+  const core = payload.core;
+  const report = payload.report;
+  const counts = BUILD_FINGERPRINT.counts;
+  const shell = element('x-rmt-lifecycle-demo', {
+    'aria-label': 'RMT Lifecycle Demo',
+    'data-generated-by': 'xtend-scaffold'
+  });
+  const app = element('main', { class: 'rmt-lifecycle-app' }, [
+    element('header', { class: 'rmt-lifecycle-toolbar' }, [
+      element('img', {
+        class: 'rmt-lifecycle-logo',
+        alt: 'XTend Scaffold',
+        src: new URL('../icons/xtend-scaffold.webp', import.meta.url).pathname
+      }),
+      element('div', { class: 'rmt-lifecycle-title' }, [
+        element('h1', {}, 'RMT Lifecycle Demo'),
+        element('p', {}, 'vNext Template rein, Scaffold Build raus: Core JSON, XTend Custom Element, App-Modul, Host und Smoke Fixture.')
+      ]),
+      element('div', { class: 'rmt-lifecycle-meta' }, [
+        element('span', { class: 'rmt-lifecycle-chip' }, BUILD_FINGERPRINT.sourceSyntax),
+        element('span', { class: 'rmt-lifecycle-chip' }, report.status),
+        element('span', { class: 'rmt-lifecycle-chip' }, 'HTTP-ready')
+      ])
+    ]),
+    element('section', { class: 'rmt-lifecycle-grid' }, [
+      element('div', { class: 'rmt-lifecycle-panel' }, [
+        element('x-status', {
+          type: 'success',
+          state: 'ready',
+          label: 'Lifecycle Build',
+          message: 'Scaffold hat die Demo-Artefakte aus dem RMT vNext Template erzeugt.'
+        }),
+        element('ol', { class: 'rmt-lifecycle-pipeline' }, BUILD_FINGERPRINT.stages.map(renderStage)),
+        element('div', { class: 'rmt-lifecycle-kpis' }, [
+          renderKpi('Templates', counts.templates),
+          renderKpi('Surfaces', counts.surfaces),
+          renderKpi('Lanes', counts.lanes),
+          renderKpi('Operations', counts.operations)
+        ]),
+        element('x-progress', {
+          value: '100',
+          max: '100',
+          label: 'Lifecycle completeness'
+        })
+      ]),
+      element('aside', { class: 'rmt-lifecycle-side' }, [
+        element('section', { class: 'rmt-lifecycle-artifact' }, [
+          element('h2', {}, 'Source Template'),
+          element('p', {}, SOURCE_URL.pathname),
+          codeBlock('rmt', payload.source)
+        ]),
+        element('section', { class: 'rmt-lifecycle-artifact' }, [
+          element('h2', {}, 'Compiled Core'),
+          element('p', {}, \`\${core.schema} - \${core.manifest.documentId}\`),
+          codeBlock('json', JSON.stringify({
+            schema: core.schema,
+            documentId: core.manifest.documentId,
+            sourceSyntax: core.manifest.sourceSyntax,
+            counts
+          }, null, 2))
+        ]),
+        element('section', { class: 'rmt-lifecycle-artifact' }, [
+          element('h2', {}, 'Scaffold Output'),
+          element('p', {}, report.buildCommand),
+          codeBlock('json', JSON.stringify({
+            generatedComponent: report.generated.component,
+            generatedApp: report.generated.app,
+            host: report.generated.host,
+            browserSmoke: report.generated.browserSmoke
+          }, null, 2))
+        ])
+      ])
+    ])
+  ]);
+  shell.appendChild(app);
+  root.replaceChildren(shell);
+  root.setAttribute('data-rmt-lifecycle-rendered', 'true');
+  return { root, core, report, fingerprint: BUILD_FINGERPRINT };
+}
+
+async function bootRmtLifecycleDemo(options = {}) {
+  const root = options.root || document.querySelector('[data-rmt-lifecycle-demo-root]');
+  if (!root) throw new Error('RMT lifecycle demo root not found');
+  root.setAttribute('aria-busy', 'true');
+  try {
+    const payload = {
+      source: await fetchText(SOURCE_URL),
+      core: await fetchJson(CORE_URL),
+      report: await fetchJson(REPORT_URL)
+    };
+    const result = renderDemo(root, payload);
+    root.setAttribute('aria-busy', 'false');
+    window.__XTendRmtLifecycleDemoResult = {
+      status: 'passed',
+      schema: '${RMT_LIFECYCLE_DEMO_SCHEMA}',
+      sourceSyntax: result.core.manifest.sourceSyntax,
+      generatedBy: result.report.buildCommand,
+      counts: BUILD_FINGERPRINT.counts
+    };
+    return result;
+  } catch (error) {
+    root.setAttribute('aria-busy', 'false');
+    root.setAttribute('data-rmt-lifecycle-rendered', 'failed');
+    window.__XTendRmtLifecycleDemoResult = {
+      status: 'failed',
+      schema: '${RMT_LIFECYCLE_DEMO_SCHEMA}',
+      error: error.message
+    };
+    throw error;
+  }
+}
+
+window.XTendRmtLifecycleDemo = {
+  schema: '${RMT_LIFECYCLE_DEMO_SCHEMA}',
+  build: BUILD_FINGERPRINT,
+  bootRmtLifecycleDemo
+};
+
+export { BUILD_FINGERPRINT, bootRmtLifecycleDemo };
+export default window.XTendRmtLifecycleDemo;
+`;
+}
+
+function renderHostHtml() {
+  return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="xtend-preload" content="xstate,x-theme,x-section,x-cards,x-code,x-status,x-progress">
+  <title>XTend RMT Lifecycle Demo</title>
+  <link rel="stylesheet" href="style.css">
+  <style>
+    body {
+      margin: 0;
+      min-height: 100vh;
+      background: #f2f5f7;
+      color: #172033;
+      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    }
+  </style>
+</head>
+<body>
+  <div
+    id="rmt-lifecycle-demo-root"
+    data-rmt-lifecycle-demo-root
+    data-rmt-template-src="xtendrmt/rmt-lifecycle-demo.rmt"
+    data-rmt-core-src="xtendrmt/rmt-lifecycle-demo.core.json"
+    data-scaffold-build="${BUILD_COMMAND}"
+    aria-busy="true"></div>
+  <script type="module" src="xtend-loader.js" data-manifest="components/manifest.json"></script>
+  <script type="module">
+    window.__XTendRmtLifecycleDemoBootPromise = (window.__XTendLoaderBootPromise || Promise.resolve())
+      .then(() => import('./xtendrmt/rmt-lifecycle-demo.app.js'))
+      .then((module) => module.bootRmtLifecycleDemo())
+      .catch((error) => {
+        window.__XTendRmtLifecycleDemoResult = {
+          status: 'failed',
+          schema: '${RMT_LIFECYCLE_DEMO_SCHEMA}',
+          error: error.message
+        };
+        console.error('XTend RMT Lifecycle Demo failed', error);
+      });
+  </script>
+</body>
+</html>
+`;
+}
+
+function renderBrowserSmokeHtml() {
+  return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="xtend-preload" content="xstate,x-theme,x-section,x-cards,x-code,x-status,x-progress">
+  <title>XTend RMT Lifecycle Demo Smoke</title>
+  <style>
+    body {
+      margin: 0;
+      font-family: system-ui, sans-serif;
+    }
+  </style>
+</head>
+<body>
+  <div id="rmt-lifecycle-demo-smoke-root" data-rmt-lifecycle-demo-root aria-busy="true"></div>
+  <script>
+    window.__xtendRmtLifecycleDemoSmokeResult = {
+      status: 'pending',
+      contract: '${RMT_LIFECYCLE_DEMO_BROWSER_SMOKE_SCHEMA}',
+      checks: [],
+      errors: []
+    };
+
+    function recordCheck(label, passed, details) {
+      window.__xtendRmtLifecycleDemoSmokeResult.checks.push({ label, passed: Boolean(passed), details: details || null });
+      if (!passed) {
+        window.__xtendRmtLifecycleDemoSmokeResult.errors.push(label);
+      }
+    }
+  </script>
+  <script type="module" src="/xtend-loader.js" data-manifest="/components/manifest.json"></script>
+  <script type="module">
+    (async () => {
+      try {
+        await (window.__XTendLoaderBootPromise || Promise.resolve()).catch(() => {});
+        const module = await import('/xtendrmt/rmt-lifecycle-demo.app.js');
+        const root = document.querySelector('[data-rmt-lifecycle-demo-root]');
+        const result = await module.bootRmtLifecycleDemo({ root });
+        recordCheck('lifecycle source loaded', result.core.manifest.sourceSyntax === 'rmt-vnext');
+        recordCheck('lifecycle scaffold component defined', customElements.get('x-rmt-lifecycle-demo'));
+        recordCheck('lifecycle generated app rendered', root.getAttribute('data-rmt-lifecycle-rendered') === 'true');
+        recordCheck('lifecycle core has surfaces', result.core.surfaces.length >= 4);
+        recordCheck('lifecycle scaffold report linked app', result.report.generated.app === '${APP_PATH}');
+        const blockedOrigin = 'https://cdn.' + 'ccs-networks.de';
+        const externalAssets = Array.from(document.querySelectorAll('script[src], link[href], img[src]'))
+          .map((node) => node.getAttribute('src') || node.getAttribute('href') || '')
+          .filter((value) => value.includes(blockedOrigin));
+        recordCheck('lifecycle local http assets only', externalAssets.length === 0, externalAssets.join(', '));
+        window.__xtendRmtLifecycleDemoSmokeResult.status = window.__xtendRmtLifecycleDemoSmokeResult.errors.length ? 'failed' : 'passed';
+        window.__xtendRmtLifecycleDemoSmokeResult.counts = result.fingerprint.counts;
+      } catch (error) {
+        window.__xtendRmtLifecycleDemoSmokeResult.status = 'failed';
+        window.__xtendRmtLifecycleDemoSmokeResult.errors.push(error.message);
+      }
+    })();
+  </script>
+</body>
+</html>
+`;
+}
+
+function createBuildReport(input) {
+  return {
+    schema: RMT_LIFECYCLE_DEMO_BUILD_SCHEMA,
+    demoSchema: RMT_LIFECYCLE_DEMO_SCHEMA,
+    browserSmokeSchema: RMT_LIFECYCLE_DEMO_BROWSER_SMOKE_SCHEMA,
+    status: 'built',
+    source: SOURCE_PATH,
+    sourceSyntax: 'rmt-vnext',
+    sourceSha256: input.sourceSha256,
+    coreOutput: CORE_PATH,
+    coreSha256: input.coreSha256,
+    buildCommand: BUILD_COMMAND,
+    localGate: LOCAL_GATE,
+    generated: {
+      component: GENERATED_COMPONENT_PATH,
+      app: APP_PATH,
+      host: HOST_PATH,
+      browserSmoke: BROWSER_SMOKE_PATH,
+      report: SCAFFOLD_REPORT_PATH
+    },
+    scaffold: {
+      entryPoint: 'xtend-builder/scaffold.js',
+      generator: 'rmt-lifecycle-demo',
+      componentGenerator: input.scaffoldResult.schema,
+      componentMode: input.scaffoldResult.mode,
+      componentTag: GENERATED_COMPONENT_TAG,
+      writeStrategy: input.scaffoldResult.writeStrategy,
+      files: input.scaffoldResult.files.map(fileSummary)
+    },
+    lifecycle: input.stages,
+    counts: input.counts,
+    checks: [
+      'template-source-is-rmt-vnext',
+      'compiler-emits-deterministic-core-json',
+      'scaffold-writes-generated-xtend-component',
+      'scaffold-writes-generated-demo-app',
+      'host-loads-over-http-dev-server',
+      'browser-smoke-renders-generated-app'
+    ],
+    boundaries: [
+      'source-owned-by-rmt-template',
+      'generated-files-owned-by-scaffold-build',
+      'no-cdn-runtime-dependency',
+      'no-rmt-kernel-import-of-xtend-types'
+    ]
+  };
+}
+
+function createRmtLifecycleDemoBuild(input = {}, options = {}) {
+  const rootDir = path.resolve(options.rootDir || input.rootDir || process.cwd());
+  const write = toBoolean(input.write);
+  const source = readFile(rootDir, SOURCE_PATH);
+  const compileResult = compileRmtVNextSource({
+    text: source,
+    filePath: repoPath(rootDir, SOURCE_PATH),
+    version: 1
+  }, {
+    documentId: 'xtendrmt.lifecycle.demo',
+    namespace: 'xtendrmt.lifecycle'
+  });
+
+  if (!compileResult.ok) {
+    return {
+      schema: RMT_LIFECYCLE_DEMO_BUILD_SCHEMA,
+      ok: false,
+      status: 'compile_failed',
+      mode: write ? 'write' : 'dry-run',
+      errors: compileResult.diagnostics.map((diagnostic) => diagnostic.message),
+      diagnostics: compileResult.diagnostics,
+      outputs: []
+    };
+  }
+
+  const scaffoldResult = createComponentFiles({
+    tag: GENERATED_COMPONENT_TAG,
+    profile: ['display', 'stateful'],
+    feature: ['state', 'slots', 'manifest']
+  });
+
+  if (!scaffoldResult.ok) {
+    return {
+      schema: RMT_LIFECYCLE_DEMO_BUILD_SCHEMA,
+      ok: false,
+      status: 'scaffold_failed',
+      mode: write ? 'write' : 'dry-run',
+      errors: scaffoldResult.errors,
+      outputs: []
+    };
+  }
+
+  const generatedComponent = findGeneratedComponent(scaffoldResult);
+  const counts = countCore(compileResult.coreDocument);
+  const stages = lifecycleStages(compileResult.coreDocument);
+  const sourceSha = sha256(source);
+  const coreSha = sha256(compileResult.coreJson);
+  const appModule = renderAppModule({
+    sourceSha256: sourceSha,
+    coreSha256: coreSha,
+    counts,
+    stages
+  });
+  const report = createBuildReport({
+    sourceSha256: sourceSha,
+    coreSha256: coreSha,
+    counts,
+    stages,
+    scaffoldResult
+  });
+  const reportJson = stableJson(report);
+  const outputs = [
+    {
+      id: 'core',
+      path: CORE_PATH,
+      kind: 'rmt-vnext-core-json',
+      generated: true,
+      content: compileResult.coreJson
+    },
+    {
+      id: 'scaffold-report',
+      path: SCAFFOLD_REPORT_PATH,
+      kind: 'scaffold-build-report',
+      generated: true,
+      content: reportJson
+    },
+    {
+      id: 'generated-component',
+      path: GENERATED_COMPONENT_PATH,
+      kind: 'xtend-custom-element',
+      generated: true,
+      content: generatedComponent.content
+    },
+    {
+      id: 'generated-app',
+      path: APP_PATH,
+      kind: 'xtend-demo-app',
+      generated: true,
+      content: appModule
+    },
+    {
+      id: 'host',
+      path: HOST_PATH,
+      kind: 'http-host',
+      generated: true,
+      content: renderHostHtml()
+    },
+    {
+      id: 'browser-smoke',
+      path: BROWSER_SMOKE_PATH,
+      kind: 'browser-smoke-fixture',
+      generated: true,
+      content: renderBrowserSmokeHtml()
+    }
+  ];
+  const writeReport = writeScaffoldFiles(outputs, {
+    rootDir,
+    write,
+    generator: 'rmt-lifecycle-demo',
+    owner: 'rmt-lifecycle-demo',
+    adoptUnowned: true,
+    allowedRoots: RMT_LIFECYCLE_ALLOWED_WRITE_ROOTS
+  });
+
+  if (!writeReport.ok) {
+    return {
+      schema: RMT_LIFECYCLE_DEMO_BUILD_SCHEMA,
+      ok: false,
+      status: writeReport.status,
+      mode: write ? 'write' : 'dry-run',
+      source: SOURCE_PATH,
+      coreOutput: CORE_PATH,
+      buildCommand: BUILD_COMMAND,
+      localGate: LOCAL_GATE,
+      errors: writeReport.errors,
+      outputs: outputs.map((output) => ({
+        id: output.id,
+        path: output.path,
+        kind: output.kind,
+        generated: output.generated,
+        sha256: sha256(output.content)
+      })),
+      writePlan: writeReport.plan,
+      written: writeReport.writes,
+      ownershipManifest: writeReport.ownershipManifest
+    };
+  }
+
+  return {
+    schema: RMT_LIFECYCLE_DEMO_BUILD_SCHEMA,
+    ok: true,
+    status: write ? 'written' : 'planned',
+    mode: write ? 'write' : 'dry-run',
+    source: SOURCE_PATH,
+    coreOutput: CORE_PATH,
+    buildCommand: BUILD_COMMAND,
+    localGate: LOCAL_GATE,
+    counts,
+    report,
+    outputs: outputs.map((output) => ({
+      id: output.id,
+      path: output.path,
+      kind: output.kind,
+      generated: output.generated,
+      sha256: sha256(output.content),
+      content: output.content
+    })),
+    writePlan: writeReport.plan,
+    written: writeReport.writes,
+    ownershipManifest: writeReport.ownershipManifest
+  };
+}
+
+module.exports = {
+  APP_PATH,
+  BROWSER_SMOKE_PATH,
+  BUILD_COMMAND,
+  CORE_PATH,
+  GENERATED_COMPONENT_PATH,
+  GENERATED_COMPONENT_TAG,
+  HOST_PATH,
+  LOCAL_GATE,
+  RMT_LIFECYCLE_DEMO_BROWSER_SMOKE_SCHEMA,
+  RMT_LIFECYCLE_DEMO_BUILD_SCHEMA,
+  RMT_LIFECYCLE_DEMO_SCHEMA,
+  SCAFFOLD_REPORT_PATH,
+  SOURCE_PATH,
+  createRmtLifecycleDemoBuild
+};