@eventcatalog/core 2.2.3 → 2.2.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @eventcatalog/core
 
+## 2.2.5
+
+### Patch Changes
+
+- edd58a6: fix(core): enforce the leading slash to the logo
+- 269aef9: fix(core): fixed url paths for EC assets
+
+## 2.2.4
+
+### Patch Changes
+
+- 34fa215: fix(core): now word wrapping code blocks by default in markdown files so not to break the layout of the page
+
 ## 2.2.3
 
 ### Patch Changes

package/astro.config.mjs

@@ -33,6 +33,10 @@ export default defineConfig({
     tailwind(),
     expressiveCode({
       themes: ['github-light'],
+      defaultProps: {
+        // Enable word wrap by default
+        wrap: true,
+      },
     }),
     
     mdx({

package/package.json

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

package/src/components/Header.astro

@@ -21,7 +21,7 @@ const navItems = [
 ];
 
 const logo = {
-  src: catalog?.logo?.src || '/logo.png',
+  src: ('/' + (catalog?.logo?.src || 'logo.png')).replace(/^\/+/, '/'), // replace the leading slashes with a single one
   alt: catalog?.logo?.alt || 'Event Catalog',
   text: catalog?.logo?.text || "EventCatalog"
 }

package/src/components/Seo.astro

@@ -31,7 +31,7 @@ if (typeof _image === 'string') {
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <meta name="viewport" content="width=device-width" />
-<link rel="icon" type="image/svg+xml" href={buildUrl('/favicon.ico')} />
+<link rel="icon" type="image/svg+xml" href={buildUrl('/favicon.ico', true)} />
 
 <SEO
 	title={title}

package/src/components/SideBars/MessageSideBar.astro

@@ -59,7 +59,7 @@ const schemaURL = path.join(publicPath, schemaFilePath || '')
       {
         message?.data?.schemaPath && (
           <a
-            href={schemaURL}
+            href={buildUrl(schemaURL, true)}
             download={`${message.data.name}(${message.data.version})-${schemaFilePath}`}
             class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"
           >

package/src/components/SideBars/ServiceSideBar.astro

@@ -60,7 +60,7 @@ const schemaURL = join(publicPath, schemaFilePath || '')
       {
         service?.data?.schemaPath && (
           <a
-            href={schemaURL}
+            href={buildUrl(schemaURL, true)}
             download={`${service.data.name}(${service.data.version})-${schemaFilePath}`}
             class="hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900"
           >

package/src/layouts/CustomDocsPageLayout.astro

@@ -15,7 +15,7 @@ import { buildUrl } from '@utils/url-builder';
     <meta charset="UTF-8" />
     <meta name="description" content="Astro description" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/svg+xml" href={buildUrl('/favicon.ico')} />
+    <link rel="icon" type="image/svg+xml" href={buildUrl('/favicon.ico', true)} />
     <meta name="generator" content={Astro.generator} />
     <title>EventCatalog</title>
   </head>

package/src/layouts/Footer.astro

@@ -1,11 +1,13 @@
 ---
+import { buildUrl } from "@utils/url-builder"
+
 ---
 
 <footer class="py-4 space-y-8 border-t border-gray-300">
   <div class="flex justify-between items-center py-8 text-gray-500 text-sm font-light">
     <div class="flex space-x-5">
-      <a href="https://github.com/event-catalog/eventcatalog" target="_blank"><svg class="w-5 h-5 bg-gray-400  hover:bg-purple-500 dark:hover:bg-gray-400" style="mask-image: url(&quot;/icons/github.svg&quot;); mask-repeat: no-repeat; mask-position: center center;"></svg></a>
-      <a href="https://x.com/event_catalog" target="_blank"><span class="sr-only">x</span><svg class="w-5 h-5 bg-gray-400  hover:bg-purple-500 dark:hover:bg-gray-400" style="mask-image: url(&quot;/icons/x-twitter.svg&quot;); mask-repeat: no-repeat; mask-position: center center;"></svg></a>
+      <a href="https://github.com/event-catalog/eventcatalog" target="_blank"><svg class="w-5 h-5 bg-gray-400  hover:bg-purple-500 dark:hover:bg-gray-400" style={`mask-image: url("${buildUrl('/icons/github.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}></svg></a>
+      <a href="https://x.com/event_catalog" target="_blank"><span class="sr-only">x</span><svg class="w-5 h-5 bg-gray-400  hover:bg-purple-500 dark:hover:bg-gray-400" style={`mask-image: url("${buildUrl('/icons/x-twitter.svg', true)}"); mask-repeat: no-repeat; mask-position: center center;`}></svg></a>
     </div>
     <a target="_blank" class="hover:text-purple-500 hover:underline text-gray-400 font-light not-prose" href="https://eventcatalog.dev">Powered by EventCatalog</a>
   </div>

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

@@ -10,6 +10,7 @@ import { getDomains } from '@utils/domains/domains';
 import type { CollectionTypes } from '@types';
 import PlainPage from '@layouts/PlainPage.astro';
 import { DocumentMinusIcon } from '@heroicons/react/24/outline';
+import { buildUrl } from '@utils/url-builder';
 
 export async function getStaticPaths() {
   const events = await getEvents();
@@ -42,22 +43,18 @@ const fileExists = fs.existsSync(pathOnDisk);
 ---
 
 <PlainPage title="OpenAPI Spec">
-  <!-- {fileExists && <div>Here</div>} -->
   {
-    !fileExists && (
+    !fileExists ? (
       <div class="text-center h-screen  flex flex-col justify-center ">
-       <DocumentMinusIcon className="mx-auto h-12 w-12 text-gray-400" />
+        <DocumentMinusIcon className="mx-auto h-12 w-12 text-gray-400" />
         <h3 class="mt-2 text-sm font-semibold text-gray-900">No OpenAPI spec file found</h3>
-        <p class="mt-1 text-xs text-gray-400">Could not find OpenAPI file for {data.name} in {`/${catalog.path}`}</p>
-        
+        <p class="mt-1 text-xs text-gray-400">
+          Could not find OpenAPI file for {data.name} in {`/${catalog.path}`}
+        </p>
       </div>
-    )
-  }
-
-  {
-    fileExists && (
+    ) : (
       <rapi-doc
-        spec-url={pathToSpec}
+        spec-url={buildUrl(pathToSpec, true)}
         render-style="table"
         show-header="false"
         allow-authentication="false"