Internal shared example component lib

examples/components/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@0xsequence/kit-example-shared-components",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "typescript": "latest"
+  },
+  "peerDependencies": {
+    "@0xsequence/design-system": "*",
+    "wagmi": "*"
+  }
+}

examples/components/src/index.ts

@@ -0,0 +1 @@
+export { Header } from './Header'

examples/components/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "strict": true,
+    "jsx": "react-jsx"
+  },
+  "exclude": ["node_modules"]
+}

examples/react/package.json

@@ -16,6 +16,7 @@
     "@0xsequence/kit-checkout": "workspace:*",
     "@0xsequence/kit-connectors": "workspace:*",
     "@0xsequence/kit-wallet": "workspace:*",
+    "@0xsequence/kit-example-shared-components": "workspace:*",
     "@0xsequence/network": "^1.9.27",
     "@tanstack/react-query": "^5.37.1",
     "framer-motion": "^8.5.2",

examples/react/src/components/Connected.tsx

@@ -20,6 +20,7 @@ import {
   getModalPositionCss
 } from '@0xsequence/kit'
 import { useCheckoutModal, useAddFundsModal } from '@0xsequence/kit-checkout'
+import { Header } from '@0xsequence/kit-example-shared-components'
 import { useOpenWalletModal } from '@0xsequence/kit-wallet'
 import { allNetworks, ChainId } from '@0xsequence/network'
 import { ethers } from 'ethers'
@@ -41,8 +42,6 @@ import {
 import { messageToSign, abi } from '../constants'
 import { delay, getCheckoutSettings } from '../utils'
 
-import { Header } from './Header'
-
 // append ?debug to url to enable debug mode
 const searchParams = new URLSearchParams(location.search)
 const isDebugMode = searchParams.has('debug')

examples/react/tsconfig.json

@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "ESNext",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -14,14 +10,12 @@
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-    "types": ["vite/client", "vite-plugin-svgr/client"],
+    "types": ["vite/client", "vite-plugin-svgr/client"]
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }