feat: appkit basic code-split

.changeset/long-beds-hide.md

@@ -0,0 +1,23 @@
+---
+'@reown/appkit-adapter-ethers5': patch
+'@reown/appkit-adapter-ethers': patch
+'@reown/appkit-adapter-solana': patch
+'@reown/appkit-adapter-wagmi': patch
+'@reown/appkit-wallet-button': patch
+'@reown/appkit-utils': patch
+'@reown/appkit-scaffold-ui': patch
+'@reown/appkit': patch
+'@reown/appkit-core': patch
+'@reown/appkit-siwe': patch
+'@reown/appkit-siwx': patch
+'@reown/appkit-ui': patch
+'@reown/appkit-adapter-bitcoin': patch
+'@reown/appkit-cdn': patch
+'@reown/appkit-cli': patch
+'@reown/appkit-common': patch
+'@reown/appkit-experimental': patch
+'@reown/appkit-polyfills': patch
+'@reown/appkit-wallet': patch
+---
+
+Splits code into basic and regular appkit. Re-exports ui and scaffold components so they can be tree-shaken. Dynamically import appropiate chunks according to feature flags'

.changeset/pre.json

@@ -0,0 +1,69 @@
+{
+  "mode": "pre",
+  "tag": "core-2",
+  "initialVersions": {
+    "@apps/browser-extension": "1.0.0",
+    "@apps/builder": "1.1.7",
+    "@apps/gallery": "1.5.2",
+    "@apps/laboratory": "1.5.1",
+    "@examples/html-ak-basic": "1.2.0",
+    "@examples/html-ak-basic-sign-client": "1.2.0",
+    "@examples/html-ak-basic-up": "1.2.0",
+    "@examples/html-bitcoin": "1.2.0",
+    "@examples/html-ep": "1.2.0",
+    "@examples/html-ethers": "1.2.0",
+    "@examples/html-solana": "1.2.0",
+    "@examples/html-wagmi": "1.2.0",
+    "@examples/html-wagmi-cdn": "1.2.0",
+    "@examples/html-wagmi-solana-bitcoin": "1.2.0",
+    "@examples/html-wagmi-wallet-button": "1.2.0",
+    "@examples/next-ak-basic-app-router": "1.0.5",
+    "@examples/next-ak-basic-sign-client-app-router": "1.0.5",
+    "@examples/next-ak-basic-up-app-router": "1.0.5",
+    "@examples/next-ep-app-router": "1.0.5",
+    "@examples/next-ethers-app-router": "1.0.5",
+    "@examples/next-wagmi-app-router": "1.0.5",
+    "@examples/next-wagmi-solana-bitcoin-app-router": "1.0.5",
+    "@examples/parcel-react-wagmi": "1.0.0",
+    "@examples/react-ak-basic": "1.2.0",
+    "@examples/react-ak-basic-sign-client": "1.2.0",
+    "@examples/react-ak-basic-up": "1.2.0",
+    "@examples/react-ep": "1.2.0",
+    "@examples/react-ethers": "1.2.0",
+    "@examples/react-ethers5": "1.2.0",
+    "@examples/react-solana": "1.2.0",
+    "@examples/react-wagmi": "1.2.0",
+    "@examples/sveltekit-ethers": "0.0.1",
+    "@examples/vue-ak-basic": "1.2.0",
+    "@examples/vue-ak-basic-sign-client": "1.2.0",
+    "@examples/vue-ak-basic-up": "1.2.0",
+    "@examples/vue-ep": "1.2.0",
+    "@examples/vue-ethers-solana": "1.2.0",
+    "@examples/vue-ethers5": "1.2.0",
+    "@examples/vue-solana": "1.2.0",
+    "@examples/vue-wagmi": "1.2.0",
+    "@examples/vue-wagmi-solana": "1.2.0",
+    "@reown/appkit-adapter-bitcoin": "1.6.6",
+    "@reown/appkit-adapter-ethers": "1.6.6",
+    "@reown/appkit-adapter-ethers5": "1.6.6",
+    "@reown/appkit-adapter-polkadot": "1.5.2",
+    "@reown/appkit-adapter-solana": "1.6.6",
+    "@reown/appkit-adapter-wagmi": "1.6.6",
+    "@reown/appkit": "1.6.6",
+    "@reown/appkit-utils": "1.6.6",
+    "@reown/appkit-cdn": "1.6.6",
+    "@reown/appkit-cli": "1.6.6",
+    "@reown/appkit-common": "1.6.6",
+    "@reown/appkit-core": "1.6.6",
+    "@reown/appkit-experimental": "1.6.6",
+    "@reown/appkit-polyfills": "1.6.6",
+    "@reown/appkit-scaffold-ui": "1.6.8",
+    "@reown/appkit-siwe": "1.6.6",
+    "@reown/appkit-siwx": "1.6.6",
+    "@reown/appkit-ui": "1.6.8",
+    "@reown/appkit-ui-new": "1.4.1",
+    "@reown/appkit-wallet": "1.6.6",
+    "@reown/appkit-wallet-button": "1.6.6"
+  },
+  "changesets": []
+}

