From c43a609b8d10c9a1b70c37d6376c43bce217538d Mon Sep 17 00:00:00 2001 From: vchikalkin Date: Wed, 11 Dec 2024 15:53:38 +0300 Subject: [PATCH] remove all official template trash --- apps/web/app/_assets/globals.css | 3 - apps/web/app/_assets/ton.svg | 1 - apps/web/app/error.tsx | 5 - apps/web/app/favicon.ico | Bin 25931 -> 0 bytes apps/web/app/init-data/page.tsx | 121 ----- apps/web/app/launch-params/page.tsx | 33 -- apps/web/app/layout.tsx | 8 +- apps/web/app/page.tsx | 35 +- apps/web/app/theme-params/page.tsx | 30 -- apps/web/app/ton-connect/page.tsx | 105 ---- apps/web/app/ton-connect/styles.css | 16 - .../components/DisplayData/DisplayData.tsx | 59 --- apps/web/components/DisplayData/styles.css | 15 - apps/web/components/ErrorBoundary.tsx | 39 -- apps/web/components/ErrorPage.tsx | 26 - apps/web/components/Link/Link.tsx | 48 -- apps/web/components/Link/styles.css | 4 - .../LocaleSwitcher/LocaleSwitcher.tsx | 26 - apps/web/components/Page.tsx | 31 -- apps/web/components/RGB/RGB.tsx | 15 - apps/web/components/RGB/styles.css | 12 - apps/web/components/Root/Root.tsx | 63 --- apps/web/components/Root/styles.css | 10 - apps/web/components/telegram/Root.tsx | 45 ++ apps/web/components/telegram/index.ts | 1 + apps/web/core/i18n/provider.tsx | 18 - apps/web/hooks/telegram/index.ts | 3 + .../use-client-once.ts} | 6 +- .../use-did-mount.ts} | 4 +- .../use-telegram-mock.ts} | 3 +- apps/web/next.config.js | 2 +- apps/web/package.json | 1 - apps/web/{core => utils}/i18n/config.ts | 0 apps/web/{core => utils}/i18n/i18n.ts | 4 +- apps/web/{core => utils}/i18n/locale.ts | 15 +- apps/web/utils/i18n/provider.tsx | 14 + apps/web/{core => utils}/i18n/types.ts | 2 +- apps/web/{core => utils}/init.ts | 10 +- pnpm-lock.yaml | 452 ------------------ 39 files changed, 98 insertions(+), 1187 deletions(-) delete mode 100644 apps/web/app/_assets/globals.css delete mode 100644 apps/web/app/_assets/ton.svg delete mode 100644 apps/web/app/error.tsx delete mode 100644 apps/web/app/favicon.ico delete mode 100644 apps/web/app/init-data/page.tsx delete mode 100644 apps/web/app/launch-params/page.tsx delete mode 100644 apps/web/app/theme-params/page.tsx delete mode 100644 apps/web/app/ton-connect/page.tsx delete mode 100644 apps/web/app/ton-connect/styles.css delete mode 100644 apps/web/components/DisplayData/DisplayData.tsx delete mode 100644 apps/web/components/DisplayData/styles.css delete mode 100644 apps/web/components/ErrorBoundary.tsx delete mode 100644 apps/web/components/ErrorPage.tsx delete mode 100644 apps/web/components/Link/Link.tsx delete mode 100644 apps/web/components/Link/styles.css delete mode 100644 apps/web/components/LocaleSwitcher/LocaleSwitcher.tsx delete mode 100644 apps/web/components/Page.tsx delete mode 100644 apps/web/components/RGB/RGB.tsx delete mode 100644 apps/web/components/RGB/styles.css delete mode 100644 apps/web/components/Root/Root.tsx delete mode 100644 apps/web/components/Root/styles.css create mode 100644 apps/web/components/telegram/Root.tsx create mode 100644 apps/web/components/telegram/index.ts delete mode 100644 apps/web/core/i18n/provider.tsx create mode 100644 apps/web/hooks/telegram/index.ts rename apps/web/hooks/{useClientOnce.ts => telegram/use-client-once.ts} (66%) rename apps/web/hooks/{useDidMount.ts => telegram/use-did-mount.ts} (82%) rename apps/web/hooks/{useTelegramMock.ts => telegram/use-telegram-mock.ts} (96%) rename apps/web/{core => utils}/i18n/config.ts (100%) rename apps/web/{core => utils}/i18n/i18n.ts (84%) rename apps/web/{core => utils}/i18n/locale.ts (55%) create mode 100644 apps/web/utils/i18n/provider.tsx rename apps/web/{core => utils}/i18n/types.ts (61%) rename apps/web/{core => utils}/init.ts (79%) diff --git a/apps/web/app/_assets/globals.css b/apps/web/app/_assets/globals.css deleted file mode 100644 index 5d83f12..0000000 --- a/apps/web/app/_assets/globals.css +++ /dev/null @@ -1,3 +0,0 @@ -body { - background: var(--tg-theme-secondary-bg-color, white); -} diff --git a/apps/web/app/_assets/ton.svg b/apps/web/app/_assets/ton.svg deleted file mode 100644 index 1983df4..0000000 --- a/apps/web/app/_assets/ton.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/apps/web/app/error.tsx b/apps/web/app/error.tsx deleted file mode 100644 index ad511b4..0000000 --- a/apps/web/app/error.tsx +++ /dev/null @@ -1,5 +0,0 @@ -'use client'; - -import { ErrorPage } from '@/components/ErrorPage'; - -export default ErrorPage; diff --git a/apps/web/app/favicon.ico b/apps/web/app/favicon.ico deleted file mode 100644 index 718d6fea4835ec2d246af9800eddb7ffb276240c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 25931 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 LrJugUA?W`A8`#=m diff --git a/apps/web/app/init-data/page.tsx b/apps/web/app/init-data/page.tsx deleted file mode 100644 index c04b22e..0000000 --- a/apps/web/app/init-data/page.tsx +++ /dev/null @@ -1,121 +0,0 @@ -'use client'; - -import { useMemo } from 'react'; -import { useSignal, initData, type User } from '@telegram-apps/sdk-react'; -import { List, Placeholder } from '@telegram-apps/telegram-ui'; - -import { - DisplayData, - type DisplayDataRow, -} from '@/components/DisplayData/DisplayData'; -import { Page } from '@/components/Page'; - -function getUserRows(user: User): DisplayDataRow[] { - return [ - { title: 'id', value: user.id.toString() }, - { title: 'username', value: user.username }, - { title: 'photo_url', value: user.photoUrl }, - { title: 'last_name', value: user.lastName }, - { title: 'first_name', value: user.firstName }, - { title: 'is_bot', value: user.isBot }, - { title: 'is_premium', value: user.isPremium }, - { title: 'language_code', value: user.languageCode }, - { title: 'allows_to_write_to_pm', value: user.allowsWriteToPm }, - { title: 'added_to_attachment_menu', value: user.addedToAttachmentMenu }, - ]; -} - -export default function InitDataPage() { - const initDataRaw = useSignal(initData.raw); - const initDataState = useSignal(initData.state); - - const initDataRows = useMemo(() => { - if (!initDataState || !initDataRaw) { - return; - } - const { - authDate, - hash, - queryId, - chatType, - chatInstance, - canSendAfter, - startParam, - } = initDataState; - return [ - { title: 'raw', value: initDataRaw }, - { title: 'auth_date', value: authDate.toLocaleString() }, - { title: 'auth_date (raw)', value: authDate.getTime() / 1000 }, - { title: 'hash', value: hash }, - { - title: 'can_send_after', - value: initData.canSendAfterDate()?.toISOString(), - }, - { title: 'can_send_after (raw)', value: canSendAfter }, - { title: 'query_id', value: queryId }, - { title: 'start_param', value: startParam }, - { title: 'chat_type', value: chatType }, - { title: 'chat_instance', value: chatInstance }, - ]; - }, [initDataState, initDataRaw]); - - const userRows = useMemo(() => { - return initDataState && initDataState.user - ? getUserRows(initDataState.user) - : undefined; - }, [initDataState]); - - const receiverRows = useMemo(() => { - return initDataState && initDataState.receiver - ? getUserRows(initDataState.receiver) - : undefined; - }, [initDataState]); - - const chatRows = useMemo(() => { - if (!initDataState?.chat) { - return; - } - const { - id, - title, - type, - username, - photoUrl, - } = initDataState.chat; - - return [ - { title: 'id', value: id.toString() }, - { title: 'title', value: title }, - { title: 'type', value: type }, - { title: 'username', value: username }, - { title: 'photo_url', value: photoUrl }, - ]; - }, [initData]); - - if (!initDataRows) { - return ( - - - Telegram sticker - - - ); - } - return ( - - - - {userRows && } - {receiverRows && } - {chatRows && } - - - ); -}; diff --git a/apps/web/app/launch-params/page.tsx b/apps/web/app/launch-params/page.tsx deleted file mode 100644 index 861a2f8..0000000 --- a/apps/web/app/launch-params/page.tsx +++ /dev/null @@ -1,33 +0,0 @@ -'use client'; - -import { useLaunchParams } from '@telegram-apps/sdk-react'; -import { List } from '@telegram-apps/telegram-ui'; - -import { DisplayData } from '@/components/DisplayData/DisplayData'; -import { Page } from '@/components/Page'; - -export default function LaunchParamsPage() { - const lp = useLaunchParams(); - - return ( - - - - - - ); -}; diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index e2145a6..1fb90c2 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -1,17 +1,15 @@ -import { Root } from '@/components/Root/Root'; -import { I18nProvider } from '@/core/i18n/provider'; +import { Root } from '@/components/telegram'; +import { I18nProvider } from '@/utils/i18n/provider'; import { type Metadata } from 'next'; import { getLocale } from 'next-intl/server'; import { type PropsWithChildren } from 'react'; -import '@telegram-apps/telegram-ui/dist/styles.css'; -import './_assets/globals.css'; export const metadata: Metadata = { description: 'Your application description goes here', title: 'Your Application Title Goes Here', }; -export default async function RootLayout({ children }: PropsWithChildren) { +export default async function RootLayout({ children }: Readonly) { const locale = await getLocale(); return ( diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx index cadfbb9..a21501b 100644 --- a/apps/web/app/page.tsx +++ b/apps/web/app/page.tsx @@ -1,35 +1,14 @@ 'use client'; -import { Link } from '@/components/Link/Link'; -import { LocaleSwitcher } from '@/components/LocaleSwitcher/LocaleSwitcher'; -import { Page } from '@/components/Page'; -import { Cell, List, Section } from '@telegram-apps/telegram-ui'; -import { useTranslations } from 'next-intl'; +import { initData, isMiniAppDark, useSignal } from '@telegram-apps/sdk-react'; -export default function Home() { - const t = useTranslations('i18n'); +export default function InitDataPage() { + const initDataState = useSignal(initData.state); + const isDark = isMiniAppDark(); return ( - - -
- - Init Data - - - Launch Parameters - - - Theme Parameters - -
-
- -
- - + + {JSON.stringify(initDataState, null, 2)} + ); } diff --git a/apps/web/app/theme-params/page.tsx b/apps/web/app/theme-params/page.tsx deleted file mode 100644 index 7a68c9a..0000000 --- a/apps/web/app/theme-params/page.tsx +++ /dev/null @@ -1,30 +0,0 @@ -'use client'; - -import { useSignal, themeParams } from '@telegram-apps/sdk-react'; -import { List } from '@telegram-apps/telegram-ui'; - -import { DisplayData } from '@/components/DisplayData/DisplayData'; -import { Page } from '@/components/Page'; - -export default function ThemeParamsPage() { - const tp = useSignal(themeParams.state); - - return ( - - - ({ - title: title - .replace(/[A-Z]/g, (m) => `_${m.toLowerCase()}`) - .replace(/background/, 'bg'), - value, - })) - } - /> - - - ); -}; diff --git a/apps/web/app/ton-connect/page.tsx b/apps/web/app/ton-connect/page.tsx deleted file mode 100644 index a2c83c1..0000000 --- a/apps/web/app/ton-connect/page.tsx +++ /dev/null @@ -1,105 +0,0 @@ -'use client'; - -import { openLink } from '@telegram-apps/sdk-react'; -import { Page } from '@/components/Page'; -import { TonConnectButton, useTonWallet } from '@tonconnect/ui-react'; -import { - Avatar, - Cell, - List, - Navigation, - Placeholder, - Section, - Text, - Title, -} from '@telegram-apps/telegram-ui'; - -import { DisplayData } from '@/components/DisplayData/DisplayData'; - -import './styles.css'; - -export default function TONConnectPage() { - const wallet = useTonWallet(); - if (!wallet) { - return ( - - - - To display the data related to the TON Connect, it is required - to connect your wallet - - - - } - /> - - ); - } - - const { - account: { chain, publicKey, address }, - device: { - appName, - appVersion, - maxProtocolVersion, - platform, - features, - }, - } = wallet; - - return ( - - - {'imageUrl' in wallet && ( - <> -
- - } - after={About wallet} - subtitle={wallet.appName} - onClick={(e) => { - e.preventDefault(); - openLink(wallet.aboutUrl); - }} - > - {wallet.name} - -
- - - )} - - typeof f === 'object' ? f.name : undefined) - .filter(v => v) - .join(', '), - }, - ]} - /> - - - ); -}; diff --git a/apps/web/app/ton-connect/styles.css b/apps/web/app/ton-connect/styles.css deleted file mode 100644 index 42eac0b..0000000 --- a/apps/web/app/ton-connect/styles.css +++ /dev/null @@ -1,16 +0,0 @@ -.ton-connect-page__placeholder { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-sizing: border-box; -} - -.ton-connect-page__button { - margin: 16px auto 0; -} - -.ton-connect-page__button-connected { - margin: 16px 24px 16px auto; -} diff --git a/apps/web/components/DisplayData/DisplayData.tsx b/apps/web/components/DisplayData/DisplayData.tsx deleted file mode 100644 index 882c1c0..0000000 --- a/apps/web/components/DisplayData/DisplayData.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import { isRGB } from '@telegram-apps/sdk-react'; -import { Cell, Checkbox, Section } from '@telegram-apps/telegram-ui'; -import type { FC, ReactNode } from 'react'; - -import { RGB } from '@/components/RGB/RGB'; -import { Link } from '@/components/Link/Link'; - -import './styles.css'; - -export type DisplayDataRow = - & { title: string } - & ( - | { type: 'link'; value?: string } - | { value: ReactNode } - ) - -export interface DisplayDataProps { - header?: ReactNode; - footer?: ReactNode; - rows: DisplayDataRow[]; -} - -export const DisplayData: FC = ({ header, rows }) => ( -
- {rows.map((item, idx) => { - let valueNode: ReactNode; - - if (item.value === undefined) { - valueNode = empty; - } else { - if ('type' in item) { - valueNode = Open; - } else if (typeof item.value === 'string') { - valueNode = isRGB(item.value) - ? - : item.value; - } else if (typeof item.value === 'boolean') { - valueNode = ; - } else { - valueNode = item.value; - } - } - - return ( - - - {valueNode} - - - ); - })} -
-); diff --git a/apps/web/components/DisplayData/styles.css b/apps/web/components/DisplayData/styles.css deleted file mode 100644 index e30b7be..0000000 --- a/apps/web/components/DisplayData/styles.css +++ /dev/null @@ -1,15 +0,0 @@ -.display-data__header { - font-weight: 400; -} - -.display-data__line { - padding: 16px 24px; -} - -.display-data__line-title { - color: var(--tg-theme-subtitle-text-color); -} - -.display-data__line-value { - word-break: break-word; -} diff --git a/apps/web/components/ErrorBoundary.tsx b/apps/web/components/ErrorBoundary.tsx deleted file mode 100644 index a9dfed1..0000000 --- a/apps/web/components/ErrorBoundary.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import { - Component, - type ComponentType, - type GetDerivedStateFromError, - type PropsWithChildren, -} from 'react'; - -export interface ErrorBoundaryProps extends PropsWithChildren { - fallback: ComponentType<{ error: Error }>; -} - -interface ErrorBoundaryState { - error?: Error; -} - -export class ErrorBoundary extends Component { - state: ErrorBoundaryState = {}; - - // eslint-disable-next-line max-len - static getDerivedStateFromError: GetDerivedStateFromError = (error) => ({ error }); - - componentDidCatch(error: Error) { - this.setState({ error }); - } - - render() { - const { - state: { - error, - }, - props: { - fallback: Fallback, - children, - }, - } = this; - - return error ? : children; - } -} diff --git a/apps/web/components/ErrorPage.tsx b/apps/web/components/ErrorPage.tsx deleted file mode 100644 index 1ae3956..0000000 --- a/apps/web/components/ErrorPage.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { useEffect } from 'react'; - -export function ErrorPage({ - error, - reset, -}: { - error: Error & { digest?: string } - reset?: () => void -}) { - useEffect(() => { - // Log the error to an error reporting service - console.error(error); - }, [error]); - - return ( -
-

An unhandled error occurred!

-
- - {error.message} - -
- {reset && } -
- ); -} \ No newline at end of file diff --git a/apps/web/components/Link/Link.tsx b/apps/web/components/Link/Link.tsx deleted file mode 100644 index 702a204..0000000 --- a/apps/web/components/Link/Link.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { openLink, classNames } from '@telegram-apps/sdk-react'; -import { type FC, type MouseEventHandler, type JSX, useCallback } from 'react'; -import { type LinkProps as NextLinkProps, default as NextLink } from 'next/link'; - -import './styles.css'; - -export interface LinkProps extends NextLinkProps, Omit { -} - -export const Link: FC = ({ - className, - onClick: propsOnClick, - href, - ...rest -}) => { - const onClick = useCallback>((e) => { - propsOnClick?.(e); - - // Compute if target path is external. In this case we would like to open link using - // TMA method. - let path: string; - if (typeof href === 'string') { - path = href; - } else { - const { search = '', pathname = '', hash = '' } = href; - path = `${pathname}?${search}#${hash}`; - } - - const targetUrl = new URL(path, window.location.toString()); - const currentUrl = new URL(window.location.toString()); - const isExternal = targetUrl.protocol !== currentUrl.protocol - || targetUrl.host !== currentUrl.host; - - if (isExternal) { - e.preventDefault(); - openLink(targetUrl.toString()); - } - }, [href, propsOnClick]); - - return ( - - ); -}; diff --git a/apps/web/components/Link/styles.css b/apps/web/components/Link/styles.css deleted file mode 100644 index 7251d50..0000000 --- a/apps/web/components/Link/styles.css +++ /dev/null @@ -1,4 +0,0 @@ -.link { - text-decoration: none; - color: var(--tg-theme-link-color); -} \ No newline at end of file diff --git a/apps/web/components/LocaleSwitcher/LocaleSwitcher.tsx b/apps/web/components/LocaleSwitcher/LocaleSwitcher.tsx deleted file mode 100644 index f695d5e..0000000 --- a/apps/web/components/LocaleSwitcher/LocaleSwitcher.tsx +++ /dev/null @@ -1,26 +0,0 @@ -'use client'; - -import { Select } from '@telegram-apps/telegram-ui'; -import { useLocale } from 'next-intl'; -import { FC } from 'react'; - -import { localesMap } from '@/core/i18n/config'; -import { setLocale } from '@/core/i18n/locale'; -import { Locale } from '@/core/i18n/types'; - -export const LocaleSwitcher: FC = () => { - const locale = useLocale(); - - const onChange = (value: string) => { - const locale = value as Locale; - setLocale(locale); - }; - - return ( - - ); -}; diff --git a/apps/web/components/Page.tsx b/apps/web/components/Page.tsx deleted file mode 100644 index 481aa28..0000000 --- a/apps/web/components/Page.tsx +++ /dev/null @@ -1,31 +0,0 @@ -'use client'; - -import { backButton } from '@telegram-apps/sdk-react'; -import { PropsWithChildren, useEffect } from 'react'; -import { useRouter } from 'next/navigation'; - -export function Page({ children, back = true }: PropsWithChildren<{ - /** - * True if it is allowed to go back from this page. - * @default true - */ - back?: boolean -}>) { - const router = useRouter(); - - useEffect(() => { - if (back) { - backButton.show(); - } else { - backButton.hide(); - } - }, [back]); - - useEffect(() => { - return backButton.onClick(() => { - router.back(); - }); - }, [router]); - - return <>{children}; -} \ No newline at end of file diff --git a/apps/web/components/RGB/RGB.tsx b/apps/web/components/RGB/RGB.tsx deleted file mode 100644 index 5719bba..0000000 --- a/apps/web/components/RGB/RGB.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { classNames, type RGB as RGBType } from '@telegram-apps/sdk-react'; -import type { FC } from 'react'; - -import './styles.css'; - -export type RGBProps = JSX.IntrinsicElements['div'] & { - color: RGBType; -}; - -export const RGB: FC = ({ color, className, ...rest }) => ( - - - {color} - -); diff --git a/apps/web/components/RGB/styles.css b/apps/web/components/RGB/styles.css deleted file mode 100644 index fec0799..0000000 --- a/apps/web/components/RGB/styles.css +++ /dev/null @@ -1,12 +0,0 @@ -.rgb { - display: inline-flex; - align-items: center; - gap: 5px; -} - -.rgb__icon { - width: 18px; - aspect-ratio: 1; - border: 1px solid #555; - border-radius: 50%; -} \ No newline at end of file diff --git a/apps/web/components/Root/Root.tsx b/apps/web/components/Root/Root.tsx deleted file mode 100644 index 5c90b9c..0000000 --- a/apps/web/components/Root/Root.tsx +++ /dev/null @@ -1,63 +0,0 @@ -'use client'; - -import { ErrorBoundary } from '@/components/ErrorBoundary'; -import { ErrorPage } from '@/components/ErrorPage'; -import { setLocale } from '@/core/i18n/locale'; -import { init } from '@/core/init'; -import { useClientOnce } from '@/hooks/useClientOnce'; -import { useDidMount } from '@/hooks/useDidMount'; -import { useTelegramMock } from '@/hooks/useTelegramMock'; -import { initData, miniApp, useLaunchParams, useSignal } from '@telegram-apps/sdk-react'; -import { AppRoot } from '@telegram-apps/telegram-ui'; -import { type PropsWithChildren, useEffect } from 'react'; -import './styles.css'; - -export function Root(props: PropsWithChildren) { - // Unfortunately, Telegram Mini Apps does not allow us to use all features of - // the Server Side Rendering. That's why we are showing loader on the server - // side. - const didMount = useDidMount(); - - return didMount ? ( - - - - ) : ( -
Loading
- ); -} - -function RootInner({ children }: PropsWithChildren) { - const isDevelopment = process.env.NODE_ENV === 'development'; - - // Mock Telegram environment in development mode if needed. - if (isDevelopment) { - // eslint-disable-next-line react-hooks/rules-of-hooks - useTelegramMock(); - } - - const lp = useLaunchParams(); - const debug = isDevelopment || lp.startParam === 'debug'; - - // Initialize the library. - useClientOnce(() => { - init(debug); - }); - - const isDark = useSignal(miniApp.isDark); - const initDataUser = useSignal(initData.user); - - // Set the user locale. - useEffect(() => { - initDataUser && setLocale(initDataUser.languageCode); - }, [initDataUser]); - - return ( - - {children} - - ); -} diff --git a/apps/web/components/Root/styles.css b/apps/web/components/Root/styles.css deleted file mode 100644 index 40c6bbc..0000000 --- a/apps/web/components/Root/styles.css +++ /dev/null @@ -1,10 +0,0 @@ -.root__loading { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; -} \ No newline at end of file diff --git a/apps/web/components/telegram/Root.tsx b/apps/web/components/telegram/Root.tsx new file mode 100644 index 0000000..d479a8a --- /dev/null +++ b/apps/web/components/telegram/Root.tsx @@ -0,0 +1,45 @@ +/* eslint-disable sonarjs/function-return-type */ +'use client'; +import { useClientOnce, useDidMount, useTelegramMock } from '@/hooks/telegram'; +import { setLocale } from '@/utils/i18n/locale'; +import { init } from '@/utils/init'; +import { initData, useLaunchParams, useSignal } from '@telegram-apps/sdk-react'; +import { type PropsWithChildren, useEffect } from 'react'; + +export function Root(props: Readonly) { + // Unfortunately, Telegram Mini Apps does not allow us to use all features of + // the Server Side Rendering. That's why we are showing loader on the server + // side. + const didMount = useDidMount(); + + if (!didMount) return
Loading
; + + return ; +} + +function RootInner({ children }: PropsWithChildren) { + const isDevelopment = process.env.NODE_ENV === 'development'; + + // Mock Telegram environment in development mode if needed. + if (isDevelopment) { + // eslint-disable-next-line react-hooks/rules-of-hooks + useTelegramMock(); + } + + const lp = useLaunchParams(); + const debug = isDevelopment || lp.startParam === 'debug'; + + // Initialize the library. + useClientOnce(() => { + init(debug); + }); + + const initDataUser = useSignal(initData.user); + + // Set the user locale. + useEffect(() => { + if (initDataUser) setLocale(initDataUser.languageCode); + }, [initDataUser]); + + return children; +} diff --git a/apps/web/components/telegram/index.ts b/apps/web/components/telegram/index.ts new file mode 100644 index 0000000..c78e011 --- /dev/null +++ b/apps/web/components/telegram/index.ts @@ -0,0 +1 @@ +export * from './Root'; diff --git a/apps/web/core/i18n/provider.tsx b/apps/web/core/i18n/provider.tsx deleted file mode 100644 index 7570aa7..0000000 --- a/apps/web/core/i18n/provider.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { NextIntlClientProvider } from "next-intl"; -import { getMessages } from "next-intl/server"; -import React from "react"; - -import { timeZone } from "./config"; - -const I18nProvider: React.FC = async ({ - children, -}) => { - const messages = await getMessages(); - return ( - - {children} - - ); -}; - -export { I18nProvider }; diff --git a/apps/web/hooks/telegram/index.ts b/apps/web/hooks/telegram/index.ts new file mode 100644 index 0000000..36c0b34 --- /dev/null +++ b/apps/web/hooks/telegram/index.ts @@ -0,0 +1,3 @@ +export * from './use-client-once'; +export * from './use-did-mount'; +export * from './use-telegram-mock'; diff --git a/apps/web/hooks/useClientOnce.ts b/apps/web/hooks/telegram/use-client-once.ts similarity index 66% rename from apps/web/hooks/useClientOnce.ts rename to apps/web/hooks/telegram/use-client-once.ts index 7963599..4ae00ae 100644 --- a/apps/web/hooks/useClientOnce.ts +++ b/apps/web/hooks/telegram/use-client-once.ts @@ -1,9 +1,9 @@ import { useRef } from 'react'; -export function useClientOnce(fn: () => void): void { +export function useClientOnce(callback: () => void): void { const canCall = useRef(true); if (typeof window !== 'undefined' && canCall.current) { canCall.current = false; - fn(); + callback(); } -} \ No newline at end of file +} diff --git a/apps/web/hooks/useDidMount.ts b/apps/web/hooks/telegram/use-did-mount.ts similarity index 82% rename from apps/web/hooks/useDidMount.ts rename to apps/web/hooks/telegram/use-did-mount.ts index e77f5ae..0c4c392 100644 --- a/apps/web/hooks/useDidMount.ts +++ b/apps/web/hooks/telegram/use-did-mount.ts @@ -1,7 +1,7 @@ import { useEffect, useState } from 'react'; /** - * @return True, if component was mounted. + * @returns True, if component was mounted. */ export function useDidMount(): boolean { const [didMount, setDidMount] = useState(false); @@ -11,4 +11,4 @@ export function useDidMount(): boolean { }, []); return didMount; -} \ No newline at end of file +} diff --git a/apps/web/hooks/useTelegramMock.ts b/apps/web/hooks/telegram/use-telegram-mock.ts similarity index 96% rename from apps/web/hooks/useTelegramMock.ts rename to apps/web/hooks/telegram/use-telegram-mock.ts index c0ca8f1..181b881 100644 --- a/apps/web/hooks/useTelegramMock.ts +++ b/apps/web/hooks/telegram/use-telegram-mock.ts @@ -1,4 +1,5 @@ -import { useClientOnce } from '@/hooks/useClientOnce'; +/* eslint-disable no-console */ +import { useClientOnce } from '@/hooks/telegram/use-client-once'; import { isTMA, type LaunchParams, diff --git a/apps/web/next.config.js b/apps/web/next.config.js index f183c05..d36077c 100644 --- a/apps/web/next.config.js +++ b/apps/web/next.config.js @@ -1,6 +1,6 @@ import createNextIntlPlugin from 'next-intl/plugin'; -const withNextIntl = createNextIntlPlugin('./core/i18n/i18n.ts'); +const withNextIntl = createNextIntlPlugin('./utils/i18n/i18n.ts'); const nextConfig = withNextIntl({ reactStrictMode: true, diff --git a/apps/web/package.json b/apps/web/package.json index b60222d..069c7c4 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -18,7 +18,6 @@ "@apollo/client": "catalog:", "@repo/ui": "workspace:*", "@telegram-apps/sdk-react": "^2.0.19", - "@telegram-apps/telegram-ui": "^2.1.8", "graphql": "catalog:", "next": "catalog:", "next-intl": "^3.26.0", diff --git a/apps/web/core/i18n/config.ts b/apps/web/utils/i18n/config.ts similarity index 100% rename from apps/web/core/i18n/config.ts rename to apps/web/utils/i18n/config.ts diff --git a/apps/web/core/i18n/i18n.ts b/apps/web/utils/i18n/i18n.ts similarity index 84% rename from apps/web/core/i18n/i18n.ts rename to apps/web/utils/i18n/i18n.ts index c0ead13..68ea186 100644 --- a/apps/web/core/i18n/i18n.ts +++ b/apps/web/utils/i18n/i18n.ts @@ -3,7 +3,7 @@ import { getLocale } from './locale'; import { type Locale } from './types'; import { getRequestConfig } from 'next-intl/server'; -const i18nRequestConfig = getRequestConfig(async () => { +const requestConfig = getRequestConfig(async () => { const locale = (await getLocale()) as Locale; return { @@ -15,4 +15,4 @@ const i18nRequestConfig = getRequestConfig(async () => { }; }); -export default i18nRequestConfig; +export default requestConfig; diff --git a/apps/web/core/i18n/locale.ts b/apps/web/utils/i18n/locale.ts similarity index 55% rename from apps/web/core/i18n/locale.ts rename to apps/web/utils/i18n/locale.ts index 83246a4..eeab8e8 100644 --- a/apps/web/core/i18n/locale.ts +++ b/apps/web/utils/i18n/locale.ts @@ -1,21 +1,20 @@ -//use server is required -"use server"; +// use server is required +'use server'; -import { cookies } from "next/headers"; - -import { defaultLocale } from "./config"; -import type { Locale } from "./types"; +import { defaultLocale } from './config'; +import { type Locale } from './types'; +import { cookies } from 'next/headers'; // In this example the locale is read from a cookie. You could alternatively // also read it from a database, backend service, or any other source. -const COOKIE_NAME = "NEXT_LOCALE"; +const COOKIE_NAME = 'NEXT_LOCALE'; const getLocale = async () => { return cookies().get(COOKIE_NAME)?.value || defaultLocale; }; const setLocale = async (locale?: string) => { - cookies().set(COOKIE_NAME, locale as Locale || defaultLocale); + cookies().set(COOKIE_NAME, (locale as Locale) || defaultLocale); }; export { getLocale, setLocale }; diff --git a/apps/web/utils/i18n/provider.tsx b/apps/web/utils/i18n/provider.tsx new file mode 100644 index 0000000..c5294db --- /dev/null +++ b/apps/web/utils/i18n/provider.tsx @@ -0,0 +1,14 @@ +/* eslint-disable canonical/id-match */ +import { timeZone } from './config'; +import { NextIntlClientProvider } from 'next-intl'; +import { getMessages } from 'next-intl/server'; +import { type PropsWithChildren } from 'react'; + +export async function I18nProvider({ children }: Readonly) { + const messages = await getMessages(); + return ( + + {children} + + ); +} diff --git a/apps/web/core/i18n/types.ts b/apps/web/utils/i18n/types.ts similarity index 61% rename from apps/web/core/i18n/types.ts rename to apps/web/utils/i18n/types.ts index bcd244f..30f3bff 100644 --- a/apps/web/core/i18n/types.ts +++ b/apps/web/utils/i18n/types.ts @@ -1,4 +1,4 @@ -import type { locales } from "./config"; +import { type locales } from './config'; type Locale = (typeof locales)[number]; diff --git a/apps/web/core/init.ts b/apps/web/utils/init.ts similarity index 79% rename from apps/web/core/init.ts rename to apps/web/utils/init.ts index e24aa84..eddded6 100644 --- a/apps/web/core/init.ts +++ b/apps/web/utils/init.ts @@ -1,6 +1,8 @@ +/* eslint-disable no-console */ +/* eslint-disable promise/prefer-await-to-then */ import { - $debug, backButton, + $debug as debugSDK, initData, init as initSDK, miniApp, @@ -13,7 +15,7 @@ import { */ export function init(debug: boolean): void { // Set @telegram-apps/sdk-react debug mode. - $debug.set(debug); + debugSDK.set(debug); // Initialize special event handlers for Telegram Desktop, Android, iOS, etc. // Also, configure the package. @@ -37,5 +39,7 @@ export function init(debug: boolean): void { }); // Add Eruda if needed. - debug && import('eruda').then((library) => library.default.init()).catch(console.error); + if (debug) { + import('eruda').then((library) => library.default.init()).catch(console.error); + } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 241d7d0..60cae90 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -146,9 +146,6 @@ importers: '@telegram-apps/sdk-react': specifier: ^2.0.19 version: 2.0.19(@types/react@19.0.1)(react@19.0.0) - '@telegram-apps/telegram-ui': - specifier: ^2.1.8 - version: 2.1.8(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) graphql: specifier: 'catalog:' version: 16.9.0 @@ -1135,21 +1132,6 @@ packages: resolution: {integrity: sha512-2b/g5hRmpbb1o4GnTZax9N9m0FXzz9OV42ZzI4rDDMDuHUqigAiQCEWChBWCY4ztAGVRjoWT19v0yMmc5/L5kA==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} - '@floating-ui/core@1.6.8': - resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==} - - '@floating-ui/dom@1.6.12': - resolution: {integrity: sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==} - - '@floating-ui/react-dom@2.1.2': - resolution: {integrity: sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==} - peerDependencies: - react: '>=16.8.0' - react-dom: '>=16.8.0' - - '@floating-ui/utils@0.2.8': - resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==} - '@formatjs/ecma402-abstract@2.3.1': resolution: {integrity: sha512-Ip9uV+/MpLXWRk03U/GzeJMuPeOXpJBSB5V1tjA6kJhvqssye5J5LoYLc7Z5IAHb7nR62sRoguzrFiVCP/hnzw==} @@ -1723,9 +1705,6 @@ packages: engines: {node: '>=18'} hasBin: true - '@radix-ui/primitive@1.1.0': - resolution: {integrity: sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==} - '@radix-ui/react-compose-refs@1.1.0': resolution: {integrity: sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==} peerDependencies: @@ -1735,111 +1714,6 @@ packages: '@types/react': optional: true - '@radix-ui/react-context@1.1.1': - resolution: {integrity: sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==} - peerDependencies: - '@types/react': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - - '@radix-ui/react-dialog@1.1.2': - resolution: {integrity: sha512-Yj4dZtqa2o+kG61fzB0H2qUvmwBA2oyQroGLyNtBj1beo1khoQ3q1a2AO8rrQYjd8256CO9+N8L9tvsS+bnIyA==} - peerDependencies: - '@types/react': '*' - '@types/react-dom': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - '@types/react-dom': - optional: true - - '@radix-ui/react-dismissable-layer@1.1.1': - resolution: {integrity: sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==} - peerDependencies: - '@types/react': '*' - '@types/react-dom': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - '@types/react-dom': - optional: true - - '@radix-ui/react-focus-guards@1.1.1': - resolution: {integrity: sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==} - peerDependencies: - '@types/react': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - - '@radix-ui/react-focus-scope@1.1.0': - resolution: {integrity: sha512-200UD8zylvEyL8Bx+z76RJnASR2gRMuxlgFCPAe/Q/679a/r0eK3MBVYMb7vZODZcffZBdob1EGnky78xmVvcA==} - peerDependencies: - '@types/react': '*' - '@types/react-dom': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - '@types/react-dom': - optional: true - - '@radix-ui/react-id@1.1.0': - resolution: {integrity: sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==} - peerDependencies: - '@types/react': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - - '@radix-ui/react-portal@1.1.2': - resolution: {integrity: sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==} - peerDependencies: - '@types/react': '*' - '@types/react-dom': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - '@types/react-dom': - optional: true - - '@radix-ui/react-presence@1.1.1': - resolution: {integrity: sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==} - peerDependencies: - '@types/react': '*' - '@types/react-dom': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - '@types/react-dom': - optional: true - - '@radix-ui/react-primitive@2.0.0': - resolution: {integrity: sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==} - peerDependencies: - '@types/react': '*' - '@types/react-dom': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - '@types/react-dom': - optional: true - '@radix-ui/react-slot@1.1.0': resolution: {integrity: sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==} peerDependencies: @@ -1849,42 +1723,6 @@ packages: '@types/react': optional: true - '@radix-ui/react-use-callback-ref@1.1.0': - resolution: {integrity: sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==} - peerDependencies: - '@types/react': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - - '@radix-ui/react-use-controllable-state@1.1.0': - resolution: {integrity: sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==} - peerDependencies: - '@types/react': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - - '@radix-ui/react-use-escape-keydown@1.1.0': - resolution: {integrity: sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==} - peerDependencies: - '@types/react': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - - '@radix-ui/react-use-layout-effect@1.1.0': - resolution: {integrity: sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==} - peerDependencies: - '@types/react': '*' - react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc - peerDependenciesMeta: - '@types/react': - optional: true - '@repeaterjs/repeater@3.0.4': resolution: {integrity: sha512-AW8PKd6iX3vAZ0vA43nOUOnbq/X5ihgU+mSXXqunMkeQADGiqw/PY0JNeYtD5sr0PAy51YPgAPbDoeapv9r8WA==} @@ -2019,13 +1857,6 @@ packages: '@telegram-apps/signals@1.1.0': resolution: {integrity: sha512-5qN7cU8t3l7n0cKcnzc/1TYKJTwAggUinfwbLHL1SYmB47pBHjCvfsRiYliFohk6lb635SBmNuVZL6LHFmGZaw==} - '@telegram-apps/telegram-ui@2.1.8': - resolution: {integrity: sha512-Y4mIRzBJDerFvF6yzsfwHpu2tKEMHnnnQgdnLTwIdXNVPq/sJTaY66Qxbh9eeO5+tct01VcAx4E70/1fMvnp8A==} - engines: {node: '>=18.0.0', npm: '>=7.0.0'} - peerDependencies: - react: ^18.2.0 - react-dom: ^18.2.0 - '@telegram-apps/toolkit@1.0.0': resolution: {integrity: sha512-fSVoveLuMzwRKWeXEufMSXxH+HvjsFKb1DeT3pG5qLpnb2rdtejnNcwAt6WEPtiZ3a4YntYaFuR3KYgVv0ZxeQ==} @@ -2054,9 +1885,6 @@ packages: '@types/react-dom': optional: true - '@twa-dev/types@7.10.0': - resolution: {integrity: sha512-BXHyNLXy+cPbOZ2qQq5ArPKcP4kUfuX3YBSFT0XUxtMNWAzvyMuYAiq59UTfQ8OnELXlfChrAoIT3c2pujBtcQ==} - '@types/aria-query@5.0.4': resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==} @@ -2305,12 +2133,6 @@ packages: resolution: {integrity: sha512-FNoYzHawTMk/6KMQoEG5O4PuioX19UbwdQKF44yw0nLfOypfQdjtfZzo/UIJWAJ23sNIFbD1Ug9lbaDGMwbqQA==} engines: {node: '>=8'} - '@xelene/vaul-with-scroll-fix@0.1.4': - resolution: {integrity: sha512-R9J7y92rzZKIQLtFHKtzRsb4x8G26cvwGIDSf7OQZCdROFt7xic4Yz1BlFYjm8oiQsYV4SFSQfOzatZjvxz5XQ==} - peerDependencies: - react: ^16.8 || ^17.0 || ^18.0 - react-dom: ^16.8 || ^17.0 || ^18.0 - acorn-jsx@5.3.2: resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==} peerDependencies: @@ -2377,10 +2199,6 @@ packages: argparse@2.0.1: resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==} - aria-hidden@1.2.4: - resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==} - engines: {node: '>=10'} - aria-query@5.3.0: resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==} @@ -2854,9 +2672,6 @@ packages: resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==} engines: {node: '>=8'} - detect-node-es@1.1.0: - resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==} - didyoumean@1.2.2: resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==} @@ -3458,10 +3273,6 @@ packages: resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==} engines: {node: '>= 0.4'} - get-nonce@1.0.1: - resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==} - engines: {node: '>=6'} - get-set-props@0.1.0: resolution: {integrity: sha512-7oKuKzAGKj0ag+eWZwcGw2fjiZ78tXnXQoBgY0aU7ZOxTu4bB7hSuQSDgtKy978EDH062P5FmD2EWiDpQS9K9Q==} engines: {node: '>=0.10.0'} @@ -4597,36 +4408,6 @@ packages: resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==} engines: {node: '>=0.10.0'} - react-remove-scroll-bar@2.3.6: - resolution: {integrity: sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - - react-remove-scroll@2.6.0: - resolution: {integrity: sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - - react-style-singleton@2.2.1: - resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - react@19.0.0: resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==} engines: {node: '>=0.10.0'} @@ -5331,31 +5112,11 @@ packages: urlpattern-polyfill@8.0.2: resolution: {integrity: sha512-Qp95D4TPJl1kC9SKigDcqgyM2VDVO4RiJc2d4qe5GrYm+zbIQCWWKAFaJNQ4BhdFeDGwBmAxqJBwWSJDb9T3BQ==} - use-callback-ref@1.3.2: - resolution: {integrity: sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - use-intl@3.26.0: resolution: {integrity: sha512-HGXmpjGlbEv1uFZPfm557LK8p/hv0pKF9UwnrJeHUTxQx6bUGzMgpmPRLCVY3zkr7hfjy4LPwQJfk4Fhnn+dIg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0 - use-sidecar@1.1.2: - resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==} - engines: {node: '>=10'} - peerDependencies: - '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0 - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - '@types/react': - optional: true - util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -6576,23 +6337,6 @@ snapshots: dependencies: levn: 0.4.1 - '@floating-ui/core@1.6.8': - dependencies: - '@floating-ui/utils': 0.2.8 - - '@floating-ui/dom@1.6.12': - dependencies: - '@floating-ui/core': 1.6.8 - '@floating-ui/utils': 0.2.8 - - '@floating-ui/react-dom@2.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@floating-ui/dom': 1.6.12 - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - - '@floating-ui/utils@0.2.8': {} - '@formatjs/ecma402-abstract@2.3.1': dependencies: '@formatjs/fast-memoize': 2.2.5 @@ -7439,108 +7183,12 @@ snapshots: dependencies: playwright: 1.49.1 - '@radix-ui/primitive@1.1.0': {} - '@radix-ui/react-compose-refs@1.1.0(@types/react@19.0.1)(react@19.0.0)': dependencies: react: 19.0.0 optionalDependencies: '@types/react': 19.0.1 - '@radix-ui/react-context@1.1.1(@types/react@19.0.1)(react@19.0.0)': - dependencies: - react: 19.0.0 - optionalDependencies: - '@types/react': 19.0.1 - - '@radix-ui/react-dialog@1.1.2(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@radix-ui/primitive': 1.1.0 - '@radix-ui/react-compose-refs': 1.1.0(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-context': 1.1.1(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@radix-ui/react-focus-guards': 1.1.1(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@radix-ui/react-id': 1.1.0(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-portal': 1.1.2(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@radix-ui/react-presence': 1.1.1(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@radix-ui/react-primitive': 2.0.0(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@radix-ui/react-slot': 1.1.0(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@19.0.1)(react@19.0.0) - aria-hidden: 1.2.4 - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - react-remove-scroll: 2.6.0(@types/react@19.0.1)(react@19.0.0) - optionalDependencies: - '@types/react': 19.0.1 - '@types/react-dom': 19.0.1 - - '@radix-ui/react-dismissable-layer@1.1.1(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@radix-ui/primitive': 1.1.0 - '@radix-ui/react-compose-refs': 1.1.0(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-primitive': 2.0.0(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@19.0.1)(react@19.0.0) - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - optionalDependencies: - '@types/react': 19.0.1 - '@types/react-dom': 19.0.1 - - '@radix-ui/react-focus-guards@1.1.1(@types/react@19.0.1)(react@19.0.0)': - dependencies: - react: 19.0.0 - optionalDependencies: - '@types/react': 19.0.1 - - '@radix-ui/react-focus-scope@1.1.0(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@radix-ui/react-compose-refs': 1.1.0(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-primitive': 2.0.0(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.1)(react@19.0.0) - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - optionalDependencies: - '@types/react': 19.0.1 - '@types/react-dom': 19.0.1 - - '@radix-ui/react-id@1.1.0(@types/react@19.0.1)(react@19.0.0)': - dependencies: - '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.1)(react@19.0.0) - react: 19.0.0 - optionalDependencies: - '@types/react': 19.0.1 - - '@radix-ui/react-portal@1.1.2(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@radix-ui/react-primitive': 2.0.0(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.1)(react@19.0.0) - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - optionalDependencies: - '@types/react': 19.0.1 - '@types/react-dom': 19.0.1 - - '@radix-ui/react-presence@1.1.1(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@radix-ui/react-compose-refs': 1.1.0(@types/react@19.0.1)(react@19.0.0) - '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.1)(react@19.0.0) - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - optionalDependencies: - '@types/react': 19.0.1 - '@types/react-dom': 19.0.1 - - '@radix-ui/react-primitive@2.0.0(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@radix-ui/react-slot': 1.1.0(@types/react@19.0.1)(react@19.0.0) - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - optionalDependencies: - '@types/react': 19.0.1 - '@types/react-dom': 19.0.1 - '@radix-ui/react-slot@1.1.0(@types/react@19.0.1)(react@19.0.0)': dependencies: '@radix-ui/react-compose-refs': 1.1.0(@types/react@19.0.1)(react@19.0.0) @@ -7548,32 +7196,6 @@ snapshots: optionalDependencies: '@types/react': 19.0.1 - '@radix-ui/react-use-callback-ref@1.1.0(@types/react@19.0.1)(react@19.0.0)': - dependencies: - react: 19.0.0 - optionalDependencies: - '@types/react': 19.0.1 - - '@radix-ui/react-use-controllable-state@1.1.0(@types/react@19.0.1)(react@19.0.0)': - dependencies: - '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.1)(react@19.0.0) - react: 19.0.0 - optionalDependencies: - '@types/react': 19.0.1 - - '@radix-ui/react-use-escape-keydown@1.1.0(@types/react@19.0.1)(react@19.0.0)': - dependencies: - '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.1)(react@19.0.0) - react: 19.0.0 - optionalDependencies: - '@types/react': 19.0.1 - - '@radix-ui/react-use-layout-effect@1.1.0(@types/react@19.0.1)(react@19.0.0)': - dependencies: - react: 19.0.0 - optionalDependencies: - '@types/react': 19.0.1 - '@repeaterjs/repeater@3.0.4': {} '@repeaterjs/repeater@3.0.6': {} @@ -7683,18 +7305,6 @@ snapshots: '@telegram-apps/signals@1.1.0': {} - '@telegram-apps/telegram-ui@2.1.8(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@floating-ui/react-dom': 2.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - '@swc/helpers': 0.5.13 - '@twa-dev/types': 7.10.0 - '@xelene/vaul-with-scroll-fix': 0.1.4(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - transitivePeerDependencies: - - '@types/react' - - '@types/react-dom' - '@telegram-apps/toolkit@1.0.0': {} '@telegram-apps/transformers@1.2.0': @@ -7725,8 +7335,6 @@ snapshots: '@types/react': 19.0.1 '@types/react-dom': 19.0.1 - '@twa-dev/types@7.10.0': {} - '@types/aria-query@5.0.4': {} '@types/babel__core@7.20.5': @@ -8073,15 +7681,6 @@ snapshots: dependencies: tslib: 2.8.1 - '@xelene/vaul-with-scroll-fix@0.1.4(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': - dependencies: - '@radix-ui/react-dialog': 1.1.2(@types/react-dom@19.0.1)(@types/react@19.0.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - react: 19.0.0 - react-dom: 19.0.0(react@19.0.0) - transitivePeerDependencies: - - '@types/react' - - '@types/react-dom' - acorn-jsx@5.3.2(acorn@8.14.0): dependencies: acorn: 8.14.0 @@ -8135,10 +7734,6 @@ snapshots: argparse@2.0.1: {} - aria-hidden@1.2.4: - dependencies: - tslib: 2.8.1 - aria-query@5.3.0: dependencies: dequal: 2.0.3 @@ -8667,8 +8262,6 @@ snapshots: detect-libc@2.0.3: optional: true - detect-node-es@1.1.0: {} - didyoumean@1.2.2: {} dir-glob@3.0.1: @@ -9542,8 +9135,6 @@ snapshots: has-symbols: 1.0.3 hasown: 2.0.2 - get-nonce@1.0.1: {} - get-set-props@0.1.0: {} get-stream@8.0.1: {} @@ -10653,34 +10244,6 @@ snapshots: react-refresh@0.14.2: {} - react-remove-scroll-bar@2.3.6(@types/react@19.0.1)(react@19.0.0): - dependencies: - react: 19.0.0 - react-style-singleton: 2.2.1(@types/react@19.0.1)(react@19.0.0) - tslib: 2.8.1 - optionalDependencies: - '@types/react': 19.0.1 - - react-remove-scroll@2.6.0(@types/react@19.0.1)(react@19.0.0): - dependencies: - react: 19.0.0 - react-remove-scroll-bar: 2.3.6(@types/react@19.0.1)(react@19.0.0) - react-style-singleton: 2.2.1(@types/react@19.0.1)(react@19.0.0) - tslib: 2.8.1 - use-callback-ref: 1.3.2(@types/react@19.0.1)(react@19.0.0) - use-sidecar: 1.1.2(@types/react@19.0.1)(react@19.0.0) - optionalDependencies: - '@types/react': 19.0.1 - - react-style-singleton@2.2.1(@types/react@19.0.1)(react@19.0.0): - dependencies: - get-nonce: 1.0.1 - invariant: 2.2.4 - react: 19.0.0 - tslib: 2.8.1 - optionalDependencies: - '@types/react': 19.0.1 - react@19.0.0: {} read-cache@1.0.0: @@ -11442,27 +11005,12 @@ snapshots: urlpattern-polyfill@8.0.2: {} - use-callback-ref@1.3.2(@types/react@19.0.1)(react@19.0.0): - dependencies: - react: 19.0.0 - tslib: 2.8.1 - optionalDependencies: - '@types/react': 19.0.1 - use-intl@3.26.0(react@19.0.0): dependencies: '@formatjs/fast-memoize': 2.2.5 intl-messageformat: 10.7.10 react: 19.0.0 - use-sidecar@1.1.2(@types/react@19.0.1)(react@19.0.0): - dependencies: - detect-node-es: 1.1.0 - react: 19.0.0 - tslib: 2.8.1 - optionalDependencies: - '@types/react': 19.0.1 - util-deprecate@1.0.2: {} validate-npm-package-license@3.0.4: