@ludo.ninja/components 1.5.7 → 1.5.9

package/src/dto/common/Media/Urls/index.ts

@@ -1,184 +0,0 @@
-import process from 'process';
-
-import { getMediaDomain } from '@ludo.ninja/core';
-import { checkGltfUrl } from '@ludo.ninja/utils';
-
-import { getAudioENVDomain, getVideoENVDomain } from '@/utils/env';
-
-enum mediaType {
-  ASSETS = 'assets/',
-  USER_PICKS = 'userpics/',
-  GALLERY_BANNERS = 'gallery-banners/',
-}
-
-enum mediaFoldersType {
-  IMAGES = 'images/',
-  VIDEOS = 'videos/',
-  OBJECT = 'models/',
-}
-
-enum mediaObjectsFoldersType {
-  ORIGINS = 'origins/',
-  PREVIEWS = 'previews/',
-}
-
-enum mediaVideosFoldersType {
-  ORIGINS = 'origins/',
-  PREVIEWS = 'previews/',
-}
-
-export enum mediaSizes {
-  small = '252',
-  regular = '510',
-}
-
-export const getUserPicImage = (
-  userPic: string,
-  fallbackImage: string,
-  dimensions?: { w: number; h: number }
-): string => {
-  if (!userPic) {
-    return fallbackImage;
-  }
-
-  return `${getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/${
-    mediaType.USER_PICKS
-  }${userPic}${getDimensions(dimensions)}`;
-};
-
-const getDimensions = (dimensions?: { w: number; h: number }) => {
-  return dimensions ? `?d=${dimensions.w}x${dimensions.h}` : '';
-};
-
-export const getAssetImage = (
-  media: string | null | undefined,
-  fallbackImage: string,
-  dimension: mediaSizes
-): string => {
-  if (!media) {
-    return fallbackImage;
-  }
-
-  return `https://${dimension}.${process.env.NEXT_PUBLIC_STATIC_DOMAIN}/assets/images/${media}`;
-};
-
-export const getGalleryBannerImage = (
-  galleryId: string | null | undefined,
-  fallbackImage: string,
-  dimensions?: { w: number; h: number }
-): string => {
-  if (!galleryId) {
-    return fallbackImage;
-  }
-
-  return `${getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/${
-    mediaType.GALLERY_BANNERS
-  }${galleryId}${getDimensions(dimensions)}`;
-};
-
-export const getAssetVideoOrigins = (
-  media: string | null | undefined,
-  fallbackImage: string
-): string => {
-  if (!media) {
-    return fallbackImage;
-  }
-
-  return `${getVideoENVDomain()}/${media}`;
-};
-
-export const getAssetAudioOrigins = (
-  media: string | null | undefined,
-  fallbackImage: string
-): string => {
-  if (!media) {
-    return fallbackImage;
-  }
-
-  return `${getAudioENVDomain()}/${media}`;
-};
-
-export const getAssetVideoPreviews = (
-  assetId: string | null | undefined,
-  fallbackImage: string,
-  dimensions?: { w: number; h: number }
-): string => {
-  if (!assetId) {
-    return fallbackImage;
-  }
-
-  return `${getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/${
-    mediaType.ASSETS
-  }${mediaFoldersType.VIDEOS}${
-    mediaVideosFoldersType.PREVIEWS
-  }${assetId}${getDimensions(dimensions)}`;
-};
-
-export const getAssetObjectOrigins = (
-  assetId: string | null | undefined,
-  fallbackImage: string,
-  dimensions?: { w: number; h: number }
-): string => {
-  if (!assetId) {
-    return fallbackImage;
-  }
-
-  return `${getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/${
-    mediaType.ASSETS
-  }${mediaFoldersType.OBJECT}${
-    mediaObjectsFoldersType.ORIGINS
-  }${assetId}${getDimensions(dimensions)}`;
-};
-
-export const getAssetObjectPreviews = (
-  assetId: string | null | undefined,
-  fallbackImage: string,
-  dimensions?: { w: number; h: number }
-): string => {
-  if (!assetId) {
-    return fallbackImage;
-  }
-
-  return `${getMediaDomain({ ENV: process.env.NEXT_PUBLIC_STATIC_DOMAIN })}/${
-    mediaType.ASSETS
-  }${mediaFoldersType.OBJECT}${
-    mediaObjectsFoldersType.PREVIEWS
-  }${assetId}${getDimensions(dimensions)}`;
-};
-
-export const isExternalMediaImage = (
-  media: string | null,
-  mediaSize: mediaSizes
-) => {
-  if (media == null || !media.length) return '/noContent/noContent.svg';
-
-  if (media.includes('base64')) return media;
-
-  if (media.includes('https' || 'http')) return checkGltfUrl(media);
-
-  return getAssetImage(media, '/noContent/noContent.svg', mediaSize);
-};
-
-export const isExternalMediaVideo = (media: string | null) => {
-  if (media == null) return '/noContent/noContent.svg';
-
-  if (media.includes('https' || 'http')) return checkGltfUrl(media);
-
-  return getAssetVideoOrigins(media, '/noContent/noContent.svg');
-};
-
-export const isExternalMediaAudio = (media: string | null) => {
-  if (media == null) return '/noContent/noContentAudio.svg';
-
-  if (media.includes('https' || 'http')) return checkGltfUrl(media);
-
-  return getAssetAudioOrigins(media, '/noContent/noContentAudio.svg');
-};
-
-export const isExternalMediaObject = (media: string | null) => {
-  if (media == null) return '/noContent/noContentObject.svg';
-
-  if (media.includes('https' || 'http')) return checkGltfUrl(media);
-
-  return getAssetObjectOrigins(media, '/noContent/noContentObject.svg');
-};

