@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/useSimplePageParam-CPjjYD88.mjs

@@ -0,0 +1,54 @@
+import { r as useFilterStore } from "./classicApi-BKNiWOG4.mjs";
+import { t as useRouteUpdateParams } from "./useRouteUpdateParams-DurlddRA.mjs";
+import { t as ROUTE_PARAMS } from "./types-8roXR0of.mjs";
+import { computed, onMounted, ref, watch } from "vue";
+//#region src/components/composable/route/useSimplePageParam.ts
+var useSimplePageParam = (props, force = false, advancedSearch = false) => {
+	const { updateRouteParam } = useRouteUpdateParams();
+	const filterStore = useFilterStore();
+	const isInit = ref(false);
+	const searchPattern = ref("");
+	const organisationId = ref(void 0);
+	const searchMinSize = computed(() => getMinSize(props.routeQuery));
+	const paginateFirst = computed(() => {
+		if (!props.pr || props.ps === void 0) return 0;
+		return Math.max((props.pr - 1) * props.ps, 0);
+	});
+	watch(searchPattern, () => {
+		if (!advancedSearch) {
+			const query = getMinSize(searchPattern.value);
+			updateRouteParam({ [ROUTE_PARAMS.Query]: query.length ? query : void 0 }, force);
+		}
+	});
+	watch(() => filterStore.filterOrgaId, () => {
+		organisationId.value = filterStore.filterOrgaId;
+	});
+	onMounted(() => {
+		initOrga();
+		initSearchPattern();
+		isInit.value = true;
+	});
+	function getMinSize(param) {
+		return param.length > 3 ? param : "";
+	}
+	function initSearchPattern() {
+		searchPattern.value = props.routeQuery ?? "";
+	}
+	function initOrga() {
+		organisationId.value = filterStore.filterOrgaId ?? props.routeOrga;
+	}
+	return {
+		searchPattern,
+		organisationId,
+		searchMinSize,
+		paginateFirst,
+		initSearchPattern,
+		initOrga,
+		updateRouteParam,
+		isInit
+	};
+};
+//#endregion
+export { useSimplePageParam as t };
+
+//# sourceMappingURL=useSimplePageParam-CPjjYD88.mjs.map

package/dist/useSimplePageParam-CPjjYD88.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSimplePageParam-CPjjYD88.mjs","names":[],"sources":["../src/components/composable/route/useSimplePageParam.ts"],"sourcesContent":["import { useFilterStore } from '../../../stores/FilterStore';\nimport { useRouteUpdateParams } from './useRouteUpdateParams';\nimport { computed, onMounted, Ref, ref, watch } from \"vue\";\n\nimport { RouteProps, ROUTE_PARAMS } from \"./types\";\n\nexport const useSimplePageParam = (props: RouteProps, force=false, advancedSearch=false)=>{\n\n  const { updateRouteParam } = useRouteUpdateParams();\n\n  const filterStore  = useFilterStore();\n\n  const isInit = ref(false);\n  const searchPattern = ref(\"\");\n  const organisationId: Ref<string|undefined> = ref(undefined);\n\n  const searchMinSize = computed(() => getMinSize((props.routeQuery as string)));\n  const paginateFirst = computed(() => {\n    if(!props.pr || props.ps === undefined) {\n      return 0;\n    }\n    return Math.max(((props.pr as number) - 1 ) * (props.ps as number), 0);\n  });\n\n  watch(searchPattern, () => {\n    if(!advancedSearch){\n      const query = getMinSize(searchPattern.value);\n      updateRouteParam({\n        [ROUTE_PARAMS.Query]: query.length ? query : undefined,\n      }, force);\n    }\n  });\n\n  // When changing global organisation, update organisation here\n  watch(() => filterStore.filterOrgaId, () => {\n    organisationId.value = filterStore.filterOrgaId;\n  });\n\n  onMounted(() => {\n    initOrga();\n    initSearchPattern();\n    isInit.value = true;\n  });\n\n  function getMinSize(param:string){\n    return param.length>3 ?param : \"\"\n  }\n  function initSearchPattern(){\n    searchPattern.value = (props.routeQuery as string) ?? \"\";\n  }\n  function initOrga(){\n    organisationId.value = filterStore.filterOrgaId ?? (props.routeOrga as string);\n  }\n\n\n  return {\n    searchPattern,\n    organisationId,\n    searchMinSize,\n    paginateFirst,\n    initSearchPattern,\n    initOrga,\n    updateRouteParam,\n    isInit\n  };\n}\n"],"mappings":";;;;;AAMA,IAAa,sBAAsB,OAAmB,QAAM,OAAO,iBAAe,UAAQ;CAExF,MAAM,EAAE,qBAAqB,qBAAqB;CAElD,MAAM,cAAe,eAAe;CAEpC,MAAM,SAAS,IAAI,KAAK;CACxB,MAAM,gBAAgB,IAAI,EAAE;CAC5B,MAAM,iBAAwC,IAAI,KAAA,CAAS;CAE3D,MAAM,gBAAgB,eAAe,WAAY,MAAM,UAAqB,CAAC;CAC7E,MAAM,gBAAgB,eAAe;EACnC,IAAG,CAAC,MAAM,MAAM,MAAM,OAAO,KAAA,GAC3B,OAAO;EAET,OAAO,KAAK,KAAM,MAAM,KAAgB,KAAO,MAAM,IAAe,CAAC;CACvE,CAAC;CAED,MAAM,qBAAqB;EACzB,IAAG,CAAC,gBAAe;GACjB,MAAM,QAAQ,WAAW,cAAc,KAAK;GAC5C,iBAAiB,GACd,aAAa,QAAQ,MAAM,SAAS,QAAQ,KAAA,EAC/C,GAAG,KAAK;EACV;CACF,CAAC;CAGD,YAAY,YAAY,oBAAoB;EAC1C,eAAe,QAAQ,YAAY;CACrC,CAAC;CAED,gBAAgB;EACd,SAAS;EACT,kBAAkB;EAClB,OAAO,QAAQ;CACjB,CAAC;CAED,SAAS,WAAW,OAAa;EAC/B,OAAO,MAAM,SAAO,IAAG,QAAQ;CACjC;CACA,SAAS,oBAAmB;EAC1B,cAAc,QAAS,MAAM,cAAyB;CACxD;CACA,SAAS,WAAU;EACjB,eAAe,QAAQ,YAAY,gBAAiB,MAAM;CAC5D;CAGA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/useTagOf-JxYdEyRm.mjs

@@ -0,0 +1,20 @@
+//#region src/components/composable/useTagOf.ts
+var useTagOf = () => {
+	function isOuestFranceTag(tag) {
+		return "[of]" === tag.substring(0, 4);
+	}
+	function formateOfTag(tag) {
+		if (!isOuestFranceTag(tag)) return tag;
+		const lastSlash = tag.lastIndexOf("/");
+		if (-1 !== lastSlash) return tag.substring(lastSlash + 1, tag.length);
+		return tag.substring(4, tag.length);
+	}
+	return {
+		isOuestFranceTag,
+		formateOfTag
+	};
+};
+//#endregion
+export { useTagOf as t };
+
+//# sourceMappingURL=useTagOf-JxYdEyRm.mjs.map

package/dist/useTagOf-JxYdEyRm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTagOf-JxYdEyRm.mjs","names":[],"sources":["../src/components/composable/useTagOf.ts"],"sourcesContent":["export const useTagOf = ()=>{\n\n  function isOuestFranceTag(tag: string): boolean {\n    return \"[of]\" === tag.substring(0, 4);\n  }\n  function formateOfTag(tag: string): string {\n    if (!isOuestFranceTag(tag)) {\n      return tag;\n    }\n    const lastSlash = tag.lastIndexOf(\"/\");\n    if (-1 !== lastSlash) {\n      return tag.substring(lastSlash + 1, tag.length);\n    }\n    return tag.substring(4, tag.length);\n  }\n  \n\treturn {\n    isOuestFranceTag,\n    formateOfTag\n\t}\n}\n"],"mappings":";AAAA,IAAa,iBAAe;CAE1B,SAAS,iBAAiB,KAAsB;EAC9C,OAAO,WAAW,IAAI,UAAU,GAAG,CAAC;CACtC;CACA,SAAS,aAAa,KAAqB;EACzC,IAAI,CAAC,iBAAiB,GAAG,GACvB,OAAO;EAET,MAAM,YAAY,IAAI,YAAY,GAAG;EACrC,IAAI,OAAO,WACT,OAAO,IAAI,UAAU,YAAY,GAAG,IAAI,MAAM;EAEhD,OAAO,IAAI,UAAU,GAAG,IAAI,MAAM;CACpC;CAED,OAAO;EACJ;EACA;CACH;AACD"}

package/dist/useTranslation-B-nJSPAk.mjs

@@ -0,0 +1,205 @@
+import { _ as TranslationState, h as organisationApi, u as podcastApi, v as transcriptionApi } from "./classicApi-BKNiWOG4.mjs";
+//#region src/helper/language.ts
+/**
+* Utility function to retrieve most relevant language for the user
+* @params forceToKnown When set to true (default), will limit language to one
+*                      one of 6 known languages. When set to false, allow all
+*                      languages.
+* @returns The most relevant language
+*/
+function getLanguage(forceToKnown = true) {
+	const nameEQ = "octopus-language=";
+	const ca = document.cookie.split(";");
+	let language = "";
+	for (const valueCookie of ca) {
+		let c = valueCookie;
+		while (c.startsWith(" ")) c = c.substring(1, c.length);
+		if (0 === c.indexOf(nameEQ)) {
+			language = c.substring(17, c.length);
+			break;
+		}
+	}
+	if (0 === language.length) if (forceToKnown === true) {
+		for (const navigatorLang of navigator.languages) if (navigatorLang.includes("fr")) {
+			language = "fr";
+			break;
+		} else if (navigatorLang.includes("en")) {
+			language = "en";
+			break;
+		} else if (navigatorLang.includes("it")) {
+			language = "it";
+			break;
+		} else if (navigatorLang.includes("sl")) {
+			language = "sl";
+			break;
+		} else if (navigatorLang.includes("es")) {
+			language = "es";
+			break;
+		} else if (navigatorLang.includes("de")) {
+			language = "de";
+			break;
+		}
+		if (!language) language = "fr";
+	} else language = navigator.language;
+	return language;
+}
+//#endregion
+//#region src/stores/class/transcript/transcriptParams.ts
+var ModifyPodcastEnum = /* @__PURE__ */ function(ModifyPodcastEnum) {
+	ModifyPodcastEnum["SUPER"] = "SUPER";
+	ModifyPodcastEnum["NO"] = "NO";
+	ModifyPodcastEnum["IF_EMPTY"] = "IF_EMPTY";
+	ModifyPodcastEnum["OVERWRITE"] = "OVERWRITE";
+	return ModifyPodcastEnum;
+}({});
+var CreateTranslation = /* @__PURE__ */ function(CreateTranslation) {
+	CreateTranslation["NEVER"] = "NEVER";
+	CreateTranslation["ON_DEMAND"] = "ON_DEMAND";
+	CreateTranslation["ALWAYS"] = "ALWAYS";
+	CreateTranslation["SUPER"] = "SUPER";
+	return CreateTranslation;
+}({});
+function defaultTtsParams() {
+	return {
+		super: "true",
+		style: "neutral",
+		pitch: 0,
+		speed: 1,
+		voice: "",
+		language: ""
+	};
+}
+function defaultModifyPodcastConfig() {
+	return {
+		modifyChaptering: "NO",
+		modifyKeywords: "NO",
+		modifyDescription: "NO",
+		createDescriptionUsingAi: false,
+		wordsNumber: 100
+	};
+}
+/**
+* Create a default object of TranslationConfiguration
+* @param isEmission Optional, if set and true changes default values
+* @returns The object
+*/
+function defaultTranslationConfig(isEmission) {
+	return {
+		createTranslation: {},
+		otherLanguage: isEmission ? "SUPER" : "NEVER"
+	};
+}
+//#endregion
+//#region src/components/composable/useTranslation.ts
+var DEFAULT_LANGUAGE = "en";
+var useTranslation = () => {
+	/**
+	* Convert SRT data to plain text
+	* @param srt The data to convert
+	* @returns The plain text
+	*/
+	function convertSrtToPlainText(srt) {
+		const srtPattern = /\d+\n[\d:,]+\s+-{2}>\s+[\d:,]+\n([\s\S]*?(?=\n{2}|$))/gm;
+		const result = [];
+		let matches;
+		while ((matches = srtPattern.exec(srt)) != null) result.push(matches[1] + " ");
+		return result.join("");
+	}
+	function getApplicationConf(language, conf) {
+		if (language in conf.createTranslation) return conf.createTranslation[language];
+		return conf.otherLanguage;
+	}
+	/**
+	* Retrieve the translation configuration for a given language
+	*/
+	function getConfigurationFor(language, emissionConf, orgaConf) {
+		const emissionSetting = getApplicationConf(language, emissionConf);
+		if (emissionSetting === CreateTranslation.SUPER) return getApplicationConf(language, orgaConf);
+		return emissionSetting;
+	}
+	function parseOrDefault(data, isEmission = false) {
+		return data ? JSON.parse(data) : defaultTranslationConfig(isEmission);
+	}
+	/**
+	* Indicates wether the language is available (either because generated or
+	* because it can be generated)
+	* @param language The language to check for
+	* @param emission *(optional)* If set, will also check in emission settings
+	* @returns Whether the language is available or not
+	*/
+	function getTranslationConfig(language, emission, orgaAttributes) {
+		return getConfigurationFor(language, parseOrDefault(emission.annotations?.["translation-config"], true), parseOrDefault(orgaAttributes?.["translation-config"]));
+	}
+	function getLanguageAvailability(language, emission, orgaAttributes, translationData) {
+		if (language === translationData.nativeLanguage) return 0;
+		else {
+			const langConfig = getTranslationConfig(language, emission, orgaAttributes);
+			if (langConfig === CreateTranslation.ALWAYS) return 0;
+			else if (langConfig === CreateTranslation.ON_DEMAND) if (translationData.translations.find((t) => t.language === language && t.state === TranslationState.FINISHED)) return 0;
+			else return 1;
+		}
+		return 2;
+	}
+	/**
+	* Get the relevant language for the current user
+	* @param translationData The translation data for the podcast
+	* @returns An object with properties 'ready' and 'available'
+	*          - *ready* Is the best language already generated
+	*          - *available* Is the best language not yet generated (or
+	*                        undefined if *ready* is better)
+	*/
+	async function getMostRelevantLanguage(translationData) {
+		const userLanguage = getLanguage(false);
+		if (userLanguage === translationData.nativeLanguage) return { ready: userLanguage };
+		const languages = [];
+		[
+			userLanguage,
+			...navigator.languages,
+			DEFAULT_LANGUAGE,
+			translationData.nativeLanguage
+		].forEach((l) => {
+			if (l.includes("-")) l = l.split("-")[0];
+			if (!languages.includes(l)) languages.push(l);
+		});
+		const podcast = await podcastApi.get(translationData.podcastId);
+		const emission = podcast.emission;
+		const orgaAttributes = await organisationApi.getAttributes(podcast.organisation.id);
+		let bestReady = null;
+		let bestAvailable = null;
+		for (const language of languages) {
+			const avaibility = getLanguageAvailability(language, emission, orgaAttributes, translationData);
+			if (avaibility === 0 && bestReady === null) {
+				bestReady = language;
+				break;
+			}
+			if (avaibility === 1 && bestAvailable === null) bestAvailable = language;
+		}
+		return {
+			ready: bestReady,
+			available: bestAvailable ?? void 0
+		};
+	}
+	/**
+	* Get the relevant translation for the current user
+	* @param translationData The translation data for the podcast
+	* @returns The translation
+	*/
+	async function getMostRelevantTranslation(data) {
+		let translationData;
+		if (typeof data === "number") translationData = await transcriptionApi.getTranslations(data);
+		else translationData = data;
+		const { ready } = await getMostRelevantLanguage(translationData);
+		const podcastId = translationData.podcastId;
+		return await transcriptionApi.getTranslation(podcastId, ready);
+	}
+	return {
+		convertSrtToPlainText,
+		getMostRelevantLanguage,
+		getMostRelevantTranslation,
+		getTranslationConfig
+	};
+};
+//#endregion
+export { defaultTranslationConfig as a, defaultModifyPodcastConfig as i, CreateTranslation as n, defaultTtsParams as o, ModifyPodcastEnum as r, getLanguage as s, useTranslation as t };
+
+//# sourceMappingURL=useTranslation-B-nJSPAk.mjs.map

package/dist/useTranslation-B-nJSPAk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation-B-nJSPAk.mjs","names":[],"sources":["../src/helper/language.ts","../src/stores/class/transcript/transcriptParams.ts","../src/components/composable/useTranslation.ts"],"sourcesContent":["/**\n * Utility function to retrieve most relevant language for the user\n * @params forceToKnown When set to true (default), will limit language to one\n *                      one of 6 known languages. When set to false, allow all\n *                      languages.\n * @returns The most relevant language\n */\nexport function getLanguage(forceToKnown = true): string {\n    const nameEQ = \"octopus-language=\";\n    const ca = document.cookie.split(\";\");\n\n    let language = \"\";\n    for (const valueCookie of ca) {\n        let c = valueCookie;\n        while (c.startsWith(\" \")) {\n            c = c.substring(1, c.length);\n        }\n        if (0 === c.indexOf(nameEQ)) {\n            language = c.substring(nameEQ.length, c.length);\n            break;\n        }\n    }\n\n    if (0 === language.length) {\n        if (forceToKnown === true) {\n            // Choose best avilable language\n            for (const navigatorLang of navigator.languages) {\n                if (navigatorLang.includes(\"fr\")) {\n                    language = \"fr\";\n                    break;\n                } else if (navigatorLang.includes(\"en\")) {\n                    language = \"en\";\n                    break;\n                } else if (navigatorLang.includes(\"it\")) {\n                    language = \"it\";\n                    break;\n                } else if (navigatorLang.includes(\"sl\")) {\n                    language = \"sl\";\n                    break;\n                } else if (navigatorLang.includes(\"es\")) {\n                    language = \"es\";\n                    break;\n                } else if (navigatorLang.includes(\"de\")) {\n                    language = \"de\";\n                    break;\n                }\n            }\n            if (!language) {\n                language = \"fr\";\n            }\n        } else {\n            language = navigator.language;\n        }\n    }\n\n    return language;\n}\n","export interface TranscriptParams {\n  automation: string; // super, {date}, false \n  ttsParams: TtsParams;\n  modifyPodcast: ModifyPodcastConfig\n  translationConfig: TranslationConfiguration;\n}\nexport interface TtsParams {\n  super: string;\n  style: string;\n  pitch: number;\n  speed: number;\n  voice: string;\n  language: string;\n}\n\nexport interface ModifyPodcastConfig {\n  modifyChaptering: ModifyPodcastEnum;\n  modifyKeywords: ModifyPodcastEnum;\n  modifyDescription: ModifyPodcastEnum;\n  createDescriptionUsingAi: boolean;\n  wordsNumber: number;\n}\n\nexport enum ModifyPodcastEnum {\n  SUPER = \"SUPER\",\n  NO = \"NO\",\n  IF_EMPTY = \"IF_EMPTY\",\n  OVERWRITE=\"OVERWRITE\"\n}\n\nexport interface TranslationConfiguration {\n  createTranslation:{[lang:string]: CreateTranslation};\n  otherLanguage:CreateTranslation; //Cannot be ALWAYS\n}\n\nexport enum CreateTranslation {\n  NEVER = \"NEVER\",\n  ON_DEMAND = \"ON_DEMAND\",\n  ALWAYS = \"ALWAYS\",\n  SUPER=\"SUPER\"\n}\n\nexport function defaultTtsParams(): TtsParams {\n  return {\n    super: \"true\",\n    style: \"neutral\",\n    pitch: 0,\n    speed: 1,\n    voice: \"\",\n    language: \"\"\n  };\n}\n\nexport function defaultModifyPodcastConfig(): ModifyPodcastConfig {\n  return {\n    modifyChaptering: ModifyPodcastEnum.NO,\n    modifyKeywords:ModifyPodcastEnum.NO,\n    modifyDescription:ModifyPodcastEnum.NO,\n    createDescriptionUsingAi: false,\n    wordsNumber: 100,\n  };\n}\n\n/**\n * Create a default object of TranslationConfiguration\n * @param isEmission Optional, if set and true changes default values\n * @returns The object\n */\nexport function defaultTranslationConfig(isEmission?: boolean): TranslationConfiguration {\n  return {\n    createTranslation:{},\n    otherLanguage: isEmission ? CreateTranslation.SUPER : CreateTranslation.NEVER\n  };\n}\n\nexport interface Voice {\n  name: string;\n  locale: string;\n  displayName: string;\n  gender: string;\n  audioExample?: string;\n  styles?: [];\n  provider: string;\n}\nexport interface ProviderTts {\n  name: string;\n  fullName: string;\n  logoPath: string;\n  description: string;\n}\n","import { getLanguage } from \"../../helper/language\";\nimport { transcriptionApi, TranslationState, type PodcastTranslationData } from \"../../api/transcriptionApi\";\nimport { CreateTranslation, defaultTranslationConfig, TranslationConfiguration } from \"../../stores/class/transcript/transcriptParams\";\nimport { podcastApi } from \"../../api/podcastApi\";\nimport { Emission } from \"../../stores/class/general/emission\";\nimport { OrganisationAttributes } from \"@/stores/class/general/organisation\";\nimport { organisationApi } from \"../../api/organisationApi\";\n\nconst DEFAULT_LANGUAGE = 'en';\n\ninterface RelevantLanguages {\n    /** Language which already has a generated translation */\n    ready: string;\n    /** Language that is more relevant but its translation is not yet generated */\n    available?: string;\n}\n\nenum Availability {\n    Available,\n    ToGenerate,\n    Unavailable\n}\n\nexport const useTranslation = () => {\n\n    /**\n     * Convert SRT data to plain text\n     * @param srt The data to convert\n     * @returns The plain text\n     */\n    function convertSrtToPlainText(srt: string): string {\n        const srtPattern =\n            /\\d+\\n[\\d:,]+\\s+-{2}>\\s+[\\d:,]+\\n([\\s\\S]*?(?=\\n{2}|$))/gm;\n        const result: Array<string> = [];\n        let matches: string[];\n        while ((matches = srtPattern.exec(srt)) != null) {\n            result.push(matches[1] + \" \");\n        }\n        return result.join(\"\");\n    }\n\n    function getApplicationConf(language: string, conf: TranslationConfiguration): CreateTranslation {\n        if (language in conf.createTranslation) {\n            return conf.createTranslation[language];\n        }\n\n        return conf.otherLanguage;\n    }\n\n    /**\n     * Retrieve the translation configuration for a given language\n     */\n    function getConfigurationFor(language: string, emissionConf: TranslationConfiguration, orgaConf: TranslationConfiguration): CreateTranslation {\n        const emissionSetting = getApplicationConf(language, emissionConf);\n        if (emissionSetting === CreateTranslation.SUPER) {\n            return getApplicationConf(language, orgaConf);\n        }\n        return emissionSetting;\n    }\n\n    function parseOrDefault(data: string|undefined, isEmission = false): TranslationConfiguration {\n        return data ? JSON.parse(data) : defaultTranslationConfig(isEmission);\n    }\n\n    /**\n     * Indicates wether the language is available (either because generated or\n     * because it can be generated)\n     * @param language The language to check for\n     * @param emission *(optional)* If set, will also check in emission settings\n     * @returns Whether the language is available or not\n     */\n    function getTranslationConfig(language: string, emission: Emission, orgaAttributes: OrganisationAttributes): CreateTranslation {\n        const emissionTranslation = parseOrDefault(emission.annotations?.['translation-config'] as string|undefined, true);\n        const orgTranslation = parseOrDefault(orgaAttributes?.['translation-config']);\n\n        return getConfigurationFor(language, emissionTranslation, orgTranslation);\n    }\n\n    function getLanguageAvailability(language: string, emission: Emission, orgaAttributes: OrganisationAttributes, translationData: PodcastTranslationData): Availability {\n        \n        // 1. If language of podcast == language of browser, use that language\n        if (language === translationData.nativeLanguage) {\n            return Availability.Available;\n        } else {\n            const langConfig = getTranslationConfig(language, emission, orgaAttributes);\n\n            // 2. If the language of the browser is available, use it\n            if (langConfig === CreateTranslation.ALWAYS) {\n                return Availability.Available;\n            }\n            // 2b. If the language is on demand, check if generated\n            else if (langConfig === CreateTranslation.ON_DEMAND) {\n                // Check if translation is already generated\n                if (translationData.translations.find(t => t.language === language && t.state === TranslationState.FINISHED)) {\n                    return Availability.Available;\n                } else {\n                    return Availability.ToGenerate;\n                }\n            }\n        }\n\n        return Availability.Unavailable;\n    }\n\n    /**\n     * Get the relevant language for the current user\n     * @param translationData The translation data for the podcast\n     * @returns An object with properties 'ready' and 'available'\n     *          - *ready* Is the best language already generated\n     *          - *available* Is the best language not yet generated (or\n     *                        undefined if *ready* is better)\n     */\n    async function getMostRelevantLanguage(translationData: PodcastTranslationData): Promise<RelevantLanguages> {\n        const userLanguage = getLanguage(false);\n\n        // If user language is native, do not go further\n        if (userLanguage === translationData.nativeLanguage) {\n            return { ready: userLanguage };\n        }\n\n        // Compute all available languages. Use language set on site, then\n        // languages defined on browser, then default, and finally native language\n        const languages: string[] = [];\n        [userLanguage, ...navigator.languages, DEFAULT_LANGUAGE, translationData.nativeLanguage].forEach(l => {\n            // For each language, if it is a variant (for example fr-CH), use\n            // only the base language\n            if (l.includes('-')) {\n                l = l.split('-')[0];\n            }\n\n            if (!languages.includes(l)) {\n                languages.push(l);\n            }\n        });\n\n        const podcast = await podcastApi.get(translationData.podcastId);\n        const emission = podcast.emission;\n        const orgaAttributes = await organisationApi.getAttributes(podcast.organisation.id);\n\n        let bestReady: string|null = null;\n        let bestAvailable: string|null = null;\n\n        for (const language of languages) {\n            const avaibility = getLanguageAvailability(language, emission, orgaAttributes, translationData);\n            if (avaibility === Availability.Available && bestReady === null) {\n                bestReady = language;\n                break;\n            }\n\n            if (avaibility === Availability.ToGenerate && bestAvailable === null) {\n                bestAvailable = language;\n            }\n        }\n\n        return { ready: bestReady, available: bestAvailable ?? undefined };\n    }\n\n    /**\n     * Get the relevant translation for the current user\n     * @param translationData The translation data for the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(translationData: PodcastTranslationData): Promise<string>;\n    /**\n     * Get the relevant translation for the current user\n     * @param podcastId The ID of the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(podcastId: number): Promise<string>;\n\n    /**\n     * Get the relevant translation for the current user\n     * @param translationData The translation data for the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(data: PodcastTranslationData|number): Promise<string> {\n        let translationData: PodcastTranslationData;\n        if (typeof data === 'number') {\n            translationData = await transcriptionApi.getTranslations(data);\n        } else {\n            translationData = data;\n        }\n\n        const { ready } = await getMostRelevantLanguage(translationData);\n\n        // Finally get translation with chosen language\n        const podcastId = translationData.podcastId;\n        return await transcriptionApi.getTranslation(podcastId, ready);\n    }\n\n    return {\n        convertSrtToPlainText,\n        getMostRelevantLanguage,\n        getMostRelevantTranslation,\n        getTranslationConfig\n    }\n};\n"],"mappings":"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"}

package/dist/useTranslation-DjbHwIm7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation-DjbHwIm7.mjs","names":[],"sources":["../src/helper/language.ts","../src/stores/class/transcript/transcriptParams.ts","../src/components/composable/useTranslation.ts"],"sourcesContent":["/**\n * Utility function to retrieve most relevant language for the user\n * @params forceToKnown When set to true (default), will limit language to one\n *                      one of 6 known languages. When set to false, allow all\n *                      languages.\n * @returns The most relevant language\n */\nexport function getLanguage(forceToKnown = true): string {\n    const nameEQ = \"octopus-language=\";\n    const ca = document.cookie.split(\";\");\n\n    let language = \"\";\n    for (const valueCookie of ca) {\n        let c = valueCookie;\n        while (c.startsWith(\" \")) {\n            c = c.substring(1, c.length);\n        }\n        if (0 === c.indexOf(nameEQ)) {\n            language = c.substring(nameEQ.length, c.length);\n            break;\n        }\n    }\n\n    if (0 === language.length) {\n        if (forceToKnown === true) {\n            // Choose best avilable language\n            for (const navigatorLang of navigator.languages) {\n                if (navigatorLang.includes(\"fr\")) {\n                    language = \"fr\";\n                    break;\n                } else if (navigatorLang.includes(\"en\")) {\n                    language = \"en\";\n                    break;\n                } else if (navigatorLang.includes(\"it\")) {\n                    language = \"it\";\n                    break;\n                } else if (navigatorLang.includes(\"sl\")) {\n                    language = \"sl\";\n                    break;\n                } else if (navigatorLang.includes(\"es\")) {\n                    language = \"es\";\n                    break;\n                } else if (navigatorLang.includes(\"de\")) {\n                    language = \"de\";\n                    break;\n                }\n            }\n            if (!language) {\n                language = \"fr\";\n            }\n        } else {\n            language = navigator.language;\n        }\n    }\n\n    return language;\n}\n","export interface TranscriptParams {\n  automation: string; // super, {date}, false \n  ttsParams: TtsParams;\n  modifyPodcast: ModifyPodcastConfig\n  translationConfig: TranslationConfiguration;\n}\nexport interface TtsParams {\n  super: string;\n  style: string;\n  pitch: number;\n  speed: number;\n  voice: string;\n  language: string;\n}\n\nexport interface ModifyPodcastConfig {\n  modifyChaptering: ModifyPodcastEnum;\n  modifyKeywords: ModifyPodcastEnum;\n  modifyDescription: ModifyPodcastEnum;\n  createDescriptionUsingAi: boolean;\n  wordsNumber: number;\n}\n\nexport enum ModifyPodcastEnum {\n  SUPER = \"SUPER\",\n  NO = \"NO\",\n  IF_EMPTY = \"IF_EMPTY\",\n  OVERWRITE=\"OVERWRITE\"\n}\n\nexport interface TranslationConfiguration {\n  createTranslation:{[lang:string]: CreateTranslation};\n  otherLanguage:CreateTranslation; //Cannot be ALWAYS\n}\n\nexport enum CreateTranslation {\n  NEVER = \"NEVER\",\n  ON_DEMAND = \"ON_DEMAND\",\n  ALWAYS = \"ALWAYS\",\n  SUPER=\"SUPER\"\n}\n\nexport function defaultTtsParams(): TtsParams {\n  return {\n    super: \"true\",\n    style: \"neutral\",\n    pitch: 0,\n    speed: 1,\n    voice: \"\",\n    language: \"\"\n  };\n}\n\nexport function defaultModifyPodcastConfig(): ModifyPodcastConfig {\n  return {\n    modifyChaptering: ModifyPodcastEnum.NO,\n    modifyKeywords:ModifyPodcastEnum.NO,\n    modifyDescription:ModifyPodcastEnum.NO,\n    createDescriptionUsingAi: false,\n    wordsNumber: 100,\n  };\n}\n\n/**\n * Create a default object of TranslationConfiguration\n * @param isEmission Optional, if set and true changes default values\n * @returns The object\n */\nexport function defaultTranslationConfig(isEmission?: boolean): TranslationConfiguration {\n  return {\n    createTranslation:{},\n    otherLanguage: isEmission ? CreateTranslation.SUPER : CreateTranslation.NEVER\n  };\n}\n\nexport interface Voice {\n  name: string;\n  locale: string;\n  displayName: string;\n  gender: string;\n  audioExample?: string;\n  styles?: [];\n  provider: string;\n}\nexport interface ProviderTts {\n  name: string;\n  fullName: string;\n  logoPath: string;\n  description: string;\n}\n","import { getLanguage } from \"../../helper/language\";\nimport { transcriptionApi, TranslationState, type PodcastTranslationData } from \"../../api/transcriptionApi\";\nimport { CreateTranslation, defaultTranslationConfig, TranslationConfiguration } from \"../../stores/class/transcript/transcriptParams\";\nimport { podcastApi } from \"../../api/podcastApi\";\nimport { Emission } from \"../../stores/class/general/emission\";\nimport { OrganisationAttributes } from \"@/stores/class/general/organisation\";\nimport { organisationApi } from \"../../api/organisationApi\";\n\nconst DEFAULT_LANGUAGE = 'en';\n\ninterface RelevantLanguages {\n    /** Language which already has a generated translation */\n    ready: string;\n    /** Language that is more relevant but its translation is not yet generated */\n    available?: string;\n}\n\nenum Availability {\n    Available,\n    ToGenerate,\n    Unavailable\n}\n\nexport const useTranslation = () => {\n\n    /**\n     * Convert SRT data to plain text\n     * @param srt The data to convert\n     * @returns The plain text\n     */\n    function convertSrtToPlainText(srt: string): string {\n        const srtPattern =\n            /\\d+\\n[\\d:,]+\\s+-{2}>\\s+[\\d:,]+\\n([\\s\\S]*?(?=\\n{2}|$))/gm;\n        const result: Array<string> = [];\n        let matches: string[];\n        while ((matches = srtPattern.exec(srt)) != null) {\n            result.push(matches[1] + \" \");\n        }\n        return result.join(\"\");\n    }\n\n    function getApplicationConf(language: string, conf: TranslationConfiguration): CreateTranslation {\n        if (language in conf.createTranslation) {\n            return conf.createTranslation[language];\n        }\n\n        return conf.otherLanguage;\n    }\n\n    /**\n     * Retrieve the translation configuration for a given language\n     */\n    function getConfigurationFor(language: string, emissionConf: TranslationConfiguration, orgaConf: TranslationConfiguration): CreateTranslation {\n        const emissionSetting = getApplicationConf(language, emissionConf);\n        if (emissionSetting === CreateTranslation.SUPER) {\n            return getApplicationConf(language, orgaConf);\n        }\n        return emissionSetting;\n    }\n\n    function parseOrDefault(data: string|undefined, isEmission = false): TranslationConfiguration {\n        return data ? JSON.parse(data) : defaultTranslationConfig(isEmission);\n    }\n\n    /**\n     * Indicates wether the language is available (either because generated or\n     * because it can be generated)\n     * @param language The language to check for\n     * @param emission *(optional)* If set, will also check in emission settings\n     * @returns Whether the language is available or not\n     */\n    function getTranslationConfig(language: string, emission: Emission, orgaAttributes: OrganisationAttributes): CreateTranslation {\n        const emissionTranslation = parseOrDefault(emission.annotations?.['translation-config'] as string|undefined, true);\n        const orgTranslation = parseOrDefault(orgaAttributes?.['translation-config']);\n\n        return getConfigurationFor(language, emissionTranslation, orgTranslation);\n    }\n\n    function getLanguageAvailability(language: string, emission: Emission, orgaAttributes: OrganisationAttributes, translationData: PodcastTranslationData): Availability {\n        \n        // 1. If language of podcast == language of browser, use that language\n        if (language === translationData.nativeLanguage) {\n            return Availability.Available;\n        } else {\n            const langConfig = getTranslationConfig(language, emission, orgaAttributes);\n\n            // 2. If the language of the browser is available, use it\n            if (langConfig === CreateTranslation.ALWAYS) {\n                return Availability.Available;\n            }\n            // 2b. If the language is on demand, check if generated\n            else if (langConfig === CreateTranslation.ON_DEMAND) {\n                // Check if translation is already generated\n                if (translationData.translations.find(t => t.language === language && t.state === TranslationState.FINISHED)) {\n                    return Availability.Available;\n                } else {\n                    return Availability.ToGenerate;\n                }\n            }\n        }\n\n        return Availability.Unavailable;\n    }\n\n    /**\n     * Get the relevant language for the current user\n     * @param translationData The translation data for the podcast\n     * @returns An object with properties 'ready' and 'available'\n     *          - *ready* Is the best language already generated\n     *          - *available* Is the best language not yet generated (or\n     *                        undefined if *ready* is better)\n     */\n    async function getMostRelevantLanguage(translationData: PodcastTranslationData): Promise<RelevantLanguages> {\n        const userLanguage = getLanguage(false);\n\n        // If user language is native, do not go further\n        if (userLanguage === translationData.nativeLanguage) {\n            return { ready: userLanguage };\n        }\n\n        // Compute all available languages. Use language set on site, then\n        // languages defined on browser, then default, and finally native language\n        const languages: string[] = [];\n        [userLanguage, ...navigator.languages, DEFAULT_LANGUAGE, translationData.nativeLanguage].forEach(l => {\n            // For each language, if it is a variant (for example fr-CH), use\n            // only the base language\n            if (l.includes('-')) {\n                l = l.split('-')[0];\n            }\n\n            if (!languages.includes(l)) {\n                languages.push(l);\n            }\n        });\n\n        const podcast = await podcastApi.get(translationData.podcastId);\n        const emission = podcast.emission;\n        const orgaAttributes = await organisationApi.getAttributes(podcast.organisation.id);\n\n        let bestReady: string|null = null;\n        let bestAvailable: string|null = null;\n\n        for (const language of languages) {\n            const avaibility = getLanguageAvailability(language, emission, orgaAttributes, translationData);\n            if (avaibility === Availability.Available && bestReady === null) {\n                bestReady = language;\n                break;\n            }\n\n            if (avaibility === Availability.ToGenerate && bestAvailable === null) {\n                bestAvailable = language;\n            }\n        }\n\n        return { ready: bestReady, available: bestAvailable ?? undefined };\n    }\n\n    /**\n     * Get the relevant translation for the current user\n     * @param translationData The translation data for the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(translationData: PodcastTranslationData): Promise<string>;\n    /**\n     * Get the relevant translation for the current user\n     * @param podcastId The ID of the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(podcastId: number): Promise<string>;\n\n    /**\n     * Get the relevant translation for the current user\n     * @param translationData The translation data for the podcast\n     * @returns The translation\n     */\n    async function getMostRelevantTranslation(data: PodcastTranslationData|number): Promise<string> {\n        let translationData: PodcastTranslationData;\n        if (typeof data === 'number') {\n            translationData = await transcriptionApi.getTranslations(data);\n        } else {\n            translationData = data;\n        }\n\n        const { ready } = await getMostRelevantLanguage(translationData);\n\n        // Finally get translation with chosen language\n        const podcastId = translationData.podcastId;\n        return await transcriptionApi.getTranslation(podcastId, ready);\n    }\n\n    return {\n        convertSrtToPlainText,\n        getMostRelevantLanguage,\n        getMostRelevantTranslation,\n        getTranslationConfig\n    }\n};\n"],"mappings":"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"}

