@levo-so/blocks 0.1.81 → 0.1.82

package/src/blocks/index.ts

@@ -1,125 +1,151 @@
-import type { BlockComponent } from "@levo-so/studio";
-import { lazy } from "react";
+import type { ComponentType } from "react";
 
-export const blocks: Record<string, BlockComponent> = {
-  "about-us-2:v1": lazy(() => import("./about-us/about-us-2")),
-  "about-us-1:v1": lazy(() => import("./about-us/about-us-1")),
-  "blog-listing-1:v1": lazy(() => import("./blogs/blog-listing-1")),
-  "blog-listing-2:v1": lazy(() => import("./blogs/blog-listing-2")),
-  "blog-listing-3:v1": lazy(() => import("./blogs/blog-listing-3")),
-  "blog-post-1:v1": lazy(() => import("./blogs/blog-post-1")),
-  "calendar-1:v1": lazy(() => import("./calendar/calendar-1")),
-  "community-1:v1": lazy(() => import("./community/community-1")),
-  "community-post-1:v1": lazy(() => import("./community/community-post-1")),
-  "cards-2:v1": lazy(() => import("./cards/cards-2")),
-  "cards-3:v1": lazy(() => import("./cards/cards-3")),
-  "cards-4:v1": lazy(() => import("./cards/cards-4")),
-  "cards-5:v1": lazy(() => import("./cards/cards-5")),
-  "cards-6:v1": lazy(() => import("./cards/cards-6")),
-  "cards-7:v1": lazy(() => import("./cards/cards-7")),
-  "cards-8:v1": lazy(() => import("./cards/cards-8")),
-  "cards-9:v1": lazy(() => import("./cards/cards-9")),
-  "cards-10:v1": lazy(() => import("./cards/cards-10")),
-  "cards-11:v1": lazy(() => import("./cards/cards-11")),
-  "cards-12:v1": lazy(() => import("./cards/cards-12")),
-  "cards-13:v1": lazy(() => import("./cards/cards-13")),
-  "cards-14:v1": lazy(() => import("./cards/cards-14")),
-  "cards-15:v1": lazy(() => import("./cards/cards-15")),
-  "cards-16:v1": lazy(() => import("./cards/cards-16")),
-  "cards-17:v1": lazy(() => import("./cards/cards-17")),
-  "cards-18:v1": lazy(() => import("./cards/cards-18")),
-  "contact-us-1:v1": lazy(() => import("./contact-us/contact-us-1")),
-  "contact-us-2:v1": lazy(() => import("./contact-us/contact-us-2")),
-  "content-1:v1": lazy(() => import("./content/content-1")),
-  "content-2:v1": lazy(() => import("./content/content-2")),
-  "content-3:v1": lazy(() => import("./content/content-3")),
-  "content-4:v1": lazy(() => import("./content/content-4")),
-  "content-5:v1": lazy(() => import("./content/content-5")),
-  "content-6:v1": lazy(() => import("./content/content-6")),
-  "content-7:v1": lazy(() => import("./content/content-7")),
-  "content-8:v1": lazy(() => import("./content/content-8")),
-  "content-9:v1": lazy(() => import("./content/content-9")),
-  "content-10:v1": lazy(() => import("./content/content-10")),
-  "timeline-1:v1": lazy(() => import("./timeline/timeline-1")),
-  "cta-1:v1": lazy(() => import("./cta/cta-1")),
-  "cta-2:v1": lazy(() => import("./cta/cta-2")),
-  "cta-3:v1": lazy(() => import("./cta/cta-3")),
-  "embed-1:v1": lazy(() => import("./embed/embed-1")),
-  "event-listing:v1": lazy(() => import("./event/event-listing")),
-  "event-listing-2:v1": lazy(() => import("./event/event-listing-2")),
-  "event-listing-3:v1": lazy(() => import("./event/event-listing-3")),
-  "event-listing-4:v1": lazy(() => import("./event/event-listing-4")),
-  "event-details:v1": lazy(() => import("./event/event-details")),
-  "faq-1:v1": lazy(() => import("./faq/faq-1")),
-  "faq-2:v1": lazy(() => import("./faq/faq-2")),
-  "faq-3:v1": lazy(() => import("./faq/faq-3")),
-  "features-1:v1": lazy(() => import("./features/features-1/features-1")),
-  "features-2:v1": lazy(() => import("./features/features-2")),
-  "features-3:v1": lazy(() => import("./features/features-3")),
-  "features-4:v1": lazy(() => import("./features/features-4")),
-  "features-5:v1": lazy(() => import("./features/features-5")),
-  "features-6:v1": lazy(() => import("./features/features-6")),
-  "footer-1:v1": lazy(() => import("./footer/footer-1")),
-  "footer-2:v1": lazy(() => import("./footer/footer-2")),
-  "footer-3:v1": lazy(() => import("./footer/footer-3")),
-  "footer-4:v1": lazy(() => import("./footer/footer-4")),
-  "footer-5:v1": lazy(() => import("./footer/footer-5")),
-  "footer-6:v1": lazy(() => import("./footer/footer-6")),
-  "form-1:v1": lazy(() => import("./form/form-1")),
-  "filter-listing-1:v1": lazy(() => import("./filter-listing/filter-listing-1")),
-  "hero-1:v1": lazy(() => import("./hero/hero-1")),
-  "hero-2:v1": lazy(() => import("./hero/hero-2")),
-  "hero-3:v1": lazy(() => import("./hero/hero-3")),
-  "hero-4:v1": lazy(() => import("./hero/hero-4")),
-  "hero-5:v1": lazy(() => import("./hero/hero-5")),
-  "hero-6:v1": lazy(() => import("./hero/hero-6")),
-  "hero-7:v1": lazy(() => import("./hero/hero-7")),
-  "hero-8:v1": lazy(() => import("./hero/hero-8")),
-  "hero-9:v1": lazy(() => import("./hero/hero-9")),
-  "hero-10:v1": lazy(() => import("./hero/hero-10")),
-  "hero-11:v1": lazy(() => import("./hero/hero-11")),
-  "hero-12:v1": lazy(() => import("./hero/hero-12")),
-  "hero-13:v1": lazy(() => import("./hero/hero-13")),
-  "jobs-1:v1": lazy(() => import("./jobs/jobs-1")),
-  "logos-1:v1": lazy(() => import("./logos/logos-1")),
-  "navbar-1:v1": lazy(() => import("./navbar/navbar-1")),
-  "navbar-2:v1": lazy(() => import("./navbar/navbar-2")),
-  "navbar-3:v1": lazy(() => import("./navbar/navbar-3")),
-  "navbar-4:v1": lazy(() => import("./navbar/navbar-4")),
-  "pricing-1:v1": lazy(() => import("./pricing/pricing-1")),
-  "polling-1:v1": lazy(() => import("./polling/polling-1")),
-  "products-listing-1:v1": lazy(() => import("./products/products-listing-1")),
-  "products-listing-2:v1": lazy(() => import("./products/products-listing-2")),
-  "products-listing-3:v1": lazy(() => import("./products/products-listing-3")),
-  "stats-1:v1": lazy(() => import("./stats/stats-1")),
-  "stats-2:v1": lazy(() => import("./stats/stats-2")),
-  "team-1:v1": lazy(() => import("./team/team-1")),
-  "team-2:v1": lazy(() => import("./team/team-2")),
-  "team-3:v1": lazy(() => import("./team/team-3")),
-  "team-4:v1": lazy(() => import("./team/team-4")),
-  "team-5:v1": lazy(() => import("./team/team-5")),
+type BlockImportFn = () => Promise<{ default: ComponentType<any> }>;
 
-  "testimonial-1:v1": lazy(() => import("./testimonial/testimonial-1")),
-  "testimonial-2:v1": lazy(() => import("./testimonial/testimonial-2")),
-  "testimonial-3:v1": lazy(() => import("./testimonial/testimonial-3")),
-  "testimonial-4:v1": lazy(() => import("./testimonial/testimonial-4")),
-  "testimonial-5:v1": lazy(() => import("./testimonial/testimonial-5")),
-  "testimonial-6:v1": lazy(() => import("./testimonial/testimonial-6")),
-  "testimonial-7:v1": lazy(() => import("./testimonial/testimonial-7")),
-  "terms-and-conditions-1:v1": lazy(() => import("./termsAndPrivacy/terms-and-conditions-1")),
-  "carousel-1:v1": lazy(() => import("./carousel/carousel-1")),
-  "carousel-2:v1": lazy(() => import("./carousel/carousel-2")),
-  "profile-1:v1": lazy(() => import("./profile/profile-1")),
-  "profile-2:v1": lazy(() => import("./profile/profile-2")),
-  "profile-3:v1": lazy(() => import("./profile/profile-3")),
-  "profile-4:v1": lazy(() => import("./profile/profile-4")),
-  "profile-5:v1": lazy(() => import("./profile/profile-5")),
-  "edit-profile:v1": lazy(() => import("./users/edit-profile")),
-  "service-2:v1": lazy(() => import("./services/service-2")),
-  "service-3:v1": lazy(() => import("./services/service-3")),
-  "tab-1:v1": lazy(() => import("./tabs/tab-1")),
-  "tab-2:v1": lazy(() => import("./tabs/tab-2")),
-  "tab-3:v1": lazy(() => import("./tabs/tab-3")),
-  "service-1:v1": lazy(() => import("./services/service-1")),
-  "floating-button-1:v1": lazy(() => import("./floating-buttons/floating-button-1")),
+/** Raw dynamic import functions for every block. Single source of truth. */
+export const blockImports: Record<string, BlockImportFn> = {
+  "about-us-2:v1": () => import("./about-us/about-us-2"),
+  "about-us-1:v1": () => import("./about-us/about-us-1"),
+  "blog-listing-1:v1": () => import("./blogs/blog-listing-1"),
+  "blog-listing-2:v1": () => import("./blogs/blog-listing-2"),
+  "blog-listing-3:v1": () => import("./blogs/blog-listing-3"),
+  "blog-post-1:v1": () => import("./blogs/blog-post-1"),
+  "calendar-1:v1": () => import("./calendar/calendar-1"),
+  "community-1:v1": () => import("./community/community-1"),
+  "community-post-1:v1": () => import("./community/community-post-1"),
+  "cards-2:v1": () => import("./cards/cards-2"),
+  "cards-3:v1": () => import("./cards/cards-3"),
+  "cards-4:v1": () => import("./cards/cards-4"),
+  "cards-5:v1": () => import("./cards/cards-5"),
+  "cards-6:v1": () => import("./cards/cards-6"),
+  "cards-7:v1": () => import("./cards/cards-7"),
+  "cards-8:v1": () => import("./cards/cards-8"),
+  "cards-9:v1": () => import("./cards/cards-9"),
+  "cards-10:v1": () => import("./cards/cards-10"),
+  "cards-11:v1": () => import("./cards/cards-11"),
+  "cards-12:v1": () => import("./cards/cards-12"),
+  "cards-13:v1": () => import("./cards/cards-13"),
+  "cards-14:v1": () => import("./cards/cards-14"),
+  "cards-15:v1": () => import("./cards/cards-15"),
+  "cards-16:v1": () => import("./cards/cards-16"),
+  "cards-17:v1": () => import("./cards/cards-17"),
+  "cards-18:v1": () => import("./cards/cards-18"),
+  "cards-19:v1": () => import("./cards/cards-19"),
+  "cards-20:v1": () => import("./cards/cards-20"),
+  "cards-21:v1": () => import("./cards/cards-21"),
+  "cards-22:v1": () => import("./cards/cards-22"),
+  "cards-23:v1": () => import("./cards/cards-23"),
+  "contact-us-1:v1": () => import("./contact-us/contact-us-1"),
+  "contact-us-2:v1": () => import("./contact-us/contact-us-2"),
+  "content-1:v1": () => import("./content/content-1"),
+  "content-2:v1": () => import("./content/content-2"),
+  "content-3:v1": () => import("./content/content-3"),
+  "content-4:v1": () => import("./content/content-4"),
+  "content-5:v1": () => import("./content/content-5"),
+  "content-6:v1": () => import("./content/content-6"),
+  "content-7:v1": () => import("./content/content-7"),
+  "content-8:v1": () => import("./content/content-8"),
+  "content-9:v1": () => import("./content/content-9"),
+  "content-10:v1": () => import("./content/content-10"),
+  "timeline-1:v1": () => import("./timeline/timeline-1"),
+  "cta-1:v1": () => import("./cta/cta-1"),
+  "cta-2:v1": () => import("./cta/cta-2"),
+  "cta-3:v1": () => import("./cta/cta-3"),
+  "embed-1:v1": () => import("./embed/embed-1"),
+  "event-listing:v1": () => import("./event/event-listing"),
+  "event-listing-2:v1": () => import("./event/event-listing-2"),
+  "event-listing-3:v1": () => import("./event/event-listing-3"),
+  "event-listing-4:v1": () => import("./event/event-listing-4"),
+  "event-details:v1": () => import("./event/event-details"),
+  "faq-1:v1": () => import("./faq/faq-1"),
+  "faq-2:v1": () => import("./faq/faq-2"),
+  "faq-3:v1": () => import("./faq/faq-3"),
+  "features-1:v1": () => import("./features/features-1/features-1"),
+  "features-2:v1": () => import("./features/features-2"),
+  "features-3:v1": () => import("./features/features-3"),
+  "features-4:v1": () => import("./features/features-4"),
+  "features-5:v1": () => import("./features/features-5"),
+  "features-6:v1": () => import("./features/features-6"),
+  "footer-1:v1": () => import("./footer/footer-1"),
+  "footer-2:v1": () => import("./footer/footer-2"),
+  "footer-3:v1": () => import("./footer/footer-3"),
+  "footer-4:v1": () => import("./footer/footer-4"),
+  "footer-5:v1": () => import("./footer/footer-5"),
+  "footer-6:v1": () => import("./footer/footer-6"),
+  "form-1:v1": () => import("./form/form-1"),
+  "filter-listing-1:v1": () => import("./filter-listing/filter-listing-1"),
+  "hero-1:v1": () => import("./hero/hero-1"),
+  "hero-2:v1": () => import("./hero/hero-2"),
+  "hero-3:v1": () => import("./hero/hero-3"),
+  "hero-4:v1": () => import("./hero/hero-4"),
+  "hero-5:v1": () => import("./hero/hero-5"),
+  "hero-6:v1": () => import("./hero/hero-6"),
+  "hero-7:v1": () => import("./hero/hero-7"),
+  "hero-8:v1": () => import("./hero/hero-8"),
+  "hero-9:v1": () => import("./hero/hero-9"),
+  "hero-10:v1": () => import("./hero/hero-10"),
+  "hero-11:v1": () => import("./hero/hero-11"),
+  "hero-12:v1": () => import("./hero/hero-12"),
+  "hero-13:v1": () => import("./hero/hero-13"),
+  "jobs-1:v1": () => import("./jobs/jobs-1"),
+  "logos-1:v1": () => import("./logos/logos-1"),
+  "navbar-1:v1": () => import("./navbar/navbar-1"),
+  "navbar-2:v1": () => import("./navbar/navbar-2"),
+  "navbar-3:v1": () => import("./navbar/navbar-3"),
+  "navbar-4:v1": () => import("./navbar/navbar-4"),
+  "pricing-1:v1": () => import("./pricing/pricing-1"),
+  "polling-1:v1": () => import("./polling/polling-1"),
+  "products-listing-1:v1": () => import("./products/products-listing-1"),
+  "products-listing-2:v1": () => import("./products/products-listing-2"),
+  "products-listing-3:v1": () => import("./products/products-listing-3"),
+  "stats-1:v1": () => import("./stats/stats-1"),
+  "stats-2:v1": () => import("./stats/stats-2"),
+  "team-1:v1": () => import("./team/team-1"),
+  "team-2:v1": () => import("./team/team-2"),
+  "team-3:v1": () => import("./team/team-3"),
+  "team-4:v1": () => import("./team/team-4"),
+  "team-5:v1": () => import("./team/team-5"),
+  "testimonial-1:v1": () => import("./testimonial/testimonial-1"),
+  "testimonial-2:v1": () => import("./testimonial/testimonial-2"),
+  "testimonial-3:v1": () => import("./testimonial/testimonial-3"),
+  "testimonial-4:v1": () => import("./testimonial/testimonial-4"),
+  "testimonial-5:v1": () => import("./testimonial/testimonial-5"),
+  "testimonial-6:v1": () => import("./testimonial/testimonial-6"),
+  "testimonial-7:v1": () => import("./testimonial/testimonial-7"),
+  "terms-and-conditions-1:v1": () => import("./termsAndPrivacy/terms-and-conditions-1"),
+  "carousel-1:v1": () => import("./carousel/carousel-1"),
+  "carousel-2:v1": () => import("./carousel/carousel-2"),
+  "profile-1:v1": () => import("./profile/profile-1"),
+  "profile-2:v1": () => import("./profile/profile-2"),
+  "profile-3:v1": () => import("./profile/profile-3"),
+  "profile-4:v1": () => import("./profile/profile-4"),
+  "profile-5:v1": () => import("./profile/profile-5"),
+  "edit-profile:v1": () => import("./users/edit-profile"),
+  "service-2:v1": () => import("./services/service-2"),
+  "service-3:v1": () => import("./services/service-3"),
+  "tab-1:v1": () => import("./tabs/tab-1"),
+  "tab-2:v1": () => import("./tabs/tab-2"),
+  "tab-3:v1": () => import("./tabs/tab-3"),
+  "service-1:v1": () => import("./services/service-1"),
+  "floating-button-1:v1": () => import("./floating-buttons/floating-button-1"),
 };
+
+/**
+ * Wraps raw block import functions with a framework-specific loader.
+ *
+ * @example
+ * // Next.js (SSR-safe)
+ * import dynamic from "next/dynamic";
+ * const blocks = wrapBlocks(blockImports, dynamic);
+ *
+ * @example
+ * // React SPA
+ * import { lazy } from "react";
+ * const blocks = wrapBlocks(blockImports, lazy);
+ */
+export function wrapBlocks<T>(
+  imports: Record<string, BlockImportFn>,
+  wrapper: (loader: BlockImportFn) => T,
+): Record<string, T> {
+  return Object.fromEntries(Object.entries(imports).map(([key, loader]) => [key, wrapper(loader)]));
+}

package/src/index.ts

@@ -1,9 +1,8 @@
 import { blocksRegistry } from "@levo-so/studio";
 
-import * as components from "./blocks";
 import * as schemas from "./schemas";
 
-export { components };
+export { blockImports, wrapBlocks } from "./blocks";
 export { schemas };
 
 export const registerLibrary = () => {

package/src/schemas/blocks.ts

@@ -24,6 +24,11 @@ import { Cards15 } from "../blocks/cards/cards-15.schema";
 import { Cards16 } from "../blocks/cards/cards-16.schema";
 import { Cards17 } from "../blocks/cards/cards-17.schema";
 import { Cards18 } from "../blocks/cards/cards-18.schema";
+import { Cards19 } from "../blocks/cards/cards-19.schema";
+import { Cards20 } from "../blocks/cards/cards-20.schema";
+import { Cards21 } from "../blocks/cards/cards-21.schema";
+import { Cards22 } from "../blocks/cards/cards-22.schema";
+import { Cards23 } from "../blocks/cards/cards-23.schema";
 import { Carousel1 } from "../blocks/carousel/carousel-1.schema";
 import { Carousel2 } from "../blocks/carousel/carousel-2.schema";
 import { Community1 } from "../blocks/community/community-1.schema";
@@ -147,6 +152,11 @@ export const BlockList: IBlock[] = [
   Cards16,
   Cards17,
   Cards18,
+  Cards19,
+  Cards20,
+  Cards21,
+  Cards22,
+  Cards23,
   Carousel1,
   Carousel2,
   ContactUs1,