@eventcatalog/core 2.64.0 → 2.64.1

package/dist/analytics/analytics.cjs

@@ -37,7 +37,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.64.0";
+var version = "2.64.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-6AMZOBWI.js";
-import "../chunk-CWGFHLMX.js";
+} from "../chunk-SH6FZS4K.js";
+import "../chunk-LCBQ5JUR.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -106,7 +106,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.64.0";
+var version = "2.64.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-PLMTJHGH.js";
-import "../chunk-6AMZOBWI.js";
-import "../chunk-CWGFHLMX.js";
+} from "../chunk-AHJ4UE33.js";
+import "../chunk-SH6FZS4K.js";
+import "../chunk-LCBQ5JUR.js";
 import "../chunk-UPONRQSN.js";
 export {
   log_build_default as default

package/dist/{chunk-PLMTJHGH.js → chunk-AHJ4UE33.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-6AMZOBWI.js";
+} from "./chunk-SH6FZS4K.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-CWGFHLMX.js → chunk-LCBQ5JUR.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "2.64.0";
+var version = "2.64.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/{chunk-6AMZOBWI.js → chunk-SH6FZS4K.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-CWGFHLMX.js";
+} from "./chunk-LCBQ5JUR.js";
 
 // src/analytics/analytics.js
 import axios from "axios";

package/dist/constants.cjs

@@ -25,7 +25,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 
 // package.json
-var version = "2.64.0";
+var version = "2.64.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-CWGFHLMX.js";
+} from "./chunk-LCBQ5JUR.js";
 export {
   VERSION
 };

package/dist/eventcatalog.cjs