package/dist/usefetchRadioData-CHglTIFu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usefetchRadioData-CHglTIFu.mjs","names":[],"sources":["../src/components/composable/radio/usefetchRadioData.ts"],"sourcesContent":["import classicApi from \"../../../api/classicApi\";\nimport { MediaRadio, MetadataRadio, NextAdvertising } from '@/stores/class/general/player';\nimport { Podcast } from '@/stores/class/general/podcast';\nimport dayjs from 'dayjs';\nimport {onBeforeUnmount, Ref, ref} from 'vue';\nimport { useI18n } from \"vue-i18n\";\nexport const useFetchRadio = ()=>{\n\n  const radioInterval : Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n  const {t} = useI18n();\n  \n  async function fetchRadioMetadata(\n    canalId: number,\n    previousTitle: string,\n    callbackMetadata: (\n      metadata: MediaRadio|undefined,\n      podcast: Podcast | undefined,\n      history: Array<MediaRadio>\n    ) => void,\n    callbackAdvertising?: (\n      nextAdvertising: NextAdvertising\n    ) => void,\n  ): Promise<void> {\n    const metadata = await classicApi.fetchData<MetadataRadio>({\n      api: 14,\n      path:  \"player/playing/\" + canalId,\n    });\n    /*{\n      \"adCount\": 1,\n      \"startDate\": \"2025-03-04T13:12:00Z\",\n      \"tag\": \"5e385e1b51c86\"\n  }; */\n    if(callbackAdvertising){\n      callbackAdvertising(metadata.nextAdvertising);\n    }\n    const arrayMetadata = metadata.previously;\n    if(null!==metadata.currently){\n      arrayMetadata.unshift(metadata.currently);\n      for (let index = 0, len = arrayMetadata.length; index < len; index++) {\n        if (\n          dayjs().valueOf() - 18000 >\n          dayjs(arrayMetadata[index].startDate).valueOf()\n        ) {\n          await useCallbackIfNewMetadata(previousTitle, arrayMetadata, index, len,callbackMetadata);\n          return;\n        }\n      }\n    }else{\n      callbackMetadata(undefined, undefined, arrayMetadata);\n    }\n  }\n  async function useCallbackIfNewMetadata(previousTitle: string, arrayMetadata: Array<MediaRadio>, index:number, len: number, callbackMetadata: (\n    metadata: MediaRadio,\n    podcast: Podcast | undefined,\n    history: Array<MediaRadio>\n  ) => void){\n    if (previousTitle !== arrayMetadata[index].title) {\n      const historyIndex = index + 1 < len ? index + 1 : index;\n      const history = arrayMetadata.slice(historyIndex, len);\n      if (arrayMetadata[index].podcastId) {\n        const data: Podcast = await classicApi.fetchData<Podcast>({\n          api: 0,\n          path: \"podcast/\" + arrayMetadata[index].podcastId,\n        });\n        callbackMetadata(arrayMetadata[index], data, history);\n      } else {\n        callbackMetadata(arrayMetadata[index], undefined, history);\n      }\n    }\n  }\n  function displayTitle(metadata: MediaRadio|undefined): string {\n    if(!metadata){\n      return t(\"Silent stream\");\n    }\n    let title = \"\";\n    if (metadata?.title) {\n      title += metadata.title;\n    }\n    if (metadata?.artist) {\n      title += \" - \" + metadata.artist;\n    }\n    return title;\n  }\n\n\n\n  onBeforeUnmount(() => {\n    clearInterval(radioInterval.value as unknown as number);\n  })\n\n\n\treturn {\n    fetchRadioMetadata,\n    displayTitle\n\t}\n}\n"],"mappings":";;;;;AAMA,IAAa,sBAAoB;CAE/B,MAAM,gBAAiE,IAAI,KAAA,CAAS;CAEpF,MAAM,EAAC,MAAK,QAAQ;CAEpB,eAAe,mBACb,SACA,eACA,kBAKA,qBAGe;EACf,MAAM,WAAW,MAAM,mBAAW,UAAyB;GACzD,KAAK;GACL,MAAO,oBAAoB;EAC7B,CAAC;EAMD,IAAG,qBACD,oBAAoB,SAAS,eAAe;EAE9C,MAAM,gBAAgB,SAAS;EAC/B,IAAG,SAAO,SAAS,WAAU;GAC3B,cAAc,QAAQ,SAAS,SAAS;GACxC,KAAK,IAAI,QAAQ,GAAG,MAAM,cAAc,QAAQ,QAAQ,KAAK,SAC3D,IACE,MAAM,EAAE,QAAQ,IAAI,OACpB,MAAM,cAAc,OAAO,SAAS,EAAE,QAAQ,GAC9C;IACA,MAAM,yBAAyB,eAAe,eAAe,OAAO,KAAI,gBAAgB;IACxF;GACF;EAEJ,OACE,iBAAiB,KAAA,GAAW,KAAA,GAAW,aAAa;CAExD;CACA,eAAe,yBAAyB,eAAuB,eAAkC,OAAc,KAAa,kBAIlH;EACR,IAAI,kBAAkB,cAAc,OAAO,OAAO;GAChD,MAAM,eAAe,QAAQ,IAAI,MAAM,QAAQ,IAAI;GACnD,MAAM,UAAU,cAAc,MAAM,cAAc,GAAG;GACrD,IAAI,cAAc,OAAO,WAAW;IAClC,MAAM,OAAgB,MAAM,mBAAW,UAAmB;KACxD,KAAK;KACL,MAAM,aAAa,cAAc,OAAO;IAC1C,CAAC;IACD,iBAAiB,cAAc,QAAQ,MAAM,OAAO;GACtD,OACE,iBAAiB,cAAc,QAAQ,KAAA,GAAW,OAAO;EAE7D;CACF;CACA,SAAS,aAAa,UAAwC;EAC5D,IAAG,CAAC,UACF,OAAO,EAAE,eAAe;EAE1B,IAAI,QAAQ;EACZ,IAAI,UAAU,OACZ,SAAS,SAAS;EAEpB,IAAI,UAAU,QACZ,SAAS,QAAQ,SAAS;EAE5B,OAAO;CACT;CAIA,sBAAsB;EACpB,cAAc,cAAc,KAA0B;CACxD,CAAC;CAGF,OAAO;EACJ;EACA;CACH;AACD"}

