initial implementation

Author: aggre

.env.example

@@ -0,0 +1,3 @@
+PUBLIC_WEB3AUTH_CLIENT_ID=''
+PUBLIC_WEB3AUTH_NETWORK='sapphire_devnet or sapphire_mainnet'
+PUBLIC_INFURA_KEY=''

.preview/config.ts

@@ -16,12 +16,8 @@ export default () =>
 				options: [],
 			},
 			{
-				id: 'unique-and-descriptive-name-here',
-				options: [
-					{ key: 'slug', value: 'stokens' },
-					{ key: 'rpc', value: 'https://polygon-rpc.com/' },
-					{ key: 'maxpage', value: 30 },
-				],
+				id: 'devprotocol:clubs:plugin:web3auth',
+				options: [],
 			},
 		],
 	})

.preview/plugins.ts

@@ -1,4 +1,4 @@
 import theme from './theme'
-import sTokensViewer from '../src/index'
+import thisPlugin from '../src/index'
 
-export default [theme, sTokensViewer]
+export default [theme, thisPlugin]

.preview/preview.ssr/astro.config.mjs

@@ -1,8 +1,16 @@
 import { defineConfig } from 'astro/config'
 import clubs from '@devprotocol/clubs-core'
 import vue from '@astrojs/vue'
+import svelte from '@astrojs/svelte'
 import tailwind from '@astrojs/tailwind'
+import { config } from 'dotenv'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+
+config({ path: './.env' })
 
 export default defineConfig({
-	integrations: [clubs(), vue(), tailwind()],
+	integrations: [clubs(), vue(), svelte(), tailwind()],
+	vite: {
+		plugins: [nodePolyfills()],
+	},
 })

.preview/preview.ssr/src/env.d.ts

@@ -3,6 +3,7 @@ import type { InferGetStaticPropsType } from 'astro'
 import {
 	type ClubsFunctionPageFactoryResult,
 	pageFactory,
+	ClubsSlotName,
 } from '@devprotocol/clubs-core'
 import config from '../../../config'
 import plugins from '../../../plugins'
@@ -21,8 +22,19 @@ type Props = InferGetStaticPropsType<typeof getStaticPaths>
 
 const Content = Astro.props.component
 const Layout = Astro.props.layout
+
+const SlotsClubsConnectButton =
+	Astro.props.clubs.slots.filter(
+		(slot) => slot.slot === ClubsSlotName.ConnectButton,
+	) ?? []
 ---
 
 <Layout {...Astro.props}>
+	{
+		SlotsClubsConnectButton.map((Slot) => (
+			<Slot.component {...Slot.props} slot="clubs:connect-button" />
+		))
+	}
+
 	<Content {...Astro.props} />
 </Layout>