dynamic-zone 1.0.0

package/README.md

@@ -0,0 +1 @@
+# Dynamic-zone package

package/index.js

@@ -0,0 +1,95 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+
+const basePath = process.cwd();
+
+// Paths
+const cmsPath = path.join(basePath, "cms");
+const componentsPath = path.join(cmsPath, "components");
+const dynamicZonePath = path.join(cmsPath, "dynamic-zone");
+
+// Create folders
+[cmsPath, componentsPath, dynamicZonePath].forEach((dir) => {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir);
+    console.log("✅ Created:", dir);
+  }
+});
+
+// File content
+const fileContent = `import dynamic from "next/dynamic";
+import { Suspense } from "react";
+
+type SectionContentType = {
+  sections: { __component: string }[];
+};
+type SectionType = NonNullable<SectionContentType["sections"][number]>;
+
+interface Props {
+  sections?: unknown;
+  slug?: string;
+}
+
+type ComponentMapType = React.ComponentType<{
+  index?: number;
+  content?: unknown;
+}>;
+
+const dynamicImport = (path: string) =>
+  dynamic(() => import(\`../components/\${path}\`), {
+    loading: () => <div>Loading...</div>,
+  });
+
+const componentMap: { [key: string]: ComponentMapType } = {};
+
+export default function SectionRenderer({ sections, slug }: Props) {
+  if (!sections) return null;
+
+  if (Array.isArray(sections) && sections.length === 0) {
+    return (
+      <div className="w-full px-2 md:px-4 py-4">
+        No Sections Found for {slug}
+      </div>
+    );
+  }
+
+  const renderSection = (section: SectionType, index: number) => {
+    const sectionType = section.__component?.split(".")[1]?.replace(/-/g, "_");
+    const Component = componentMap[sectionType];
+
+    if (!Component) {
+      return (
+        <div className="w-full" key={index}>
+          No Section Found {sectionType}
+        </div>
+      );
+    }
+
+    return (
+      <div key={index}>
+        <Suspense fallback={<div>Loading...</div>}>
+          <Component index={index} content={section} />
+        </Suspense>
+      </div>
+    );
+  };
+
+  return (
+    <div className="flex flex-col">
+      {(sections || []).map(renderSection)}
+    </div>
+  );
+}
+`;
+
+// Create file
+const filePath = path.join(dynamicZonePath, "section-renderer.tsx");
+
+if (!fs.existsSync(filePath)) {
+  fs.writeFileSync(filePath, fileContent);
+  console.log("📄 Created file:", filePath);
+} else {
+  console.log("⚠️ File already exists:", filePath);
+}

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "dynamic-zone",
+  "version": "1.0.0",
+  "description": "dynamic zone for cms platforms",
+  "keywords": [
+    "dynamic-zone"
+  ],
+  "license": "ISC",
+  "author": "Web Dev Simplified",
+  "type": "commonjs",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}