package/dist/usefetchRadioData-gMdg1_Yh.mjs

@@ -0,0 +1,55 @@
+import { t as classicApi_default } from "./classicApi-BKNiWOG4.mjs";
+import { onBeforeUnmount, ref } from "vue";
+import { useI18n } from "vue-i18n";
+import dayjs from "dayjs";
+//#region src/components/composable/radio/usefetchRadioData.ts
+var useFetchRadio = () => {
+	const radioInterval = ref(void 0);
+	const { t } = useI18n();
+	async function fetchRadioMetadata(canalId, previousTitle, callbackMetadata, callbackAdvertising) {
+		const metadata = await classicApi_default.fetchData({
+			api: 14,
+			path: "player/playing/" + canalId
+		});
+		if (callbackAdvertising) callbackAdvertising(metadata.nextAdvertising);
+		const arrayMetadata = metadata.previously;
+		if (null !== metadata.currently) {
+			arrayMetadata.unshift(metadata.currently);
+			for (let index = 0, len = arrayMetadata.length; index < len; index++) if (dayjs().valueOf() - 18e3 > dayjs(arrayMetadata[index].startDate).valueOf()) {
+				await useCallbackIfNewMetadata(previousTitle, arrayMetadata, index, len, callbackMetadata);
+				return;
+			}
+		} else callbackMetadata(void 0, void 0, arrayMetadata);
+	}
+	async function useCallbackIfNewMetadata(previousTitle, arrayMetadata, index, len, callbackMetadata) {
+		if (previousTitle !== arrayMetadata[index].title) {
+			const historyIndex = index + 1 < len ? index + 1 : index;
+			const history = arrayMetadata.slice(historyIndex, len);
+			if (arrayMetadata[index].podcastId) {
+				const data = await classicApi_default.fetchData({
+					api: 0,
+					path: "podcast/" + arrayMetadata[index].podcastId
+				});
+				callbackMetadata(arrayMetadata[index], data, history);
+			} else callbackMetadata(arrayMetadata[index], void 0, history);
+		}
+	}
+	function displayTitle(metadata) {
+		if (!metadata) return t("Silent stream");
+		let title = "";
+		if (metadata?.title) title += metadata.title;
+		if (metadata?.artist) title += " - " + metadata.artist;
+		return title;
+	}
+	onBeforeUnmount(() => {
+		clearInterval(radioInterval.value);
+	});
+	return {
+		fetchRadioMetadata,
+		displayTitle
+	};
+};
+//#endregion
+export { useFetchRadio as t };
+
+//# sourceMappingURL=usefetchRadioData-gMdg1_Yh.mjs.map

