@ludo.ninja/components 1.5.8 → 1.6.0

package/src/utils/screen/index.ts

@@ -1,111 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { isAndroid } from 'react-device-detect';
-
-import { isServer } from '@ludo.ninja/utils';
-
-import { useSSRStore } from '@/store';
-
-import { ScreenWidth } from '@/styles/ScreenWidth';
-
-export type TDimensions = {
-  windowWidth: number;
-  windowHeight: number;
-};
-
-export function getWindowDimensions() {
-  if (!isServer) {
-    const { innerWidth, innerHeight } = window;
-    return { windowWidth: innerWidth, windowHeight: innerHeight };
-  } else {
-    return { windowWidth: 1920, windowHeight: 1080 };
-  }
-}
-
-export function useWindowDimensions(isMobileInitial?: boolean) {
-  let dimensions;
-  if (isServer) dimensions = { windowWidth: 1920, windowHeight: 1080 };
-  else dimensions = getWindowDimensions();
-
-  const [windowDimensions, setWindowDimensions] =
-    useState<TDimensions>(dimensions);
-
-  const [isMobile, setIsMobile] = useState(isMobileInitial);
-  useEffect(() => {
-    function handleResize() {
-      const dimensions = getWindowDimensions();
-      setWindowDimensions(dimensions);
-      setIsMobile(dimensions.windowWidth <= ScreenWidth.MOBILE);
-    }
-
-    handleResize();
-    window.addEventListener('resize', handleResize);
-    window.addEventListener('orientationchange', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-      window.removeEventListener('orientationchange', handleResize);
-    };
-  }, []);
-
-  const deviceType = (
-    windowDimensions.windowWidth <= ScreenWidth.MOBILE
-      ? 'isMobile'
-      : windowDimensions.windowWidth >= ScreenWidth.DESKTOP
-      ? 'isDesktop'
-      : 'isTablet'
-  ) as 'isMobile' | 'isDesktop' | 'isTablet';
-  return { windowDimensions, deviceType, isMobile };
-}
-
-export function useWindowDimensionsWithServerInitial() {
-  const isMobileInitial = useSSRStore((state) => state.isMobile);
-  const [isMobile, setIsMobile] = useState<boolean>(isMobileInitial);
-  const [windowDimensions, setWindowDimensions] = useState<TDimensions | null>(
-    isServer ? null : getWindowDimensions()
-  );
-
-  useEffect(() => {
-    function handleResize() {
-      const dimensions = getWindowDimensions();
-      setWindowDimensions(dimensions);
-      setIsMobile(dimensions.windowWidth <= ScreenWidth.MOBILE);
-    }
-
-    handleResize();
-    window.addEventListener('resize', handleResize);
-    window.addEventListener('orientationchange', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-      window.removeEventListener('orientationchange', handleResize);
-    };
-  }, []);
-
-  return { isMobile, windowDimensions };
-}
-
-export function InitializeAppHeight() {
-  useEffect(() => {
-    function handleResize() {
-      document.documentElement.style.setProperty(
-        '--app-height',
-        isAndroid
-          ? `${Math.min(
-              window.innerHeight,
-              window.outerHeight,
-              window.innerHeight * window.devicePixelRatio
-            )}px`
-          : `${window.innerHeight}px`
-      );
-    }
-
-    handleResize();
-    window.addEventListener('resize', handleResize);
-    window.addEventListener('orientationchange', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-      window.removeEventListener('orientationchange', handleResize);
-    };
-  }, []);
-
-  return null;
-}

package/src/utils/ssrFunctions/index.ts

@@ -1,37 +0,0 @@
-import { GetServerSidePropsContext } from 'next';
-
-import { authCookies } from '@ludo.ninja/api';
-import { mobileDetection } from '@ludo.ninja/utils';
-
-import { IUser } from '@/entities/user/type';
-
-export const getIsMobile = (context: GetServerSidePropsContext) => {
-  const UA = context.req.headers['user-agent'];
-
-  const { isMobile } = mobileDetection({ UA });
-  return { isMobile };
-};
-
-export const getUserDataFromCookie = (context: GetServerSidePropsContext) => {
-  const { authToken, refreshToken, wallets, userId, newUser, inviteCode } =
-    authCookies.getCookies(context);
-
-  if (authToken && refreshToken && userId && wallets && newUser && inviteCode) {
-    return {
-      userData: {
-        userId,
-        wallets,
-        authToken,
-        refreshToken,
-        newUser: newUser === 'true',
-        inviteCode,
-      } as IUser,
-    };
-  }
-  return { userData: null };
-};
-
-export const getGlobalPageProps = (ctx: GetServerSidePropsContext) => ({
-  ...getIsMobile(ctx),
-  ...getUserDataFromCookie(ctx),
-});

package/src/utils/ui/index.tsx