@@ -157,7 +157,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.64.0";
+var version = "2.64.1";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-PLNJC7NZ.js";
 import {
   log_build_default
-} from "./chunk-PLMTJHGH.js";
-import "./chunk-6AMZOBWI.js";
+} from "./chunk-AHJ4UE33.js";
+import "./chunk-SH6FZS4K.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
@@ -15,7 +15,7 @@ import {
 import "./chunk-55D645EH.js";
 import {
   VERSION
-} from "./chunk-CWGFHLMX.js";
+} from "./chunk-LCBQ5JUR.js";
 import {
   getProjectOutDir,
   isAuthEnabled,

package/eventcatalog/src/components/SchemaExplorer/AvroSchemaViewer.tsx

@@ -6,6 +6,7 @@ interface AvroSchemaViewerProps {
   maxHeight?: string;
   expand?: boolean | string;
   search?: boolean | string;
+  showRequired?: boolean | string;
   onOpenFullscreen?: () => void;
 }
 
@@ -13,6 +14,7 @@ interface AvroFieldProps {
   field: any;
   level: number;
   expand: boolean;
+  showRequired?: boolean;
 }
 
 // Format Avro type for display
@@ -56,11 +58,38 @@ function hasNestedFields(type: any): boolean {
   return false;
 }
 
+// Check if a field is required (not optional)
+// A field is optional if:
+// - It has a default value, OR
+// - Its type is null or includes null in a union
+function isFieldRequired(field: any): boolean {
+  // If field has a default value, it's optional
+  if ('default' in field) {
+    return false;
+  }
+
+  const fieldType = field.type;
+
+  // If type is null, field is optional
+  if (fieldType === 'null') {
+    return false;
+  }
+
+  // If type is a union (array), check if it includes null
+  if (Array.isArray(fieldType)) {
+    return !fieldType.includes('null');
+  }
+
+  // Otherwise, field is required
+  return true;
+}
+
 // AvroField component - displays a single field with nested support
-const AvroField = ({ field, level, expand }: AvroFieldProps) => {
+const AvroField = ({ field, level, expand, showRequired }: AvroFieldProps) => {
   const [isExpanded, setIsExpanded] = useState(expand);
   const hasNested = hasNestedFields(field.type);
   const indentClass = `pl-${level * 4}`;
+  const isRequired = showRequired ? isFieldRequired(field) : undefined;
 
   useEffect(() => {
     setIsExpanded(expand);
@@ -84,9 +113,12 @@ const AvroField = ({ field, level, expand }: AvroFieldProps) => {
 
         {/* Field details */}
         <div className="flex-grow">
-          <div className="flex items-baseline gap-2 flex-wrap">
-            <span className="avro-field-name font-semibold text-gray-800 text-sm">{field.name}</span>
-            <span className="text-purple-600 font-mono text-xs">{formatAvroType(field.type)}</span>
+          <div className="flex justify-between items-baseline">
+            <div>
+              <span className="avro-field-name font-semibold text-gray-800 text-sm">{field.name}</span>
+              <span className="ml-1.5 text-purple-600 font-mono text-xs">{formatAvroType(field.type)}</span>
+            </div>
+            {showRequired && isRequired && <span className="text-red-600 text-xs ml-3 flex-shrink-0">required</span>}
           </div>
 
           {field.doc && <p className="text-gray-600 text-xs mt-1">{field.doc}</p>}
@@ -107,7 +139,13 @@ const AvroField = ({ field, level, expand }: AvroFieldProps) => {
           {hasNested && (
             <div className={`avro-nested-content mt-2 ${!isExpanded ? 'hidden' : ''}`}>
               {field.type.fields.map((nestedField: any) => (
-                <AvroField key={nestedField.name} field={nestedField} level={level + 1} expand={expand} />
+                <AvroField
+                  key={nestedField.name}
+                  field={nestedField}
+                  level={level + 1}
+                  expand={expand}
+                  showRequired={showRequired}
+                />
               ))}
             </div>
           )}
@@ -124,10 +162,12 @@ export default function AvroSchemaViewer({
   maxHeight,
   expand = false,
   search = true,
+  showRequired = false,
   onOpenFullscreen,
 }: AvroSchemaViewerProps) {
   const expandBool = expand === true || expand === 'true';
   const searchBool = search !== false && search !== 'false';
+  const showRequiredBool = showRequired === true || showRequired === 'true';
 
   const [searchQuery, setSearchQuery] = useState('');
   const [expandAll, setExpandAll] = useState(expandBool);
@@ -374,7 +414,9 @@ export default function AvroSchemaViewer({
       {/* Fields */}
       <div ref={fieldsContainerRef} className="flex-1 px-4 pb-4 overflow-auto">
         {schema.fields && schema.fields.length > 0 ? (
-          schema.fields.map((field: any) => <AvroField key={field.name} field={field} level={0} expand={expandAll} />)
+          schema.fields.map((field: any) => (
+            <AvroField key={field.name} field={field} level={0} expand={expandAll} showRequired={showRequiredBool} />
+          ))
         ) : (
           <div className="text-center py-8 text-gray-400">
             <p className="text-sm">No fields defined</p>

package/eventcatalog/src/components/SchemaExplorer/SchemaContentViewer.tsx

@@ -15,6 +15,7 @@ interface SchemaContentViewerProps {
   parsedSchema: any;
   parsedAvroSchema?: any;
   onOpenFullscreen?: () => void;
+  showRequired?: boolean;
 }
 
 export default function SchemaContentViewer({
@@ -24,6 +25,7 @@ export default function SchemaContentViewer({
   viewMode,
   parsedSchema,
   parsedAvroSchema,
+  showRequired = false,
   onOpenFullscreen,
 }: SchemaContentViewerProps) {
   if (!message.schemaContent) {
@@ -37,7 +39,7 @@ export default function SchemaContentViewer({
   // Render schema viewer based on schema type
   if (viewMode === 'schema') {
     if (parsedAvroSchema) {
-      return <AvroSchemaViewer schema={parsedAvroSchema} onOpenFullscreen={onOpenFullscreen} />;
+      return <AvroSchemaViewer schema={parsedAvroSchema} onOpenFullscreen={onOpenFullscreen} showRequired={showRequired} />;
     }
     if (parsedSchema) {
       return <JSONSchemaViewer schema={parsedSchema} onOpenFullscreen={onOpenFullscreen} />;

package/eventcatalog/src/components/SchemaExplorer/SchemaDetailsPanel.tsx

@@ -190,6 +190,7 @@ export default function SchemaDetailsPanel({
             viewMode={schemaViewMode}
             parsedSchema={parsedSchema}
             parsedAvroSchema={parsedAvroSchema}
+            showRequired={true}
             onOpenFullscreen={
               schemaViewMode === 'code'
                 ? () => setIsCodeModalOpen(true)

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.64.0",
+  "version": "2.64.1",
   "publishConfig": {
     "access": "public"
   },