feat: upgrade to typescript 7 (#368)

# Description of change

Please write a summary of your changes and why you made them.

## Links to any relevant issues

Be sure to reference any related issues by adding `fixes #(issue)`.

## How the change has been tested

Describe the tests that you ran to verify your changes.

Make sure to provide instructions for the maintainer as well as any
relevant configurations.

Author: VmMad

.changeset/typescript-7-migration.md

@@ -0,0 +1,17 @@
+---
+'@iota/bcs': patch
+'@iota/iota-sdk': patch
+'@iota/dapp-kit': patch
+'@iota/isc-sdk': patch
+'@iota/iota-names-sdk': patch
+'@iota/kiosk': patch
+'@iota/signers': patch
+'@iota/graphql-transport': patch
+'@iota/create-dapp': patch
+'@iota/apps-ui-kit': patch
+'@iota/apps-ui-icons': patch
+'@iota/apps-backend-client': patch
+---
+
+Build with TypeScript 7, declare every package the published type declarations import, ship the
+GraphQL schema introspection types, and update the create-dapp templates to TypeScript 7

.gitignore

@@ -1,6 +1,8 @@
 # IDE
 **/.history/
-**/.vscode/
+**/.vscode/*
+!/.vscode/settings.json
+!/.vscode/extensions.json
 **/.idea/
 
 # OSX

.pnpmfile.cjs

@@ -0,0 +1,26 @@
+// Copyright (c) 2026 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+// TypeScript 7 ships no JavaScript compiler API, so tools that load `typescript` programmatically
+// get their own TypeScript 6 instead of resolving the workspace TypeScript 7 as a peer.
+const TYPESCRIPT_API_CONSUMERS = new Set([
+    '@0no-co/graphqlsp',
+    '@gql.tada/cli-utils',
+    '@gql.tada/internal',
+    '@joshwooding/vite-plugin-react-docgen-typescript',
+    'react-docgen-typescript',
+    'typedoc',
+]);
+
+const TYPESCRIPT_API_VERSION = 'npm:typescript@^6.0.3';
+
+function readPackage(pkg) {
+    if (TYPESCRIPT_API_CONSUMERS.has(pkg.name)) {
+        delete pkg.peerDependencies?.typescript;
+        delete pkg.peerDependenciesMeta?.typescript;
+        pkg.dependencies = { ...pkg.dependencies, typescript: TYPESCRIPT_API_VERSION };
+    }
+    return pkg;
+}
+
+module.exports = { hooks: { readPackage } };

.vercelignore

@@ -0,0 +1 @@
+!.pnpmfile.cjs

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+    "recommendations": ["TypeScriptTeam.native-preview"]
+}

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "js/ts.experimental.useTsgo": true,
+    "js/ts.tsdk.path": "./node_modules/typescript"
+}

apps/apps-backend-client/package.json

@@ -12,7 +12,7 @@
         "dist"
     ],
     "scripts": {
-        "build": "tsc && vite build"
+        "build": "tsc --noEmit && tsdown"
     },
     "exports": {
         ".": {
@@ -22,7 +22,6 @@
         }
     },
     "types": "./dist/index.d.ts",
-    "dependencies": {},
     "peerDependencies": {
         "react": "^18 || ^19"
     },
@@ -33,10 +32,8 @@
     },
     "devDependencies": {
         "@types/react": "^18.3.3",
-        "@vitejs/plugin-react-swc": "^4.3.0",
         "react": "^18.3.1",
-        "typescript": "^5.5.3",
-        "vite": "^8.0.1",
-        "vite-plugin-dts": "^4.5.4"
+        "tsdown": "^0.23.0",
+        "typescript": "^7.0.2"
     }
 }

apps/apps-backend-client/tsconfig.json

@@ -2,15 +2,16 @@
     "compilerOptions": {
         "target": "es2020",
         "module": "esnext",
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "jsx": "react-jsx",
         "strict": true,
         "skipLibCheck": true,
         "esModuleInterop": true,
         "isolatedModules": true,
         "declaration": true,
         "emitDeclarationOnly": true,
-        "outDir": "dist"
+        "outDir": "dist",
+        "rootDir": "src"
     },
     "include": ["src"]
 }

apps/apps-backend-client/tsdown.config.ts

@@ -0,0 +1,21 @@
+// Copyright (c) 2026 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+import { defineConfig } from 'tsdown';
+
+export default defineConfig({
+    entry: { index: 'src/index.ts' },
+    format: ['esm', 'umd'],
+    platform: 'browser',
+    globalName: '@iota/apps-backend-client',
+    outputOptions: {
+        globals: {
+            react: 'React',
+            'react/jsx-runtime': 'jsxRuntime',
+        },
+    },
+    outExtensions: ({ format }) =>
+        format === 'es' ? { js: '.es.js', dts: '.d.ts' } : { js: '.js' },
+    dts: true,
+    sourcemap: true,
+});