chore: Added minimap to gh pages (google#1868)

* removed private from package.json * chore: Added minimap to gh pages * Revert "removed private from package.json" This reverts commit 13d971a. * added advanced playground * packagelock * new picture * Revert "packagelock" This reverts commit e354d4a.
gonfunko · Aug 25, 2023 · e0aaf33 · e0aaf33
1 parent 9476895
commit e0aaf33
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 22 deletions.
diff --git a/gh-pages/_index.html b/gh-pages/_index.html
@@ -201,6 +201,17 @@ <h4>
       </p>
     </div>
   </a>
+  <a class="card" href="plugins/workspace-minimap/test/index.html">
+    <img srcset="media/workspace-minimap.png 2x">
+    <div>
+      <h4>
+        Minimap
+      </h4>
+      <p>
+        A plugin that adds a minimap to the workspace for improved navigation and organization.
+      </p>
+    </div>
+  </a>
   <a class="card" href="plugins/zoom-to-fit/test/index.html">
     <img srcset="media/zoom-to-fit.png 2x">
     <div>

diff --git a/gh-pages/media/workspace-minimap.png b/gh-pages/media/workspace-minimap.png
diff --git a/plugins/workspace-minimap/test/index.html b/plugins/workspace-minimap/test/index.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-  <div id="root" style="height: 99vh; width: 100vw;"></div>
+  <div id="root"></div>
   <script src="../build/test_bundle.js"></script>
 </body>
 

diff --git a/plugins/workspace-minimap/test/index.ts b/plugins/workspace-minimap/test/index.ts
@@ -9,28 +9,26 @@
  */
 
 import * as Blockly from 'blockly';
-import {toolboxCategories} from '@blockly/dev-tools';
+import {toolboxCategories, createPlayground} from '@blockly/dev-tools';
 import {Minimap, PositionedMinimap} from '../src/index';
 
-// Creates the primary workspace and adds the minimap.
-const positionedWorkspace = Blockly.inject('root',
-    {toolbox: toolboxCategories});
-const positionedMinimap = new PositionedMinimap(positionedWorkspace);
-positionedMinimap.init();
+/**
+ * Create a workspace.
+ * @param blocklyDiv The blockly container div.
+ * @param options The Blockly options.
+ * @returns The created workspace.
+ */
+function createWorkspace(blocklyDiv: HTMLElement,
+    options: Blockly.BlocklyOptions): Blockly.WorkspaceSvg {
+  // Creates the primary workspace and adds the minimap.
+  const workspace = Blockly.inject(blocklyDiv, options);
+  const minimap = new PositionedMinimap(workspace);
+  minimap.init();
 
-const seedTest = (workspace: Blockly.WorkspaceSvg): void => {
-  // Creates 100 if blocks
-  for (let i = 0; i < 100; i++) {
-    const block = workspace.newBlock('controls_if');
-    block.initSvg();
-    block.render();
-  }
+  return workspace;
+}
 
-  // Move the blocks to random locations.
-  for (const block of workspace.getAllBlocks(true)) {
-    const cord = new Blockly.utils.Coordinate(
-        Math.round(Math.random() * 450 + 40),
-        Math.round(Math.random() * 600 + 40));
-    block.moveTo(cord);
-  }
-};
+document.addEventListener('DOMContentLoaded', function() {
+  createPlayground(document.getElementById('root'), createWorkspace as any,
+      {toolbox: toolboxCategories});
+});