themed-markdown 0.1.21 → 0.1.23

package/dist/index.mjs

@@ -1385,7 +1385,21 @@ var IndustryBashCommandDropdown = ({
 
 // industryMarkdown/components/IndustryMarkdownComponents.tsx
 var failedImageCache = new Set;
-var OptimizedMarkdownImage = React7.memo(({
+var isVideoUrl = (url, alt) => {
+  const videoExtensions = [".mp4", ".webm", ".ogg", ".mov", ".avi", ".mkv", ".m4v"];
+  const lowercaseUrl = url.toLowerCase();
+  if (videoExtensions.some((ext) => lowercaseUrl.includes(ext))) {
+    return true;
+  }
+  if (alt) {
+    const altLower = alt.toLowerCase();
+    if (altLower.includes("video") || altLower.includes("demo") || altLower.includes("recording")) {
+      return true;
+    }
+  }
+  return false;
+};
+var OptimizedMarkdownMedia = React7.memo(({
   src,
   alt,
   repositoryInfo,
@@ -1397,7 +1411,7 @@ var OptimizedMarkdownImage = React7.memo(({
   }, [src, repositoryInfo]);
   const [hasErrored, setHasErrored] = useState6(() => failedImageCache.has(transformedSrc));
   const retryCount = useRef4(0);
-  const imageStyle = useMemo(() => ({
+  const mediaStyle = useMemo(() => ({
     maxWidth: "100%",
     height: "auto",
     display: "block",
@@ -1416,10 +1430,49 @@ var OptimizedMarkdownImage = React7.memo(({
     setHasErrored(true);
     e.stopPropagation();
   };
+  if (isVideoUrl(transformedSrc, alt)) {
+    if (hasErrored) {
+      return /* @__PURE__ */ React7.createElement("span", {
+        style: {
+          ...mediaStyle,
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: theme2.colors.backgroundSecondary,
+          color: theme2.colors.textSecondary,
+          border: `1px solid ${theme2.colors.border}`,
+          padding: theme2.space[4],
+          minHeight: "200px"
+        }
+      }, "⚠️ Video failed to load: ", alt || transformedSrc);
+    }
+    return /* @__PURE__ */ React7.createElement("video", {
+      controls: true,
+      style: mediaStyle,
+      onLoadedData: handleLoad,
+      onError: handleError,
+      title: alt,
+      ...props
+    }, /* @__PURE__ */ React7.createElement("source", {
+      src: transformedSrc
+    }), /* @__PURE__ */ React7.createElement("source", {
+      src: transformedSrc,
+      type: "video/mp4"
+    }), /* @__PURE__ */ React7.createElement("source", {
+      src: transformedSrc,
+      type: "video/webm"
+    }), "Your browser does not support the video tag.");
+  }
+  const handleImageError = (e) => {
+    retryCount.current += 1;
+    failedImageCache.add(transformedSrc);
+    setHasErrored(true);
+    e.stopPropagation();
+  };
   if (hasErrored) {
     return /* @__PURE__ */ React7.createElement("span", {
       style: {
-        ...imageStyle,
+        ...mediaStyle,
         display: "inline-flex",
         alignItems: "center",
         justifyContent: "center",
@@ -1440,9 +1493,9 @@ var OptimizedMarkdownImage = React7.memo(({
   return /* @__PURE__ */ React7.createElement("img", {
     src: transformedSrc,
     alt,
-    style: imageStyle,
+    style: mediaStyle,
     onLoad: handleLoad,
-    onError: handleError,
+    onError: handleImageError,
     ...props
   });
 });
@@ -1481,6 +1534,7 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[5],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
+        marginTop: index === 0 ? 0 : theme2.space[4],
         marginBottom: theme2.space[4],
         fontFamily: theme2.fonts.heading,
         ...headerStyles
@@ -1493,7 +1547,7 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[4],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: theme2.space[4],
+        marginTop: index === 0 ? 0 : theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading,
         ...headerStyles
@@ -1506,7 +1560,7 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[3],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.semibold,
-        marginTop: theme2.space[4],
+        marginTop: index === 0 ? 0 : theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading
       },
@@ -1664,7 +1718,7 @@ var createIndustryMarkdownComponents = ({
       onClick: onLinkClick ? (h, e) => onLinkClick(h, e) : undefined,
       className: props.className
     }, children),
-    img: ({ src, alt, ...props }) => /* @__PURE__ */ React7.createElement(OptimizedMarkdownImage, {
+    img: ({ src, alt, ...props }) => /* @__PURE__ */ React7.createElement(OptimizedMarkdownMedia, {
       src: src || "",
       alt: alt || "",
       repositoryInfo,
@@ -1674,6 +1728,18 @@ var createIndustryMarkdownComponents = ({
     picture: ({ children, ...props }) => /* @__PURE__ */ React7.createElement("picture", {
       ...props
     }, children),
+    video: ({ children, ...props }) => /* @__PURE__ */ React7.createElement("video", {
+      controls: true,
+      style: {
+        maxWidth: "100%",
+        height: "auto",
+        display: "block",
+        margin: `${theme2.space[3]}px auto`,
+        borderRadius: theme2.radii[1],
+        boxShadow: theme2.shadows[2]
+      },
+      ...props
+    }, children),
     source: ({ srcset, srcSet, ...props }) => {
       const srcsetValue = srcset || srcSet;
       const transformedSrcset = useMemo(() => {

package/dist/industryMarkdown/components/IndustryMarkdownComponents.d.ts

@@ -37,6 +37,7 @@ export declare const createIndustryMarkdownComponents: ({ theme, slideIdPrefix,
     a: ({ children, href, ...props }: LinkProps) => React.JSX.Element;
     img: ({ src, alt, ...props }: ImageProps) => React.JSX.Element;
     picture: ({ children, ...props }: MarkdownComponentProps) => React.JSX.Element;
+    video: ({ children, ...props }: MarkdownComponentProps) => React.JSX.Element;
     source: ({ srcset, srcSet, ...props }: SourceProps) => React.JSX.Element;
     code: ({ node, className, children, ...props }: CodeProps) => React.JSX.Element;
 };

package/dist/industryMarkdown/components/IndustryMarkdownComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndustryMarkdownComponents.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMarkdownComponents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EAEZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAqB,MAAM,sBAAsB,CAAC;AAMhH,UAAU,+BAA+B;IACvC,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtF,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/E,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E,oBAAoB,CAAC,EAAE,CACrB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,kBAAkB,KACzB,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAyFD;;;GAGG;AACH,eAAO,MAAM,gCAAgC,GAAI,uOAe9C,+BAA+B;iCAqBD,YAAY;iCAgBZ,YAAY;iCAiBZ,YAAY;gCAkBb,sBAAsB;iCAgBrB,sBAAsB;iCAgBtB,sBAAsB;iCAgBtB,aAAa;oCAuGV,sBAAsB;oCAsBtB,sBAAsB;iCAUzB,sBAAsB;iCActB,sBAAsB;sCAcjB,SAAS;kCAWb,UAAU;sCAWN,sBAAsB;2CAGjB,WAAW;oDAyBF,SAAS;CAwS5D,CAAC"}
+{"version":3,"file":"IndustryMarkdownComponents.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMarkdownComponents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EAEZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAqB,MAAM,sBAAsB,CAAC;AAMhH,UAAU,+BAA+B;IACvC,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtF,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/E,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E,oBAAoB,CAAC,EAAE,CACrB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,kBAAkB,KACzB,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAgKD;;;GAGG;AACH,eAAO,MAAM,gCAAgC,GAAI,uOAe9C,+BAA+B;iCAqBD,YAAY;iCAiBZ,YAAY;iCAiBZ,YAAY;gCAkBb,sBAAsB;iCAgBrB,sBAAsB;iCAgBtB,sBAAsB;iCAgBtB,aAAa;oCAuGV,sBAAsB;oCAsBtB,sBAAsB;iCAUzB,sBAAsB;iCActB,sBAAsB;sCAcjB,SAAS;kCAWb,UAAU;sCAWN,sBAAsB;oCAGxB,sBAAsB;2CAkBf,WAAW;oDAyBF,SAAS;CAwS5D,CAAC"}

package/dist/industryMarkdown/components/IndustryMarkdownSlide.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithCode: Story;
+export declare const WithVideo: Story;
 export declare const WithMermaid: Story;
 export declare const WithMermaidWidthFit: Story;
 export declare const WithMermaidTallDiagram: Story;

package/dist/industryMarkdown/components/IndustryMarkdownSlide.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndustryMarkdownSlide.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMarkdownSlide.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAe5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkEzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA2BjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA+BpC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4E5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8BhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAwFhC,CAAC"}
+{"version":3,"file":"IndustryMarkdownSlide.stories.d.ts","sourceRoot":"","sources":["../../../industryMarkdown/components/IndustryMarkdownSlide.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAe5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyCvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkEzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA2BjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA+BpC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4E5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8BhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAwFhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "themed-markdown",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "Industry-themed markdown renderer with presentation capabilities",
   "type": "module",
   "main": "dist/index.mjs",
@@ -31,7 +31,8 @@
     "format:check": "prettier --check .",
     "clean": "rm -rf dist coverage",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "prepare": "husky"
   },
   "keywords": [
     "markdown",