@core-ease/telegram-kit 3.0.1

package/dist/dev/index.mjs

@@ -0,0 +1,151 @@
+import { markDevModeActive } from '../chunk-JXK5HCDV.mjs';
+import { isBootstrapped, Utils, bootstrapTelegramWebApp } from '../chunk-FPWYSKK2.mjs';
+import { __spreadValues } from '../chunk-7AARTHNW.mjs';
+
+// src/core/dev.ts
+var DEFAULT_USER = {
+  id: 123456789,
+  first_name: "Dev",
+  last_name: "User",
+  username: "dev_user",
+  language_code: "en",
+  is_premium: false
+};
+var LIGHT_THEME = {
+  bg_color: "#ffffff",
+  secondary_bg_color: "#f1f1f1",
+  text_color: "#000000",
+  hint_color: "#999999",
+  link_color: "#2678b6",
+  button_color: "#2678b6",
+  button_text_color: "#ffffff",
+  header_bg_color: "#527da3",
+  bottom_bar_bg_color: "#ffffff",
+  accent_text_color: "#168acd",
+  section_bg_color: "#ffffff",
+  section_header_text_color: "#168acd",
+  section_separator_color: "#e7e7e7",
+  subtitle_text_color: "#999999",
+  destructive_text_color: "#cc2929"
+};
+var DARK_THEME = {
+  bg_color: "#17212b",
+  secondary_bg_color: "#232e3c",
+  text_color: "#f5f5f5",
+  hint_color: "#708499",
+  link_color: "#6ab3f3",
+  button_color: "#5288c1",
+  button_text_color: "#ffffff",
+  header_bg_color: "#17212b",
+  bottom_bar_bg_color: "#17212b",
+  accent_text_color: "#6ab3f3",
+  section_bg_color: "#232e3c",
+  section_header_text_color: "#6ab3f3",
+  section_separator_color: "#ffffff14",
+  subtitle_text_color: "#708499",
+  destructive_text_color: "#ec3942"
+};
+function getAppTheme() {
+  if (typeof document === "undefined") return DARK_THEME;
+  const root = document.documentElement;
+  const styles = getComputedStyle(root);
+  const getColor = (varName, fallback) => styles.getPropertyValue(varName).trim() || fallback;
+  const isDark = getColor("--color-scheme", "dark") === "dark" || getColor("--background", "#0f0f0f") === "#0f0f0f";
+  return {
+    bg_color: getColor("--background", isDark ? "#0f0f0f" : "#ffffff"),
+    secondary_bg_color: getColor("--secondary", isDark ? "#101010" : "#f1f1f1"),
+    text_color: getColor("--foreground", isDark ? "#f5f5f5" : "#000000"),
+    hint_color: getColor("--muted-foreground", isDark ? "#7a7a7a" : "#999999"),
+    link_color: getColor("--primary", isDark ? "#6ab3f3" : "#2678b6"),
+    button_color: getColor("--primary", isDark ? "#f5f5f5" : "#2678b6"),
+    button_text_color: getColor("--primary-foreground", isDark ? "#262626" : "#ffffff"),
+    header_bg_color: getColor("--background", isDark ? "#0f0f0f" : "#ffffff"),
+    bottom_bar_bg_color: getColor("--background", isDark ? "#0f0f0f" : "#ffffff"),
+    accent_text_color: getColor("--accent-foreground", isDark ? "#6ab3f3" : "#168acd"),
+    section_bg_color: getColor("--card", isDark ? "#101010" : "#ffffff"),
+    section_header_text_color: getColor("--accent-foreground", isDark ? "#6ab3f3" : "#168acd"),
+    section_separator_color: getColor("--border", isDark ? "#ffffff14" : "#e7e7e7"),
+    subtitle_text_color: getColor("--muted-foreground", isDark ? "#7a7a7a" : "#999999"),
+    destructive_text_color: getColor("--destructive", isDark ? "#f16060" : "#cc2929")
+  };
+}
+function resolveTheme(colorScheme) {
+  if (colorScheme === "light") return LIGHT_THEME;
+  if (colorScheme === "dark") return DARK_THEME;
+  return getAppTheme();
+}
+function buildFakeTgWebAppData(options) {
+  const user = __spreadValues(__spreadValues({}, DEFAULT_USER), options.user);
+  const fields = {
+    user: JSON.stringify(user),
+    auth_date: String(Math.floor(Date.now() / 1e3)),
+    hash: "dev_" + Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)
+  };
+  if (options.startParam) fields.start_param = options.startParam;
+  return Object.entries(fields).map(([key, value]) => `${key}=${encodeURIComponent(value)}`).join("&");
+}
+function looksLikeRealTelegramLaunch() {
+  try {
+    return typeof location !== "undefined" && location.hash.indexOf("tgWebAppData") !== -1;
+  } catch (e) {
+    return false;
+  }
+}
+function installDevMode(options = {}) {
+  var _a, _b;
+  if (typeof window === "undefined") return false;
+  if (looksLikeRealTelegramLaunch() && !options.force) return false;
+  if (isBootstrapped()) {
+    console.warn(
+      "[@core-ease/telegram-kit] installDevMode() was called after the SDK already bootstrapped - call it before any other @core-ease/telegram-kit import touches getWebApp() (hooks, <TelegramProvider>, core functions)."
+    );
+    if (!options.force) return false;
+  }
+  Utils.sessionStorageSet("initParams", {
+    tgWebAppData: buildFakeTgWebAppData(options),
+    tgWebAppVersion: (_a = options.version) != null ? _a : "8.0",
+    tgWebAppPlatform: (_b = options.platform) != null ? _b : "tdesktop",
+    tgWebAppThemeParams: JSON.stringify(resolveTheme(options.colorScheme))
+  });
+  markDevModeActive();
+  bootstrapTelegramWebApp();
+  if (options.showIndicator !== false) attachDevIndicator();
+  console.info(
+    "%c[@core-ease/telegram-kit] Dev mode active",
+    "background:#2678b6;color:#fff;padding:2px 6px;border-radius:3px;font-weight:bold"
+  );
+  return true;
+}
+function attachDevIndicator() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("core-ease-telegram-kit-dev-indicator")) return;
+  const styles = getComputedStyle(document.documentElement);
+  const bgColor = styles.getPropertyValue("--primary").trim() || "#2678b6";
+  const textColor = styles.getPropertyValue("--primary-foreground").trim() || "#ffffff";
+  const el = document.createElement("div");
+  el.id = "core-ease-telegram-kit-dev-indicator";
+  el.textContent = "@core-ease/telegram-kit dev";
+  el.style.cssText = [
+    "position:fixed",
+    "bottom:8px",
+    "right:8px",
+    "z-index:999999",
+    `background:${bgColor}`,
+    `color:${textColor}`,
+    "font:bold 11px/1 monospace",
+    "padding:4px 8px",
+    "border-radius:4px",
+    "pointer-events:none",
+    "opacity:0.85",
+    "letter-spacing:0.5px",
+    "box-shadow:0 2px 4px rgba(0,0,0,0.2)"
+  ].join(";");
+  document.body.appendChild(el);
+}
+function isDevMode() {
+  var _a;
+  if (typeof window === "undefined") return false;
+  return typeof process !== "undefined" && ((_a = process.env) == null ? void 0 : _a.NODE_ENV) === "development" || new URLSearchParams(window.location.search).has("tg_dev");
+}
+
+export { installDevMode, isDevMode };

