@eventcatalog/core 2.0.20 → 2.0.23

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @eventcatalog/core
 
+## 2.0.23
+
+### Patch Changes
+
+- 66a764c: fix(core: fixed additional ts errors)
+
+## 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

package/global.d.ts

@@ -0,0 +1,7 @@
+declare global {
+  interface Window {
+    eventcatalog: any;
+  }
+}
+
+export {};

package/package.json

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

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/pages/docs/[type]/[id]/[version]/index.astro

@@ -180,6 +180,7 @@ const badges = [
   // Fix to pass information to componets that are client side only
   // and require catalog information
   window.eventcatalog = {};
+  // @ts-ignore
   window.eventcatalog[`${props.collection}-${props.data.id}`] = props.catalog;
 </script>
 

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

@@ -1,25 +1,30 @@
 ---
-import Layout from '../../layouts/VisualiserLayout.astro'
+import Layout from '../../layouts/VisualiserLayout.astro';
 ---
 
 <Layout>
-    <div class="hidden no-items py-56 text-center -ml-52 text-gray-400">No data loaded into your catalog. Please add some data to your to see visuals.</div>
+  <div class="hidden no-items py-56 text-center -ml-52 text-gray-400">
+    No data loaded into your catalog. Please add some data to your to see visuals.
+  </div>
 </Layout>
 
 <script is:inline>
+  const navigationElem = document.getElementById('visualiser-navigation');
 
+  if (navigationElem) {
     // Find the total anchor links
-    const totalAnchorLinks = document.getElementById('visualiser-navigation').querySelectorAll('a');
-
-    console.log('totalAnchorLinks.length', totalAnchorLinks.length)
+    const totalAnchorLinks = navigationElem.querySelectorAll('a');
+    const link = navigationElem.querySelector('a');
+    const noItems = document.querySelector('.no-items');
 
     // Show no-items if there are none
-    if(totalAnchorLinks.length === 0) {
-        document.querySelector('.no-items').classList.remove('hidden');
+    if (totalAnchorLinks.length === 0 && noItems) {
+      noItems.classList.remove('hidden');
     }
 
     // Find the element with the id visualiser-navigation and the first a link in there and click it
-    if(document.getElementById('visualiser-navigation').querySelector('a')){
-        document.getElementById('visualiser-navigation').querySelector('a').click();
+    if (link) {
+      link.click();
     }
-</script>
+  }
+</script>

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;
-}