package/src/dto/common/Media/Video/index.tsx

@@ -1,48 +0,0 @@
-// helpers
-import { isVideo } from '@ludo.ninja/core';
-
-import Media from '@/dto/common/Media';
-import { BasicMediaType } from '@/dto/common/Media/interface';
-
-class Video extends Media {
-  constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
-  }
-
-  checkOwnType(): boolean {
-    return isVideo({
-      media: this.getMedia(),
-      mimeType: this.getMimeType(),
-      originalMimeType: this.getOriginalMime(),
-    });
-  }
-
-  getMediaUrl(): string {
-    return 'path to custom video';
-  }
-
-  displaySingleMedia(): JSX.Element {
-    return <div>its video</div>;
-  }
-
-  displayMultipleMedia(): JSX.Element {
-    return <div>its multiple video</div>;
-  }
-
-  displayMiniature(): JSX.Element {
-    return <div>its miniature video</div>;
-  }
-
-  displayLinkedMedia(): JSX.Element {
-    return this.displaySingleMedia();
-  }
-}
-
-export default Video;

package/src/dto/common/Media/index.tsx

@@ -1,75 +0,0 @@
-// interface
-import { checkGltfUrl } from '@ludo.ninja/utils';
-
-import { BasicMediaType, IMedia } from '@/dto/common/Media/interface';
-
-abstract class Media implements IMedia {
-  protected readonly media;
-  protected readonly originalUrl;
-  private readonly mimeType;
-  private readonly previewUrl;
-  private readonly nsfw;
-  private readonly alt;
-  private readonly originalMime;
-
-  protected constructor({
-    media,
-    mimeType,
-    previewUrl,
-    nsfw,
-    originalUrl,
-    alt,
-    originalMime,
-  }: BasicMediaType) {
-    this.media = media;
-    this.mimeType = mimeType;
-    this.previewUrl = previewUrl;
-    this.originalUrl = originalUrl;
-    this.nsfw = nsfw;
-    this.originalUrl = originalUrl;
-    this.alt = alt;
-    this.originalMime = originalMime;
-  }
-
-  public getMedia(): null | string {
-    return checkGltfUrl(this.media || '');
-  }
-
-  public getMimeType(): null | string {
-    return this.mimeType;
-  }
-
-  public getAlt(): string {
-    return this.alt;
-  }
-
-  public getOriginalUrl(): null | string | undefined {
-    return this.originalUrl;
-  }
-
-  public getOriginalMime(): string | null {
-    return this.originalMime;
-  }
-
-  public getNsfw(): number | null {
-    return this.nsfw;
-  }
-
-  public getPreviewUrl(): null | string[] {
-    return this.previewUrl;
-  }
-
-  abstract checkOwnType(): boolean;
-
-  abstract getMediaUrl(isExternalImage?: boolean): string;
-
-  abstract displaySingleMedia(): JSX.Element;
-
-  abstract displayLinkedMedia(): JSX.Element;
-
-  abstract displayMultipleMedia(): JSX.Element;
-
-  abstract displayMiniature(): JSX.Element;
-}
-
-export default Media;

package/src/dto/common/Media/interface.ts