package/dist/engine-BDm1_hzn.d.mts

@@ -0,0 +1,382 @@
+import * as React from 'react';
+
+interface LottieKeyframe {
+    t: number;
+    s?: number[];
+    e?: number[];
+    i?: {
+        x: number | number[];
+        y: number | number[];
+    };
+    o?: {
+        x: number | number[];
+        y: number | number[];
+    };
+    h?: 0 | 1;
+    to?: number[];
+    ti?: number[];
+}
+interface AnimatedProperty {
+    a: 0 | 1;
+    k: number[] | number | LottieKeyframe[];
+    ix?: number;
+    x?: string;
+}
+interface MultiDimensional extends AnimatedProperty {
+}
+interface ScalarProperty extends AnimatedProperty {
+}
+interface ShapeProperty {
+    a: 0 | 1;
+    k: ShapeKeyframeValue | ShapeAnimKeyframe[];
+}
+interface ShapeKeyframeValue {
+    c: boolean;
+    v: number[][];
+    i: number[][];
+    o: number[][];
+}
+interface ShapeAnimKeyframe {
+    t: number;
+    s?: ShapeKeyframeValue[];
+    e?: ShapeKeyframeValue[];
+    i?: {
+        x: number | number[];
+        y: number | number[];
+    };
+    o?: {
+        x: number | number[];
+        y: number | number[];
+    };
+    h?: 0 | 1;
+}
+interface Transform {
+    a?: MultiDimensional;
+    p?: MultiDimensional & {
+        s?: boolean;
+        x?: AnimatedProperty;
+        y?: AnimatedProperty;
+    };
+    s?: MultiDimensional;
+    r?: ScalarProperty;
+    o?: ScalarProperty;
+    sk?: ScalarProperty;
+    sa?: ScalarProperty;
+}
+interface GradientColor {
+    p: number;
+    k: AnimatedProperty;
+}
+interface ShapeItemBase {
+    ty: string;
+    nm?: string;
+    hd?: boolean;
+}
+interface ShapePathItem extends ShapeItemBase {
+    ty: "sh";
+    ks: ShapeProperty;
+}
+interface ShapeRectItem extends ShapeItemBase {
+    ty: "rc";
+    p: MultiDimensional;
+    s: MultiDimensional;
+    r: ScalarProperty;
+}
+interface ShapeEllipseItem extends ShapeItemBase {
+    ty: "el";
+    p: MultiDimensional;
+    s: MultiDimensional;
+}
+interface ShapeStarItem extends ShapeItemBase {
+    ty: "sr";
+    p: MultiDimensional;
+    or: ScalarProperty;
+    os: ScalarProperty;
+    ir?: ScalarProperty;
+    is?: ScalarProperty;
+    r: ScalarProperty;
+    pt: ScalarProperty;
+    sy: 1 | 2;
+}
+interface ShapeFillItem extends ShapeItemBase {
+    ty: "fl";
+    c: MultiDimensional;
+    o: ScalarProperty;
+    r?: number;
+}
+interface ShapeGradientFillItem extends ShapeItemBase {
+    ty: "gf";
+    o: ScalarProperty;
+    s: MultiDimensional;
+    e: MultiDimensional;
+    t: 1 | 2;
+    g: GradientColor;
+    h?: ScalarProperty;
+    a?: ScalarProperty;
+}
+interface ShapeStrokeItem extends ShapeItemBase {
+    ty: "st";
+    c: MultiDimensional;
+    o: ScalarProperty;
+    w: ScalarProperty;
+    lc?: number;
+    lj?: number;
+    ml?: number;
+    d?: Array<{
+        n: string;
+        v: AnimatedProperty;
+    }>;
+}
+interface ShapeGradientStrokeItem extends ShapeItemBase {
+    ty: "gs";
+    o: ScalarProperty;
+    s: MultiDimensional;
+    e: MultiDimensional;
+    t: 1 | 2;
+    g: GradientColor;
+    w: ScalarProperty;
+    h?: ScalarProperty;
+    a?: ScalarProperty;
+    lc?: number;
+    lj?: number;
+    ml?: number;
+    d?: Array<{
+        n: string;
+        v: AnimatedProperty;
+    }>;
+}
+interface ShapeGroupItem extends ShapeItemBase {
+    ty: "gr";
+    it: ShapeItem[];
+}
+interface ShapeTrimItem extends ShapeItemBase {
+    ty: "tm";
+    s: ScalarProperty;
+    e: ScalarProperty;
+    o: ScalarProperty;
+    m?: 1 | 2;
+}
+interface ShapeRepeaterItem extends ShapeItemBase {
+    ty: "rp";
+    c: ScalarProperty;
+    o: ScalarProperty;
+    tr: {
+        p: MultiDimensional;
+        a: MultiDimensional;
+        s: MultiDimensional;
+        r: ScalarProperty;
+        so?: ScalarProperty;
+        eo?: ScalarProperty;
+    };
+}
+interface ShapeMergeItem extends ShapeItemBase {
+    ty: "mm";
+    mm: number;
+}
+interface ShapeTransformItem extends ShapeItemBase, Transform {
+    ty: "tr";
+}
+type ShapeItem = ShapePathItem | ShapeRectItem | ShapeEllipseItem | ShapeStarItem | ShapeFillItem | ShapeGradientFillItem | ShapeStrokeItem | ShapeGradientStrokeItem | ShapeGroupItem | ShapeTrimItem | ShapeRepeaterItem | ShapeMergeItem | ShapeTransformItem;
+interface MaskProperty {
+    inv: boolean;
+    mode: "a" | "s" | "i" | "l" | "d" | "n";
+    pt: ShapeProperty;
+    o: ScalarProperty;
+}
+interface LottieLayer {
+    ty: number;
+    ind?: number;
+    parent?: number;
+    nm?: string;
+    ip: number;
+    op: number;
+    st: number;
+    sr?: number;
+    ks: Transform;
+    shapes?: ShapeItem[];
+    refId?: string;
+    w?: number;
+    h?: number;
+    sc?: string;
+    sw?: number;
+    sh?: number;
+    masksProperties?: MaskProperty[];
+    tt?: number;
+    td?: number;
+    bm?: number;
+    hd?: boolean;
+    ao?: number;
+    tm?: AnimatedProperty;
+}
+interface LottieAsset {
+    id: string;
+    layers?: LottieLayer[];
+    w?: number;
+    h?: number;
+    u?: string;
+    p?: string;
+    e?: number;
+}
+interface LottieAnimation {
+    v: string;
+    fr: number;
+    ip: number;
+    op: number;
+    w: number;
+    h: number;
+    nm?: string;
+    ddd?: number;
+    assets?: LottieAsset[];
+    layers: LottieLayer[];
+    markers?: Array<{
+        tm: number;
+        cm: string;
+        dr: number;
+    }>;
+    tgs?: number;
+}
+
+type PlayerState = "loading" | "playing" | "paused" | "stopped" | "frozen" | "error" | "destroyed";
+type PlayMode = "normal" | "bounce";
+interface PlayerEventMap {
+    ready: void;
+    play: void;
+    pause: void;
+    stop: void;
+    complete: void;
+    loop: void;
+    frame: {
+        frame: number;
+        progress: number;
+    };
+    error: {
+        errors?: string[];
+    };
+    destroyed: void;
+}
+type Listener<K extends keyof PlayerEventMap> = (detail: PlayerEventMap[K]) => void;
+interface AnimationOptions {
+    canvas: HTMLCanvasElement;
+    loop: boolean | number;
+    autoplay: boolean;
+    speed: number;
+    direction: 1 | -1;
+    mode: PlayMode;
+    segments?: [number, number];
+}
+declare class LottieAnimationController {
+    private doc;
+    private canvas;
+    private ctx;
+    private state;
+    private currentFrame;
+    private direction;
+    private speed;
+    private loop;
+    private mode;
+    private loopsCompleted;
+    private segment;
+    private rafHandle;
+    private lastTs;
+    private shapeScratch;
+    private listeners;
+    constructor(options: AnimationOptions);
+    on<K extends keyof PlayerEventMap>(event: K, fn: Listener<K>): () => void;
+    private emit;
+    setDocument(doc: LottieAnimation): void;
+    setError(errors?: string[]): void;
+    private getBounds;
+    resize(width: number, height: number): void;
+    setSegment(segment: [number, number] | null): void;
+    play(): void;
+    pause(): void;
+    freeze(): void;
+    unfreeze(): void;
+    stop(): void;
+    destroy(): void;
+    togglePlay(): void;
+    setSpeed(speed: number): void;
+    setDirection(direction: 1 | -1): void;
+    setLoop(loop: boolean | number): void;
+    setMode(mode: PlayMode): void;
+    getCurrentFrame(): number;
+    getState(): PlayerState;
+    getTotalFrames(): number;
+    seek(value: number | string): void;
+    private startLoop;
+    private stopLoop;
+    private advance;
+    private finishPlayback;
+    private emitFrameEvent;
+    private getShapeScratch;
+    private renderCurrentFrame;
+}
+
+type TgsSource = string | ArrayBuffer | Uint8Array | LottieAnimation | Record<string, unknown>;
+declare function loadTgsSource(src: TgsSource): Promise<LottieAnimation>;
+
+interface AnimationPlayerHandle {
+    play(): void;
+    pause(): void;
+    stop(): void;
+    togglePlay(): void;
+    seek(value: number | string): void;
+    setSpeed(speed: number): void;
+    setDirection(direction: 1 | -1): void;
+    setLoop(loop: boolean | number): void;
+    setMode(mode: PlayMode): void;
+    setSegment(segment: [number, number] | null): void;
+    getCurrentFrame(): number;
+    getTotalFrames(): number;
+    getState(): PlayerState;
+    getAnimationData(): LottieAnimation | null;
+    getCanvas(): HTMLCanvasElement | null;
+}
+interface AnimationPlayerBaseProps {
+    src: TgsSource;
+    autoplay?: boolean;
+    loop?: boolean | number;
+    speed?: number;
+    direction?: 1 | -1;
+    mode?: PlayMode;
+    segments?: [number, number];
+    hover?: boolean;
+    pauseWhenOffscreen?: boolean;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+    ariaLabel?: string;
+    onReady?: () => void;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onStop?: () => void;
+    onComplete?: () => void;
+    onLoop?: () => void;
+    onFrame?: (info: {
+        frame: number;
+        progress: number;
+    }) => void;
+    onError?: (errors?: string[]) => void;
+    validate?: (doc: LottieAnimation) => string[];
+}
+
+interface EngineImageCache {
+    get(key: string): HTMLImageElement | undefined;
+    set(key: string, img: HTMLImageElement): void;
+}
+interface RenderOptions {
+    ctx: CanvasRenderingContext2D;
+    canvasWidth: number;
+    canvasHeight: number;
+    imageCache: EngineImageCache;
+    onAssetLoaded?: () => void;
+    warnOnce: (key: string, message: string) => void;
+    getShapeScratch?: (w: number, h: number) => {
+        canvas: HTMLCanvasElement | OffscreenCanvas;
+        ctx: CanvasRenderingContext2D;
+    };
+}
+declare function renderDocumentFrame(doc: LottieAnimation, frame: number, opts: RenderOptions): void;
+
+export { type AnimationPlayerBaseProps as A, type LottieAnimation as L, type PlayMode as P, type TgsSource as T, LottieAnimationController as a, type PlayerState as b, type AnimationPlayerHandle as c, loadTgsSource as l, renderDocumentFrame as r };