add typechecking

Author: aggre

.github/workflows/build.yml

@@ -28,3 +28,6 @@ jobs:
 
       - name: test
         run: yarn test
+
+      - name: astro check
+        run: yarn typecheck

package.json

@@ -29,7 +29,8 @@
 		"lint:eslint": "eslint . --ext .ts,.js --fix",
 		"lint:format": "prettier --write '**/*.{ts,js,tsx,jsx,astro,vue,svelte,json,md,yml}'",
 		"prepack": "yarn test && yarn build",
-		"prepare": "husky install"
+		"prepare": "husky install",
+		"typecheck": "astro check && tsc --noEmit && svelte-check && vue-tsc --noEmit --p tsconfig.vue.json"
 	},
 	"author": "",
 	"license": "MPL-2.0",
@@ -46,6 +47,7 @@
 		"ethers": "^6.0.0"
 	},
 	"devDependencies": {
+		"@astrojs/check": "^0.3.1",
 		"@astrojs/svelte": "^4.0.3",
 		"@astrojs/tailwind": "^5.0.0",
 		"@astrojs/vue": "^3.0.0",
@@ -79,10 +81,12 @@
 		"rxjs": "^7.8.1",
 		"sass": "1.69.5",
 		"svelte": "^4.2.3",
+		"svelte-check": "^3.6.0",
 		"tailwindcss": "3.3.5",
 		"typescript": "5.2.2",
 		"vite-plugin-node-polyfills": "^0.16.0",
-		"vue": "3.3.8"
+		"vue": "3.3.8",
+		"vue-tsc": "^1.8.22"
 	},
 	"ava": {
 		"files": [

src/components/ConnectButton.vue

@@ -20,7 +20,7 @@ const provider = ref<IProvider | null | undefined>()
 const showModal = ref(false)
 const userInfo = ref<Partial<UserInfo>>()
 let web3auth: UndefinedOr<IWeb3Auth>
-let connection: UndefinedOr<typeof Connection>
+let connectionPool: UndefinedOr<typeof Connection>
 
 const truncatedAddress = computed(() => {
 	const match = account.value?.match(
@@ -81,11 +81,9 @@ onMounted(async () => {
 	await web3auth.initModal()
 	loaded.value = true
 
-	const { connection: conn } = await import(
-		'@devprotocol/clubs-core/connection'
-	)
-	connection = conn
+	const { connection } = await import('@devprotocol/clubs-core/connection')
 
+	// @ts-ignore
 	connection().account.subscribe((_account) => {
 		account.value = _account
 		if (_account && props.redirectOnSignin) {
@@ -95,23 +93,25 @@ onMounted(async () => {
 			).toString()
 		}
 	})
+	// @ts-ignore
 	connection().chain.subscribe((chain) => {
 		error.value = whenDefined(chain, (chainId) =>
 			props.chainId && chainId !== props.chainId // There might be a case where we don't have chainId in props (eg. signin, publish flow, etc)
 				? new Error(`Wrong chain: Please switch it to ${defaultChain.name}`)
 				: undefined,
 		)
 	})
+	connectionPool = connection
 })
 
 watch(provider, async (prov) => {
-	const res = !connection
+	const res = !connectionPool
 		? new Error('clubs-core/connection not initialized yet')
 		: prov
-		  ? await connection()
+		  ? await connectionPool()
 					.setEip1193Provider(prov, BrowserProvider)
 					.then(() => true)
-		  : connection().signer.next(undefined)
+		  : connectionPool().signer.next(undefined)
 	error.value = isNotError(res) ? undefined : res
 })
 </script>

tsconfig.json

@@ -12,7 +12,7 @@
 	},
 	"include": [
 		"src",
-		"preview",
+		".preview",
 		"config.js",
 		"rollup.config.js",
 		"rollup.config.ui.js",

tsconfig.vue.json

@@ -0,0 +1,5 @@
+{
+	"extends": "./tsconfig.json",
+	"include": ["**/*.vue"],
+	"exclude": ["**/*.tsx"]
+}