Merge pull request #14 from Altroleum/crud-operations

handle join table code generation

Author: charliecooper45

app/project/Hook/Hook.tsx

@@ -1,14 +1,36 @@
 import type { Metadata } from "../Hooks";
 import Usage from "../Usage";
-import RunHookButton from "./RunHookButton";
+import RunHook from "./RunHook";
+
+const parseTextClass = (entityType: "TABLE" | "JOIN_TABLE" | "VIEW") => {
+  if (entityType === "TABLE") {
+    return "text-brand-green";
+  }
+
+  if (entityType === "JOIN_TABLE") {
+    return "text-brand-blue";
+  }
+
+  return "text-brand-lavender";
+};
+
+const parseBackgroundClass = (entityType: "TABLE" | "JOIN_TABLE" | "VIEW") => {
+  if (entityType === "TABLE") {
+    return "bg-brand-green";
+  }
+
+  if (entityType === "JOIN_TABLE") {
+    return "bg-brand-blue";
+  }
+
+  return "bg-brand-lavender";
+};
 
 export default function Hook({ hookMetadata }: { hookMetadata: Metadata }) {
-  const { name, entity, location } = hookMetadata;
+  const { name, entityType, location } = hookMetadata;
 
-  const textClass =
-    entity === "TABLE" ? "text-brand-green" : "text-brand-lavender";
-  const backgroundClass =
-    entity === "TABLE" ? "bg-brand-green" : "bg-brand-lavender";
+  const textClass = parseTextClass(entityType);
+  const backgroundClass = parseBackgroundClass(entityType);
 
   return (
     <div className="w-full text-sm rounded-md border py-4 px-4">
@@ -18,13 +40,13 @@ export default function Hook({ hookMetadata }: { hookMetadata: Metadata }) {
         </div>
         <div className="flex items-center justify-end basis-[150px]">
           <span className={`rounded-lg px-2 py-1 text-xs ${backgroundClass}`}>
-            {entity}
+            {entityType.replace("_", " ")}
           </span>
         </div>
       </div>
       <code className="text-xs font-mono">{location}</code>
       <Usage hookMetadata={hookMetadata} />
-      <RunHookButton hookMetadata={hookMetadata} />
+      <RunHook hookMetadata={hookMetadata} />
     </div>
   );
 }

app/project/Hook/RunHook.tsx

@@ -1,15 +1,30 @@
+"use client";
+
 import { useState } from "react";
 import type { Metadata } from "../Hooks";
 
+const parseDir = (entityType: "TABLE" | "VIEW" | "JOIN_TABLE") => {
+  if (entityType === "TABLE") {
+    return "tables";
+  }
+
+  if (entityType === "JOIN_TABLE") {
+    return "joinTables";
+  }
+
+  return "views";
+};
+
 export default function RunHook({ hookMetadata }: { hookMetadata: Metadata }) {
   const [isError, setIsError] = useState(false);
 
   let Component = () => null;
   if (!isError) {
     try {
       const sanitisedName = hookMetadata.name.replace("use", "");
-      Component =
-        require(`@/__backengine__/components/${sanitisedName}`).default;
+      Component = require(`@/__backengine__/components/${parseDir(
+        hookMetadata.entityType
+      )}/${sanitisedName}`).default;
     } catch {
       setIsError(true);
     }

app/project/Hook/RunHookButton.tsx

@@ -6,7 +6,8 @@ export type Metadata = {
   name: string;
   location: string;
   type: string;
-  entity: "TABLE" | "VIEW";
+  entityType: "TABLE" | "JOIN_TABLE" | "VIEW";
+  entityName: string;
   usage: string;
 };
 

app/project/Hooks.tsx

@@ -18,7 +18,7 @@
     "typescript": "5.1.3"
   },
   "devDependencies": {
-    "@backengine/codegen": "^1.0.10",
+    "@backengine/codegen": "^2.0.0",
     "@types/node": "20.3.1",
     "@types/react": "18.2.12",
     "@types/react-dom": "18.2.5",