@herowcode/utils 1.5.1 → 1.5.3

package/dist/nextjs/index.browser.cjs

@@ -1,110 +1,12 @@
 'use strict';
 
-var clsx = require('clsx');
-var Image = require('next/image');
-var react = require('react');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
+var chunkKWMJV4VK_cjs = require('../chunk-KWMJV4VK.cjs');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var Image__default = /*#__PURE__*/_interopDefault(Image);
 
-// src/nextjs/optimized-image.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx__default.default(inputs));
-}
-var OptimizedImage = react.forwardRef(
-  function OptimizedImage2({
-    src,
-    alt,
-    width,
-    height,
-    className,
-    fallbackText = "Falha ao carregar a imagem",
-    lazyLoad = true,
-    onLoad,
-    sizes,
-    ...props
-  }, ref) {
-    const containerRef = react.useRef(null);
-    const [isLoading, setIsLoading] = react.useState(true);
-    const [hasError, setHasError] = react.useState(false);
-    const [isInView, setIsInView] = react.useState(!lazyLoad);
-    react.useEffect(() => {
-      if (!lazyLoad || !containerRef.current) {
-        setIsInView(true);
-        return;
-      }
-      const observer = new IntersectionObserver(
-        ([entry]) => {
-          if (entry.isIntersecting) {
-            setIsInView(true);
-            observer.disconnect();
-          }
-        },
-        { rootMargin: "200px" }
-      );
-      observer.observe(containerRef.current);
-      return () => {
-        observer.disconnect();
-      };
-    }, [lazyLoad]);
-    const handleLoad = (ev) => {
-      setIsLoading(false);
-      onLoad == null ? void 0 : onLoad(ev);
-    };
-    const handleError = () => {
-      setIsLoading(false);
-      setHasError(true);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: containerRef,
-        className: "relative overflow-hidden",
-        style: {
-          width: width != null ? `${Number(width)}px` : "100%",
-          height: height != null ? `${Number(height)}px` : "100%"
-        },
-        children: [
-          isLoading && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "bg-muted absolute inset-0 animate-pulse rounded-md",
-              style: { width: "100%", height: "100%" }
-            }
-          ),
-          hasError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted text-muted-foreground absolute inset-0 flex items-center justify-center rounded-md text-center text-sm", children: fallbackText }) : isInView && /* @__PURE__ */ jsxRuntime.jsx(
-            Image__default.default,
-            {
-              ref,
-              src: src || "/placeholder.svg",
-              alt,
-              width: width ? Number(width) : void 0,
-              height: height ? Number(height) : void 0,
-              sizes: sizes || "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-              quality: 80,
-              loading: props.priority ? "eager" : "lazy",
-              className: cn(
-                "rounded-md object-cover transition-opacity duration-300",
-                isLoading ? "opacity-0" : "opacity-100",
-                className
-              ),
-              onLoad: handleLoad,
-              onError: handleError,
-              placeholder: "blur",
-              blurDataURL: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAEtAI8V7yQCgAAAABJRU5ErkJggg==",
-              ...props
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-
-exports.OptimizedImage = OptimizedImage;
+Object.defineProperty(exports, "OptimizedImage", {
+  enumerable: true,
+  get: function () { return chunkKWMJV4VK_cjs.OptimizedImage; }
+});
 //# sourceMappingURL=index.browser.cjs.map
 //# sourceMappingURL=index.browser.cjs.map

package/dist/nextjs/index.browser.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/nextjs/optimized-image.tsx"],"names":["twMerge","clsx","forwardRef","OptimizedImage","useRef","useState","useEffect","jsxs","jsx","Image"],"mappings":"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","file":"index.browser.cjs","sourcesContent":["\"use client\"\n\nimport clsx, { type ClassValue } from \"clsx\"\nimport Image from \"next/image\"\nimport type React from \"react\"\nimport { forwardRef, useEffect, useRef, useState } from \"react\"\nimport { twMerge } from \"tailwind-merge\"\n\nfunction cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\ninterface OptimizedImageProps\n  extends React.ComponentPropsWithoutRef<typeof Image> {\n  fallbackText?: string\n  lazyLoad?: boolean\n}\n\nexport const OptimizedImage = forwardRef<HTMLImageElement, OptimizedImageProps>(\n  function OptimizedImage(\n    {\n      src,\n      alt,\n      width,\n      height,\n      className,\n      fallbackText = \"Falha ao carregar a imagem\",\n      lazyLoad = true,\n      onLoad,\n      sizes,\n      ...props\n    },\n    ref,\n  ) {\n    const containerRef = useRef<HTMLDivElement>(null)\n    const [isLoading, setIsLoading] = useState(true)\n    const [hasError, setHasError] = useState(false)\n    const [isInView, setIsInView] = useState(!lazyLoad)\n\n    useEffect(() => {\n      if (!lazyLoad || !containerRef.current) {\n        setIsInView(true)\n        return\n      }\n\n      const observer = new IntersectionObserver(\n        ([entry]) => {\n          if (entry.isIntersecting) {\n            setIsInView(true)\n            observer.disconnect()\n          }\n        },\n        { rootMargin: \"200px\" },\n      )\n\n      observer.observe(containerRef.current)\n\n      return () => {\n        observer.disconnect()\n      }\n    }, [lazyLoad])\n\n    const handleLoad = (ev: React.SyntheticEvent<HTMLImageElement, Event>) => {\n      setIsLoading(false)\n      onLoad?.(ev)\n    }\n\n    const handleError = () => {\n      setIsLoading(false)\n      setHasError(true)\n    }\n\n    return (\n      <div\n        ref={containerRef}\n        className=\"relative overflow-hidden\"\n        style={{\n          width: width != null ? `${Number(width)}px` : \"100%\",\n          height: height != null ? `${Number(height)}px` : \"100%\",\n        }}\n      >\n        {isLoading && (\n          <div\n            className=\"bg-muted absolute inset-0 animate-pulse rounded-md\"\n            style={{ width: \"100%\", height: \"100%\" }}\n          />\n        )}\n\n        {hasError ? (\n          <div className=\"bg-muted text-muted-foreground absolute inset-0 flex items-center justify-center rounded-md text-center text-sm\">\n            {fallbackText}\n          </div>\n        ) : (\n          isInView && (\n            <Image\n              ref={ref}\n              src={src || \"/placeholder.svg\"}\n              alt={alt}\n              width={width ? Number(width) : undefined}\n              height={height ? Number(height) : undefined}\n              sizes={\n                sizes ||\n                \"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\n              }\n              quality={80}\n              loading={props.priority ? \"eager\" : \"lazy\"}\n              className={cn(\n                \"rounded-md object-cover transition-opacity duration-300\",\n                isLoading ? \"opacity-0\" : \"opacity-100\",\n                className,\n              )}\n              onLoad={handleLoad}\n              onError={handleError}\n              placeholder=\"blur\"\n              blurDataURL=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAEtAI8V7yQCgAAAABJRU5ErkJggg==\"\n              {...props}\n            />\n          )\n        )}\n      </div>\n    )\n  },\n)\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.browser.cjs"}

package/dist/nextjs/index.browser.js

@@ -1,103 +1,3 @@
-import clsx from 'clsx';
-import Image from 'next/image';
-import { forwardRef, useRef, useState, useEffect } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/nextjs/optimized-image.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var OptimizedImage = forwardRef(
-  function OptimizedImage2({
-    src,
-    alt,
-    width,
-    height,
-    className,
-    fallbackText = "Falha ao carregar a imagem",
-    lazyLoad = true,
-    onLoad,
-    sizes,
-    ...props
-  }, ref) {
-    const containerRef = useRef(null);
-    const [isLoading, setIsLoading] = useState(true);
-    const [hasError, setHasError] = useState(false);
-    const [isInView, setIsInView] = useState(!lazyLoad);
-    useEffect(() => {
-      if (!lazyLoad || !containerRef.current) {
-        setIsInView(true);
-        return;
-      }
-      const observer = new IntersectionObserver(
-        ([entry]) => {
-          if (entry.isIntersecting) {
-            setIsInView(true);
-            observer.disconnect();
-          }
-        },
-        { rootMargin: "200px" }
-      );
-      observer.observe(containerRef.current);
-      return () => {
-        observer.disconnect();
-      };
-    }, [lazyLoad]);
-    const handleLoad = (ev) => {
-      setIsLoading(false);
-      onLoad == null ? void 0 : onLoad(ev);
-    };
-    const handleError = () => {
-      setIsLoading(false);
-      setHasError(true);
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: containerRef,
-        className: "relative overflow-hidden",
-        style: {
-          width: width != null ? `${Number(width)}px` : "100%",
-          height: height != null ? `${Number(height)}px` : "100%"
-        },
-        children: [
-          isLoading && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "bg-muted absolute inset-0 animate-pulse rounded-md",
-              style: { width: "100%", height: "100%" }
-            }
-          ),
-          hasError ? /* @__PURE__ */ jsx("div", { className: "bg-muted text-muted-foreground absolute inset-0 flex items-center justify-center rounded-md text-center text-sm", children: fallbackText }) : isInView && /* @__PURE__ */ jsx(
-            Image,
-            {
-              ref,
-              src: src || "/placeholder.svg",
-              alt,
-              width: width ? Number(width) : void 0,
-              height: height ? Number(height) : void 0,
-              sizes: sizes || "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-              quality: 80,
-              loading: props.priority ? "eager" : "lazy",
-              className: cn(
-                "rounded-md object-cover transition-opacity duration-300",
-                isLoading ? "opacity-0" : "opacity-100",
-                className
-              ),
-              onLoad: handleLoad,
-              onError: handleError,
-              placeholder: "blur",
-              blurDataURL: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAEtAI8V7yQCgAAAABJRU5ErkJggg==",
-              ...props
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-
-export { OptimizedImage };
+export { OptimizedImage } from '../chunk-7X4LRL26.js';
 //# sourceMappingURL=index.browser.js.map
 //# sourceMappingURL=index.browser.js.map

package/dist/nextjs/index.browser.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/nextjs/optimized-image.tsx"],"names":["OptimizedImage"],"mappings":"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","file":"index.browser.js","sourcesContent":["\"use client\"\n\nimport clsx, { type ClassValue } from \"clsx\"\nimport Image from \"next/image\"\nimport type React from \"react\"\nimport { forwardRef, useEffect, useRef, useState } from \"react\"\nimport { twMerge } from \"tailwind-merge\"\n\nfunction cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\ninterface OptimizedImageProps\n  extends React.ComponentPropsWithoutRef<typeof Image> {\n  fallbackText?: string\n  lazyLoad?: boolean\n}\n\nexport const OptimizedImage = forwardRef<HTMLImageElement, OptimizedImageProps>(\n  function OptimizedImage(\n    {\n      src,\n      alt,\n      width,\n      height,\n      className,\n      fallbackText = \"Falha ao carregar a imagem\",\n      lazyLoad = true,\n      onLoad,\n      sizes,\n      ...props\n    },\n    ref,\n  ) {\n    const containerRef = useRef<HTMLDivElement>(null)\n    const [isLoading, setIsLoading] = useState(true)\n    const [hasError, setHasError] = useState(false)\n    const [isInView, setIsInView] = useState(!lazyLoad)\n\n    useEffect(() => {\n      if (!lazyLoad || !containerRef.current) {\n        setIsInView(true)\n        return\n      }\n\n      const observer = new IntersectionObserver(\n        ([entry]) => {\n          if (entry.isIntersecting) {\n            setIsInView(true)\n            observer.disconnect()\n          }\n        },\n        { rootMargin: \"200px\" },\n      )\n\n      observer.observe(containerRef.current)\n\n      return () => {\n        observer.disconnect()\n      }\n    }, [lazyLoad])\n\n    const handleLoad = (ev: React.SyntheticEvent<HTMLImageElement, Event>) => {\n      setIsLoading(false)\n      onLoad?.(ev)\n    }\n\n    const handleError = () => {\n      setIsLoading(false)\n      setHasError(true)\n    }\n\n    return (\n      <div\n        ref={containerRef}\n        className=\"relative overflow-hidden\"\n        style={{\n          width: width != null ? `${Number(width)}px` : \"100%\",\n          height: height != null ? `${Number(height)}px` : \"100%\",\n        }}\n      >\n        {isLoading && (\n          <div\n            className=\"bg-muted absolute inset-0 animate-pulse rounded-md\"\n            style={{ width: \"100%\", height: \"100%\" }}\n          />\n        )}\n\n        {hasError ? (\n          <div className=\"bg-muted text-muted-foreground absolute inset-0 flex items-center justify-center rounded-md text-center text-sm\">\n            {fallbackText}\n          </div>\n        ) : (\n          isInView && (\n            <Image\n              ref={ref}\n              src={src || \"/placeholder.svg\"}\n              alt={alt}\n              width={width ? Number(width) : undefined}\n              height={height ? Number(height) : undefined}\n              sizes={\n                sizes ||\n                \"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\n              }\n              quality={80}\n              loading={props.priority ? \"eager\" : \"lazy\"}\n              className={cn(\n                \"rounded-md object-cover transition-opacity duration-300\",\n                isLoading ? \"opacity-0\" : \"opacity-100\",\n                className,\n              )}\n              onLoad={handleLoad}\n              onError={handleError}\n              placeholder=\"blur\"\n              blurDataURL=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAEtAI8V7yQCgAAAABJRU5ErkJggg==\"\n              {...props}\n            />\n          )\n        )}\n      </div>\n    )\n  },\n)\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.browser.js"}

package/dist/nextjs/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkKWMJV4VK_cjs = require('../chunk-KWMJV4VK.cjs');
+
+
+
+Object.defineProperty(exports, "OptimizedImage", {
+  enumerable: true,
+  get: function () { return chunkKWMJV4VK_cjs.OptimizedImage; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/nextjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/nextjs/index.d.cts

@@ -0,0 +1,3 @@
+export { OptimizedImage } from './index.browser.cjs';
+import 'next/image';
+import 'react';

package/dist/nextjs/index.d.ts

@@ -0,0 +1,3 @@
+export { OptimizedImage } from './index.browser.js';
+import 'next/image';
+import 'react';

package/dist/nextjs/index.js

@@ -0,0 +1,3 @@
+export { OptimizedImage } from '../chunk-7X4LRL26.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/nextjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/{youtube/index.node.d.mts → validate-youtube-link-Bfr2jQY8.d.cts}

@@ -46,4 +46,4 @@ declare function getYoutubeVideoInfo(videoUrl: string): Promise<TYouTubeVideoInf
 
 declare function validateYoutubeLink(videoUrl: string): Promise<boolean>;
 
-export { type TYouTubeVideoInfo, extractYouTubeId, generateYoutubeURL, getYoutubeVideoInfo, validateYoutubeLink };
+export { type TYouTubeVideoInfo as T, getYoutubeVideoInfo as a, extractYouTubeId as e, generateYoutubeURL as g, validateYoutubeLink as v };

package/dist/validate-youtube-link-Bfr2jQY8.d.ts

@@ -0,0 +1,49 @@
+declare function extractYouTubeId(urlString: string | null): string | null;
+
+type TCreateYoutubeLinkOptions = {
+    videoURL: string;
+    start?: number | string;
+    end?: number | string;
+    embed?: boolean;
+    short?: boolean;
+    useFragment?: boolean;
+    autoplay?: boolean;
+    controls?: 0 | 1;
+    rel?: 0 | 1;
+    loop?: boolean;
+    mute?: boolean;
+    modestbranding?: 0 | 1;
+    origin?: string;
+    playlist?: string;
+    params?: Record<string, string | number | boolean>;
+};
+declare const generateYoutubeURL: (opts: TCreateYoutubeLinkOptions) => string | null;
+
+type TYtThumbnail = {
+    url: string;
+    width?: number;
+    height?: number;
+};
+type TYouTubeVideoInfo = {
+    id: string;
+    url: string;
+    title: string;
+    channelTitle: string;
+    channelId?: string;
+    channelUrl?: string;
+    description?: string;
+    shortDescription?: string;
+    thumbnails: TYtThumbnail[];
+    thumbnail?: string;
+    publishedAt?: string;
+    uploadedAt?: string;
+    keywords?: string[];
+    viewCount?: number;
+    lengthSeconds?: number;
+    isLive?: boolean;
+};
+declare function getYoutubeVideoInfo(videoUrl: string): Promise<TYouTubeVideoInfo | null>;
+
+declare function validateYoutubeLink(videoUrl: string): Promise<boolean>;
+
+export { type TYouTubeVideoInfo as T, getYoutubeVideoInfo as a, extractYouTubeId as e, generateYoutubeURL as g, validateYoutubeLink as v };

package/dist/youtube/index.browser.d.cts

@@ -0,0 +1,2 @@
+export { T as TYouTubeVideoInfo, e as extractYouTubeId, g as generateYoutubeURL, a as getYoutubeVideoInfo, v as validateYoutubeLink } from '../validate-youtube-link-Bfr2jQY8.cjs';
+export { getYoutubeThumbnail, getYoutubeVideoDuration } from './index.cjs';

package/dist/youtube/index.browser.d.ts

@@ -1,2 +1,2 @@
-export { TYouTubeVideoInfo, extractYouTubeId, generateYoutubeURL, getYoutubeVideoInfo, validateYoutubeLink } from './index.node.js';
+export { T as TYouTubeVideoInfo, e as extractYouTubeId, g as generateYoutubeURL, a as getYoutubeVideoInfo, v as validateYoutubeLink } from '../validate-youtube-link-Bfr2jQY8.js';
 export { getYoutubeThumbnail, getYoutubeVideoDuration } from './index.js';

package/dist/youtube/{index.d.mts → index.d.cts}

@@ -1,4 +1,4 @@
-export { TYouTubeVideoInfo, extractYouTubeId, generateYoutubeURL, getYoutubeVideoInfo, validateYoutubeLink } from './index.node.mjs';
+export { T as TYouTubeVideoInfo, e as extractYouTubeId, g as generateYoutubeURL, a as getYoutubeVideoInfo, v as validateYoutubeLink } from '../validate-youtube-link-Bfr2jQY8.cjs';
 
 /**
  * getYoutubeVideoDuration

package/dist/youtube/index.d.ts

@@ -1,4 +1,4 @@
-export { TYouTubeVideoInfo, extractYouTubeId, generateYoutubeURL, getYoutubeVideoInfo, validateYoutubeLink } from './index.node.js';
+export { T as TYouTubeVideoInfo, e as extractYouTubeId, g as generateYoutubeURL, a as getYoutubeVideoInfo, v as validateYoutubeLink } from '../validate-youtube-link-Bfr2jQY8.js';
 
 /**
  * getYoutubeVideoDuration

package/dist/youtube/index.node.cjs

@@ -4,7 +4,15 @@ var chunk5YOEKMTJ_cjs = require('../chunk-5YOEKMTJ.cjs');
 require('../chunk-HK727IAV.cjs');
 var chunkVAZJXZU5_cjs = require('../chunk-VAZJXZU5.cjs');
 
+// src/youtube/get-video-duration-node-fallback.ts
+async function getYoutubeVideoDuration(_videoUrl) {
+  return null;
+}
 
+// src/youtube/get-youtube-thumbnail-node-fallback.ts
+async function getYoutubeThumbnail(_videoUrl) {
+  return null;
+}
 
 Object.defineProperty(exports, "generateYoutubeURL", {
   enumerable: true,
@@ -22,5 +30,7 @@ Object.defineProperty(exports, "extractYouTubeId", {
   enumerable: true,
   get: function () { return chunkVAZJXZU5_cjs.extractYouTubeId; }
 });
+exports.getYoutubeThumbnail = getYoutubeThumbnail;
+exports.getYoutubeVideoDuration = getYoutubeVideoDuration;
 //# sourceMappingURL=index.node.cjs.map
 //# sourceMappingURL=index.node.cjs.map

package/dist/youtube/index.node.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.node.cjs"}
+{"version":3,"sources":["../../src/youtube/get-video-duration-node-fallback.ts","../../src/youtube/get-youtube-thumbnail-node-fallback.ts"],"names":[],"mappings":";;;;;;;AAAA,eAAsB,wBACpB,SAAA,EACwB;AACxB,EAAA,OAAO,IAAA;AACT;;;ACJA,eAAsB,oBACpB,SAAA,EACwB;AACxB,EAAA,OAAO,IAAA;AACT","file":"index.node.cjs","sourcesContent":["export async function getYoutubeVideoDuration(\n  _videoUrl: string,\n): Promise<string | null> {\n  return null\n}\n","export async function getYoutubeThumbnail(\n  _videoUrl: string,\n): Promise<string | null> {\n  return null\n}\n"]}

package/dist/youtube/index.node.d.cts

@@ -0,0 +1,7 @@
+export { T as TYouTubeVideoInfo, e as extractYouTubeId, g as generateYoutubeURL, a as getYoutubeVideoInfo, v as validateYoutubeLink } from '../validate-youtube-link-Bfr2jQY8.cjs';
+
+declare function getYoutubeVideoDuration(_videoUrl: string): Promise<string | null>;
+
+declare function getYoutubeThumbnail(_videoUrl: string): Promise<string | null>;
+
+export { getYoutubeThumbnail, getYoutubeVideoDuration };

package/dist/youtube/index.node.d.ts

@@ -1,49 +1,7 @@
-declare function extractYouTubeId(urlString: string | null): string | null;
+export { T as TYouTubeVideoInfo, e as extractYouTubeId, g as generateYoutubeURL, a as getYoutubeVideoInfo, v as validateYoutubeLink } from '../validate-youtube-link-Bfr2jQY8.js';
 
-type TCreateYoutubeLinkOptions = {
-    videoURL: string;
-    start?: number | string;
-    end?: number | string;
-    embed?: boolean;
-    short?: boolean;
-    useFragment?: boolean;
-    autoplay?: boolean;
-    controls?: 0 | 1;
-    rel?: 0 | 1;
-    loop?: boolean;
-    mute?: boolean;
-    modestbranding?: 0 | 1;
-    origin?: string;
-    playlist?: string;
-    params?: Record<string, string | number | boolean>;
-};
-declare const generateYoutubeURL: (opts: TCreateYoutubeLinkOptions) => string | null;
+declare function getYoutubeVideoDuration(_videoUrl: string): Promise<string | null>;
 
-type TYtThumbnail = {
-    url: string;
-    width?: number;
-    height?: number;
-};
-type TYouTubeVideoInfo = {
-    id: string;
-    url: string;
-    title: string;
-    channelTitle: string;
-    channelId?: string;
-    channelUrl?: string;
-    description?: string;
-    shortDescription?: string;
-    thumbnails: TYtThumbnail[];
-    thumbnail?: string;
-    publishedAt?: string;
-    uploadedAt?: string;
-    keywords?: string[];
-    viewCount?: number;
-    lengthSeconds?: number;
-    isLive?: boolean;
-};
-declare function getYoutubeVideoInfo(videoUrl: string): Promise<TYouTubeVideoInfo | null>;
+declare function getYoutubeThumbnail(_videoUrl: string): Promise<string | null>;
 
-declare function validateYoutubeLink(videoUrl: string): Promise<boolean>;
-
-export { type TYouTubeVideoInfo, extractYouTubeId, generateYoutubeURL, getYoutubeVideoInfo, validateYoutubeLink };
+export { getYoutubeThumbnail, getYoutubeVideoDuration };

package/dist/youtube/index.node.js

@@ -1,5 +1,17 @@
 export { generateYoutubeURL, getYoutubeVideoInfo, validateYoutubeLink } from '../chunk-QAE6Q2SA.js';
 import '../chunk-53JMVGIG.js';
 export { extractYouTubeId } from '../chunk-ATWN4SRX.js';
+
+// src/youtube/get-video-duration-node-fallback.ts
+async function getYoutubeVideoDuration(_videoUrl) {
+  return null;
+}
+
+// src/youtube/get-youtube-thumbnail-node-fallback.ts
+async function getYoutubeThumbnail(_videoUrl) {
+  return null;
+}
+
+export { getYoutubeThumbnail, getYoutubeVideoDuration };
 //# sourceMappingURL=index.node.js.map
 //# sourceMappingURL=index.node.js.map

package/dist/youtube/index.node.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.node.js"}
+{"version":3,"sources":["../../src/youtube/get-video-duration-node-fallback.ts","../../src/youtube/get-youtube-thumbnail-node-fallback.ts"],"names":[],"mappings":";;;;;AAAA,eAAsB,wBACpB,SAAA,EACwB;AACxB,EAAA,OAAO,IAAA;AACT;;;ACJA,eAAsB,oBACpB,SAAA,EACwB;AACxB,EAAA,OAAO,IAAA;AACT","file":"index.node.js","sourcesContent":["export async function getYoutubeVideoDuration(\n  _videoUrl: string,\n): Promise<string | null> {\n  return null\n}\n","export async function getYoutubeThumbnail(\n  _videoUrl: string,\n): Promise<string | null> {\n  return null\n}\n"]}