npm - @eventcatalog/core - Versions diffs - 0.1.18 → 0.1.19 - Mend

@eventcatalog/core 0.1.18 → 0.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/pages/_app.tsx CHANGED Viewed

@@ -1,42 +1,64 @@
 import '../styles/globals.css';
 import { AppProps } from 'next/app';
 import Head from 'next/head';
+import getConfig from 'next/config';
+import { OpenGraphConfig } from '@eventcatalog/types';
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';
-import { EventCatalogContextProvider } from '@/hooks/EventCatalog';
-export default ({ Component, pageProps }: AppProps) => (
-  <EventCatalogContextProvider>
-    <Head>
-      <title>EventCatalog</title>
-      <script src="//unpkg.com/three" />
-      <script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js" />
-      <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" />
-      <meta
-        name="description"
-        content="An open source project to Discover, Explore and Document your Event Driven Architectures."
-      />
-      <meta property="og:url" content="https://eventcatalog.dev/" />
-      <meta property="og:type" content="website" />
-      <meta property="og:title" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures." />
-      <meta
-        property="og:description"
-        content="An open source tool powered by markdown to document your Event Driven Architecture."
-      />
-      <meta property="og:image" content="https://eventcatalog.dev/img/opengraph.png" />
-      <meta property="og:image:alt" content="EventCatalog | Discover, Explore and Document your Event Driven Architectures." />
-      <meta property="og:image:width" content="1200" />
-      <meta property="og:image:height" content="600" />
-      <meta property="og:locale" content="en-GB" />
-      <meta name="author" content="David Boyne" />
-      {/* Need to load this before any of the Html2Diff Code */}
-      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css" />
-    </Head>
-    <Header />
-    <Component {...pageProps} />
-    <Footer />
-  </EventCatalogContextProvider>
-);
+import { EventCatalogContextProvider, useConfig } from '@/hooks/EventCatalog';
+function Page({ Component, pageProps }: AppProps) {
+  const {
+    title = 'EventCatalog | Discover, Explore and Document your Event Driven Architectures.',
+    tagline = 'An open source tool powered by markdown to document your Event Driven Architecture.',
+    homepageLink = 'https://eventcatalog.dev/',
+    openGraph = {},
+  } = useConfig();
+  const { publicRuntimeConfig: { basePath = '' } = {} } = getConfig();
+  const {
+    ogTitle = title,
+    ogDescription = tagline,
+    ogImage = 'https://eventcatalog.dev/img/opengraph.png',
+    ogUrl = homepageLink,
+  } = openGraph as OpenGraphConfig;
+  return (
+    <EventCatalogContextProvider>
+      <Head>
+        <title>{title}</title>
+        <script src="//unpkg.com/three" />
+        <script src="//unpkg.com/three/examples/js/renderers/CSS2DRenderer.js" />
+        <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" />
+        <meta name="description" content={tagline} />
+        <link rel="icon" href={`${basePath}/favicon.ico`} />
+        {ogUrl && ogUrl !== '' && <meta property="og:url" content={ogUrl} />}
+        <meta property="og:type" content="website" />
+        {ogTitle && <meta property="og:title" content={ogTitle} />}
+        {ogDescription && <meta property="og:description" content={ogDescription} />}
+        {ogImage && (
+          <>
+            <meta property="og:image" content={ogImage} />
+            <meta property="og:image:alt" content={`${ogTitle} | ${ogDescription}`} />
+            <meta property="og:image:width" content="1200" />
+            <meta property="og:image:height" content="600" />
+          </>
+        )}
+        <meta property="og:locale" content="en-GB" />
+        <meta name="author" content="David Boyne" />
+        {/* Need to load this before any of the Html2Diff Code */}
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/atom-one-light.min.css" />
+      </Head>
+      <Header />
+      <Component {...pageProps} />
+      <Footer />
+    </EventCatalogContextProvider>
+  );
+}
+export default Page;

package/styles/globals.css CHANGED Viewed

@@ -47,6 +47,20 @@ event-table thead th {
   user-select: none;
 }
-.react-flow__controls-no-shadow{
+.react-flow__controls-no-shadow {
   box-shadow: none !important;
-}
+}
+.d2h-diff-table .d2h-code-side-line {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-template-columns: auto 1fr;
+  grid-gap: 0.6em;
+  margin-bottom: 0.05em;
+  padding-right: 4.2em;
+}
+.d2h-diff-table .d2h-code-line,
+.d2h-diff-table .d2h-code-line-ctn {
+  white-space: pre-wrap;
+}

package/out/_next/data/KZ2mEdt5MUAVDtbybTBw1/services/Payment Service.json DELETED Viewed

@@ -1 +0,0 @@

- {"pageProps":{"service":{"name":"Payment Service","summary":"Event based application that integrates with Stripe.\n","owners":["dboyne"],"repository":{},"tags":[],"externalLinks":[],"publishes":[{"name":"PaymentProcessed","version":"0.0.1","summary":"Holds information about the payment that has been processed.\n","producers":["Payment Service"],"consumers":["Orders Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}],"subscribes":[{"name":"OrderRequested","version":"0.0.1","summary":"Holds information about the customers order.\n","producers":["Basket Service"],"consumers":["Payment Service"],"owners":["dboyne","mSmith"],"externalLinks":[],"historicVersions":[]}]},"markdown":{"content":"\nThe payment service is our own internal payment service that listens to events from stripe and handles them within our own domain. \n\nWe use Stripe to handle services and use this Payment service to enrich events for internal use.\n\n<NodeGraph />","lastModifiedDate":"2022/2/9","source":{"compiledSource":"var u=Object.defineProperty,h=Object.defineProperties;var m=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(e,o,t)=>o in e?u(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,s=(e,o)=>{for(var t in o||(o={}))a.call(o,t)&&i(e,t,o[t]);if(r)for(var t of r(o))p.call(o,t)&&i(e,t,o[t]);return e},d=(e,o)=>h(e,m(o));var c=(e,o)=>{var t={};for(var n in e)a.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&r)for(var n of r(e))o.indexOf(n)<0&&p.call(e,n)&&(t[n]=e[n]);return t};const makeShortcode=e=>function(t){return console.warn(\"Component \"+e+\" was not imported, exported, or provided by MDXProvider as global scope\"),mdx(\"div\",s({},t))},NodeGraph=makeShortcode(\"NodeGraph\"),layoutProps={},MDXLayout=\"wrapper\";function MDXContent(t){var n=t,{components:e}=n,o=c(n,[\"components\"]);return mdx(MDXLayout,d(s(s({},layoutProps),o),{components:e,mdxType:\"MDXLayout\"}),mdx(\"p\",null,\"The payment service is our own internal payment service that listens to events from stripe and handles them within our own domain. \"),mdx(\"p\",null,\"We use Stripe to handle services and use this Payment service to enrich events for internal use.\"),mdx(NodeGraph,{mdxType:\"NodeGraph\"}))}MDXContent.isMDXComponent=!0;\n","scope":{}}}},"__N_SSG":true}