@tma.js/sdk-react 0.5.3 → 1.0.0

package/src/lib/qr-scanner/useQRScanner.ts

@@ -1,13 +0,0 @@
-import { useUnit } from '../../provider/index.js';
-import { useEventsTracking } from '../hooks.js';
-import type { QRScanner } from './types.js';
-
-/**
- * Returns QRScanner component instance.
- */
-export function useQRScanner(): QRScanner {
-  const qrScanner = useUnit('qrScanner');
-  useEventsTracking(qrScanner, ['isOpenedChanged']);
-
-  return qrScanner;
-}

package/src/lib/qr-scanner/withQRScanner.tsx

@@ -1,18 +0,0 @@
-import React, { type ComponentType } from 'react';
-
-import { useQRScanner } from './useQRScanner.js';
-import type { QRScanner } from './types.js';
-
-/**
- * HOC which passes QRScanner SDK component to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withQRScanner<P extends { qrScanner?: QRScanner }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'qrScanner'>> {
-  return function WithQRScanner(props: Omit<P, 'qrScanner'>) {
-    const p = { ...props, qrScanner: useQRScanner() } as P;
-
-    return <Component {...p} />;
-  };
-}

package/src/lib/theme-params.tsx

@@ -1,29 +0,0 @@
-import React, { type ComponentType } from 'react';
-import type { ThemeParams } from '@tma.js/sdk';
-
-import { useUnit } from '../provider/index.js';
-import { useEventsTracking } from './hooks.js';
-
-/**
- * Returns ThemeParams component instance.
- */
-export function useThemeParams(): ThemeParams {
-  const theme = useUnit('themeParams');
-  useEventsTracking(theme, ['changed']);
-
-  return theme;
-}
-
-/**
- * HOC which passes ThemeParams SDK component to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withThemeParams<P extends { themeParams?: ThemeParams }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'themeParams'>> {
-  return function WithThemeParams(props: Omit<P, 'themeParams'>) {
-    const p = { ...props, themeParams: useThemeParams() } as P;
-
-    return <Component {...p} />;
-  };
-}

package/src/lib/viewport/index.ts

@@ -1,3 +0,0 @@
-export * from './types.js';
-export * from './useViewport.js';
-export * from './withViewport.js';

package/src/lib/viewport/types.ts

@@ -1 +0,0 @@
-export type { Viewport } from '@tma.js/sdk';

package/src/lib/viewport/useViewport.ts

@@ -1,15 +0,0 @@
-import { useUnit } from '../../provider/index.js';
-import { useEventsTracking } from '../hooks.js';
-import type { Viewport } from './types.js';
-
-/**
- * Returns Viewport component instance.
- */
-export function useViewport(): Viewport {
-  const viewport = useUnit('viewport');
-  useEventsTracking(viewport, [
-    'stableHeightChanged', 'isExpandedChanged', 'heightChanged', 'widthChanged',
-  ]);
-
-  return viewport;
-}

package/src/lib/viewport/withViewport.tsx

@@ -1,18 +0,0 @@
-import React, { type ComponentType } from 'react';
-
-import { useViewport } from './useViewport.js';
-import type { Viewport } from './types.js';
-
-/**
- * HOC which passes Viewport SDK component to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withViewport<P extends { viewport?: Viewport }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'viewport'>> {
-  return function WithViewport(props: Omit<P, 'viewport'>) {
-    const p = { ...props, viewport: useViewport() } as P;
-
-    return <Component {...p} />;
-  };
-}

package/src/lib/web-app/index.ts

@@ -1,3 +0,0 @@
-export * from './types.js';
-export * from './useWebApp.js';
-export * from './withWebApp.js';

package/src/lib/web-app/types.ts

@@ -1 +0,0 @@
-export type { WebApp } from '@tma.js/sdk';

package/src/lib/web-app/useWebApp.ts

@@ -1,13 +0,0 @@
-import { useUnit } from '../../provider/index.js';
-import type { WebApp } from './types.js';
-import { useEventsTracking } from '../hooks.js';
-
-/**
- * Returns WebApp component instance.
- */
-export function useWebApp(): WebApp {
-  const webApp = useUnit('webApp');
-  useEventsTracking(webApp, ['headerColorChanged', 'backgroundColorChanged']);
-
-  return webApp;
-}

package/src/lib/web-app/withWebApp.tsx

@@ -1,18 +0,0 @@
-import React, { type ComponentType } from 'react';
-
-import { useWebApp } from './useWebApp.js';
-import type { WebApp } from './types.js';
-
-/**
- * HOC which passes WebApp SDK component to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withWebApp<P extends { webApp?: WebApp }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'webApp'>> {
-  return function WithWebApp(props: Omit<P, 'webApp'>) {
-    const p = { ...props, webApp: useWebApp() } as P;
-
-    return <Component {...p} />;
-  };
-}

package/src/provider/context.ts

@@ -1,11 +0,0 @@
-import { createContext } from 'react';
-
-import type { SDKContext } from './types.js';
-
-export const sdkContext = createContext<SDKContext>({
-  components: null,
-  didInit: false,
-  error: null,
-});
-
-sdkContext.displayName = 'SDKContext';

package/src/provider/hocs.tsx

@@ -1,18 +0,0 @@
-import React, { type ComponentType } from 'react';
-
-import type { SDKContext } from './types.js';
-import { useSDK } from './hooks.js';
-
-/**
- * HOC which passes SDK context to wrapped React component.
- * @param Component - component to wrap.
- */
-export function withSDK<P extends { sdk?: SDKContext }>(
-  Component: ComponentType<P>,
-): ComponentType<Omit<P, 'sdk'>> {
-  return function WithLaunchParams(props: Omit<P, 'sdk'>) {
-    const p = { ...props, sdk: useSDK() } as P;
-
-    return <Component {...p} />;
-  };
-}

package/src/provider/hooks.ts

@@ -1,23 +0,0 @@
-import { useContext } from 'react';
-
-import { sdkContext } from './context.js';
-import type { SDKComponent, SDKComponentName } from './types.js';
-
-/**
- * Returns current SDK information.
- */
-export const useSDK = () => useContext(sdkContext);
-
-/**
- * Returns value by its field name from SDK init result.
- * @param name - component name.
- * @throws {Error} SDK is not initialized.
- */
-export function useUnit<N extends SDKComponentName>(name: N): SDKComponent<N> {
-  const { components } = useSDK();
-
-  if (components === null) {
-    throw new Error(`Unable to get unit "${name}" as long as SDK is not initialized.`);
-  }
-  return components[name];
-}