restrict core blocks to inner blocks of specified parent blocks. blocks blocks blocks

resources/js/app.js

@@ -3,7 +3,7 @@ import.meta.glob([
   '../fonts/**',
 ]);
 
-import Header from './sections/header.js';
+import Header from '../views/sections/header/header.js';
 import LazyLoad from './lib/Lazy.js';
 
 LazyLoad();

resources/js/editor.js

@@ -1,23 +1,51 @@
 import domReady from '@wordpress/dom-ready';
-import blockWhitelist from '../json/core-block-whitelist.json';
 
 domReady(() => {
 
   const restrictEditorParentBlocks = (settings, name) => {
-    const TEXT_EDITOR_BLOCKS = blockWhitelist;
+    const TEXT_EDITOR_BLOCKS = [
+      // Design
+      'core/separator',
+      'core/spacer',
+
+      // Media
+      'core/cover',
+      'core/file',
+      'core/gallery',
+      'core/image',
+      'core/media-text',
+      'core/audio',
+      'core/video',
+
+      // Text
+      'core/footnotes',
+      'core/heading',
+      'core/list',
+      'core/code',
+      'core/details',
+      'core/freeform',
+      'core/list-item',
+      'core/missing',
+      'core/paragraph',
+      'core/preformatted',
+      'core/pullquote',
+      'core/quote',
+      'core/table',
+      'core/verse',
+    ];
 
     if (TEXT_EDITOR_BLOCKS.includes(name)) {
-      settings.parent = [
-        'acf/badegg-editor',
-      ];
+      settings.parent = ['acf/badegg-editor']
     }
 
+    // console.log(settings, name)
+
     return settings
   }
 
   wp.hooks.addFilter(
       'blocks.registerBlockType',
-      'badegg/restrict-parent-blocks',
+      'your-project-name/restrict-parent-blocks',
       restrictEditorParentBlocks
   );
 

resources/js/sections/header.js

@@ -1,33 +0,0 @@
-export default function Header() {
-  const body = document.querySelector("body");
-  // const menuToggle = document.querySelector(".js-menu-toggle");
-  // const menuClose = document.querySelector(".js-menu-close");
-
-  // menuToggle.addEventListener("click", (e) => {
-  //   e.preventDefault();
-  //   body.classList.toggle("menu-open");
-  // });
-
-  // menuClose.addEventListener("click", (e) => {
-  //   e.preventDefault();
-  //   body.classList.remove("menu-open");
-  // });
-
-  // document.addEventListener("keyup", function (event) {
-  //   if (event.key === "Escape") {
-  //     body.classList.remove("menu-open");
-  //   }
-  // });
-
-  document.addEventListener("scroll", () => {
-    const scrolled = document.scrollingElement.scrollTop;
-    const position = body.offsetTop;
-    const header = document.querySelector(".site-header");
-
-    if (scrolled > position + header.offsetHeight) {
-      body.classList.add("scrolled");
-    } else {
-      body.classList.remove("scrolled");
-    }
-  });
-}