return (
-
);
}
-
-export function TitleCard({
- title,
- url,
-}: {
- title: string;
- url: string;
-}): JSX.Element {
- return (
-
-
- {title}
-
- );
-}
diff --git a/nx-dev/ui-markdoc/src/lib/tags/cards.schema.ts b/nx-dev/ui-markdoc/src/lib/tags/cards.schema.ts
index 5d4555d6d8..65d3a94a9a 100644
--- a/nx-dev/ui-markdoc/src/lib/tags/cards.schema.ts
+++ b/nx-dev/ui-markdoc/src/lib/tags/cards.schema.ts
@@ -5,7 +5,49 @@ export const cards: Schema = {
attributes: {
cols: {
type: 'Number',
- description: 'The number of colums per row',
+ required: true,
+ },
+ smCols: {
+ type: 'Number',
+ required: true,
+ },
+ mdCols: {
+ type: 'Number',
+ required: true,
+ },
+ lgCols: {
+ type: 'Number',
+ required: true,
+ },
+ moreLink: {
+ type: 'String',
+ required: false,
+ },
+ },
+};
+
+export const linkCard: Schema = {
+ render: 'LinkCard',
+ attributes: {
+ title: {
+ type: 'String',
+ required: true,
+ },
+ type: {
+ type: 'String',
+ required: true,
+ },
+ icon: {
+ type: 'String',
+ required: false,
+ },
+ url: {
+ type: 'String',
+ default: '',
+ },
+ appearance: {
+ type: 'String',
+ default: 'default',
},
},
};
@@ -31,16 +73,3 @@ export const card: Schema = {
},
},
};
-export const titleCard: Schema = {
- render: 'TitleCard',
- attributes: {
- title: {
- type: 'String',
- required: true,
- },
- url: {
- type: 'String',
- required: true,
- },
- },
-};
diff --git a/nx-dev/ui-markdoc/src/lib/tags/youtube.component.tsx b/nx-dev/ui-markdoc/src/lib/tags/youtube.component.tsx
index 8cf7d07e24..a92b65ed6f 100644
--- a/nx-dev/ui-markdoc/src/lib/tags/youtube.component.tsx
+++ b/nx-dev/ui-markdoc/src/lib/tags/youtube.component.tsx
@@ -23,6 +23,29 @@ export const youtube: Schema = {
},
};
+function computeEmbedURL(youtubeURL: string) {
+ let match;
+
+ if (youtubeURL.indexOf('embed') > -1) {
+ // we already have the embed URL, so just ignore
+ return youtubeURL;
+ }
+
+ // Check for 'https://www.youtube.com/watch?v=' format
+ match = youtubeURL.match(/youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/);
+ if (match && match[1]) {
+ return 'https://www.youtube.com/embed/' + match[1];
+ }
+
+ // Check for 'https://youtu.be/' format
+ match = youtubeURL.match(/youtu\.be\/([a-zA-Z0-9_-]+)/);
+ if (match && match[1]) {
+ return 'https://www.youtube.com/embed/' + match[1];
+ }
+
+ throw new Error(`Could not properly compute the embed URL for ${youtubeURL}`);
+}
+
export function YouTube(props: {
title: string;
caption: string;
@@ -34,7 +57,7 @@ export function YouTube(props: {
{' '}
{/* Center alignment applied to the container */}