Ensure release topbar loads everywhere and condense preview comments

.github/workflows/cloudflare-conditional-deploy.yml

@@ -210,6 +210,99 @@ jobs:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           github-environment: datro(preview)
 
+      - name: Condense datro-homepage preview comment
+        if: github.event_name == 'pull_request' && steps.changes.outputs.datro == 'true'
+        uses: andykenward/[email protected]
+        id: deploy_datro
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const projectName = 'datro-homepage';
+            const previewCandidate = `${{ steps.deploy_datro.outputs.url }}`.trim();
+            const aliasCandidate = `${{ steps.deploy_datro.outputs.alias }}`.trim();
+            const wranglerCandidate = `${{ steps.deploy_datro.outputs.wrangler }}`;
+            const previewUrl = previewCandidate && previewCandidate !== 'undefined' ? previewCandidate : '';
+            const aliasUrl = aliasCandidate && aliasCandidate !== 'undefined' ? aliasCandidate : previewUrl;
+            const wranglerRaw = wranglerCandidate && wranglerCandidate !== 'undefined' ? wranglerCandidate : '';
+
+            const pr = context.payload.pull_request;
+            if (!pr) {
+              core.info('No pull request context; skipping comment update.');
+              return;
+            }
+
+            const commitSha = (pr.head && pr.head.sha) ? pr.head.sha : context.sha;
+            const shortCommit = commitSha ? commitSha.slice(0, 7) : '';
+
+            const skipContains = ['Event Name:', 'Environment:', 'Branch Preview URL:', 'Preview URL:'];
+            const skipStarts = ['✨ Deployment complete'];
+            const lines = wranglerRaw ? wranglerRaw.split(/\r?\n/).map(line => line.trimEnd()) : [];
+            const filteredLines = [];
+
+            for (const line of lines) {
+              if (line === undefined || line === null) {
+                continue;
+              }
+              if (line.length === 0) {
+                filteredLines.push('');
+                continue;
+              }
+              if (skipContains.some(phrase => line.includes(phrase))) {
+                continue;
+              }
+              if (skipStarts.some(prefix => line.startsWith(prefix))) {
+                continue;
+              }
+              if (line.startsWith('✨ Deployment alias URL')) {
+                continue;
+              }
+              filteredLines.push(line);
+            }
+
+            if (aliasUrl) {
+              filteredLines.push(`✨ Deployment alias URL: ${aliasUrl}`);
+            }
+
+            const wranglerSection = filteredLines.join('\n').trim();
+            const bodyParts = [
+              `Project: ${projectName}`,
+              shortCommit ? `Built with commit: ${shortCommit}` : null,
+              previewUrl ? `Preview URL: ${previewUrl}` : null
+            ];
+
+            if (wranglerSection) {
+              bodyParts.push('', 'Wrangler Output', wranglerSection);
+            }
+
+            const commentBody = bodyParts.filter(part => part !== null).join('\n');
+
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: pr.number,
+              per_page: 100
+            });
+
+            const existing = comments.find(comment => comment.user && comment.user.type === 'Bot' && comment.body && comment.body.includes(`Project: ${projectName}`));
+
+            if (existing) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: existing.id,
+                body: commentBody
+              });
+              core.info(`Updated existing comment ${existing.id} for ${projectName}.`);
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: pr.number,
+                body: commentBody
+              });
+              core.info(`Created new comment for ${projectName}.`);
+            }
+
       - name: Build projections
         if: github.event_name == 'pull_request' && steps.changes.outputs.projections == 'true'
         run: |

static/datro/404.html

@@ -96,6 +96,57 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
 		<script async src="https://cdn.ampproject.org/v0.js"></script>
+<script data-release-controls-loader>
+(function() {
+  if (window.__releaseControlsLoaderInline) { return; }
+  window.__releaseControlsLoaderInline = true;
+  var marker = '/static/datro/';
+  var baseHref = window.location.href;
+  var idx = baseHref.toLowerCase().indexOf(marker);
+  if (idx !== -1) {
+    baseHref = baseHref.substring(0, idx + marker.length);
+  }
+  function toAbsolute(relative) {
+    try {
+      return new URL(relative, baseHref).href;
+    } catch (error) {
+      return relative;
+    }
+  }
+  function ensureStyles() {
+    if (document.querySelector('link[href*="release-controls.css"]')) {
+      return;
+    }
+    var link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = toAbsolute('css/release-controls.css');
+    link.setAttribute('data-release-controls-styles', 'true');
+    (document.head || document.documentElement).appendChild(link);
+  }
+  function ensureScript() {
+    if (document.querySelector('script[src*="release-controls.js"]')) {
+      return;
+    }
+    var script = document.createElement('script');
+    script.src = toAbsolute('js/release-controls.js');
+    script.defer = true;
+    script.setAttribute('data-release-controls-script', 'true');
+    (document.head || document.documentElement).appendChild(script);
+  }
+  var loadAssets = function() {
+    ensureStyles();
+    ensureScript();
+  };
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', function handleReleaseControlsLoad() {
+    document.removeEventListener('DOMContentLoaded', handleReleaseControlsLoad);
+    loadAssets();
+  });
+  } else {
+    loadAssets();
+  }
+})();
+</script>
 </head>
 <body bgcolor="#333366" data-role="page">
 	<header id="mainWrapper">

static/datro/academy.html

@@ -169,6 +169,57 @@
   gtag('config', 'G-6BTNPTMXBF');
 </script>
 <!-- google tracking code end -->
