added banner block

ifahrentholz · Feb 2, 2024 · 03b7735 · 03b7735
1 parent df3684c
commit 03b7735
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 11 deletions.
diff --git a/dist/banner/banner.js b/dist/banner/banner.js
diff --git a/dist/banner/banner.js.map b/dist/banner/banner.js.map
diff --git a/dist/main/main.js b/dist/main/main.js
diff --git a/dist/main/main.js.map b/dist/main/main.js.map
diff --git a/src/blocks/banner/banner.ts b/src/blocks/banner/banner.ts
@@ -0,0 +1,6 @@
+export default function (block: HTMLElement) {
+  const org_content = block.innerHTML;
+  console.log(block);
+  block.innerHTML = `<div>hi</div>`;
+  block.style.removeProperty("display");
+}
diff --git a/src/main.ts b/src/main.ts
@@ -183,26 +183,26 @@ class Main {
       main.setAttribute('id', 'main');
       this.addSidebarContainer(main);
       this.sectionService.init(main);
+      this.addInnerContainer(main); // TODO refactor initializing
       this.blockService.decorateBlocks(main);
-      this.loadComponents();
+      await this.loadComponents();
       document.body.classList.add("appear");
-      this.addInnerContainer(main);
       // await this.waitForLCP(LCP_BLOCKS);
     }
   };
-
-  private addInnerContainer(main: HTMLElement) {
-    const children = main.innerHTML;
-    main.innerHTML = `<div class="inner">${children}</div>`;
-  }
-
+
   private addSidebarContainer(main: HTMLElement) {
     const sidebarContainer = document.createElement("div");
     sidebarContainer.classList.add("sidebar");
     sidebarContainer.setAttribute("id", "sidebar");
     main.after(sidebarContainer);
   }
 
+  private addInnerContainer(main: HTMLElement) {
+    const children = main.innerHTML;
+    main.innerHTML = `<div class="inner">${children}</div>`;
+  }
+
   // private loadLazy = async () => {};
 
   private decorateTemplateAndTheme() {
@@ -232,7 +232,7 @@ class Main {
       if (components.length) {
         components.forEach(async (component) => {
           const componentModule = await import(
-            `${window.hlx.codeBasePath}/blocks/${component.name}/__compiled__/${component.name}.js`
+            `${window.hlx.codeBasePath}/dist/${component.name}/${component.name}.js`
           );
           if (componentModule.default) {
             await componentModule.default(component.element);

diff --git a/types/blocks/banner/banner.d.ts b/types/blocks/banner/banner.d.ts
@@ -0,0 +1 @@
+export default function (block: HTMLElement): void;
diff --git a/vite.config.ts b/vite.config.ts
@@ -25,6 +25,7 @@ export default defineConfig(({ command, mode }) => {
           styles: resolve(__dirname, "src/styles/sass/main.scss"),
           main: resolve(__dirname, "src/main.ts"),
           counter: resolve(__dirname, "src/blocks/counter/counter.ts"),
+          banner: resolve(__dirname, "src/blocks/banner/banner.ts"),
         },
         output: {
           dir: "dist",
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export default function (block: HTMLElement): void;