From e76daa5d8de33a3b9fb4dbc54045ce4c38657854 Mon Sep 17 00:00:00 2001
From: Maribeth Bottorff <maribethb@google.com>
Date: Fri, 28 Jun 2024 14:42:36 -0700
Subject: [PATCH] feat: add legacy warning to block factory (#8234)

---
 demos/blockfactory/app_controller.js | 2 +-
 demos/blockfactory/factory.css       | 7 +++++++
 demos/blockfactory/index.html        | 3 +++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/demos/blockfactory/app_controller.js b/demos/blockfactory/app_controller.js
index fcfa2296d..3626eccf6 100644
--- a/demos/blockfactory/app_controller.js
+++ b/demos/blockfactory/app_controller.js
@@ -507,7 +507,7 @@ AppController.prototype.assignBlockFactoryClickHandlers = function() {
 
   document.getElementById('helpButton').addEventListener('click',
       function() {
-        open('https://developers.google.com/blockly/custom-blocks/block-factory',
+        open('https://developers.google.com/blockly/guides/create-custom-blocks/legacy-blockly-developer-tools',
              'BlockFactoryHelp');
       });
 
diff --git a/demos/blockfactory/factory.css b/demos/blockfactory/factory.css
index 73a1c1e3c..ded1f6cda 100644
--- a/demos/blockfactory/factory.css
+++ b/demos/blockfactory/factory.css
@@ -127,6 +127,13 @@ button, .buttonStyle {
   float: right;
 }
 
+#legacyBanner {
+  border: #ccc 1px solid;
+  background-color: #FFCDD2;
+  margin: 4px;
+  padding: 4px;
+}
+
 #blockFactoryContent {
   height: 85%;
   width: 100%;
diff --git a/demos/blockfactory/index.html b/demos/blockfactory/index.html
index 77687bce1..3e532bc49 100644
--- a/demos/blockfactory/index.html
+++ b/demos/blockfactory/index.html
@@ -53,6 +53,9 @@
     <button class="privacyButton" title="Open Google privacy policy"><a class="privacyLink" href="https://policies.google.com/privacy">Privacy</a>
     </button>
   </h1>
+  <div id="legacyBanner">
+    This version of Developer Tools is only compatible with Blockly version 10 and earlier. Try the <a target="_blank" href="https://google.github.io/blockly-samples/examples/developer-tools/index.html">new Block Factory</a> and <a target="_blank" href="https://developers.google.com/blockly/guides/create-custom-blocks/blockly-developer-tools#import_from_legacy_block_factory">learn how to migrate your blocks</a>.
+  </div>
   <div id="tabContainer">
     <div id="blockFactory_tab" class="tab tabon">Block Factory</div>
     <div id="blocklibraryExporter_tab" class="tab taboff">Block Exporter</div>