@nextbridgehq/payload-block-builder 0.1.1 → 0.1.3

package/README.md

@@ -37,6 +37,8 @@ export default buildConfig({
 
 ```tsx
 // app/block-builder/page.tsx
+'use client'
+
 import { BuilderShell } from '@nextbridgehq/payload-block-builder/client'
 import '@nextbridgehq/payload-block-builder/builder.css'
 

package/dist/client.cjs

@@ -1,3 +1,4 @@
+'use client'
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -29,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/client.ts
 var client_exports = {};
 __export(client_exports, {
+  BlockBuilderNavLink: () => BlockBuilderNavLink,
   BlockDataField: () => BlockDataField,
   BuilderShell: () => BuilderShell,
   EditInBuilderButton: () => EditInBuilderButton,
@@ -2445,8 +2447,37 @@ function BuilderShell({ loadSlug }) {
     label
   ))));
 }
+
+// src/components/BlockBuilderNavLink/index.tsx
+var import_react17 = __toESM(require("react"), 1);
+var import_link = __toESM(require("next/link"), 1);
+function BlockBuilderNavLink() {
+  return /* @__PURE__ */ import_react17.default.createElement("div", { style: { padding: "0 16px", marginTop: "8px" } }, /* @__PURE__ */ import_react17.default.createElement(
+    import_link.default,
+    {
+      href: "/block-builder",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: "8px 12px",
+        borderRadius: "6px",
+        border: "1px solid #16a34a",
+        color: "#16a34a",
+        textDecoration: "none",
+        fontSize: "13px",
+        fontWeight: 500,
+        transition: "background 0.15s"
+      }
+    },
+    "Block Builder"
+  ));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  BlockBuilderNavLink,
   BlockDataField,
   BuilderShell,
   EditInBuilderButton,

package/dist/client.d.cts

@@ -17,4 +17,6 @@ type Props = {
 };
 declare function BuilderShell({ loadSlug }: Props): React.JSX.Element;
 
-export { BlockDataField, BuilderShell, EditInBuilderButton, SchemaBuilderField };
+declare function BlockBuilderNavLink(): React.JSX.Element;
+
+export { BlockBuilderNavLink, BlockDataField, BuilderShell, EditInBuilderButton, SchemaBuilderField };

package/dist/client.d.ts

@@ -17,4 +17,6 @@ type Props = {
 };
 declare function BuilderShell({ loadSlug }: Props): React.JSX.Element;
 
-export { BlockDataField, BuilderShell, EditInBuilderButton, SchemaBuilderField };
+declare function BlockBuilderNavLink(): React.JSX.Element;
+
+export { BlockBuilderNavLink, BlockDataField, BuilderShell, EditInBuilderButton, SchemaBuilderField };

package/dist/client.js

@@ -1,3 +1,5 @@
+'use client'
+
 // src/components/BlockDataField/index.tsx
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { useField, useFormFields, useListDrawer } from "@payloadcms/ui";
@@ -2432,7 +2434,36 @@ function BuilderShell({ loadSlug }) {
     label
   ))));
 }
+
+// src/components/BlockBuilderNavLink/index.tsx
+import React17 from "react";
+import Link2 from "next/link";
+function BlockBuilderNavLink() {
+  return /* @__PURE__ */ React17.createElement("div", { style: { padding: "0 16px", marginTop: "8px" } }, /* @__PURE__ */ React17.createElement(
+    Link2,
+    {
+      href: "/block-builder",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: "8px 12px",
+        borderRadius: "6px",
+        border: "1px solid #16a34a",
+        color: "#16a34a",
+        textDecoration: "none",
+        fontSize: "13px",
+        fontWeight: 500,
+        transition: "background 0.15s"
+      }
+    },
+    "Block Builder"
+  ));
+}
 export {
+  BlockBuilderNavLink,
   BlockDataField,
   BuilderShell,
   EditInBuilderButton,

package/dist/index.cjs

@@ -1138,6 +1138,16 @@ var dynamicBlocksPlugin = (options = {}) => {
     } = options;
     if (!enabled) return incomingConfig;
     const config = { ...incomingConfig };
+    config.admin = {
+      ...config.admin,
+      components: {
+        ...config.admin?.components,
+        afterNavLinks: [
+          ...config.admin?.components?.afterNavLinks ?? [],
+          "@nextbridgehq/payload-block-builder/client#BlockBuilderNavLink"
+        ]
+      }
+    };
     config.collections = [
       ...config.collections ?? [],
       BlockDefinitions,

package/dist/index.js

@@ -1110,6 +1110,16 @@ var dynamicBlocksPlugin = (options = {}) => {
     } = options;
     if (!enabled) return incomingConfig;
     const config = { ...incomingConfig };
+    config.admin = {
+      ...config.admin,
+      components: {
+        ...config.admin?.components,
+        afterNavLinks: [
+          ...config.admin?.components?.afterNavLinks ?? [],
+          "@nextbridgehq/payload-block-builder/client#BlockBuilderNavLink"
+        ]
+      }
+    };
     config.collections = [
       ...config.collections ?? [],
       BlockDefinitions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextbridgehq/payload-block-builder",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Block Builder for Payload CMS",
   "keywords": ["payload", "payload-plugin", "cms", "block-builder", "dynamic-blocks"],
   "homepage": "https://github.com/nextbridgehq/block-builder",