Implement auth frontend
Environment
ts
export const environment = {
...
LIBRARY_API_URL: `${httpRoot}/api/library/`,
AUTH_API_URL: `${httpRoot}/api/auth/`,
PIPELINE_API_URL: `${httpRoot}/api/pipeline/`,
};App config
ts
import { graphqlConfigProviders } from '@mathematic-std/graphql';
providers: [
...
...graphqlConfigProviders({
auth: { http: env.AUTH_API_URL },
library: { http: env.LIBRARY_API_URL },
pipeline: { http: env.PIPELINE_API_URL },
}),
]App Component
ts
import {LoginService} from '@mathematic-std/auth';
import {MatSnackBar, MatSnackBarConfig} from '@angular/material/snack-bar';
export class AppComponent implements OnInit {
@HostBinding('class.app-library-root-host') _class = true;
protected _authSrv = inject(LoginService);
protected _snackBar = inject(MatSnackBar);
private _config: MatSnackBarConfig = {
duration: 5000,
horizontalPosition: 'right',
};
onLoggedIn = toSignal(
this._authSrv.events.pipe(
tap(({reason, message, as}) => {
if (reason === 'login' && as) {
this._snackBar.open('Successfully logged in !', '', this._config);
} else if (reason === 'logout') {
this._snackBar.open('Successfully logged out !', '', this._config);
}
}),
),
);
ngOnInit() {
this._authSrv.enableTokenCheck();
this._authSrv.enableAutoRedirect();
}
}App route
ts
{
path: 'login',
loadChildren: () => import('./auth/auth.component').then(c => [{path: '', component: c.AuthComponent}]),
}Auth Component
ts
import {Component} from '@angular/core';
import {MaterialDirective} from '@mathematic-std/controls/material';
import {ItemDirective} from '@mathematic-std/types/item';
import {AuthPageComponent} from '@mathematic-std/auth';
import {PaneComponent} from '@mathematic-std/controls/pane';
import {MosaicComponent} from '@mathematic-std/widgets/mosaic';
import {thumbnails} from './thumbnails';
@Component({
standalone: true,
imports: [
AuthPageComponent,
PaneComponent,
MosaicComponent,
MaterialDirective,
ItemDirective,
],
providers: [],
selector: 'app-media-auth',
template: `
<Pane
class="app-auth-login-panel"
[background]="backgroundRef"
>
<ng-template #backgroundRef>
<Mosaic [model]="thumbnails"/>
</ng-template>
<AuthPage
[Material.elevation]="9"
[anchors.centerIn]="'parent'"
/>
</Pane>
`,
styles: [`
.app-auth-login-panel {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 999;
left: 0;
top: 0;
}
`],
})
export class AuthComponent {
protected readonly thumbnails = thumbnails;
}thumbnails.ts
ts
export const thumbnails = [
'https://pipe-media.mtc.wtf:9000/pipeline/images_QCbsRH1.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/mtcfilm-logo-black_light_3.png',
'https://pipe-media.mtc.wtf:9000/pipeline/crowd_BxJghl1.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/Annotation%202024-02-14%20091409.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Screenshot%202023-09-29%20at%203.39.33%20PM.png',
'https://pipe-media.mtc.wtf:9000/pipeline/istockphoto-1081820818-612x612.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/1280px-Dish_Network_logo_2012.svg_xfQ5qdI.png',
'https://pipe-media.mtc.wtf:9000/pipeline/masterCard.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/bgae2-featured.png',
'https://pipe-media.mtc.wtf:9000/pipeline/Annotation%202023-09-04%20123152x.png',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture02.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/Ripple_-_blueblack_lg.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/DBD_Trespassers_Panels_rB2AlSc.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/vignette.png',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture.JPG',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture_1MN1X0X.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/replasty.png',
'https://pipe-media.mtc.wtf:9000/pipeline/rainbow.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture_pHtFNOa.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/Annotation%202023-11-29%20155358.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture%20d%E2%80%99e%CC%81cran%202023-10-04%20a%CC%80%2011.11.24_aCfxAKH.png',
'https://pipe-media.mtc.wtf:9000/pipeline/watch.png.transform.apfw.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/riot_celeb_logo_2__L.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/SwarovskiSKIMS.JPG',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture%20d%E2%80%99e%CC%81cran%2C%20le%202023-12-04%20a%CC%80%2011.19.43_U6DoShF.png',
'https://pipe-media.mtc.wtf:9000/pipeline/screenshot.8.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/thumbnail_C4nkTju.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/screenshot.8_JiFy93R.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture_0XHXVCE.JPG',
'https://pipe-media.mtc.wtf:9000/pipeline/sold-auction.gif',
'https://pipe-media.mtc.wtf:9000/pipeline/Vegetation.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/miniature%20copy_Z1ZATz4.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/GKvCbVVWIAA_wUI.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/image0.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Untitled.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/images.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/colgate.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture%20d%E2%80%99e%CC%81cran%202023-10-16%20a%CC%80%2017.13.45.png',
'https://pipe-media.mtc.wtf:9000/pipeline/autocollants-embleme-dassassins-creed.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/ALLEN.png',
'https://pipe-media.mtc.wtf:9000/pipeline/Thumbnail.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Annotation%202023-11-23%20182955_1thyaQG.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/lapin.png',
'https://pipe-media.mtc.wtf:9000/pipeline/300px-Burnout_ops_on_Mangum_Fire_McCall_Smokejumpers.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture_UObb2LP.JPG',
'https://pipe-media.mtc.wtf:9000/pipeline/dracula.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/screenshot.11.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture%20d%E2%80%99e%CC%81cran%202024-01-15%20a%CC%80%2012.53.36.png',
'https://pipe-media.mtc.wtf:9000/pipeline/04ccb-16931430146672-1920.webp',
'https://pipe-media.mtc.wtf:9000/pipeline/rowe-price--600.png',
'https://pipe-media.mtc.wtf:9000/pipeline/logo.png',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture_kgbCMfE.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/2018-09-26-14-33-allens_cropped_80-1_1fTQVV8.png',
'https://pipe-media.mtc.wtf:9000/pipeline/hq720.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/8379927_croquettes-chien-tails.jpg',
'https://lovelace.mtc.wtf/media/pipeline/20220203141916_capture.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/13_ScatterNemesisWIP.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/1411034094844_wps_31_01_Jun_1976_This_space_co.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/DSC_0225_Rev_MES-edits.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Rainbow-Six-Sie%CC%80ge-logo.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture%20d%E2%80%99%C3%A9cran%202024-04-30%20131724.png',
'https://pipe-media.mtc.wtf:9000/pipeline/merrell_shot_0020-compositing-work_v003_00062.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture%20d%E2%80%99e%CC%81cran%202024-05-09%20a%CC%80%2012.20.47.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20211211110628_archimede_thumbnail.gif',
'https://pipe-media.mtc.wtf:9000/pipeline/MDSV.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/Annotation%202024-01-11%20091941.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/46870.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/new-chrome-logo.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/responsive_small_PFJOJXJI5kPQX9N9LEs43lgA4LtipvgaqQpDK35Odk4.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/japan.png',
'https://pipe-media.mtc.wtf:9000/pipeline/phototag.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/japan_LXNFf3M.png',
'https://pipe-media.mtc.wtf:9000/pipeline/Google_Chrome_icon_%28February_2022%29.svg.png',
'https://pipe-media.mtc.wtf:9000/pipeline/eros.PNG',
'https://pipe-media.mtc.wtf:9000/pipeline/bunnyCLEAN_test01.png',
'https://pipe-media.mtc.wtf:9000/pipeline/train.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture%20d%E2%80%99e%CC%81cran%2C%20le%202024-02-29%20a%CC%80%2013.16.53_rFJdCoZ.png',
'https://pipe-media.mtc.wtf:9000/pipeline/perrier_JBQBiBm.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/download.png',
'https://pipe-media.mtc.wtf:9000/pipeline/Annotation%202024-04-18%20192808.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/Gentle.JPG',
'https://pipe-media.mtc.wtf:9000/pipeline/EMIRATESNBD.AE-e38859a9.png',
'https://pipe-media.mtc.wtf:9000/pipeline/Capture%20d%E2%80%99%C3%A9cran%202024-05-16%20%C3%A0%2019.25.46.png',
'https://pipe-media.mtc.wtf:9000/pipeline/9xperwiomojg.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232103120753_logo-mtc-ski.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221703124156_6626-jurassic-world-logo-mockup.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221807103525_asos.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232606134454_screenshot-2023-06-26-at-153412.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20222803130120_dbd_ch24_mapearlyconcept3crop.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20220710125340_screenshot_2022-10-07_144733.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220807085503_logo_discord.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221706102459_220616_la_mer_concept_normal.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222006125528_tutorial_icon.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222007162843_annotation-2022-07-20-182813.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222403171003_trademark-logo-lockup-vertical.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20222007162618_annotation-2022-07-20-182530.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231701180327_capture-decran-2022-11-24-a-172642.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20220512163045_rougemont01.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20220609121458_capture_ND7xn35.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222405130429_stranger-things-saison-4.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220408205917_banner2.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20221807103437_austral.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220612161845_canadagoose_02.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20222507145436_capture.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20222806094009_capture-decran-2022-06-28-a-113305.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20221110085243_proxy-image.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220211111116_freaks_and_geeks_jdr1.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222006131635_ef4c1d9fc5c0cf79c14ccebe6e9e76a9.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220804082930_annotation-2022-04-08-102457.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221808182914_550715_3fa88f9b087a2c136a0abdc5f2897ba6.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20231701120415_unnamed.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20222909154632_cibc2.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20222204134741_capture_4e0AtGb.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20220712204039_knock-at-the-cabin-affiche.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220912175518_ubereats.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20222609174551_hyundai.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220610093007_capture.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222909155156_roleplay01.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20230902095247_capture.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221310092244_capture.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20221810110333_m22037837_1.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232404151127_aldo01.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232001172121_c4d_banner_hJw7r8d.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20233101151017_vanout01.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221204105423_191927.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222106092253_whatapp.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20230106142239_test_niziu_top_shot-00000.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222004161703_mushroom.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20220809091420_download.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20230202153016_monster_ed.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221808145646_capture-decran-2022-08-18-a-165637.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20230102192832_bodybetter01.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231605103905_logo.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221606155359_13416b87eeb20a604592501fd504e445.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220308151217_mym.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231002162513_lancome01.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220308150955_ksp_setec.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222511223516_cdsbrand01.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20222111143048_oip.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222007163408_annotation-2022-07-20-183152.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20222111132951_gettyimages-101618922.avif',
'https://pipe-media.mtc.wtf:9000/pipeline/20220811201550_ruffles.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20231402172421_proxy-image.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231407144226_web-compost.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220505100632_5582972_0.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231601170917_olg02.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20230606132833_lovelace_pic.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232206083821_adidas-ballon-rugby-all-blacks.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20233101151110_iconprojectjpg.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20230702084611_annotation-2023-02-07-094414.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231503120146_logo.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232007094333_hurts_VJbwsR3.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232404150409_dbd29_01.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221412160215_olg02.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232002093302_dior_miniature2.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231306135810_karol_g.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20221207190011_virginlogo.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20220912150703_saaq2.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20220812142714_revenuquebec.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20230702082626_reference_bottle_squared.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232703120628_capture-decran-2023-03-27-a-140209.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20221611153508_annotation-2022-11-16-163301.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221710145552_dreamers_capture_n9ggPc1.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231608154930_logo-mels_2.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232003125052_hoka_fhf_logo_blue_stacked_900x.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20233003131403_eon_TQ8B3aL.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20230106161537_imagssse.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20233101152108_rtd02.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20230606131529_aaa_01.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20230308104606_capture.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20230707102748_smalljo2024_octob19_9zjWbYZ.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220911151627_cd_coco.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232003134027_annotation-2023-03-20-143536.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231506165848_uvchecker.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232606082300_tom-clancy-s-rainbow-six-siege-pc-jeu-ubisoft-connect-europe-cover.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231808122530_channels4_profile.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231408135825_stone.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221807094227_unknown.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20221706104839_1200-l-ubisoft-bientt-vendu.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20211211111522_noahs-belt-deck-1.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232208110438_capture.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232208140735_dans-la-peau-de-john-malkovich_599719jpg.webp',
'https://pipe-media.mtc.wtf:9000/pipeline/20232107081734_51eumq5qhrl.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20223005123038_thumbnail.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231002142734_hoka.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20232308200403_dragon_tECxZXr.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232003133428_20231703113507_nc.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232006193540_casino_lac_lemay.jpeg',
'https://pipe-media.mtc.wtf:9000/pipeline/20233108085543_logo_DJ8dz2a.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20223108120623_logo_motorfest.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20231407152947_2023-07-14-11_29_17-window.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20220211111242_mj.webp',
'https://pipe-media.mtc.wtf:9000/pipeline/20232808132844_nubank-2.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20221512211732_ivit_santa_02.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20230602225445_lq_fw.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20230602134005_2932839232.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20232006200025_mof.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20221605091448_dev_thumbnail.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20230803153659_annotation-2023-03-08-155540.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20231701110344_rtd_thumbnail.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20233008153043_icl_4UidLfh.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20233008151959_tourisme_icone_tKlZtDB.png',
'https://pipe-media.mtc.wtf:9000/pipeline/20230106181455_ebay01.jpg',
'https://pipe-media.mtc.wtf:9000/pipeline/20231206091746_capture-decran-2023-06-08-a-152424.png',
];