chore: remove dev-tools dependency from custom tooltip demo (#2450)

google · Aug 28, 2024 · 07b745c · 07b745c
1 parent 6b36d8b
commit 07b745c
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 318 deletions.
diff --git a/examples/custom-tooltips-demo/index.html b/examples/custom-tooltips-demo/index.html
@@ -6,7 +6,6 @@
     <script src="./node_modules/blockly/blockly_compressed.js"></script>
     <script src="./node_modules/blockly/blocks_compressed.js"></script>
     <script src="./node_modules/blockly/msg/en.js"></script>
-    <script src="./node_modules/@blockly/dev-tools/dist/index.js"></script>
     <script src="./index.js"></script>
     <style>
       html,
@@ -17,6 +16,6 @@
   </head>
 
   <body>
-    <div id="root"></div>
+    <div id="root" style="height: 600px; width: 600px"></div>
   </body>
 </html>
diff --git a/examples/custom-tooltips-demo/index.js b/examples/custom-tooltips-demo/index.js
@@ -43,20 +43,6 @@ function initTooltips() {
   Blockly.Tooltip.setCustomTooltip(customTooltip);
 }
 
-/**
- * Create a workspace.
- * @param {HTMLElement} blocklyDiv The blockly container div.
- * @param {!Blockly.BlocklyOptions} options The Blockly options.
- * @returns {!Blockly.WorkspaceSvg} The created workspace.
- */
-function createWorkspace(blocklyDiv, options) {
-  const workspace = Blockly.inject(blocklyDiv, options);
-
-  initTooltips();
-
-  return workspace;
-}
-
 document.addEventListener('DOMContentLoaded', function () {
   Blockly.Blocks['custom_tooltip_1'] = {
     init: function () {
@@ -76,7 +62,7 @@ document.addEventListener('DOMContentLoaded', function () {
       this.setHelpUrl('');
     },
   };
-  const defaultOptions = {
+  const options = {
     toolbox: {
       kind: 'flyoutToolbox',
       contents: [
@@ -86,11 +72,6 @@ document.addEventListener('DOMContentLoaded', function () {
     },
   };
 
-  // createPlayground is from @blockly/dev-tools.
-  // eslint-disable-next-line no-undef
-  createPlayground(
-    document.getElementById('root'),
-    createWorkspace,
-    defaultOptions,
-  );
+  Blockly.inject(document.getElementById('root'), options);
+  initTooltips();
 });