github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 14:33:33 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 19

fix: use relative paths to images

Browse source
This commit is contained in:
mariodz95 2025-07-22 12:09:46 +02:00
commit f81909aad5
1 changed files with 7 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/composables/api/static-routes.ts
View file

@ -4,43 +4,39 @@ function UnknownToString(ukn: string | unknown) {
export const useStaticRoutes = () => { export const useStaticRoutes = () => {
const { $config } = useNuxtApp(); const { $config } = useNuxtApp();
const serverBase = useRequestURL().origin;
const prefix = `${$config.public.SUB_PATH}/api`.replace("//", "/"); const prefix = `${$config.public.SUB_PATH}/api`.replace("//", "/");
const fullBase = serverBase + prefix;
// Methods to Generate reference urls for assets/images * // Methods to Generate reference urls for assets/images *
function recipeImage(recipeId: string, version: string | unknown = "", key: string | number = 1) { function recipeImage(recipeId: string, version: string | unknown = "", key: string | number = 1) {
return `${fullBase}/media/recipes/${recipeId}/images/original.webp?rnd=${key}&version=${UnknownToString(version)}`; return `${prefix}/media/recipes/${recipeId}/images/original.webp?rnd=${key}&version=${UnknownToString(version)}`;
} }
function recipeSmallImage(recipeId: string, version: string | unknown = "", key: string | number = 1) { function recipeSmallImage(recipeId: string, version: string | unknown = "", key: string | number = 1) {
return `${fullBase}/media/recipes/${recipeId}/images/min-original.webp?rnd=${key}&version=${UnknownToString( return `${prefix}/media/recipes/${recipeId}/images/min-original.webp?rnd=${key}&version=${UnknownToString(
version, version,
)}`; )}`;
} }
function recipeTinyImage(recipeId: string, version: string | unknown = "", key: string | number = 1) { function recipeTinyImage(recipeId: string, version: string | unknown = "", key: string | number = 1) {
return `${fullBase}/media/recipes/${recipeId}/images/tiny-original.webp?rnd=${key}&version=${UnknownToString( return `${prefix}/media/recipes/${recipeId}/images/tiny-original.webp?rnd=${key}&version=${UnknownToString(
version, version,
)}`; )}`;
} }
function recipeTimelineEventImage(recipeId: string, timelineEventId: string) { function recipeTimelineEventImage(recipeId: string, timelineEventId: string) {
return `${fullBase}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/original.webp`; return `${prefix}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/original.webp`;
} }
function recipeTimelineEventSmallImage(recipeId: string, timelineEventId: string) { function recipeTimelineEventSmallImage(recipeId: string, timelineEventId: string) {
return `${fullBase}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/min-original.webp`; return `${prefix}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/min-original.webp`;
} }
function recipeTimelineEventTinyImage(recipeId: string, timelineEventId: string) { function recipeTimelineEventTinyImage(recipeId: string, timelineEventId: string) {
return `${fullBase}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/tiny-original.webp`; return `${prefix}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/tiny-original.webp`;
} }
function recipeAssetPath(recipeId: string, assetName: string) { function recipeAssetPath(recipeId: string, assetName: string) {
return `${fullBase}/media/recipes/${recipeId}/assets/${assetName}`; return `${prefix}/media/recipes/${recipeId}/assets/${assetName}`;
} }
return { return {