.eslintrc.json

@@ -25,7 +25,8 @@
     ".changeset",
     "playwright-report",
     "*.mock.ts",
-    "*.test.ts"
+    "*.test.ts",
+    "scripts/*.js"
   ],
   "rules": {
     // Core

.prettierignore

@@ -2,4 +2,5 @@
 coverage
 pnpm-lock.yaml
 .nuxt
-.svelte-kit
+.svelte-kit
+bundle-analysis.html

apps/builder/components/social-option-item/social-option-item.tsx

@@ -5,6 +5,7 @@ import type { Transform } from '@dnd-kit/utilities'
 import classNames from 'classnames'
 
 import { SocialProvider } from '@reown/appkit-core'
+import '@reown/appkit-ui/jsx'
 
 import { useAppKitContext } from '@/hooks/use-appkit'
 

apps/gallery/stories/composites/wui-button.stories.ts

@@ -2,9 +2,9 @@ import type { Meta } from '@storybook/web-components'
 
 import { html } from 'lit'
 
+import type { IconType } from '@reown/appkit-ui'
 import '@reown/appkit-ui/src/composites/wui-button'
-import type { WuiButton } from '@reown/appkit-ui/src/composites/wui-button'
-import type { IconType } from '@reown/appkit-ui/src/utils/TypesUtil'
+import type { WuiButton } from '@reown/appkit-ui/wui-button'
 
 import { buttonOptions, iconOptions } from '../../utils/PresetUtils'
 

apps/gallery/stories/composites/wui-link.stories.ts

@@ -2,9 +2,9 @@ import type { Meta } from '@storybook/web-components'
 
 import { html } from 'lit'
 
+import type { IconType } from '@reown/appkit-ui'
 import '@reown/appkit-ui/src/composites/wui-link'
-import type { WuiLink } from '@reown/appkit-ui/src/composites/wui-link'
-import type { IconType } from '@reown/appkit-ui/src/utils/TypesUtil'
+import type { WuiLink } from '@reown/appkit-ui/wui-link'
 
 import { iconOptions } from '../../utils/PresetUtils'
 

apps/laboratory/src/pages/library/custom-universal-provider.tsx

@@ -36,8 +36,8 @@ export default function MultiChainWagmiAdapterOnly() {
     ThemeStore.setModal(modal)
     setAppKit(modal)
 
-    provider.on('display_uri', (connection: string) => {
-      modal.open({ view: 'ConnectingWalletConnectBasic', uri: connection })
+    provider.on('display_uri', () => {
+      modal.open({ view: 'ConnectingWalletConnectBasic' })
     })
 
     setUprovider(provider)

examples/html-ak-basic-sign-client/index.html

@@ -24,9 +24,17 @@
       <h1 class="page-title">HTML AppKit Basic Sign Client Example</h1>
 
       <div class="appkit-buttons-container">
-        <button id="disconnect">Disconnect</button>
-        <button id="sign-message">Sign Message</button>
-        <button id="connect">Connect</button>
+        <div class="row">
+          <button id="disconnect">Disconnect</button>
+          <button id="sign-message">Sign Message</button>
+          <button id="connect">Connect</button>
+        </div>
+        <div class="row">
+          <button id="switch-network-eth">Switch to Ethereum</button>
+          <button id="switch-network-polygon">Switch to Polygon</button>
+          <button id="switch-network-solana">Switch to Solana</button>
+          <button id="switch-network-bitcoin">Switch to Bitcoin</button>
+        </div>
       </div>
 
       <div class="code-container-wrapper">

examples/html-ak-basic-sign-client/package.json

@@ -8,7 +8,8 @@
   },
   "dependencies": {
     "@reown/appkit": "workspace:*",
-    "@walletconnect/sign-client": "2.18.0"
+    "@walletconnect/sign-client": "2.18.0",
+    "bs58": "6.0.0"
   },
   "devDependencies": {
     "vite": "5.4.12"

examples/html-ak-basic-sign-client/src/main.css

@@ -174,11 +174,18 @@ a:disabled {
   flex-direction: row;
 }
 
-.appkit-buttons-container {
+.row {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  gap: 8px;
+}
+
+.appkit-buttons-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
   gap: var(--apkt-spacing-2, 8px);
   flex-wrap: wrap;