@@ -1,27 +0,0 @@
-import ICreationEntity from '@/dto/CreationEntity/interface';
-
-export interface IMedia {
-  getMedia(): null | string;
-  getMimeType(): null | string;
-  getPreviewUrl(): null | string[];
-  getOriginalUrl(): null | string | undefined;
-  getNsfw(): number | null;
-  getAlt(): string;
-  getOriginalMime(): null | string;
-  getMediaUrl(isExternalImage?: boolean): string;
-  checkOwnType(): boolean;
-  displaySingleMedia(arg?: ICreationEntity): JSX.Element;
-  displayLinkedMedia(arg?: ICreationEntity): JSX.Element;
-  displayMultipleMedia(arg?: ICreationEntity): JSX.Element;
-  displayMiniature(arg?: ICreationEntity): JSX.Element;
-}
-
-export type BasicMediaType = {
-  media: null | string;
-  mimeType: null | string;
-  nsfw: number | null;
-  previewUrl: string[] | null;
-  originalUrl?: string | null;
-  alt: string;
-  originalMime: null | string;
-};

package/src/entities/user/type.ts

@@ -1,10 +0,0 @@
-import { identitySchema } from '@ludo.ninja/api';
-
-export interface IUser
-  extends Pick<
-    identitySchema.IIdentity,
-    'userId' | 'wallets' | 'newUser' | 'inviteCode' | 'role'
-  > {
-  authToken: string;
-  refreshToken: string;
-}

package/src/fonts/FontsInitializeLayout.tsx

@@ -1,168 +0,0 @@
-import React, { ReactNode, useEffect } from 'react';
-import { createGlobalStyle, css } from 'styled-components';
-import { DM_Sans, Poppins } from 'next/font/google';
-
-const fallbackPoppins = 'LocalPoppinsFont, sans-serif';
-const fallbackDMSans = 'LocalDMSansFont';
-
-const poppinsFont = Poppins({
-  subsets: ['latin'],
-  weight: ['200', '300', '400', '500', '600', '700', '800'],
-  variable: '--PoppinsFont',
-  fallback: [fallbackPoppins],
-});
-
-const dmsansFont = DM_Sans({
-  subsets: ['latin'],
-  style: ['normal', 'italic'],
-  weight: ['400', '500', '600', '700'],
-  variable: '--DMSansFont',
-  fallback: [fallbackDMSans],
-});
-
-const GlobalStyles = createGlobalStyle`
-  body {
-    font-family: ${poppinsFont.style.fontFamily}, ${fallbackPoppins};
-    ${poppinsFont.variable};
-    ${dmsansFont.variable};
-  }
-`;
-
-export const FontsInitializeLayout = ({ children }: { children: ReactNode }) => {
-  useEffect(() => {
-    document.body.classList.add(poppinsFont.variable);
-    document.body.classList.add(dmsansFont.variable);
-  }, []);
-
-  return (
-    <>
-      <GlobalStyles />
-      <main className={`${dmsansFont.variable} ${poppinsFont.variable}`}>
-        {children}
-      </main>
-    </>
-  );
-};
-
-export const GlobalFontsFallback = css`
-  /* poppins-200 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackPoppins};
-    font-style: normal;
-    font-weight: 200;
-    src: url('/fonts/poppins-v21-latin-200.woff2') format('woff2');
-  }
-  /* poppins-300 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackPoppins};
-    font-style: normal;
-    font-weight: 300;
-    src: url('/fonts/poppins-v21-latin-300.woff2') format('woff2');
-  }
-  /* poppins-regular - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackPoppins};
-    font-style: normal;
-    font-weight: 400;
-    src: url('/fonts/poppins-v21-latin-regular.woff2') format('woff2');
-  }
-  /* poppins-500 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackPoppins};
-    font-style: normal;
-    font-weight: 500;
-    src: url('/fonts/poppins-v21-latin-500.woff2') format('woff2');
-  }
-  /* poppins-600 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackPoppins};
-    font-style: normal;
-    font-weight: 600;
-    src: url('/fonts/poppins-v21-latin-600.woff2') format('woff2');
-  }
-  /* poppins-700 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackPoppins};
-    font-style: normal;
-    font-weight: 700;
-    src: url('/fonts/poppins-v21-latin-700.woff2') format('woff2');
-  }
-  /* poppins-800 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackPoppins};
-    font-style: normal;
-    font-weight: 800;
-    src: url('/fonts/poppins-v21-latin-800.woff2') format('woff2');
-  }
-  /* dm-sans-regular - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackDMSans};
-    font-style: normal;
-    font-weight: 400;
-    src: url('/fonts/dm-sans-v15-latin-regular.woff2') format('woff2');
-  }
-  /* dm-sans-italic - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackDMSans};
-    font-style: italic;
-    font-weight: 400;
-    src: url('/fonts/dm-sans-v15-latin-italic.woff2') format('woff2');
-  }
-  /* dm-sans-500 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackDMSans};
-    font-style: normal;
-    font-weight: 500;
-    src: url('/fonts/dm-sans-v15-latin-500.woff2') format('woff2');
-  }
-  /* dm-sans-500italic - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackDMSans};
-    font-style: italic;
-    font-weight: 500;
-    src: url('/fonts/dm-sans-v15-latin-500italic.woff2') format('woff2');
-  }
-  /* dm-sans-600 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackDMSans};
-    font-style: normal;
-    font-weight: 600;
-    src: url('/fonts/dm-sans-v15-latin-600.woff2') format('woff2');
-  }
-  /* dm-sans-600italic - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackDMSans};
-    font-style: italic;
-    font-weight: 600;
-    src: url('/fonts/dm-sans-v15-latin-600italic.woff2') format('woff2');
-  }
-  /* dm-sans-700 - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackDMSans};
-    font-style: normal;
-    font-weight: 700;
-    src: url('/fonts/dm-sans-v15-latin-700.woff2') format('woff2');
-  }
-  /* dm-sans-700italic - latin */
-  @font-face {
-    font-display: swap;
-    font-family: ${fallbackDMSans};
-    font-style: italic;
-    font-weight: 700;
-    src: url('/fonts/dm-sans-v15-latin-700italic.woff2') format('woff2');
-  }
-`;

