feat(visualizer): display field not_null marker

Display not_null marker for not_null fields

Author: BOCOVO

packages/json-table-schema-visualizer/src/components/Table.tsx

@@ -26,6 +26,7 @@ import { tableCoordsStore } from "@/stores/tableCoords";
 import { useTableDetailLevel } from "@/hooks/tableDetailLevel";
 import { TableDetailLevel } from "@/types/tableDetailLevel";
 import { filterByDetailLevel } from "@/utils/filterByDetailLevel";
+import computeFieldDisplayTypeName from "@/utils/getFieldType";
 
 interface TableProps extends JSONTableTable {}
 
@@ -110,7 +111,7 @@ const Table = ({ fields, name }: TableProps) => {
               colName={field.name}
               tableName={name}
               isEnum={field.type.is_enum}
-              type={field.type.type_name}
+              type={computeFieldDisplayTypeName(field)}
               isPrimaryKey={field.pk}
               offsetY={index * COLUMN_HEIGHT}
               relationalTables={field.relational_tables}

packages/json-table-schema-visualizer/src/utils/getFieldType.ts

@@ -0,0 +1,10 @@
+import type { JSONTableField } from "shared/types/tableSchema";
+
+const computeFieldDisplayTypeName = (field: JSONTableField): string => {
+  if (field.not_null === true) {
+    return `${field.type.type_name} (!)`;
+  }
+  return field.type.type_name;
+};
+
+export default computeFieldDisplayTypeName;

packages/json-table-schema-visualizer/src/utils/tableWComputation/getTableLinesText.ts

@@ -1,10 +1,12 @@
 import { type JSONTableTable } from "shared/types/tableSchema";
 
+import computeFieldDisplayTypeName from "../getFieldType";
+
 export const getTableLinesText = (
   fields: JSONTableTable["fields"],
 ): string[] => {
   const stringColsNames = fields.map(
-    (field) => `${field.name} ${field.type.type_name}`,
+    (field) => `${field.name} ${computeFieldDisplayTypeName(field)}`,
   );
 
   return stringColsNames;