@@ -1,9 +0,0 @@
-export const upBtnDistance = (
-  document: {
-    body: { scrollTop: number };
-    documentElement: { scrollTop: number };
-  },
-  pixels: number
-) =>
-  document.body.scrollTop > pixels ||
-  document.documentElement.scrollTop > pixels;

package/tests/__mocks__/next/router.js

@@ -1,23 +0,0 @@
-const useRouter = jest.fn();
-
-useRouter.mockImplementation(() => ({
-  route: '/',
-  pathname: '',
-  query: {},
-  asPath: '',
-  push: jest.fn(),
-  replace: jest.fn(),
-  reload: jest.fn(),
-  back: jest.fn(),
-  prefetch: jest.fn().mockResolvedValue(undefined),
-  beforePopState: jest.fn(),
-  events: {
-    on: jest.fn(),
-    off: jest.fn(),
-    emit: jest.fn(),
-  },
-}));
-
-module.exports = {
-  useRouter,
-};

package/tests/svgrTransform/index.js

@@ -1,8 +0,0 @@
-module.exports = {
-  process() {
-    return { code: 'module.exports = {};' };
-  },
-  getCacheKey() {
-    return 'svgTransform';
-  },
-};

package/tsconfig.jest.json

@@ -1,11 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "noEmit": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "module": "esnext"
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.js", "src/**/*.jsx"],
-  "exclude": ["node_modules"]
-}

package/tsconfig.json

@@ -1,45 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "allowSyntheticDefaultImports": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/pages/*": ["src/pages/*"],
-      "@/pages-components-with-unique-build/*": [
-        "src/pages-components-with-unique-build/*"
-      ],
-      "@/hooks/*": ["src/hooks/*"],
-      "@/context/*": ["src/context/*"],
-      "@/modules/*": ["src/modules/*"],
-      "@/api/*": ["src/api/*"],
-      "@/layouts/*": ["src/layouts/*"],
-      "@/styles/*": ["src/styles/*"],
-      "@/components/*": ["src/components/*"],
-      "@/system/*": ["src/system/*"],
-      "@/utils/*": ["src/utils/*"],
-      "@/dto/*": ["src/dto/*"],
-      "@/entities/*": ["src/entities/*"],
-      "@/public/*": ["public/*"],
-      "@/constants/*": ["src/constants/*"],
-      "@/fonts/*": ["src/fonts/*"],
-      "@/store/*": ["src/store/*"],
-      "@/store": ["src/store/index.ts"],
-      "@system": ["src/system/index.ts"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}

package/tslint.json

@@ -1,86 +0,0 @@
-{
-  "extends": ["tslint-react"],
-  "linterOptions": {
-    "exclude": ["src/proto/*"]
-  },
-  "rules": {
-    "align": [true, "parameters", "arguments", "statements"],
-    "ban": false,
-    "class-name": true,
-    "comment-format": [true, "check-space"],
-    "curly": true,
-    "eofline": false,
-    "forin": true,
-    "indent": [true, "spaces"],
-    "interface-name": [true, "never-prefix"],
-    "jsdoc-format": true,
-    "jsx-no-lambda": false,
-    "jsx-no-multiline-js": false,
-    "label-position": true,
-    "max-line-length": [true, 120],
-    "member-ordering": [
-      true,
-      "public-before-private",
-      "static-before-instance",
-      "variables-before-functions"
-    ],
-    "no-any": true,
-    "no-arg": true,
-    "no-bitwise": true,
-    "no-consecutive-blank-lines": true,
-    "no-construct": true,
-    "no-debugger": true,
-    "no-duplicate-variable": true,
-    "no-empty": true,
-    "no-eval": true,
-    "no-shadowed-variable": true,
-    "no-string-literal": true,
-    "no-switch-case-fall-through": true,
-    "no-trailing-whitespace": false,
-    "no-unused-expression": true,
-    "no-use-before-declare": true,
-    "one-line": [
-      true,
-      "check-catch",
-      "check-else",
-      "check-open-brace",
-      "check-whitespace"
-    ],
-    "quotemark": [true, "single", "jsx-double"],
-    "radix": true,
-    "semicolon": [true, "always"],
-    "switch-default": true,
-
-    "trailing-comma": [false],
-
-    "triple-equals": [true, "allow-null-check"],
-    "typedef": [true, "parameter", "property-declaration"],
-    "typedef-whitespace": [
-      true,
-      {
-        "call-signature": "nospace",
-        "index-signature": "nospace",
-        "parameter": "nospace",
-        "property-declaration": "nospace",
-        "variable-declaration": "nospace"
-      }
-    ],
-    "variable-name": [
-      true,
-      "ban-keywords",
-      "check-format",
-      "allow-leading-underscore",
-      "allow-pascal-case"
-    ],
-    "whitespace": [
-      true,
-      "check-branch",
-      "check-decl",
-      "check-module",
-      "check-operator",
-      "check-separator",
-      "check-type",
-      "check-typecast"
-    ]
-  }
-}