@8wave/ai-elements 0.112.0-beta.10 → 0.112.0-beta.17

package/dist/_chunks/{PkToolShowVideo-Djr8Ofsz.js → PkToolShowVideo-p6Y9j3-B.js}

@@ -6,7 +6,7 @@ var p = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), m = (e, t) => e === t || e.ends
 	if (e.hostname.endsWith("youtu.be")) return p(e.pathname.split("/")[1] ?? "") || null;
 	let t = e.searchParams.get("v");
 	if (t) return p(t) || null;
-	let n = e.pathname.match(/^\/(?:shorts|embed|v)\/([^/?#]+)/);
+	let n = e.pathname.match(/^\/(?:shorts|live|embed|v)\/([^/?#]+)/);
 	return n && p(n[1]) || null;
 }, g = (e) => {
 	let t = e.pathname.match(/(?:^|\/)(\d+)(?:$|[/?#])/);
@@ -40,7 +40,7 @@ function _(e, t) {
 			provider: "vimeo",
 			url: e,
 			videoId: t,
-			embedUrl: `https://player.vimeo.com/video/${t}`
+			embedUrl: `https://player.vimeo.com/video/${t}?dnt=1`
 		};
 	}
 	return t && t !== "file" ? {
@@ -118,4 +118,4 @@ var v = {
 //#endregion
 export { k as default };
 
-//# sourceMappingURL=PkToolShowVideo-Djr8Ofsz.js.map
+//# sourceMappingURL=PkToolShowVideo-p6Y9j3-B.js.map

package/dist/_chunks/PkToolShowVideo-p6Y9j3-B.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowVideo-p6Y9j3-B.js","names":["$t"],"sources":["../../../../packages/utils/src/video-source.ts","../../../../packages/components/src/chat/PkToolShowVideo.vue","../../../../packages/components/src/chat/PkToolShowVideo.vue"],"sourcesContent":["/**\n * Video source parsing shared by the backend platform renderer and the frontend\n * player component, so both classify a video URL the same way.\n *\n * A URL is either a known provider (YouTube/Vimeo), which plays through the\n * provider's iframe embed, or a direct media file (`file`), which plays in a\n * native `<video>` element. Detection is by URL shape; an explicit `hint` is\n * used only as a fallback when the URL alone is inconclusive.\n */\n\nexport type VideoProvider = 'youtube' | 'vimeo' | 'file'\n\nexport interface ParsedVideoSource {\n    provider: VideoProvider\n    /** The original URL, unchanged. */\n    url: string\n    /**\n     * The URL to actually load: the provider iframe embed URL for\n     * YouTube/Vimeo, or the direct file URL for `file`.\n     */\n    embedUrl: string\n    /** The provider video id (providers only). */\n    videoId?: string\n    /**\n     * A preview image URL derived from the provider, when one is available\n     * without an extra API call (currently YouTube only). Lets a link-only\n     * surface (e.g. a Teams card) show a thumbnail instead of a bare link.\n     */\n    thumbnailUrl?: string\n}\n\n/** Keep only characters that are legal in a provider video id. */\nconst sanitizeId = (raw: string): string => raw.replace(/[^a-zA-Z0-9_-]/g, '')\n\n/**\n * True when `host` is exactly `domain` or a subdomain of it. Guards against\n * lookalike hosts (e.g. `notyoutube.com`) that a bare substring check would\n * misclassify.\n */\nconst hostMatches = (host: string, domain: string): boolean =>\n    host === domain || host.endsWith(`.${domain}`)\n\n/** Extract the YouTube video id from any of its URL shapes, or null. */\nconst youtubeId = (u: URL): string | null => {\n    // youtu.be/<id>\n    if (u.hostname.endsWith('youtu.be')) {\n        return sanitizeId(u.pathname.split('/')[1] ?? '') || null\n    }\n    // youtube.com/watch?v=<id>\n    const v = u.searchParams.get('v')\n    if (v) {\n        return sanitizeId(v) || null\n    }\n    // youtube.com/shorts/<id>, /live/<id>, /embed/<id>, /v/<id>\n    const m = u.pathname.match(/^\\/(?:shorts|live|embed|v)\\/([^/?#]+)/)\n    return m ? sanitizeId(m[1]) || null : null\n}\n\n/** Extract the Vimeo (numeric) video id, or null. */\nconst vimeoId = (u: URL): string | null => {\n    // player.vimeo.com/video/<id> or vimeo.com/<id>\n    const m = u.pathname.match(/(?:^|\\/)(\\d+)(?:$|[/?#])/)\n    return m ? m[1] : null\n}\n\n/**\n * Classify a video URL into a provider + a loadable embed/file URL.\n * Falls back to `file` (native `<video>`) for anything not recognized as a\n * supported provider, or when a provider is matched but no id can be extracted.\n */\nexport function parseVideoSource(\n    url: string,\n    hint?: VideoProvider,\n): ParsedVideoSource {\n    let u: URL | undefined\n    try {\n        u = new URL(url)\n    } catch {\n        // Not an absolute URL: treat as a direct file reference.\n        return { provider: 'file', url, embedUrl: url }\n    }\n\n    const host = u.hostname.toLowerCase()\n\n    const isYouTube =\n        hostMatches(host, 'youtube.com') ||\n        hostMatches(host, 'youtu.be') ||\n        hostMatches(host, 'youtube-nocookie.com')\n    if (isYouTube) {\n        const id = youtubeId(u)\n        if (id) {\n            return {\n                provider: 'youtube',\n                url,\n                videoId: id,\n                embedUrl: `https://www.youtube-nocookie.com/embed/${id}`,\n                thumbnailUrl: `https://img.youtube.com/vi/${id}/hqdefault.jpg`,\n            }\n        }\n    }\n\n    if (hostMatches(host, 'vimeo.com')) {\n        const id = vimeoId(u)\n        if (id) {\n            return {\n                provider: 'vimeo',\n                url,\n                videoId: id,\n                // `dnt=1`: the player sets no cookies and records no session\n                // data, the Vimeo counterpart of youtube-nocookie above.\n                embedUrl: `https://player.vimeo.com/video/${id}?dnt=1`,\n            }\n        }\n    }\n\n    // Honor an explicit provider hint only if we could not extract an id from a\n    // provider URL (so a caller-tagged provider link still routes to an iframe\n    // via its original URL rather than a broken native <video>).\n    if (hint && hint !== 'file') {\n        return { provider: hint, url, embedUrl: url }\n    }\n\n    return { provider: 'file', url, embedUrl: url }\n}\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { parseVideoSource, type VideoProvider } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    interface VideoInput {\n        url: string\n        title?: string\n        description?: string\n        poster?: string\n        provider?: VideoProvider\n    }\n\n    // Permissions granted to provider embeds (YouTube/Vimeo players).\n    const IFRAME_ALLOW =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n\n    const videos = computed(() => {\n        const part = props.part as { input?: { videos?: VideoInput[] } }\n        return (part.input?.videos ?? []).map((video) => ({\n            ...video,\n            source: parseVideoSource(video.url, video.provider),\n        }))\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"videos.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:film-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.video') }}\n            </strong>\n        </div>\n        <div class=\"p-sm flex flex-col gap-16\">\n            <div v-for=\"video in videos\" :key=\"video.url\" class=\"flex flex-col\">\n                <strong v-if=\"video.title\" class=\"font-bold text-14 mb-sm\">\n                    {{ video.title }}\n                </strong>\n                <!-- Direct file: native player. Handles MP4/WebM/OGG and works\n                     inside the widget's Shadow DOM without any extra CSS. -->\n                <video\n                    v-if=\"video.source.provider === 'file'\"\n                    :src=\"video.source.embedUrl\"\n                    :poster=\"video.poster\"\n                    controls\n                    preload=\"metadata\"\n                    playsinline\n                    class=\"w-full rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9; max-height: 480px\">\n                    <a\n                        :href=\"video.url\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        {{ video.title ?? video.url }}\n                    </a>\n                </video>\n                <!-- Provider (YouTube/Vimeo): iframe embed, 16:9 responsive. -->\n                <div\n                    v-else\n                    class=\"relative w-full overflow-hidden rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9\">\n                    <iframe\n                        :src=\"video.source.embedUrl\"\n                        :title=\"video.title ?? video.url\"\n                        loading=\"lazy\"\n                        referrerpolicy=\"strict-origin-when-cross-origin\"\n                        :allow=\"IFRAME_ALLOW\"\n                        allowfullscreen\n                        class=\"absolute inset-0 w-full h-full border-0\"></iframe>\n                </div>\n                <span\n                    v-if=\"video.description\"\n                    class=\"text-12 text-word-3 mt-sm\">\n                    {{ video.description }}\n                </span>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { parseVideoSource, type VideoProvider } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    interface VideoInput {\n        url: string\n        title?: string\n        description?: string\n        poster?: string\n        provider?: VideoProvider\n    }\n\n    // Permissions granted to provider embeds (YouTube/Vimeo players).\n    const IFRAME_ALLOW =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n\n    const videos = computed(() => {\n        const part = props.part as { input?: { videos?: VideoInput[] } }\n        return (part.input?.videos ?? []).map((video) => ({\n            ...video,\n            source: parseVideoSource(video.url, video.provider),\n        }))\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"videos.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:film-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.video') }}\n            </strong>\n        </div>\n        <div class=\"p-sm flex flex-col gap-16\">\n            <div v-for=\"video in videos\" :key=\"video.url\" class=\"flex flex-col\">\n                <strong v-if=\"video.title\" class=\"font-bold text-14 mb-sm\">\n                    {{ video.title }}\n                </strong>\n                <!-- Direct file: native player. Handles MP4/WebM/OGG and works\n                     inside the widget's Shadow DOM without any extra CSS. -->\n                <video\n                    v-if=\"video.source.provider === 'file'\"\n                    :src=\"video.source.embedUrl\"\n                    :poster=\"video.poster\"\n                    controls\n                    preload=\"metadata\"\n                    playsinline\n                    class=\"w-full rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9; max-height: 480px\">\n                    <a\n                        :href=\"video.url\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        {{ video.title ?? video.url }}\n                    </a>\n                </video>\n                <!-- Provider (YouTube/Vimeo): iframe embed, 16:9 responsive. -->\n                <div\n                    v-else\n                    class=\"relative w-full overflow-hidden rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9\">\n                    <iframe\n                        :src=\"video.source.embedUrl\"\n                        :title=\"video.title ?? video.url\"\n                        loading=\"lazy\"\n                        referrerpolicy=\"strict-origin-when-cross-origin\"\n                        :allow=\"IFRAME_ALLOW\"\n                        allowfullscreen\n                        class=\"absolute inset-0 w-full h-full border-0\"></iframe>\n                </div>\n                <span\n                    v-if=\"video.description\"\n                    class=\"text-12 text-word-3 mt-sm\">\n                    {{ video.description }}\n                </span>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;AAgCA,IAAM,KAAc,MAAwB,EAAI,QAAQ,mBAAmB,EAAE,GAOvE,KAAe,GAAc,MAC/B,MAAS,KAAU,EAAK,SAAS,IAAI,GAAQ,GAG3C,KAAa,MAA0B;CAEzC,IAAI,EAAE,SAAS,SAAS,UAAU,GAC9B,OAAO,EAAW,EAAE,SAAS,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK;CAGzD,IAAM,IAAI,EAAE,aAAa,IAAI,GAAG;CAChC,IAAI,GACA,OAAO,EAAW,CAAC,KAAK;CAG5B,IAAM,IAAI,EAAE,SAAS,MAAM,uCAAuC;CAClE,OAAO,KAAI,EAAW,EAAE,EAAE,KAAY;AAC1C,GAGM,KAAW,MAA0B;CAEvC,IAAM,IAAI,EAAE,SAAS,MAAM,0BAA0B;CACrD,OAAO,IAAI,EAAE,KAAK;AACtB;AAOA,SAAgB,EACZ,GACA,GACiB;CACjB,IAAI;CACJ,IAAI;EACA,IAAI,IAAI,IAAI,CAAG;CACnB,QAAQ;EAEJ,OAAO;GAAE,UAAU;GAAQ;GAAK,UAAU;EAAI;CAClD;CAEA,IAAM,IAAO,EAAE,SAAS,YAAY;CAMpC,IAHI,EAAY,GAAM,aAAa,KAC/B,EAAY,GAAM,UAAU,KAC5B,EAAY,GAAM,sBAAsB,GAC7B;EACX,IAAM,IAAK,EAAU,CAAC;EACtB,IAAI,GACA,OAAO;GACH,UAAU;GACV;GACA,SAAS;GACT,UAAU,0CAA0C;GACpD,cAAc,8BAA8B,EAAG;EACnD;CAER;CAEA,IAAI,EAAY,GAAM,WAAW,GAAG;EAChC,IAAM,IAAK,EAAQ,CAAC;EACpB,IAAI,GACA,OAAO;GACH,UAAU;GACV;GACA,SAAS;GAGT,UAAU,kCAAkC,EAAG;EACnD;CAER;CASA,OAJI,KAAQ,MAAS,SACV;EAAE,UAAU;EAAM;EAAK,UAAU;CAAI,IAGzC;EAAE,UAAU;EAAQ;EAAK,UAAU;CAAI;AAClD;;;;;;;;;;;;;;;GC1GU,IACF;;;;EAdJ,IAAM,IAAQ,GAgBR,IAAS,SACE,EAAM,KACN,OAAO,UAAU,CAAC,EAAA,CAAG,KAAK,OAAW;GAC9C,GAAG;GACH,QAAQ,EAAiB,EAAM,KAAK,EAAM,QAAQ;EACtD,EAAE,CACL;;;GAKS,OAAA,EAAA,MAAO,UADjB,EAAA,GAAA,EAsDM,OAtDN,GAsDM,CAnDF,EAMM,OANN,GAMM,CAJF,EAA8C,GAAA;IAAtC,MAAK;IAAe,OAAM;GAClC,CAAA,GAAA,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAGb,EA2CM,OA3CN,GA2CM,EA1CF,EAAA,EAAA,GAAA,EAyCM,GAAA,MAAA,EAzCe,EAAA,QAAT,OAAZ,EAAA,GAAA,EAyCM,OAAA;IAzCwB,KAAK,EAAM;IAAK,OAAM;;IAClC,EAAM,SAApB,EAAA,GAAA,EAES,UAFT,GAES,EADF,EAAM,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAKR,EAAM,OAAO,aAAQ,UAD/B,EAAA,GAAA,EAeQ,SAAA;;KAbH,KAAK,EAAM,OAAO;KAClB,QAAQ,EAAM;KACf,UAAA;KACA,SAAQ;KACR,aAAA;KACA,OAAM;KACN,OAAA;MAAA,gBAAA;MAAA,cAAA;KAAA;IACA,GAAA,CAAA,EAKI,KAAA;KAJC,MAAM,EAAM;KACb,QAAO;KACP,KAAI;IACD,GAAA,EAAA,EAAM,SAAS,EAAM,GAAG,GAAA,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,MAInC,EAAA,GAAA,EAYM,OAZN,GAYM,CARF,EAO6D,UAAA;KANxD,KAAK,EAAM,OAAO;KAClB,OAAO,EAAM,SAAS,EAAM;KAC7B,SAAQ;KACR,gBAAe;KACd,OAAO;KACR,iBAAA;KACA,OAAM;;IAGJ,EAAM,eADhB,EAAA,GAAA,EAIO,QAJP,GAIO,EADA,EAAM,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}