feat: initial commit

frontend/src/components/visual-editor/form/BlockFormProvider.tsx

@@ -0,0 +1,38 @@
+/*
+ * Copyright © 2024 Hexastack. All rights reserved.
+ *
+ * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
+ * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
+ * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
+ * 3. SaaS Restriction: This software, or any derivative of it, may not be used to offer a competing product or service (SaaS) without prior written consent from Hexastack. Offering the software as a service or using it in a commercial cloud environment without express permission is strictly prohibited.
+ */
+
+import { createContext, ReactNode, useContext } from "react";
+import { FormProvider, UseFormReturn } from "react-hook-form";
+
+import { IBlockAttributes, IBlock } from "@/types/block.types";
+
+// Create a custom context for the block value
+const BlockContext = createContext<IBlock | undefined>(undefined);
+
+// Custom hook to use block context
+export const useBlock = () => useContext(BlockContext);
+
+// This component wraps FormProvider and adds block to its context
+function BlockFormProvider({
+  children,
+  methods,
+  block,
+}: {
+  methods: UseFormReturn<IBlockAttributes, any, undefined>;
+  block: IBlock | undefined;
+  children: ReactNode;
+}) {
+  return (
+    <FormProvider {...methods}>
+      <BlockContext.Provider value={block}>{children}</BlockContext.Provider>
+    </FormProvider>
+  );
+}
+
+export default BlockFormProvider;