@tma.js -> @telegram-apps

README.md

@@ -6,7 +6,7 @@ Mini Apps platform using the following technologies and libraries:
 - [Solid](https://solidjs.com/)
 - [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
 - [TON Connect](https://docs.ton.org/develop/dapps/ton-connect/overview)
-- [@tma.js SDK](https://docs.telegram-mini-apps.com/packages/tma-js-sdk)
+- [@telegram-apps SDK](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk)
 - [Vite](https://vitejs.dev/)
 
 > This boilerplate was created using [pnpm](https://pnpm.io/). Therefore, it is required to use
@@ -68,7 +68,7 @@ VITE ready in 275 ms
 To view the application, you need to open the `Local`
 link (`http://localhost:5173/solidjs-js-template` in this example) in your browser.
 
-It is important to note that some libraries in this template, such as `@tma.js/sdk-solid`, are not
+It is important to note that some libraries in this template, such as `@telegram-apps/sdk-solid`, are not
 intended for use outside of Telegram.
 
 Nevertheless, they appear to function properly. This is because the `src/mockEnv.js` file, which is
@@ -240,5 +240,5 @@ project's information.
 ## Useful Links
 
 - [Platform documentation](https://docs.telegram-mini-apps.com/)
-- [@tma.js/sdk-solid documentation](https://docs.telegram-mini-apps.com/packages/tma-js-sdk-solid)
+- [@telegram-apps/sdk-solid documentation](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk-solid)
 - [Telegram developers community chat](https://t.me/devs)

package.json

@@ -19,8 +19,8 @@
   },
   "dependencies": {
     "@solidjs/router": "^0.13.3",
-    "@tma.js/sdk-solid": "^2.1.3",
-    "@tma.js/solid-router-integration": "^3.0.0",
+    "@telegram-apps/sdk-solid": "^1.0.0",
+    "@telegram-apps/solid-router-integration": "^1.0.0",
     "@tonconnect/ui": "^2.0.2",
     "eruda": "^3.0.1",
     "solid-js": "^1.8.17"

src/components/App.jsx

@@ -7,8 +7,8 @@ import {
   useMiniApp,
   useThemeParams,
   useViewport,
-} from '@tma.js/sdk-solid';
-import { createRouter } from '@tma.js/solid-router-integration';
+} from '@telegram-apps/sdk-solid';
+import { createRouter } from '@telegram-apps/solid-router-integration';
 import { createEffect, For, onCleanup } from 'solid-js';
 
 import { routes } from '@/navigation/routes.jsx';

src/components/DisplayData/DisplayData.jsx

@@ -1,4 +1,4 @@
-import { isRGB } from '@tma.js/sdk-solid';
+import { isRGB } from '@telegram-apps/sdk-solid';
 import { For, Match, Switch } from 'solid-js';
 
 import { RGB } from '@/components/RGB/RGB.jsx';
@@ -8,7 +8,7 @@ import './DisplayData.css';
 /**
  * @typedef {object} DisplayDataRow
  * @property {string} title
- * @property {string | boolean | import('solid-js').JSXElement | import('@tma.js/sdk-solid').RGB} [value]
+ * @property {string | boolean | import('solid-js').JSXElement | import('@telegram-apps/sdk-solid').RGB} [value]
  */
 
 /**

src/components/Link/Link.jsx

@@ -1,5 +1,5 @@
 import { A } from '@solidjs/router';
-import { classNames, useUtils } from '@tma.js/sdk-solid';
+import { classNames, useUtils } from '@telegram-apps/sdk-solid';
 
 import './Link.css';
 

src/components/RGB/RGB.jsx

@@ -1,12 +1,12 @@
-import { classNames } from '@tma.js/sdk-solid';
+import { classNames } from '@telegram-apps/sdk-solid';
 import { splitProps } from 'solid-js';
 
 import './RGB.css';
 
 /**
  * @typedef RGBProps
  * @extends {import('solid-js').JSX.IntrinsicElements['span']}
- * @property {import('@tma.js/sdk-solid').RGB} color
+ * @property {import('@telegram-apps/sdk-solid').RGB} color
  */
 
 /**

src/components/Root.jsx

@@ -1,4 +1,4 @@
-import { retrieveLaunchParams, SDKProvider } from '@tma.js/sdk-solid';
+import { retrieveLaunchParams, SDKProvider } from '@telegram-apps/sdk-solid';
 import { ErrorBoundary, Switch, Match } from 'solid-js';
 
 import { App } from '@/components/App.jsx';
@@ -22,7 +22,7 @@ function Inner() {
       </SDKProvider>
     </TonConnectUIProvider>
   );
-};
+}
 
 /**
  * @returns {Node | JSX.ArrayElement | string | number | boolean}
@@ -55,4 +55,4 @@ export function Root() {
       <Inner/>
     </ErrorBoundary>
   );
-};
+}

src/pages/InitDataPage/InitDataPage.jsx

@@ -1,4 +1,4 @@
-import { retrieveLaunchParams, useInitData } from '@tma.js/sdk-solid';
+import { retrieveLaunchParams, useInitData } from '@telegram-apps/sdk-solid';
 import { createMemo, Show } from 'solid-js';
 
 import { DisplayData } from '@/components/DisplayData/DisplayData.jsx';
@@ -8,7 +8,7 @@ import { Page } from '@/components/Page/Page.jsx';
 import './InitDataPage.css';
 
 /**
- * @param {import('@tma.js/sdk-solid').User} [user]
+ * @param {import('@telegram-apps/sdk-solid').User} [user]
  * @returns {DisplayDataRow[]}
  */
 function getUserRows(user) {

src/pages/LaunchParamsPage.jsx

@@ -1,4 +1,4 @@
-import { retrieveLaunchParams } from '@tma.js/sdk-solid';
+import { retrieveLaunchParams } from '@telegram-apps/sdk-solid';
 
 import { DisplayData } from '@/components/DisplayData/DisplayData.jsx';
 import { Link } from '@/components/Link/Link.jsx';

src/pages/ThemeParamsPage.jsx

@@ -1,4 +1,4 @@
-import { useThemeParams } from '@tma.js/sdk-solid';
+import { useThemeParams } from '@telegram-apps/sdk-solid';
 
 import { DisplayData } from '@/components/DisplayData/DisplayData.jsx';
 import { Link } from '@/components/Link/Link.jsx';