@eventcatalog/core 2.0.19 → 2.0.22

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @eventcatalog/core
 
+## 2.0.22
+
+### Patch Changes
+
+- 58a02a1: chore(core): removed console logs
+
+## 2.0.21
+
+### Patch Changes
+
+- 22e4b6d: fix(core): fixed issues with styling
+
+## 2.0.20
+
+### Patch Changes
+
+- 5de772b: fix(core): fixed typescript errors
+
 ## 2.0.19
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eventcatalog/core",
   "type": "module",
-  "version": "2.0.19",
+  "version": "2.0.22",
   "publishConfig": {
     "access": "public"
   },

package/src/components/DocsNavigation.astro

@@ -17,7 +17,8 @@ const users = await getUsers();
 
 const messages = [...events, ...commands];
 
-const allData = [ ...domains, ...services, ...messages, ...teams, ...users];
+// @ts-ignore for large catalogs https://github.com/event-catalog/eventcatalog/issues/552
+const allData = [...domains, ...services, ...messages, ...teams, ...users];
 
 const eventCatalogConfig = config as CatalogConfig;
 const { services: servicesConfig, domains: domainsConfig, messages: messagesConfig, teams: teamsConfig, users: usersConfig, showPageHeadings = true  } = eventCatalogConfig?.docs?.sidebar || {};
@@ -26,7 +27,7 @@ const getConfigValue = (obj: any, key:string, defaultValue: any) => {
   return obj?.[key] ?? defaultValue;
 }
 
-const visibleCollections = {
+const visibleCollections: {[key:string]: boolean} = {
   events: getConfigValue(messagesConfig, 'visible', true),
   commands: getConfigValue(messagesConfig, 'visible', true),
   domains: getConfigValue(domainsConfig, 'visible', true),
@@ -76,36 +77,36 @@ const currentPath = Astro.url.pathname;
 ---
 
 <div class="font-light w-full xl:pr-10 pb-20 ">
-    {
-      Object.keys(sideNav).map((key) => {
-        const collection = sideNav[key];
-        if(collection[0] && collection[0].visible === false) return null;
-        return (
-          <ul class=" w-full space-y-2 pb-8">
-            <li class="font-semibold capitalize ">{key}</li>
-            {collection.map((item: any) => {
-              return (
+  {
+    Object.keys(sideNav).map((key) => {
+      const collection = sideNav[key];
+      if(collection[0] && collection[0].visible === false) return null;
+      return (
+        <ul class=" w-full space-y-2 pb-8">
+          <li class="font-semibold capitalize ">{key}</li>
+          {collection.map((item: any) => {
+            return (
                 <li class="px-2 w-full text-md xl:text-lg border-l border-gray-200 space-y-2 scroll-m-20" id={item.href} >
                   <a class={`flex justify-between items-center w-full px-2 rounded-md font-normal ${currentPath.includes(item.href) ? 'bg-purple-200 text-purple-800 ' : 'font-thin'}`} href={`${item.href}`}>
-                    <span class="block">{item.label}</span>
+                  <span class="block">{item.label}</span>
                     {item.version && <span class="block text-sm bg-purple-100 p-0.5 px-1 text-gray-600  rounded-md font-light">v{item.version}</span>}
-                  </a>
-                  <ul class="hidden xl:block px-4  text-gray-500 text-md space-y-2  ">
-                    {item.items.map((heading: any) => {
-                      return (
-                        <li class="text-xs">
-                          <a href={`${item.href}/#${heading.slug}`}>{heading.text}</a>
-                        </li>
-                      );
-                    })}
-                  </ul>
-                </li>
-              );
-            })}
-          </ul>
-        );
-      })
-    }
+                </a>
+                <ul class="hidden xl:block px-4  text-gray-500 text-md space-y-2  ">
+                  {item.items.map((heading: any) => {
+                    return (
+                      <li class="text-xs">
+                        <a href={`${item.href}/#${heading.slug}`}>{heading.text}</a>
+                      </li>
+                    );
+                  })}
+                </ul>
+              </li>
+            );
+          })}
+        </ul>
+      );
+    })
+  }
 </div>
 
 <script>

package/src/components/MDX/Accordion/Accordion.astro

@@ -1,7 +1,6 @@
 ---
 import AccordionClient from './Accordion'
 const {...props } = Astro.props;
-console.log('props', props )
 ---
 
 <AccordionClient {...props} client:load> 

package/src/components/MDX/Accordion/AccordionGroup.astro

@@ -1,7 +1,4 @@
 ---
-import AccordionClient from './Accordion';
-const { ...props } = Astro.props;
-console.log('props', props);
 ---
 
 <div class="accordian-group border border-gray-200 rounded-md shadow-sm accordion my-2">

package/src/components/MDX/SchemaViewer/SchemaViewer.tsx

@@ -2,7 +2,6 @@ import { useEffect, useState } from 'react';
 
 // @ts-ignore
 import { JsonSchemaViewer } from '@stoplight/json-schema-viewer';
-import styles from './SchemaViewer.module.css';
 
 import '@stoplight/mosaic/styles.css';
 import { createPortal } from 'react-dom';
@@ -49,7 +48,6 @@ const SchemaViewer = ({
               defaultExpandedDepth={defaultExpandedDepth}
               renderRootTreeLines={renderRootTreeLines}
               hideExamples={hideExamples}
-              className={styles.schemaViewer}
             />
           </div>
         </section>,

package/src/layouts/VisualiserLayout.astro

@@ -11,8 +11,9 @@ import type { CollectionEntry } from 'astro:content';
 import { ViewTransitions } from 'astro:transitions';
 
 const [services, events, commands, domains] = await Promise.all([getServices(), getEvents(), getCommands(), getDomains()]);
-const navItems = [...domains, ...services, ...events, ...commands];
 
+// @ts-ignore for large catalogs https://github.com/event-catalog/eventcatalog/issues/552
+const navItems = [...domains, ...services, ...events, ...commands];
 
 const navigation = navItems.reduce((acc, item) => {
   //  @ts-ignore
@@ -41,13 +42,15 @@ const getColor = (collection: string) => {
       return 'gray';
   }
 };
-
 ---
 
 <PlainPage title={title} description={description}>
   <div class="flex min-h-full flex-row md:flex-col">
     <div class="mx-auto flex flex-col-reverse md:flex-row w-full items-start">
-      <aside class="md:sticky mt-14 md:mt-0 top-0 w-full md:w-60 xl:w-[19em] shrink-0 lg:block font-light pr-10" id="visualiser-navigation">
+      <aside
+        class="md:sticky mt-14 md:mt-0 top-0 w-full md:w-60 xl:w-[19em] shrink-0 lg:block font-light pr-10"
+        id="visualiser-navigation"
+      >
         {
           Object.keys(navigation).map((key: any) => {
             const items = navigation[key].map((item: any) => {
@@ -57,15 +60,23 @@ const getColor = (collection: string) => {
                 version: item.data.version,
                 color: getColor(item.collection),
                 href: buildUrl(`/visualiser/${item.collection}/${item.data.id}/${item.data.version}`),
-                active: isCurrent
-              }
+                active: isCurrent,
+              };
             });
-            return <BasicList title={`${key} (${navigation[key].length})`} items={items} emptyMessage='Nothing to show' color="gray" client:load />
+            return (
+              <BasicList
+                title={`${key} (${navigation[key].length})`}
+                items={items}
+                emptyMessage="Nothing to show"
+                color="gray"
+                client:load
+              />
+            );
           })
         }
       </aside>
 
-      <main class="flex-1 h-full w-full " >
+      <main class="flex-1 h-full w-full">
         <slot />
       </main>
     </div>

package/src/pages/visualiser/[type]/[id]/[version]/index.astro

@@ -31,8 +31,6 @@ export async function getStaticPaths() {
 
 const props = Astro.props;
 
-console.log('TEST');
-
 const {
   data: { id },
   collection,

package/src/pages/visualiser/index.astro

@@ -11,8 +11,6 @@ import Layout from '../../layouts/VisualiserLayout.astro'
     // Find the total anchor links
     const totalAnchorLinks = document.getElementById('visualiser-navigation').querySelectorAll('a');
 
-    console.log('totalAnchorLinks.length', totalAnchorLinks.length)
-
     // Show no-items if there are none
     if(totalAnchorLinks.length === 0) {
         document.querySelector('.no-items').classList.remove('hidden');

package/src/components/MDX/SchemaViewer/SchemaViewer.module.css

@@ -1,9 +0,0 @@
-/* Custom styling for the schema viewer */
-.schemaViewer :global(.svg-inline--fa) {
-  width: 1.25em;
-  height: 1em;
-}
-
-.schemaViewer p, span {
-  color: rgb(111, 111, 111) !important;
-}