package/dist/usefetchRadioData-gMdg1_Yh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usefetchRadioData-gMdg1_Yh.mjs","names":[],"sources":["../src/components/composable/radio/usefetchRadioData.ts"],"sourcesContent":["import classicApi from \"../../../api/classicApi\";\nimport { MediaRadio, MetadataRadio, NextAdvertising } from '@/stores/class/general/player';\nimport { Podcast } from '@/stores/class/general/podcast';\nimport dayjs from 'dayjs';\nimport {onBeforeUnmount, Ref, ref} from 'vue';\nimport { useI18n } from \"vue-i18n\";\nexport const useFetchRadio = ()=>{\n\n  const radioInterval : Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n  const {t} = useI18n();\n  \n  async function fetchRadioMetadata(\n    canalId: number,\n    previousTitle: string,\n    callbackMetadata: (\n      metadata: MediaRadio|undefined,\n      podcast: Podcast | undefined,\n      history: Array<MediaRadio>\n    ) => void,\n    callbackAdvertising?: (\n      nextAdvertising: NextAdvertising\n    ) => void,\n  ): Promise<void> {\n    const metadata = await classicApi.fetchData<MetadataRadio>({\n      api: 14,\n      path:  \"player/playing/\" + canalId,\n    });\n    /*{\n      \"adCount\": 1,\n      \"startDate\": \"2025-03-04T13:12:00Z\",\n      \"tag\": \"5e385e1b51c86\"\n  }; */\n    if(callbackAdvertising){\n      callbackAdvertising(metadata.nextAdvertising);\n    }\n    const arrayMetadata = metadata.previously;\n    if(null!==metadata.currently){\n      arrayMetadata.unshift(metadata.currently);\n      for (let index = 0, len = arrayMetadata.length; index < len; index++) {\n        if (\n          dayjs().valueOf() - 18000 >\n          dayjs(arrayMetadata[index].startDate).valueOf()\n        ) {\n          await useCallbackIfNewMetadata(previousTitle, arrayMetadata, index, len,callbackMetadata);\n          return;\n        }\n      }\n    }else{\n      callbackMetadata(undefined, undefined, arrayMetadata);\n    }\n  }\n  async function useCallbackIfNewMetadata(previousTitle: string, arrayMetadata: Array<MediaRadio>, index:number, len: number, callbackMetadata: (\n    metadata: MediaRadio,\n    podcast: Podcast | undefined,\n    history: Array<MediaRadio>\n  ) => void){\n    if (previousTitle !== arrayMetadata[index].title) {\n      const historyIndex = index + 1 < len ? index + 1 : index;\n      const history = arrayMetadata.slice(historyIndex, len);\n      if (arrayMetadata[index].podcastId) {\n        const data: Podcast = await classicApi.fetchData<Podcast>({\n          api: 0,\n          path: \"podcast/\" + arrayMetadata[index].podcastId,\n        });\n        callbackMetadata(arrayMetadata[index], data, history);\n      } else {\n        callbackMetadata(arrayMetadata[index], undefined, history);\n      }\n    }\n  }\n  function displayTitle(metadata: MediaRadio|undefined): string {\n    if(!metadata){\n      return t(\"Silent stream\");\n    }\n    let title = \"\";\n    if (metadata?.title) {\n      title += metadata.title;\n    }\n    if (metadata?.artist) {\n      title += \" - \" + metadata.artist;\n    }\n    return title;\n  }\n\n\n\n  onBeforeUnmount(() => {\n    clearInterval(radioInterval.value as unknown as number);\n  })\n\n\n\treturn {\n    fetchRadioMetadata,\n    displayTitle\n\t}\n}\n"],"mappings":";;;;;AAMA,IAAa,sBAAoB;CAE/B,MAAM,gBAAiE,IAAI,KAAA,CAAS;CAEpF,MAAM,EAAC,MAAK,QAAQ;CAEpB,eAAe,mBACb,SACA,eACA,kBAKA,qBAGe;EACf,MAAM,WAAW,MAAM,mBAAW,UAAyB;GACzD,KAAK;GACL,MAAO,oBAAoB;EAC7B,CAAC;EAMD,IAAG,qBACD,oBAAoB,SAAS,eAAe;EAE9C,MAAM,gBAAgB,SAAS;EAC/B,IAAG,SAAO,SAAS,WAAU;GAC3B,cAAc,QAAQ,SAAS,SAAS;GACxC,KAAK,IAAI,QAAQ,GAAG,MAAM,cAAc,QAAQ,QAAQ,KAAK,SAC3D,IACE,MAAM,EAAE,QAAQ,IAAI,OACpB,MAAM,cAAc,OAAO,SAAS,EAAE,QAAQ,GAC9C;IACA,MAAM,yBAAyB,eAAe,eAAe,OAAO,KAAI,gBAAgB;IACxF;GACF;EAEJ,OACE,iBAAiB,KAAA,GAAW,KAAA,GAAW,aAAa;CAExD;CACA,eAAe,yBAAyB,eAAuB,eAAkC,OAAc,KAAa,kBAIlH;EACR,IAAI,kBAAkB,cAAc,OAAO,OAAO;GAChD,MAAM,eAAe,QAAQ,IAAI,MAAM,QAAQ,IAAI;GACnD,MAAM,UAAU,cAAc,MAAM,cAAc,GAAG;GACrD,IAAI,cAAc,OAAO,WAAW;IAClC,MAAM,OAAgB,MAAM,mBAAW,UAAmB;KACxD,KAAK;KACL,MAAM,aAAa,cAAc,OAAO;IAC1C,CAAC;IACD,iBAAiB,cAAc,QAAQ,MAAM,OAAO;GACtD,OACE,iBAAiB,cAAc,QAAQ,KAAA,GAAW,OAAO;EAE7D;CACF;CACA,SAAS,aAAa,UAAwC;EAC5D,IAAG,CAAC,UACF,OAAO,EAAE,eAAe;EAE1B,IAAI,QAAQ;EACZ,IAAI,UAAU,OACZ,SAAS,SAAS;EAEpB,IAAI,UAAU,QACZ,SAAS,QAAQ,SAAS;EAE5B,OAAO;CACT;CAIA,sBAAsB;EACpB,cAAc,cAAc,KAA0B;CACxD,CAAC;CAGF,OAAO;EACJ;EACA;CACH;AACD"}

package/dist/youtubeVideoHelper-DOeaXxVp.mjs

@@ -0,0 +1,16 @@
+//#region src/helper/youtubeVideoHelper.ts
+var youtubeVideoHelper_default = { getYoutubeId(tags) {
+	let youtubeId = void 0;
+	for (const tag of tags) {
+		const regexExec = /^\[\[https:\/\/(?:www.)?youtube.com\/(?:watch\?v=|live\/)(?<id>\S+)\]\]$/.exec(tag);
+		if (regexExec?.groups?.id) {
+			youtubeId = regexExec.groups.id;
+			break;
+		}
+	}
+	return youtubeId;
+} };
+//#endregion
+export { youtubeVideoHelper_default as t };
+
+//# sourceMappingURL=youtubeVideoHelper-DOeaXxVp.mjs.map

package/dist/youtubeVideoHelper-DOeaXxVp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"youtubeVideoHelper-DOeaXxVp.mjs","names":[],"sources":["../src/helper/youtubeVideoHelper.ts"],"sourcesContent":["export default {\n    getYoutubeId(tags: Array<string>){\n        let youtubeId = undefined;\n        for(const tag of tags){\n        const regexExec = /^\\[\\[https:\\/\\/(?:www.)?youtube.com\\/(?:watch\\?v=|live\\/)(?<id>\\S+)\\]\\]$/.exec(tag);\n        if(regexExec?.groups?.id){\n            youtubeId = regexExec.groups.id;\n            break;\n        }\n        }\n        return youtubeId;\n    }\n}\n"],"mappings":";AAAA,IAAA,6BAAe,EACX,aAAa,MAAoB;CAC7B,IAAI,YAAY,KAAA;CAChB,KAAI,MAAM,OAAO,MAAK;EACtB,MAAM,YAAY,2EAA2E,KAAK,GAAG;EACrG,IAAG,WAAW,QAAQ,IAAG;GACrB,YAAY,UAAU,OAAO;GAC7B;EACJ;CACA;CACA,OAAO;AACX,EACJ"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "42.0.4",
+  "version": "42.0.5",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
   "scripts": {
     "build": "vite build",
-    "build:watch": "vite build --watch --mode development",
+    "build:watch": "NODE_ENV=development vite build --watch --mode development",
     "test": "vitest",
     "bundle": "vite-bundle-visualizer",
     "proxy_authentifié": "node proxy.ts",
@@ -20,12 +20,12 @@
     "@popperjs/core": "^2.11.8",
     "@stomp/stompjs": "^7.2.1",
     "@tato30/vue-pdf": "^1.11.5",
-    "@tiptap/extension-hard-break": "^2.27.1",
-    "@tiptap/extension-link": "^2.27.1",
-    "@tiptap/extension-text-style": "^2.27.1",
-    "@tiptap/extension-underline": "^2.27.1",
-    "@tiptap/starter-kit": "^2.27.1",
-    "@tiptap/vue-3": "^2.27.1",
+    "@tiptap/extension-hard-break": "^3.31.0",
+    "@tiptap/extension-link": "^3.31.0",
+    "@tiptap/extension-text-style": "^3.31.0",
+    "@tiptap/extension-underline": "^3.31.0",
+    "@tiptap/starter-kit": "^3.31.0",
+    "@tiptap/vue-3": "^3.31.0",
     "@vuepic/vue-datepicker": "^11.0.3",
     "@vueuse/core": "^13.9.0",
     "autoprefixer": "^10.4.22",

package/src/components/display/live/RadioCurrently.vue

@@ -2,9 +2,9 @@
   <div class="d-flex align-items-center">
     <div
       v-if="currentlyPlayingString.length || podcastRadio"
-      class="me-2 fw-bold"
+      class="fw-bold me-1"
     >
-      {{ t("Currently") + " : " }}
+      {{ t("Currently") }}&nbsp;:
     </div>
     <router-link
       v-if="podcastRadio"
@@ -22,7 +22,6 @@
         class="small-img-box"
         aria-hidden="true"
         alt=""
-        
         :title="t('Episode name image', { name: podcastRadio.title })"
       />
       <div>{{ podcastRadio.title }}</div>
@@ -83,7 +82,7 @@ onMounted(()=>{
 })
 
 onUnmounted(()=>{
-  clearInterval(radioInterval.value as unknown as number);
+  clearInterval(radioInterval.value);
   radioInterval.value= undefined;
 })
 

package/src/components/layouts/PresentationLayout.vue

@@ -11,9 +11,13 @@
       <!-- First column & first item -->
       <slot
         v-if="items[0]"
-        name="first" :item="items[0]"
+        name="first"
+        :item="items[0]"
       >
-        <slot name="item" :item="items[0]" :first="true" />
+        <slot
+          name="item"
+          :item="items[0]"
+          :first="true" />
       </slot>
 
       <!-- Second column & second/third items -->
@@ -122,7 +126,9 @@ defineProps<{
     display: flex;
 
     @media (width <= 1550px) and (width > 960px) {
-      display: none;
+      &.column {
+        display: none;
+      }
     }
   }
 }

package/src/components/misc/ProgressBar.vue

@@ -154,7 +154,6 @@ function timeMediaToPercent(value: number | null): number {
       color: var(--octopus-color-on-primary);
       text-align: center;
       white-space: nowrap;
-      background-color: var(--octopus-primary);
       background-color: var(--octopus-player-progress-color-current);
       transition: width 0.6s ease;
     }

package/src/components/misc/player/ads/AdsProgressBar.vue

@@ -15,4 +15,20 @@ import { useI18n } from "vue-i18n";
 //Composables
 const { t } = useI18n();
 const vastStore = useVastStore();
-</script>
+</script>
+
+<style scoped lang="scss">
+.octopus-app {
+  progress {
+      background-color: var(--octopus-player-progress-background-color);
+      border-radius: var(--octopus-border-radius);
+      accent-color: var(--octopus-player-progress-color-current);
+      color: var(--octopus-player-progress-color-current);
+      border: none;
+
+      &::-moz-progress-bar, &::-webkit-progress-value {
+        background: var(--octopus-player-progress-color-current);
+      }
+  }
+}
+</style>

package/src/components/misc/player/radio/RadioProgressBar.vue

@@ -57,3 +57,19 @@ function calculatePercent(): void {
   );
 }
 </script>
+
+<style scoped lang="scss">
+.octopus-app {
+  progress {
+      background-color: var(--octopus-player-progress-background-color);
+      border-radius: var(--octopus-border-radius);
+      accent-color: var(--octopus-player-progress-color-current);
+      color: var(--octopus-player-progress-color-current);
+      border: none;
+
+      &::-moz-progress-bar, &::-webkit-progress-value {
+        background: var(--octopus-player-progress-color-current);
+      }
+  }
+}
+</style>