+<script data-release-controls-loader>
+(function() {
+  if (window.__releaseControlsLoaderInline) { return; }
+  window.__releaseControlsLoaderInline = true;
+  var marker = '/static/datro/';
+  var baseHref = window.location.href;
+  var idx = baseHref.toLowerCase().indexOf(marker);
+  if (idx !== -1) {
+    baseHref = baseHref.substring(0, idx + marker.length);
+  }
+  function toAbsolute(relative) {
+    try {
+      return new URL(relative, baseHref).href;
+    } catch (error) {
+      return relative;
+    }
+  }
+  function ensureStyles() {
+    if (document.querySelector('link[href*="release-controls.css"]')) {
+      return;
+    }
+    var link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = toAbsolute('css/release-controls.css');
+    link.setAttribute('data-release-controls-styles', 'true');
+    (document.head || document.documentElement).appendChild(link);
+  }
+  function ensureScript() {
+    if (document.querySelector('script[src*="release-controls.js"]')) {
+      return;
+    }
+    var script = document.createElement('script');
+    script.src = toAbsolute('js/release-controls.js');
+    script.defer = true;
+    script.setAttribute('data-release-controls-script', 'true');
+    (document.head || document.documentElement).appendChild(script);
+  }
+  var loadAssets = function() {
+    ensureStyles();
+    ensureScript();
+  };
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', function handleReleaseControlsLoad() {
+    document.removeEventListener('DOMContentLoaded', handleReleaseControlsLoad);
+    loadAssets();
+  });
+  } else {
+    loadAssets();
+  }
+})();
+</script>
 </head>
 <body bgcolor="#333366" onload="pageLoad()">
 	<header id="mainWrapper">

static/datro/canceled.html

@@ -93,7 +93,58 @@
   gtag('config', 'G-6BTNPTMXBF');
 </script>
 <!-- google tracking code end -->
-	</head>
+	<script data-release-controls-loader>
+(function() {
+  if (window.__releaseControlsLoaderInline) { return; }
+  window.__releaseControlsLoaderInline = true;
+  var marker = '/static/datro/';
+  var baseHref = window.location.href;
+  var idx = baseHref.toLowerCase().indexOf(marker);
+  if (idx !== -1) {
+    baseHref = baseHref.substring(0, idx + marker.length);
+  }
+  function toAbsolute(relative) {
+    try {
+      return new URL(relative, baseHref).href;
+    } catch (error) {
+      return relative;
+    }
+  }
+  function ensureStyles() {
+    if (document.querySelector('link[href*="release-controls.css"]')) {
+      return;
+    }
+    var link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = toAbsolute('css/release-controls.css');
+    link.setAttribute('data-release-controls-styles', 'true');
+    (document.head || document.documentElement).appendChild(link);
+  }
+  function ensureScript() {
+    if (document.querySelector('script[src*="release-controls.js"]')) {
+      return;
+    }
+    var script = document.createElement('script');
+    script.src = toAbsolute('js/release-controls.js');
+    script.defer = true;
+    script.setAttribute('data-release-controls-script', 'true');
+    (document.head || document.documentElement).appendChild(script);
+  }
+  var loadAssets = function() {
+    ensureStyles();
+    ensureScript();
+  };
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', function handleReleaseControlsLoad() {
+    document.removeEventListener('DOMContentLoaded', handleReleaseControlsLoad);
+    loadAssets();
+  });
+  } else {
+    loadAssets();
+  }
+})();
+</script>
+</head>
 
 	<body bgcolor="#333366" onload="pageLoad()">
 		<header id="mainWrapper">

static/datro/contactus.html

@@ -63,7 +63,58 @@
   gtag('config', 'G-6BTNPTMXBF');
 </script>
 <!-- google tracking code end -->
-	  </head> <body bgcolor="#333366" onload="pageLoad()">
+	  <script data-release-controls-loader>
+(function() {
+  if (window.__releaseControlsLoaderInline) { return; }
+  window.__releaseControlsLoaderInline = true;
+  var marker = '/static/datro/';
+  var baseHref = window.location.href;
+  var idx = baseHref.toLowerCase().indexOf(marker);
+  if (idx !== -1) {
+    baseHref = baseHref.substring(0, idx + marker.length);
+  }
+  function toAbsolute(relative) {
+    try {
+      return new URL(relative, baseHref).href;
+    } catch (error) {
+      return relative;
+    }
+  }
+  function ensureStyles() {
+    if (document.querySelector('link[href*="release-controls.css"]')) {
+      return;
+    }
+    var link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = toAbsolute('css/release-controls.css');
+    link.setAttribute('data-release-controls-styles', 'true');
+    (document.head || document.documentElement).appendChild(link);
+  }
+  function ensureScript() {
+    if (document.querySelector('script[src*="release-controls.js"]')) {
+      return;
+    }
+    var script = document.createElement('script');
+    script.src = toAbsolute('js/release-controls.js');
+    script.defer = true;
+    script.setAttribute('data-release-controls-script', 'true');
+    (document.head || document.documentElement).appendChild(script);
+  }
+  var loadAssets = function() {
+    ensureStyles();
+    ensureScript();
+  };
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', function handleReleaseControlsLoad() {
+    document.removeEventListener('DOMContentLoaded', handleReleaseControlsLoad);
+    loadAssets();
+  });
+  } else {
+    loadAssets();
+  }
+})();
+</script>
+</head> <body bgcolor="#333366" onload="pageLoad()">
 
 
 		<main>