package/src/fonts/vars.ts

@@ -1,4 +0,0 @@
-export {
-  dmsansFontVarCss,
-  poppinsFontVarCss,
-} from '@ludo.ninja/ui/build/fonts/vars';

package/src/hooks/apollo/index.tsx

@@ -1,16 +0,0 @@
-import { useMemo } from 'react';
-import { AppProps } from 'next/app';
-import { graphqlConfig } from '@ludo.ninja/api';
-import { APOLLO_STATE_PROP_NAME } from "@/api/graphql";
-
-export function useApollo(ENV:string) {
-  // const state = pageProps[APOLLO_STATE_PROP_NAME];
-  return useMemo(
-    () =>
-      graphqlConfig.initializeApollo(null, ENV),
-    []
-  );
-}
-
-
-

package/src/hooks/audio/useMultiAudio/index.tsx

@@ -1,54 +0,0 @@
-import { useEffect } from 'react';
-
-import { useRouter } from 'next/router';
-
-import { useMediaStore } from '@/store/media';
-
-const useMultiAudio = () => {
-  const tracks = useMediaStore((state) => state.audioTracks);
-  const setTracks = useMediaStore((state) => state.setAudioTracks);
-  const router = useRouter();
-
-  useEffect(() => {
-    const ifExist = tracks.some((track) => {
-      return track.playing;
-    });
-
-    if (ifExist) {
-      const newTracks = [...tracks].map((track) => {
-        track.playing = false;
-        track.audio.currentTime = 0;
-        return track;
-      });
-
-      setTracks(newTracks);
-    }
-  }, [router]);
-
-  useEffect(() => {
-    tracks.map((track) => {
-      track.playing ? track.audio.play() : track.audio.pause();
-    });
-  }, [tracks]);
-
-  useEffect(() => {
-    tracks.forEach((source, i) => {
-      source.audio.addEventListener('ended', () => {
-        const newTracks = [...tracks];
-        newTracks[i].playing = false;
-        setTracks(newTracks);
-      });
-    });
-    return () => {
-      tracks.forEach((source, i) => {
-        source.audio.removeEventListener('ended', () => {
-          const newTracks = [...tracks];
-          newTracks[i].playing = false;
-          setTracks(newTracks);
-        });
-      });
-    };
-  }, []);
-};
-
-export default useMultiAudio;

package/src/hooks/extension/useExtension/index.ts

@@ -1,44 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-
-import { eventsTypes, sendEventToExtension } from '@ludo.ninja/utils';
-
-const useExtension = () => {
-  const [isExtensionInstalled, setIsExtensionInstalled] =
-    useState<boolean>(false);
-
-  const pingExtension = useCallback(async () => {
-    try {
-      const response = (await sendEventToExtension(
-        eventsTypes.pingVersion
-      )) as {
-        version: string;
-      };
-      setIsExtensionInstalled(Boolean(response?.version));
-    } catch (e) {
-      setIsExtensionInstalled(false);
-    }
-  }, [setIsExtensionInstalled]);
-
-  useEffect(() => {
-    pingExtension();
-  }, []);
-
-  return {
-    isExtensionInstalled,
-    openExtension,
-    openExtensionChromeStorePage,
-    pingExtension,
-  };
-};
-
-export default useExtension;
-
-const openExtension = () => {
-  sendEventToExtension(eventsTypes.openExtension);
-};
-const openExtensionChromeStorePage = () => {
-  window.open(
-    'https://chromewebstore.google.com/detail/ludo-x/fgcmebogmgdheonhhefnblfodobpmfip',
-    '_blank'
-  );
-};