@tma.js/sdk-solid 0.1.3 → 0.1.5

package/dist/{types → dts}/SDKProvider.d.ts

@@ -3,4 +3,4 @@ import type { SDKInitOptions } from './types.js';
 export type SDKProviderProps = ParentProps<{
     initOptions?: SDKInitOptions;
 }>;
-export declare function SDKProvider(props: SDKProviderProps): import("solid-js").JSX.Element;
+export declare function SDKProvider(props: SDKProviderProps): any;

package/dist/dts/context.d.ts

@@ -0,0 +1 @@
+export declare const SDKContext: any;

package/dist/dts/useDynamicInitResultValue.d.ts

@@ -0,0 +1,21 @@
+import { Accessor } from 'solid-js';
+import { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';
+interface Trackable {
+    on: (event: any, ...args: any[]) => void;
+    off: (event: any, ...args: any[]) => void;
+}
+type EventName<T extends Trackable> = T extends {
+    on(event: infer E, ...args: any[]): any;
+} ? E : never;
+type DynamicComponentKey = {
+    [K in SDKInitResultKey]: SDKInitResultValue<K> extends Trackable ? K : never;
+}[SDKInitResultKey];
+/**
+ * Extracts value from the SDK init result by specified key and listens to its all specified
+ * events, making the returned value to update.
+ * @param initResult - SDK init result.
+ * @param key - SDK init result key.
+ * @param events - tracked events list.
+ */
+export declare function useDynamicInitResultValue<K extends DynamicComponentKey>(initResult: Accessor<SDKInitResult>, key: K, events: EventName<SDKInitResultValue<K>>[]): Accessor<SDKInitResultValue<K>>;
+export {};

package/dist/dts/useInitResultValue.d.ts

@@ -0,0 +1,8 @@
+import { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';
+import { Accessor } from 'solid-js';
+/**
+ * Extracts value from the SDK init result by key.
+ * @param result - init result accessor.
+ * @param key - key to extract.
+ */
+export declare function useInitResultValue<K extends SDKInitResultKey>(result: Accessor<SDKInitResult>, key: K): Accessor<SDKInitResultValue<K>>;

package/dist/index.js

@@ -0,0 +1,81 @@
+import { createContext as g, useContext as C, createMemo as r, createResource as p, createComponent as f, createSignal as m, createEffect as v, onCleanup as D } from "solid-js";
+import { init as S } from "@tma.js/sdk";
+import { classNames as k, mergeClassNames as B } from "@tma.js/utils";
+const h = g(void 0, { name: "SDKContext" });
+function b() {
+  const t = C(h);
+  if (t === void 0)
+    throw new Error("useSDKContext hook was used outside of SDKProvider.");
+  return t;
+}
+function E(t) {
+  const e = r(() => t.initOptions || {}), [n] = p(e, S), s = r(() => n.state === "ready" ? n() : null), u = r(() => n.loading), c = r(() => n.error === void 0 ? null : n.error);
+  return f(h.Provider, {
+    value: {
+      initResult: s,
+      loading: u,
+      error: c
+    },
+    get children() {
+      return t.children;
+    }
+  });
+}
+function a(t, e) {
+  return r(() => t()[e]);
+}
+function o(t, e, n) {
+  const s = a(t, e), [u, c] = m(s(), { equals: !1 });
+  return v(() => {
+    const d = s(), l = () => {
+      c((i) => i);
+    };
+    n.forEach((i) => d.on(i, l)), D(() => {
+      n.forEach((i) => d.off(i, l));
+    });
+  }), u;
+}
+function K() {
+  const { initResult: t } = b(), e = r(() => {
+    const n = t();
+    if (n === null)
+      throw new Error("Unable to use SDK as it is not ready.");
+    return n;
+  });
+  return {
+    backButton: o(e, "backButton", ["isVisibleChanged"]),
+    closingBehavior: o(e, "closingBehavior", ["isConfirmationNeededChanged"]),
+    cloudStorage: a(e, "cloudStorage"),
+    haptic: a(e, "haptic"),
+    initData: a(e, "initData"),
+    initDataRaw: a(e, "initDataRaw"),
+    mainButton: o(e, "mainButton", [
+      "backgroundColorChanged",
+      "isVisibleChanged",
+      "isProgressVisibleChanged",
+      "isEnabledChanged",
+      "textChanged",
+      "textColorChanged"
+    ]),
+    popup: o(e, "popup", ["isOpenedChanged"]),
+    postEvent: a(e, "postEvent"),
+    qrScanner: o(e, "qrScanner", ["isOpenedChanged"]),
+    themeParams: o(e, "themeParams", ["changed"]),
+    viewport: o(e, "viewport", [
+      "heightChanged",
+      "isExpandedChanged",
+      "stableHeightChanged",
+      "widthChanged"
+    ]),
+    webApp: o(e, "webApp", ["backgroundColorChanged", "headerColorChanged"])
+  };
+}
+export {
+  h as SDKContext,
+  E as SDKProvider,
+  k as classNames,
+  B as mergeClassNames,
+  K as useSDK,
+  b as useSDKContext
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/context.ts","../src/hooks.ts","../src/SDKProvider.tsx","../src/useInitResultValue.ts","../src/useDynamicInitResultValue.ts","../src/useSDK.ts"],"sourcesContent":["import { createContext } from 'solid-js';\n\nimport type { SDKContextType } from './types.js';\n\nexport const SDKContext = createContext<SDKContextType>(undefined, { name: 'SDKContext' });\n","import { useContext } from 'solid-js';\n\nimport { SDKContext } from './context.js';\nimport type { SDKContextType } from './types.js';\n\n/**\n * Uses SDKContext context.\n */\nexport function useSDKContext(): SDKContextType {\n  const context = useContext(SDKContext);\n\n  if (context === undefined) {\n    throw new Error('useSDKContext hook was used outside of SDKProvider.');\n  }\n  return context;\n}\n","import { createMemo, createResource, ParentProps } from 'solid-js';\nimport { init } from '@tma.js/sdk';\n\nimport { SDKContext } from './context.js';\nimport type { SDKInitOptions } from './types.js';\n\nexport type SDKProviderProps = ParentProps<{ initOptions?: SDKInitOptions }>;\n\nexport function SDKProvider(props: SDKProviderProps) {\n  const initOptions = createMemo(() => props.initOptions || {});\n  const [data] = createResource(initOptions, init);\n\n  const initResult = createMemo(() => {\n    return data.state === 'ready' ? data() : null;\n  });\n  const loading = createMemo(() => data.loading);\n  const error = createMemo(() => data.error === undefined ? null : data.error);\n\n  return (\n    <SDKContext.Provider value={{ initResult, loading, error }}>\n      {props.children}\n    </SDKContext.Provider>\n  );\n}\n","import { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';\nimport { Accessor, createMemo } from 'solid-js';\n\n/**\n * Extracts value from the SDK init result by key.\n * @param result - init result accessor.\n * @param key - key to extract.\n */\nexport function useInitResultValue<K extends SDKInitResultKey>(\n  result: Accessor<SDKInitResult>,\n  key: K\n): Accessor<SDKInitResultValue<K>> {\n  return createMemo(() => result()[key]);\n}","import { Accessor, createEffect, createSignal, onCleanup } from 'solid-js';\nimport { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';\nimport { useInitResultValue } from './useInitResultValue.js';\n\ninterface Trackable {\n  on: (event: any, ...args: any[]) => void;\n  off: (event: any, ...args: any[]) => void;\n}\n\ntype EventName<T extends Trackable> = T extends {\n  on(event: infer E, ...args: any[]): any\n} ? E : never;\n\ntype DynamicComponentKey = {\n  [K in SDKInitResultKey]: SDKInitResultValue<K> extends Trackable ? K : never;\n}[SDKInitResultKey];\n\n/**\n * Extracts value from the SDK init result by specified key and listens to its all specified\n * events, making the returned value to update.\n * @param initResult - SDK init result.\n * @param key - SDK init result key.\n * @param events - tracked events list.\n */\nexport function useDynamicInitResultValue<K extends DynamicComponentKey>(\n  initResult: Accessor<SDKInitResult>,\n  key: K,\n  events: EventName<SDKInitResultValue<K>>[],\n): Accessor<SDKInitResultValue<K>> {\n  // Get original value from init result.\n  const initResultValue = useInitResultValue(initResult, key);\n\n  // Here we store value, which should always update it in case, some of its props\n  // were changed/\n  const [value, setValue] = createSignal(initResultValue(), { equals: false });\n\n  createEffect(() => {\n    const value = initResultValue();\n    const listener = () => {\n      // We use prev => prev on purpose. This will make Solid sure, something inside\n      // dynamic value changed.\n      setValue(prev => prev);\n    };\n\n    events.forEach(event => value.on(event, listener));\n    onCleanup(() => {\n      events.forEach(event => value.off(event, listener));\n    });\n  });\n\n  return value;\n}","import { createMemo, type Accessor } from 'solid-js';\n\nimport { useSDKContext } from './hooks.js';\nimport { useInitResultValue } from './useInitResultValue.js';\nimport { useDynamicInitResultValue } from './useDynamicInitResultValue.js';\nimport type { SDKInitResultKey, SDKInitResultValue } from './types.js';\n\nexport type SDK = {\n  [K in SDKInitResultKey]: Accessor<SDKInitResultValue<K>>\n};\n\n/**\n * Returns ready to use SDK components.\n */\nexport function useSDK(): SDK {\n  const { initResult } = useSDKContext();\n\n  const sdk = createMemo(() => {\n    const result = initResult();\n\n    if (result === null) {\n      throw new Error('Unable to use SDK as it is not ready.');\n    }\n    return result;\n  });\n\n  return {\n    backButton: useDynamicInitResultValue(sdk, 'backButton', ['isVisibleChanged']),\n    closingBehavior: useDynamicInitResultValue(sdk, 'closingBehavior', ['isConfirmationNeededChanged']),\n    cloudStorage: useInitResultValue(sdk, 'cloudStorage'),\n    haptic: useInitResultValue(sdk, 'haptic'),\n    initData: useInitResultValue(sdk, 'initData'),\n    initDataRaw: useInitResultValue(sdk, 'initDataRaw'),\n    mainButton: useDynamicInitResultValue(sdk, 'mainButton', [\n      'backgroundColorChanged',\n      'isVisibleChanged',\n      'isProgressVisibleChanged',\n      'isEnabledChanged',\n      'textChanged',\n      'textColorChanged',\n    ]),\n    popup: useDynamicInitResultValue(sdk, 'popup', ['isOpenedChanged']),\n    postEvent: useInitResultValue(sdk, 'postEvent'),\n    qrScanner: useDynamicInitResultValue(sdk, 'qrScanner', ['isOpenedChanged']),\n    themeParams: useDynamicInitResultValue(sdk, 'themeParams', ['changed']),\n    viewport: useDynamicInitResultValue(sdk, 'viewport', [\n      'heightChanged',\n      'isExpandedChanged',\n      'stableHeightChanged',\n      'widthChanged',\n    ]),\n    webApp: useDynamicInitResultValue(sdk, 'webApp', ['backgroundColorChanged', 'headerColorChanged']),\n  };\n}"],"names":["SDKContext","createContext","useSDKContext","context","useContext","SDKProvider","props","initOptions","createMemo","data","createResource","init","initResult","state","loading","error","undefined","_$createComponent","Provider","value","children","useInitResultValue","result","key","useDynamicInitResultValue","events","initResultValue","setValue","createSignal","createEffect","listener","prev","event","onCleanup","useSDK","sdk"],"mappings":";;;AAIO,MAAMA,IAAaC,EAA8B,QAAW,EAAE,MAAM,aAAc,CAAA;ACIlF,SAASC,IAAgC;AACxC,QAAAC,IAAUC,EAAWJ,CAAU;AAErC,MAAIG,MAAY;AACR,UAAA,IAAI,MAAM,qDAAqD;AAEhE,SAAAA;AACT;ACPO,SAASE,EAAYC,GAAyB;AACnD,QAAMC,IAAcC,EAAW,MAAMF,EAAMC,eAAe,CAAE,CAAA,GACtD,CAACE,CAAI,IAAIC,EAAeH,GAAaI,CAAI,GAEzCC,IAAaJ,EAAW,MACrBC,EAAKI,UAAU,UAAUJ,EAAI,IAAK,IAC1C,GACKK,IAAUN,EAAW,MAAMC,EAAKK,OAAO,GACvCC,IAAQP,EAAW,MAAMC,EAAKM,UAAUC,SAAY,OAAOP,EAAKM,KAAK;AAE3E,SAAAE,EACGjB,EAAWkB,UAAQ;AAAA,IAACC,OAAO;AAAA,MAAEP,YAAAA;AAAAA,MAAYE,SAAAA;AAAAA,MAASC,OAAAA;AAAAA,IAAO;AAAA,IAAA,IAAAK,WAAA;AAAA,aACvDd,EAAMc;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGrB;ACfgB,SAAAC,EACdC,GACAC,GACiC;AACjC,SAAOf,EAAW,MAAMc,IAASC,CAAG,CAAC;AACvC;ACWgB,SAAAC,EACdZ,GACAW,GACAE,GACiC;AAE3B,QAAAC,IAAkBL,EAAmBT,GAAYW,CAAG,GAIpD,CAACJ,GAAOQ,CAAQ,IAAIC,EAAaF,KAAmB,EAAE,QAAQ,GAAA,CAAO;AAE3E,SAAAG,EAAa,MAAM;AACjB,UAAMV,IAAQO,KACRI,IAAW,MAAM;AAGrB,MAAAH,EAAS,OAAQI,CAAI;AAAA,IAAA;AAGvB,IAAAN,EAAO,QAAQ,CAASN,MAAAA,EAAM,GAAGa,GAAOF,CAAQ,CAAC,GACjDG,EAAU,MAAM;AACd,MAAAR,EAAO,QAAQ,CAASN,MAAAA,EAAM,IAAIa,GAAOF,CAAQ,CAAC;AAAA,IAAA,CACnD;AAAA,EAAA,CACF,GAEMX;AACT;ACrCO,SAASe,IAAc;AACtB,QAAA,EAAE,YAAAtB,MAAeV,KAEjBiC,IAAM3B,EAAW,MAAM;AAC3B,UAAMc,IAASV;AAEf,QAAIU,MAAW;AACP,YAAA,IAAI,MAAM,uCAAuC;AAElD,WAAAA;AAAA,EAAA,CACR;AAEM,SAAA;AAAA,IACL,YAAYE,EAA0BW,GAAK,cAAc,CAAC,kBAAkB,CAAC;AAAA,IAC7E,iBAAiBX,EAA0BW,GAAK,mBAAmB,CAAC,6BAA6B,CAAC;AAAA,IAClG,cAAcd,EAAmBc,GAAK,cAAc;AAAA,IACpD,QAAQd,EAAmBc,GAAK,QAAQ;AAAA,IACxC,UAAUd,EAAmBc,GAAK,UAAU;AAAA,IAC5C,aAAad,EAAmBc,GAAK,aAAa;AAAA,IAClD,YAAYX,EAA0BW,GAAK,cAAc;AAAA,MACvD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,IACD,OAAOX,EAA0BW,GAAK,SAAS,CAAC,iBAAiB,CAAC;AAAA,IAClE,WAAWd,EAAmBc,GAAK,WAAW;AAAA,IAC9C,WAAWX,EAA0BW,GAAK,aAAa,CAAC,iBAAiB,CAAC;AAAA,IAC1E,aAAaX,EAA0BW,GAAK,eAAe,CAAC,SAAS,CAAC;AAAA,IACtE,UAAUX,EAA0BW,GAAK,YAAY;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,IACD,QAAQX,EAA0BW,GAAK,UAAU,CAAC,0BAA0B,oBAAoB,CAAC;AAAA,EAAA;AAErG;"}

package/dist/index.umd.cjs

@@ -0,0 +1,2 @@
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("solid-js"),require("@tma.js/sdk"),require("@tma.js/utils")):typeof define=="function"&&define.amd?define(["exports","solid-js","@tma.js/sdk","@tma.js/utils"],t):(n=typeof globalThis<"u"?globalThis:n||self,t((n["@tma"]=n["@tma"]||{},n["@tma"]["js/sdk-solid"]={}),n["solid-js"],n["@tma"]["js/sdk"],n["@tma"]["js/utils"]))})(this,function(n,t,g,l){"use strict";const c=t.createContext(void 0,{name:"SDKContext"});function m(){const a=t.useContext(c);if(a===void 0)throw new Error("useSDKContext hook was used outside of SDKProvider.");return a}function p(a){const e=t.createMemo(()=>a.initOptions||{}),[r]=t.createResource(e,g.init),u=t.createMemo(()=>r.state==="ready"?r():null),d=t.createMemo(()=>r.loading),h=t.createMemo(()=>r.error===void 0?null:r.error);return t.createComponent(c.Provider,{value:{initResult:u,loading:d,error:h},get children(){return a.children}})}function i(a,e){return t.createMemo(()=>a()[e])}function o(a,e,r){const u=i(a,e),[d,h]=t.createSignal(u(),{equals:!1});return t.createEffect(()=>{const C=u(),f=()=>{h(s=>s)};r.forEach(s=>C.on(s,f)),t.onCleanup(()=>{r.forEach(s=>C.off(s,f))})}),d}function S(){const{initResult:a}=m(),e=t.createMemo(()=>{const r=a();if(r===null)throw new Error("Unable to use SDK as it is not ready.");return r});return{backButton:o(e,"backButton",["isVisibleChanged"]),closingBehavior:o(e,"closingBehavior",["isConfirmationNeededChanged"]),cloudStorage:i(e,"cloudStorage"),haptic:i(e,"haptic"),initData:i(e,"initData"),initDataRaw:i(e,"initDataRaw"),mainButton:o(e,"mainButton",["backgroundColorChanged","isVisibleChanged","isProgressVisibleChanged","isEnabledChanged","textChanged","textColorChanged"]),popup:o(e,"popup",["isOpenedChanged"]),postEvent:i(e,"postEvent"),qrScanner:o(e,"qrScanner",["isOpenedChanged"]),themeParams:o(e,"themeParams",["changed"]),viewport:o(e,"viewport",["heightChanged","isExpandedChanged","stableHeightChanged","widthChanged"]),webApp:o(e,"webApp",["backgroundColorChanged","headerColorChanged"])}}Object.defineProperty(n,"classNames",{enumerable:!0,get:()=>l.classNames}),Object.defineProperty(n,"mergeClassNames",{enumerable:!0,get:()=>l.mergeClassNames}),n.SDKContext=c,n.SDKProvider=p,n.useSDK=S,n.useSDKContext=m,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.cjs","sources":["../src/context.ts","../src/hooks.ts","../src/SDKProvider.tsx","../src/useInitResultValue.ts","../src/useDynamicInitResultValue.ts","../src/useSDK.ts"],"sourcesContent":["import { createContext } from 'solid-js';\n\nimport type { SDKContextType } from './types.js';\n\nexport const SDKContext = createContext<SDKContextType>(undefined, { name: 'SDKContext' });\n","import { useContext } from 'solid-js';\n\nimport { SDKContext } from './context.js';\nimport type { SDKContextType } from './types.js';\n\n/**\n * Uses SDKContext context.\n */\nexport function useSDKContext(): SDKContextType {\n  const context = useContext(SDKContext);\n\n  if (context === undefined) {\n    throw new Error('useSDKContext hook was used outside of SDKProvider.');\n  }\n  return context;\n}\n","import { createMemo, createResource, ParentProps } from 'solid-js';\nimport { init } from '@tma.js/sdk';\n\nimport { SDKContext } from './context.js';\nimport type { SDKInitOptions } from './types.js';\n\nexport type SDKProviderProps = ParentProps<{ initOptions?: SDKInitOptions }>;\n\nexport function SDKProvider(props: SDKProviderProps) {\n  const initOptions = createMemo(() => props.initOptions || {});\n  const [data] = createResource(initOptions, init);\n\n  const initResult = createMemo(() => {\n    return data.state === 'ready' ? data() : null;\n  });\n  const loading = createMemo(() => data.loading);\n  const error = createMemo(() => data.error === undefined ? null : data.error);\n\n  return (\n    <SDKContext.Provider value={{ initResult, loading, error }}>\n      {props.children}\n    </SDKContext.Provider>\n  );\n}\n","import { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';\nimport { Accessor, createMemo } from 'solid-js';\n\n/**\n * Extracts value from the SDK init result by key.\n * @param result - init result accessor.\n * @param key - key to extract.\n */\nexport function useInitResultValue<K extends SDKInitResultKey>(\n  result: Accessor<SDKInitResult>,\n  key: K\n): Accessor<SDKInitResultValue<K>> {\n  return createMemo(() => result()[key]);\n}","import { Accessor, createEffect, createSignal, onCleanup } from 'solid-js';\nimport { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';\nimport { useInitResultValue } from './useInitResultValue.js';\n\ninterface Trackable {\n  on: (event: any, ...args: any[]) => void;\n  off: (event: any, ...args: any[]) => void;\n}\n\ntype EventName<T extends Trackable> = T extends {\n  on(event: infer E, ...args: any[]): any\n} ? E : never;\n\ntype DynamicComponentKey = {\n  [K in SDKInitResultKey]: SDKInitResultValue<K> extends Trackable ? K : never;\n}[SDKInitResultKey];\n\n/**\n * Extracts value from the SDK init result by specified key and listens to its all specified\n * events, making the returned value to update.\n * @param initResult - SDK init result.\n * @param key - SDK init result key.\n * @param events - tracked events list.\n */\nexport function useDynamicInitResultValue<K extends DynamicComponentKey>(\n  initResult: Accessor<SDKInitResult>,\n  key: K,\n  events: EventName<SDKInitResultValue<K>>[],\n): Accessor<SDKInitResultValue<K>> {\n  // Get original value from init result.\n  const initResultValue = useInitResultValue(initResult, key);\n\n  // Here we store value, which should always update it in case, some of its props\n  // were changed/\n  const [value, setValue] = createSignal(initResultValue(), { equals: false });\n\n  createEffect(() => {\n    const value = initResultValue();\n    const listener = () => {\n      // We use prev => prev on purpose. This will make Solid sure, something inside\n      // dynamic value changed.\n      setValue(prev => prev);\n    };\n\n    events.forEach(event => value.on(event, listener));\n    onCleanup(() => {\n      events.forEach(event => value.off(event, listener));\n    });\n  });\n\n  return value;\n}","import { createMemo, type Accessor } from 'solid-js';\n\nimport { useSDKContext } from './hooks.js';\nimport { useInitResultValue } from './useInitResultValue.js';\nimport { useDynamicInitResultValue } from './useDynamicInitResultValue.js';\nimport type { SDKInitResultKey, SDKInitResultValue } from './types.js';\n\nexport type SDK = {\n  [K in SDKInitResultKey]: Accessor<SDKInitResultValue<K>>\n};\n\n/**\n * Returns ready to use SDK components.\n */\nexport function useSDK(): SDK {\n  const { initResult } = useSDKContext();\n\n  const sdk = createMemo(() => {\n    const result = initResult();\n\n    if (result === null) {\n      throw new Error('Unable to use SDK as it is not ready.');\n    }\n    return result;\n  });\n\n  return {\n    backButton: useDynamicInitResultValue(sdk, 'backButton', ['isVisibleChanged']),\n    closingBehavior: useDynamicInitResultValue(sdk, 'closingBehavior', ['isConfirmationNeededChanged']),\n    cloudStorage: useInitResultValue(sdk, 'cloudStorage'),\n    haptic: useInitResultValue(sdk, 'haptic'),\n    initData: useInitResultValue(sdk, 'initData'),\n    initDataRaw: useInitResultValue(sdk, 'initDataRaw'),\n    mainButton: useDynamicInitResultValue(sdk, 'mainButton', [\n      'backgroundColorChanged',\n      'isVisibleChanged',\n      'isProgressVisibleChanged',\n      'isEnabledChanged',\n      'textChanged',\n      'textColorChanged',\n    ]),\n    popup: useDynamicInitResultValue(sdk, 'popup', ['isOpenedChanged']),\n    postEvent: useInitResultValue(sdk, 'postEvent'),\n    qrScanner: useDynamicInitResultValue(sdk, 'qrScanner', ['isOpenedChanged']),\n    themeParams: useDynamicInitResultValue(sdk, 'themeParams', ['changed']),\n    viewport: useDynamicInitResultValue(sdk, 'viewport', [\n      'heightChanged',\n      'isExpandedChanged',\n      'stableHeightChanged',\n      'widthChanged',\n    ]),\n    webApp: useDynamicInitResultValue(sdk, 'webApp', ['backgroundColorChanged', 'headerColorChanged']),\n  };\n}"],"names":["SDKContext","createContext","useSDKContext","context","useContext","SDKProvider","props","initOptions","createMemo","data","createResource","init","initResult","state","loading","error","undefined","_$createComponent","Provider","value","children","useInitResultValue","result","key","useDynamicInitResultValue","events","initResultValue","setValue","createSignal","createEffect","listener","prev","event","onCleanup","useSDK","sdk"],"mappings":"obAIa,MAAAA,EAAaC,EAAAA,cAA8B,OAAW,CAAE,KAAM,YAAc,CAAA,ECIlF,SAASC,GAAgC,CACxC,MAAAC,EAAUC,aAAWJ,CAAU,EAErC,GAAIG,IAAY,OACR,MAAA,IAAI,MAAM,qDAAqD,EAEhE,OAAAA,CACT,CCPO,SAASE,EAAYC,EAAyB,CACnD,MAAMC,EAAcC,EAAAA,WAAW,IAAMF,EAAMC,aAAe,CAAE,CAAA,EACtD,CAACE,CAAI,EAAIC,EAAc,eAACH,EAAaI,EAAI,IAAA,EAEzCC,EAAaJ,EAAAA,WAAW,IACrBC,EAAKI,QAAU,QAAUJ,EAAI,EAAK,IAC1C,EACKK,EAAUN,EAAU,WAAC,IAAMC,EAAKK,OAAO,EACvCC,EAAQP,aAAW,IAAMC,EAAKM,QAAUC,OAAY,KAAOP,EAAKM,KAAK,EAE3E,OAAAE,EAAA,gBACGjB,EAAWkB,SAAQ,CAACC,MAAO,CAAEP,WAAAA,EAAYE,QAAAA,EAASC,MAAAA,CAAO,EAAA,IAAAK,UAAA,CAAA,OACvDd,EAAMc,QAAQ,CAAA,CAAA,CAGrB,CCfgB,SAAAC,EACdC,EACAC,EACiC,CACjC,OAAOf,EAAW,WAAA,IAAMc,IAASC,CAAG,CAAC,CACvC,CCWgB,SAAAC,EACdZ,EACAW,EACAE,EACiC,CAE3B,MAAAC,EAAkBL,EAAmBT,EAAYW,CAAG,EAIpD,CAACJ,EAAOQ,CAAQ,EAAIC,EAAA,aAAaF,IAAmB,CAAE,OAAQ,EAAA,CAAO,EAE3EG,OAAAA,EAAAA,aAAa,IAAM,CACjB,MAAMV,EAAQO,IACRI,EAAW,IAAM,CAGrBH,KAAiBI,CAAI,CAAA,EAGvBN,EAAO,QAAiBN,GAAAA,EAAM,GAAGa,EAAOF,CAAQ,CAAC,EACjDG,EAAAA,UAAU,IAAM,CACdR,EAAO,QAAiBN,GAAAA,EAAM,IAAIa,EAAOF,CAAQ,CAAC,CAAA,CACnD,CAAA,CACF,EAEMX,CACT,CCrCO,SAASe,GAAc,CACtB,KAAA,CAAE,WAAAtB,GAAeV,IAEjBiC,EAAM3B,EAAAA,WAAW,IAAM,CAC3B,MAAMc,EAASV,IAEf,GAAIU,IAAW,KACP,MAAA,IAAI,MAAM,uCAAuC,EAElD,OAAAA,CAAA,CACR,EAEM,MAAA,CACL,WAAYE,EAA0BW,EAAK,aAAc,CAAC,kBAAkB,CAAC,EAC7E,gBAAiBX,EAA0BW,EAAK,kBAAmB,CAAC,6BAA6B,CAAC,EAClG,aAAcd,EAAmBc,EAAK,cAAc,EACpD,OAAQd,EAAmBc,EAAK,QAAQ,EACxC,SAAUd,EAAmBc,EAAK,UAAU,EAC5C,YAAad,EAAmBc,EAAK,aAAa,EAClD,WAAYX,EAA0BW,EAAK,aAAc,CACvD,yBACA,mBACA,2BACA,mBACA,cACA,kBAAA,CACD,EACD,MAAOX,EAA0BW,EAAK,QAAS,CAAC,iBAAiB,CAAC,EAClE,UAAWd,EAAmBc,EAAK,WAAW,EAC9C,UAAWX,EAA0BW,EAAK,YAAa,CAAC,iBAAiB,CAAC,EAC1E,YAAaX,EAA0BW,EAAK,cAAe,CAAC,SAAS,CAAC,EACtE,SAAUX,EAA0BW,EAAK,WAAY,CACnD,gBACA,oBACA,sBACA,cAAA,CACD,EACD,OAAQX,EAA0BW,EAAK,SAAU,CAAC,yBAA0B,oBAAoB,CAAC,CAAA,CAErG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tma.js/sdk-solid",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Solid JS bindings for Web Apps client SDK.",
   "author": "Vladislav Kibenko <wolfram.deus@gmail.com>",
   "homepage": "https://github.com/Telegram-Mini-Apps/tma.js#readme",
@@ -25,44 +25,35 @@
     "dist",
     "src"
   ],
-  "source": "src/index.ts",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "main": "./dist/index.umd.cjs",
+  "browser": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/dts/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
-      "solid": "./dist/source/index.js",
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js",
-      "node": "./dist/cjs/index.js",
-      "default": "./dist/cjs/index.js"
-    },
-    "./*": {
-      "types": "./dist/types/*.d.ts",
-      "solid": "./dist/source/*.js",
-      "import": "./dist/esm/*.js",
-      "require": "./dist/cjs/*.js",
-      "node": "./dist/cjs/*.js",
-      "default": "./dist/cjs/*.js"
+      "types": "./dist/dts/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs",
+      "default": "./dist/index.umd.cjs"
     }
   },
   "dependencies": {
-    "@tma.js/utils": "0.5.2",
-    "@tma.js/sdk": "0.11.3"
+    "@tma.js/utils": "0.5.3",
+    "@tma.js/sdk": "0.11.5"
   },
   "peerDependencies": {
     "solid-js": "^1.0.0"
   },
   "devDependencies": {
     "eslint-config-custom": "0.1.0",
-    "tsconfig": "0.0.2"
+    "tsconfig": "0.0.2",
+    "build-utils": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "lint": "eslint -c .eslintrc.cjs src/**/*",
-    "build": "rimraf dist && rollup --config rollup.config.js"
+    "build": "vite build"
   }
 }

package/src/useDynamicInitResultValue.ts

@@ -0,0 +1,52 @@
+import { Accessor, createEffect, createSignal, onCleanup } from 'solid-js';
+import { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';
+import { useInitResultValue } from './useInitResultValue.js';
+
+interface Trackable {
+  on: (event: any, ...args: any[]) => void;
+  off: (event: any, ...args: any[]) => void;
+}
+
+type EventName<T extends Trackable> = T extends {
+  on(event: infer E, ...args: any[]): any
+} ? E : never;
+
+type DynamicComponentKey = {
+  [K in SDKInitResultKey]: SDKInitResultValue<K> extends Trackable ? K : never;
+}[SDKInitResultKey];
+
+/**
+ * Extracts value from the SDK init result by specified key and listens to its all specified
+ * events, making the returned value to update.
+ * @param initResult - SDK init result.
+ * @param key - SDK init result key.
+ * @param events - tracked events list.
+ */
+export function useDynamicInitResultValue<K extends DynamicComponentKey>(
+  initResult: Accessor<SDKInitResult>,
+  key: K,
+  events: EventName<SDKInitResultValue<K>>[],
+): Accessor<SDKInitResultValue<K>> {
+  // Get original value from init result.
+  const initResultValue = useInitResultValue(initResult, key);
+
+  // Here we store value, which should always update it in case, some of its props
+  // were changed/
+  const [value, setValue] = createSignal(initResultValue(), { equals: false });
+
+  createEffect(() => {
+    const value = initResultValue();
+    const listener = () => {
+      // We use prev => prev on purpose. This will make Solid sure, something inside
+      // dynamic value changed.
+      setValue(prev => prev);
+    };
+
+    events.forEach(event => value.on(event, listener));
+    onCleanup(() => {
+      events.forEach(event => value.off(event, listener));
+    });
+  });
+
+  return value;
+}

package/src/useInitResultValue.ts

@@ -0,0 +1,14 @@
+import { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';
+import { Accessor, createMemo } from 'solid-js';
+
+/**
+ * Extracts value from the SDK init result by key.
+ * @param result - init result accessor.
+ * @param key - key to extract.
+ */
+export function useInitResultValue<K extends SDKInitResultKey>(
+  result: Accessor<SDKInitResult>,
+  key: K
+): Accessor<SDKInitResultValue<K>> {
+  return createMemo(() => result()[key]);
+}

package/src/useSDK.ts

@@ -1,57 +1,14 @@
-import { type Accessor, createEffect, createMemo, createSignal, onCleanup } from 'solid-js';
+import { createMemo, type Accessor } from 'solid-js';
 
-import type { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';
 import { useSDKContext } from './hooks.js';
-
-interface Trackable {
-  on: (event: any, ...args: any[]) => void;
-  off: (event: any, ...args: any[]) => void;
-}
-
-type EventName<T extends Trackable> = T extends {
-  on(event: infer E, ...args: any[]): any
-} ? E : never;
-
-type DynamicComponentKey = {
-  [K in SDKInitResultKey]: SDKInitResultValue<K> extends Trackable
-    ? K
-    : never;
-}[SDKInitResultKey];
+import { useInitResultValue } from './useInitResultValue.js';
+import { useDynamicInitResultValue } from './useDynamicInitResultValue.js';
+import type { SDKInitResultKey, SDKInitResultValue } from './types.js';
 
 export type SDK = {
   [K in SDKInitResultKey]: Accessor<SDKInitResultValue<K>>
 };
 
-function useDynamicComponent<K extends DynamicComponentKey>(
-  initResult: Accessor<SDKInitResult>,
-  key: K,
-  events: EventName<SDKInitResultValue<K>>[],
-): Accessor<SDKInitResultValue<K>> {
-  const [component, setComponent] = createSignal(initResult()[key], { equals: false });
-
-  createEffect(() => {
-    const obj = component();
-
-    events.forEach(event => {
-      (obj as any).on(event, () => setComponent(() => obj));
-    });
-
-    onCleanup(() => {
-      events.forEach(event => {
-        (obj as any).off(event, () => setComponent(() => obj));
-      });
-    });
-  });
-
-  return component;
-}
-
-function useInitResultValue<K extends SDKInitResultKey>(initResult: Accessor<SDKInitResult>, key: K) {
-  const value = createMemo<SDKInitResultValue<K>>(() => initResult()[key]);
-
-  return value;
-}
-
 /**
  * Returns ready to use SDK components.
  */
@@ -68,13 +25,13 @@ export function useSDK(): SDK {
   });
 
   return {
-    backButton: useDynamicComponent(sdk, 'backButton', ['isVisibleChanged']),
-    closingBehavior: useDynamicComponent(sdk, 'closingBehavior', ['isConfirmationNeededChanged']),
+    backButton: useDynamicInitResultValue(sdk, 'backButton', ['isVisibleChanged']),
+    closingBehavior: useDynamicInitResultValue(sdk, 'closingBehavior', ['isConfirmationNeededChanged']),
     cloudStorage: useInitResultValue(sdk, 'cloudStorage'),
     haptic: useInitResultValue(sdk, 'haptic'),
     initData: useInitResultValue(sdk, 'initData'),
     initDataRaw: useInitResultValue(sdk, 'initDataRaw'),
-    mainButton: useDynamicComponent(sdk, 'mainButton', [
+    mainButton: useDynamicInitResultValue(sdk, 'mainButton', [
       'backgroundColorChanged',
       'isVisibleChanged',
       'isProgressVisibleChanged',
@@ -82,16 +39,16 @@ export function useSDK(): SDK {
       'textChanged',
       'textColorChanged',
     ]),
-    popup: useDynamicComponent(sdk, 'popup', ['isOpenedChanged']),
+    popup: useDynamicInitResultValue(sdk, 'popup', ['isOpenedChanged']),
     postEvent: useInitResultValue(sdk, 'postEvent'),
-    qrScanner: useDynamicComponent(sdk, 'qrScanner', ['isOpenedChanged']),
-    themeParams: useDynamicComponent(sdk, 'themeParams', ['changed']),
-    viewport: useDynamicComponent(sdk, 'viewport', [
+    qrScanner: useDynamicInitResultValue(sdk, 'qrScanner', ['isOpenedChanged']),
+    themeParams: useDynamicInitResultValue(sdk, 'themeParams', ['changed']),
+    viewport: useDynamicInitResultValue(sdk, 'viewport', [
       'heightChanged',
       'isExpandedChanged',
       'stableHeightChanged',
       'widthChanged',
     ]),
-    webApp: useDynamicComponent(sdk, 'webApp', ['backgroundColorChanged', 'headerColorChanged']),
+    webApp: useDynamicInitResultValue(sdk, 'webApp', ['backgroundColorChanged', 'headerColorChanged']),
   };
 }

package/dist/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("solid-js"),t=require("solid-js/web"),n=require("@tma.js/sdk"),r=require("@tma.js/utils");const o=e.createContext(void 0,{name:"SDKContext"});function a(){const t=e.useContext(o);if(void 0===t)throw new Error("useSDKContext hook was used outside of SDKProvider.");return t}function i(t,n,r){const[o,a]=e.createSignal(t()[n],{equals:!1});return e.createEffect((()=>{const t=o();r.forEach((e=>{t.on(e,(()=>a((()=>t))))})),e.onCleanup((()=>{r.forEach((e=>{t.off(e,(()=>a((()=>t))))}))}))})),o}function s(t,n){return e.createMemo((()=>t()[n]))}Object.defineProperty(exports,"classNames",{enumerable:!0,get:function(){return r.classNames}}),Object.defineProperty(exports,"mergeClassNames",{enumerable:!0,get:function(){return r.mergeClassNames}}),exports.SDKContext=o,exports.SDKProvider=function(r){const a=e.createMemo((()=>r.initOptions||{})),[i]=e.createResource(a,n.init),s=e.createMemo((()=>"ready"===i.state?i():null)),u=e.createMemo((()=>i.loading)),c=e.createMemo((()=>void 0===i.error?null:i.error));return t.createComponent(o.Provider,{value:{initResult:s,loading:u,error:c},get children(){return r.children}})},exports.useSDK=function(){const{initResult:t}=a(),n=e.createMemo((()=>{const e=t();if(null===e)throw new Error("Unable to use SDK as it is not ready.");return e}));return{backButton:i(n,"backButton",["isVisibleChanged"]),closingBehavior:i(n,"closingBehavior",["isConfirmationNeededChanged"]),cloudStorage:s(n,"cloudStorage"),haptic:s(n,"haptic"),initData:s(n,"initData"),initDataRaw:s(n,"initDataRaw"),mainButton:i(n,"mainButton",["backgroundColorChanged","isVisibleChanged","isProgressVisibleChanged","isEnabledChanged","textChanged","textColorChanged"]),popup:i(n,"popup",["isOpenedChanged"]),postEvent:s(n,"postEvent"),qrScanner:i(n,"qrScanner",["isOpenedChanged"]),themeParams:i(n,"themeParams",["changed"]),viewport:i(n,"viewport",["heightChanged","isExpandedChanged","stableHeightChanged","widthChanged"]),webApp:i(n,"webApp",["backgroundColorChanged","headerColorChanged"])}},exports.useSDKContext=a;
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/context.ts","../../src/hooks.ts","../../src/useSDK.ts","../../src/SDKProvider.tsx"],"sourcesContent":["import { createContext } from 'solid-js';\n\nimport type { SDKContextType } from './types.js';\n\nexport const SDKContext = createContext<SDKContextType>(undefined, { name: 'SDKContext' });\n","import { useContext } from 'solid-js';\n\nimport { SDKContext } from './context.js';\nimport type { SDKContextType } from './types.js';\n\n/**\n * Uses SDKContext context.\n */\nexport function useSDKContext(): SDKContextType {\n  const context = useContext(SDKContext);\n\n  if (context === undefined) {\n    throw new Error('useSDKContext hook was used outside of SDKProvider.');\n  }\n  return context;\n}\n","import { type Accessor, createEffect, createMemo, createSignal, onCleanup } from 'solid-js';\n\nimport type { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';\nimport { useSDKContext } from './hooks.js';\n\ninterface Trackable {\n  on: (event: any, ...args: any[]) => void;\n  off: (event: any, ...args: any[]) => void;\n}\n\ntype EventName<T extends Trackable> = T extends {\n  on(event: infer E, ...args: any[]): any\n} ? E : never;\n\ntype DynamicComponentKey = {\n  [K in SDKInitResultKey]: SDKInitResultValue<K> extends Trackable\n    ? K\n    : never;\n}[SDKInitResultKey];\n\nexport type SDK = {\n  [K in SDKInitResultKey]: Accessor<SDKInitResultValue<K>>\n};\n\nfunction useDynamicComponent<K extends DynamicComponentKey>(\n  initResult: Accessor<SDKInitResult>,\n  key: K,\n  events: EventName<SDKInitResultValue<K>>[],\n): Accessor<SDKInitResultValue<K>> {\n  const [component, setComponent] = createSignal(initResult()[key], { equals: false });\n\n  createEffect(() => {\n    const obj = component();\n\n    events.forEach(event => {\n      (obj as any).on(event, () => setComponent(() => obj));\n    });\n\n    onCleanup(() => {\n      events.forEach(event => {\n        (obj as any).off(event, () => setComponent(() => obj));\n      });\n    });\n  });\n\n  return component;\n}\n\nfunction useInitResultValue<K extends SDKInitResultKey>(initResult: Accessor<SDKInitResult>, key: K) {\n  const value = createMemo<SDKInitResultValue<K>>(() => initResult()[key]);\n\n  return value;\n}\n\n/**\n * Returns ready to use SDK components.\n */\nexport function useSDK(): SDK {\n  const { initResult } = useSDKContext();\n\n  const sdk = createMemo(() => {\n    const result = initResult();\n\n    if (result === null) {\n      throw new Error('Unable to use SDK as it is not ready.');\n    }\n    return result;\n  });\n\n  return {\n    backButton: useDynamicComponent(sdk, 'backButton', ['isVisibleChanged']),\n    closingBehavior: useDynamicComponent(sdk, 'closingBehavior', ['isConfirmationNeededChanged']),\n    cloudStorage: useInitResultValue(sdk, 'cloudStorage'),\n    haptic: useInitResultValue(sdk, 'haptic'),\n    initData: useInitResultValue(sdk, 'initData'),\n    initDataRaw: useInitResultValue(sdk, 'initDataRaw'),\n    mainButton: useDynamicComponent(sdk, 'mainButton', [\n      'backgroundColorChanged',\n      'isVisibleChanged',\n      'isProgressVisibleChanged',\n      'isEnabledChanged',\n      'textChanged',\n      'textColorChanged',\n    ]),\n    popup: useDynamicComponent(sdk, 'popup', ['isOpenedChanged']),\n    postEvent: useInitResultValue(sdk, 'postEvent'),\n    qrScanner: useDynamicComponent(sdk, 'qrScanner', ['isOpenedChanged']),\n    themeParams: useDynamicComponent(sdk, 'themeParams', ['changed']),\n    viewport: useDynamicComponent(sdk, 'viewport', [\n      'heightChanged',\n      'isExpandedChanged',\n      'stableHeightChanged',\n      'widthChanged',\n    ]),\n    webApp: useDynamicComponent(sdk, 'webApp', ['backgroundColorChanged', 'headerColorChanged']),\n  };\n}","import { createMemo, createResource, ParentProps } from 'solid-js';\nimport { init } from '@tma.js/sdk';\n\nimport { SDKContext } from './context.js';\nimport type { SDKInitOptions } from './types.js';\n\nexport type SDKProviderProps = ParentProps<{ initOptions?: SDKInitOptions }>;\n\nexport function SDKProvider(props: SDKProviderProps) {\n  const initOptions = createMemo(() => props.initOptions || {});\n  const [data] = createResource(initOptions, init);\n\n  const initResult = createMemo(() => {\n    return data.state === 'ready' ? data() : null;\n  });\n  const loading = createMemo(() => data.loading);\n  const error = createMemo(() => data.error === undefined ? null : data.error);\n\n  return (\n    <SDKContext.Provider value={{ initResult, loading, error }}>\n      {props.children}\n    </SDKContext.Provider>\n  );\n}\n"],"names":["SDKContext","createContext","undefined","name","useSDKContext","context","useContext","Error","useDynamicComponent","initResult","key","events","component","setComponent","createSignal","equals","createEffect","obj","forEach","event","on","onCleanup","off","useInitResultValue","createMemo","props","initOptions","data","createResource","init","state","loading","error","_$createComponent","createComponent","Provider","value","children","sdk","result","backButton","closingBehavior","cloudStorage","haptic","initData","initDataRaw","mainButton","popup","postEvent","qrScanner","themeParams","viewport","webApp"],"mappings":"2HAIaA,EAAaC,EAAaA,mBAAiBC,EAAW,CAAEC,KAAM,eCIpE,SAASC,IACd,MAAMC,EAAUC,aAAWN,GAE3B,QAAgBE,IAAZG,EACF,MAAM,IAAIE,MAAM,uDAElB,OAAOF,CACT,CCSA,SAASG,EACPC,EACAC,EACAC,GAEA,MAAOC,EAAWC,GAAgBC,EAAYA,aAACL,IAAaC,GAAM,CAAEK,QAAQ,IAgB5E,OAdAC,EAAAA,cAAa,KACX,MAAMC,EAAML,IAEZD,EAAOO,SAAQC,IACZF,EAAYG,GAAGD,GAAO,IAAMN,GAAa,IAAMI,KAAK,IAGvDI,EAAAA,WAAU,KACRV,EAAOO,SAAQC,IACZF,EAAYK,IAAIH,GAAO,IAAMN,GAAa,IAAMI,KAAK,GACtD,GACF,IAGGL,CACT,CAEA,SAASW,EAA+Cd,EAAqCC,GAG3F,OAFcc,EAAAA,YAAkC,IAAMf,IAAaC,IAGrE,oPC5CO,SAAqBe,GAC1B,MAAMC,EAAcF,EAAAA,YAAW,IAAMC,EAAMC,aAAe,CAAE,KACrDC,GAAQC,EAAcA,eAACF,EAAaG,EAAIA,MAEzCpB,EAAae,EAAAA,YAAW,IACN,UAAfG,EAAKG,MAAoBH,IAAS,OAErCI,EAAUP,EAAUA,YAAC,IAAMG,EAAKI,UAChCC,EAAQR,cAAW,SAAqBtB,IAAfyB,EAAKK,MAAsB,KAAOL,EAAKK,QAEtE,OAAAC,EAAAC,gBACGlC,EAAWmC,SAAQ,CAACC,MAAO,CAAE3B,aAAYsB,UAASC,SAAOK,eAAA,OACvDZ,EAAMY,QAAQ,GAGrB,iBDkCO,WACL,MAAM5B,WAAEA,GAAeL,IAEjBkC,EAAMd,EAAAA,YAAW,KACrB,MAAMe,EAAS9B,IAEf,GAAe,OAAX8B,EACF,MAAM,IAAIhC,MAAM,yCAElB,OAAOgC,CAAM,IAGf,MAAO,CACLC,WAAYhC,EAAoB8B,EAAK,aAAc,CAAC,qBACpDG,gBAAiBjC,EAAoB8B,EAAK,kBAAmB,CAAC,gCAC9DI,aAAcnB,EAAmBe,EAAK,gBACtCK,OAAQpB,EAAmBe,EAAK,UAChCM,SAAUrB,EAAmBe,EAAK,YAClCO,YAAatB,EAAmBe,EAAK,eACrCQ,WAAYtC,EAAoB8B,EAAK,aAAc,CACjD,yBACA,mBACA,2BACA,mBACA,cACA,qBAEFS,MAAOvC,EAAoB8B,EAAK,QAAS,CAAC,oBAC1CU,UAAWzB,EAAmBe,EAAK,aACnCW,UAAWzC,EAAoB8B,EAAK,YAAa,CAAC,oBAClDY,YAAa1C,EAAoB8B,EAAK,cAAe,CAAC,YACtDa,SAAU3C,EAAoB8B,EAAK,WAAY,CAC7C,gBACA,oBACA,sBACA,iBAEFc,OAAQ5C,EAAoB8B,EAAK,SAAU,CAAC,yBAA0B,uBAE1E"}

package/dist/esm/index.js

@@ -1,2 +0,0 @@
-import{createContext as e,useContext as n,createMemo as t,createResource as o,createSignal as r,createEffect as a,onCleanup as i}from"solid-js";import{createComponent as s}from"solid-js/web";import{init as d}from"@tma.js/sdk";export{classNames,mergeClassNames}from"@tma.js/utils";const h=e(void 0,{name:"SDKContext"});function u(){const e=n(h);if(void 0===e)throw new Error("useSDKContext hook was used outside of SDKProvider.");return e}function l(e){const n=t((()=>e.initOptions||{})),[r]=o(n,d),a=t((()=>"ready"===r.state?r():null)),i=t((()=>r.loading)),u=t((()=>void 0===r.error?null:r.error));return s(h.Provider,{value:{initResult:a,loading:i,error:u},get children(){return e.children}})}function c(e,n,t){const[o,s]=r(e()[n],{equals:!1});return a((()=>{const e=o();t.forEach((n=>{e.on(n,(()=>s((()=>e))))})),i((()=>{t.forEach((n=>{e.off(n,(()=>s((()=>e))))}))}))})),o}function g(e,n){return t((()=>e()[n]))}function p(){const{initResult:e}=u(),n=t((()=>{const n=e();if(null===n)throw new Error("Unable to use SDK as it is not ready.");return n}));return{backButton:c(n,"backButton",["isVisibleChanged"]),closingBehavior:c(n,"closingBehavior",["isConfirmationNeededChanged"]),cloudStorage:g(n,"cloudStorage"),haptic:g(n,"haptic"),initData:g(n,"initData"),initDataRaw:g(n,"initDataRaw"),mainButton:c(n,"mainButton",["backgroundColorChanged","isVisibleChanged","isProgressVisibleChanged","isEnabledChanged","textChanged","textColorChanged"]),popup:c(n,"popup",["isOpenedChanged"]),postEvent:g(n,"postEvent"),qrScanner:c(n,"qrScanner",["isOpenedChanged"]),themeParams:c(n,"themeParams",["changed"]),viewport:c(n,"viewport",["heightChanged","isExpandedChanged","stableHeightChanged","widthChanged"]),webApp:c(n,"webApp",["backgroundColorChanged","headerColorChanged"])}}export{h as SDKContext,l as SDKProvider,p as useSDK,u as useSDKContext};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/context.ts","../../src/hooks.ts","../../src/SDKProvider.tsx","../../src/useSDK.ts"],"sourcesContent":["import { createContext } from 'solid-js';\n\nimport type { SDKContextType } from './types.js';\n\nexport const SDKContext = createContext<SDKContextType>(undefined, { name: 'SDKContext' });\n","import { useContext } from 'solid-js';\n\nimport { SDKContext } from './context.js';\nimport type { SDKContextType } from './types.js';\n\n/**\n * Uses SDKContext context.\n */\nexport function useSDKContext(): SDKContextType {\n  const context = useContext(SDKContext);\n\n  if (context === undefined) {\n    throw new Error('useSDKContext hook was used outside of SDKProvider.');\n  }\n  return context;\n}\n","import { createMemo, createResource, ParentProps } from 'solid-js';\nimport { init } from '@tma.js/sdk';\n\nimport { SDKContext } from './context.js';\nimport type { SDKInitOptions } from './types.js';\n\nexport type SDKProviderProps = ParentProps<{ initOptions?: SDKInitOptions }>;\n\nexport function SDKProvider(props: SDKProviderProps) {\n  const initOptions = createMemo(() => props.initOptions || {});\n  const [data] = createResource(initOptions, init);\n\n  const initResult = createMemo(() => {\n    return data.state === 'ready' ? data() : null;\n  });\n  const loading = createMemo(() => data.loading);\n  const error = createMemo(() => data.error === undefined ? null : data.error);\n\n  return (\n    <SDKContext.Provider value={{ initResult, loading, error }}>\n      {props.children}\n    </SDKContext.Provider>\n  );\n}\n","import { type Accessor, createEffect, createMemo, createSignal, onCleanup } from 'solid-js';\n\nimport type { SDKInitResult, SDKInitResultKey, SDKInitResultValue } from './types.js';\nimport { useSDKContext } from './hooks.js';\n\ninterface Trackable {\n  on: (event: any, ...args: any[]) => void;\n  off: (event: any, ...args: any[]) => void;\n}\n\ntype EventName<T extends Trackable> = T extends {\n  on(event: infer E, ...args: any[]): any\n} ? E : never;\n\ntype DynamicComponentKey = {\n  [K in SDKInitResultKey]: SDKInitResultValue<K> extends Trackable\n    ? K\n    : never;\n}[SDKInitResultKey];\n\nexport type SDK = {\n  [K in SDKInitResultKey]: Accessor<SDKInitResultValue<K>>\n};\n\nfunction useDynamicComponent<K extends DynamicComponentKey>(\n  initResult: Accessor<SDKInitResult>,\n  key: K,\n  events: EventName<SDKInitResultValue<K>>[],\n): Accessor<SDKInitResultValue<K>> {\n  const [component, setComponent] = createSignal(initResult()[key], { equals: false });\n\n  createEffect(() => {\n    const obj = component();\n\n    events.forEach(event => {\n      (obj as any).on(event, () => setComponent(() => obj));\n    });\n\n    onCleanup(() => {\n      events.forEach(event => {\n        (obj as any).off(event, () => setComponent(() => obj));\n      });\n    });\n  });\n\n  return component;\n}\n\nfunction useInitResultValue<K extends SDKInitResultKey>(initResult: Accessor<SDKInitResult>, key: K) {\n  const value = createMemo<SDKInitResultValue<K>>(() => initResult()[key]);\n\n  return value;\n}\n\n/**\n * Returns ready to use SDK components.\n */\nexport function useSDK(): SDK {\n  const { initResult } = useSDKContext();\n\n  const sdk = createMemo(() => {\n    const result = initResult();\n\n    if (result === null) {\n      throw new Error('Unable to use SDK as it is not ready.');\n    }\n    return result;\n  });\n\n  return {\n    backButton: useDynamicComponent(sdk, 'backButton', ['isVisibleChanged']),\n    closingBehavior: useDynamicComponent(sdk, 'closingBehavior', ['isConfirmationNeededChanged']),\n    cloudStorage: useInitResultValue(sdk, 'cloudStorage'),\n    haptic: useInitResultValue(sdk, 'haptic'),\n    initData: useInitResultValue(sdk, 'initData'),\n    initDataRaw: useInitResultValue(sdk, 'initDataRaw'),\n    mainButton: useDynamicComponent(sdk, 'mainButton', [\n      'backgroundColorChanged',\n      'isVisibleChanged',\n      'isProgressVisibleChanged',\n      'isEnabledChanged',\n      'textChanged',\n      'textColorChanged',\n    ]),\n    popup: useDynamicComponent(sdk, 'popup', ['isOpenedChanged']),\n    postEvent: useInitResultValue(sdk, 'postEvent'),\n    qrScanner: useDynamicComponent(sdk, 'qrScanner', ['isOpenedChanged']),\n    themeParams: useDynamicComponent(sdk, 'themeParams', ['changed']),\n    viewport: useDynamicComponent(sdk, 'viewport', [\n      'heightChanged',\n      'isExpandedChanged',\n      'stableHeightChanged',\n      'widthChanged',\n    ]),\n    webApp: useDynamicComponent(sdk, 'webApp', ['backgroundColorChanged', 'headerColorChanged']),\n  };\n}"],"names":["SDKContext","createContext","undefined","name","useSDKContext","context","useContext","Error","SDKProvider","props","initOptions","createMemo","data","createResource","init","initResult","state","loading","error","_$createComponent","Provider","value","children","useDynamicComponent","key","events","component","setComponent","createSignal","equals","createEffect","obj","forEach","event","on","onCleanup","off","useInitResultValue","useSDK","sdk","result","backButton","closingBehavior","cloudStorage","haptic","initData","initDataRaw","mainButton","popup","postEvent","qrScanner","themeParams","viewport","webApp"],"mappings":"8RAIaA,EAAaC,OAA8BC,EAAW,CAAEC,KAAM,eCIpE,SAASC,IACd,MAAMC,EAAUC,EAAWN,GAE3B,QAAgBE,IAAZG,EACF,MAAM,IAAIE,MAAM,uDAElB,OAAOF,CACT,CCPO,SAASG,EAAYC,GAC1B,MAAMC,EAAcC,GAAW,IAAMF,EAAMC,aAAe,CAAE,KACrDE,GAAQC,EAAeH,EAAaI,GAErCC,EAAaJ,GAAW,IACN,UAAfC,EAAKI,MAAoBJ,IAAS,OAErCK,EAAUN,GAAW,IAAMC,EAAKK,UAChCC,EAAQP,GAAW,SAAqBT,IAAfU,EAAKM,MAAsB,KAAON,EAAKM,QAEtE,OAAAC,EACGnB,EAAWoB,SAAQ,CAACC,MAAO,CAAEN,aAAYE,UAASC,SAAOI,eAAA,OACvDb,EAAMa,QAAQ,GAGrB,CCCA,SAASC,EACPR,EACAS,EACAC,GAEA,MAAOC,EAAWC,GAAgBC,EAAab,IAAaS,GAAM,CAAEK,QAAQ,IAgB5E,OAdAC,GAAa,KACX,MAAMC,EAAML,IAEZD,EAAOO,SAAQC,IACZF,EAAYG,GAAGD,GAAO,IAAMN,GAAa,IAAMI,KAAK,IAGvDI,GAAU,KACRV,EAAOO,SAAQC,IACZF,EAAYK,IAAIH,GAAO,IAAMN,GAAa,IAAMI,KAAK,GACtD,GACF,IAGGL,CACT,CAEA,SAASW,EAA+CtB,EAAqCS,GAG3F,OAFcb,GAAkC,IAAMI,IAAaS,IAGrE,CAKO,SAASc,IACd,MAAMvB,WAAEA,GAAeX,IAEjBmC,EAAM5B,GAAW,KACrB,MAAM6B,EAASzB,IAEf,GAAe,OAAXyB,EACF,MAAM,IAAIjC,MAAM,yCAElB,OAAOiC,CAAM,IAGf,MAAO,CACLC,WAAYlB,EAAoBgB,EAAK,aAAc,CAAC,qBACpDG,gBAAiBnB,EAAoBgB,EAAK,kBAAmB,CAAC,gCAC9DI,aAAcN,EAAmBE,EAAK,gBACtCK,OAAQP,EAAmBE,EAAK,UAChCM,SAAUR,EAAmBE,EAAK,YAClCO,YAAaT,EAAmBE,EAAK,eACrCQ,WAAYxB,EAAoBgB,EAAK,aAAc,CACjD,yBACA,mBACA,2BACA,mBACA,cACA,qBAEFS,MAAOzB,EAAoBgB,EAAK,QAAS,CAAC,oBAC1CU,UAAWZ,EAAmBE,EAAK,aACnCW,UAAW3B,EAAoBgB,EAAK,YAAa,CAAC,oBAClDY,YAAa5B,EAAoBgB,EAAK,cAAe,CAAC,YACtDa,SAAU7B,EAAoBgB,EAAK,WAAY,CAC7C,gBACA,oBACA,sBACA,iBAEFc,OAAQ9B,EAAoBgB,EAAK,SAAU,CAAC,yBAA0B,uBAE1E"}

package/dist/source/SDKProvider.jsx

@@ -1,15 +0,0 @@
-import { createMemo, createResource } from 'solid-js';
-import { init } from '@tma.js/sdk';
-import { SDKContext } from './context.js';
-export function SDKProvider(props) {
-    const initOptions = createMemo(() => props.initOptions || {});
-    const [data] = createResource(initOptions, init);
-    const initResult = createMemo(() => {
-        return data.state === 'ready' ? data() : null;
-    });
-    const loading = createMemo(() => data.loading);
-    const error = createMemo(() => data.error === undefined ? null : data.error);
-    return (<SDKContext.Provider value={{ initResult, loading, error }}>
-      {props.children}
-    </SDKContext.Provider>);
-}

package/dist/source/context.js

@@ -1,2 +0,0 @@
-import { createContext } from 'solid-js';
-export const SDKContext = createContext(undefined, { name: 'SDKContext' });

package/dist/source/hooks.js

@@ -1,12 +0,0 @@
-import { useContext } from 'solid-js';
-import { SDKContext } from './context.js';
-/**
- * Uses SDKContext context.
- */
-export function useSDKContext() {
-    const context = useContext(SDKContext);
-    if (context === undefined) {
-        throw new Error('useSDKContext hook was used outside of SDKProvider.');
-    }
-    return context;
-}

package/dist/source/index.js

@@ -1,6 +0,0 @@
-export * from './context.js';
-export * from './hooks.js';
-export * from './SDKProvider.jsx';
-export * from './types.js';
-export * from './useSDK.js';
-export { classNames, mergeClassNames } from '@tma.js/utils';

package/dist/source/types.js

@@ -1 +0,0 @@
-export {};

package/dist/source/useSDK.js

@@ -1,61 +0,0 @@
-import { createEffect, createMemo, createSignal, onCleanup } from 'solid-js';
-import { useSDKContext } from './hooks.js';
-function useDynamicComponent(initResult, key, events) {
-    const [component, setComponent] = createSignal(initResult()[key], { equals: false });
-    createEffect(() => {
-        const obj = component();
-        events.forEach(event => {
-            obj.on(event, () => setComponent(() => obj));
-        });
-        onCleanup(() => {
-            events.forEach(event => {
-                obj.off(event, () => setComponent(() => obj));
-            });
-        });
-    });
-    return component;
-}
-function useInitResultValue(initResult, key) {
-    const value = createMemo(() => initResult()[key]);
-    return value;
-}
-/**
- * Returns ready to use SDK components.
- */
-export function useSDK() {
-    const { initResult } = useSDKContext();
-    const sdk = createMemo(() => {
-        const result = initResult();
-        if (result === null) {
-            throw new Error('Unable to use SDK as it is not ready.');
-        }
-        return result;
-    });
-    return {
-        backButton: useDynamicComponent(sdk, 'backButton', ['isVisibleChanged']),
-        closingBehavior: useDynamicComponent(sdk, 'closingBehavior', ['isConfirmationNeededChanged']),
-        cloudStorage: useInitResultValue(sdk, 'cloudStorage'),
-        haptic: useInitResultValue(sdk, 'haptic'),
-        initData: useInitResultValue(sdk, 'initData'),
-        initDataRaw: useInitResultValue(sdk, 'initDataRaw'),
-        mainButton: useDynamicComponent(sdk, 'mainButton', [
-            'backgroundColorChanged',
-            'isVisibleChanged',
-            'isProgressVisibleChanged',
-            'isEnabledChanged',
-            'textChanged',
-            'textColorChanged',
-        ]),
-        popup: useDynamicComponent(sdk, 'popup', ['isOpenedChanged']),
-        postEvent: useInitResultValue(sdk, 'postEvent'),
-        qrScanner: useDynamicComponent(sdk, 'qrScanner', ['isOpenedChanged']),
-        themeParams: useDynamicComponent(sdk, 'themeParams', ['changed']),
-        viewport: useDynamicComponent(sdk, 'viewport', [
-            'heightChanged',
-            'isExpandedChanged',
-            'stableHeightChanged',
-            'widthChanged',
-        ]),
-        webApp: useDynamicComponent(sdk, 'webApp', ['backgroundColorChanged', 'headerColorChanged']),
-    };
-}

package/dist/types/context.d.ts

@@ -1,2 +0,0 @@
-import type { SDKContextType } from './types.js';
-export declare const SDKContext: import("solid-js").Context<SDKContextType>;