Add new Votes page and update index.ts

A new `Votes.astro` file has been added for the Votes page that fetches and displays poll options. The `index.ts` file was updated to include this new page and its path has been added to the page paths in `ClubsFunctionGetPagePaths`. These changes are crucial to facilitate the display and functionality of voting in the application.

Author: kazuyoshi80

src/Pages/Votes.astro

@@ -0,0 +1,21 @@
+---
+import {Option} from '../types';
+import {ClubsPropsPages, Membership} from '@devprotocol/clubs-core';
+import Votes from '../components/Pages/Votes.vue';
+import type {OptionsDatabase} from '@devprotocol/clubs-plugin-posts';
+
+interface Props extends ClubsPropsPages {
+	options: Option[]
+	propertyAddress: string
+	adminRolePoints: number
+	rpcUrl: string
+	feeds: OptionsDatabase[]
+}
+
+const {
+	options,
+	feeds
+} = Astro.props
+---
+
+<Votes client:load options={options} feeds={feeds} />

src/components/Pages/Votes.vue

@@ -0,0 +1,54 @@
+<script lang="ts" setup>
+
+import type {Option} from '../../types.ts';
+import type {OptionsDatabase} from '@devprotocol/clubs-plugin-posts';
+import {decode} from '@devprotocol/clubs-core';
+import {onMounted, ref} from 'vue';
+
+type Props = {
+	options: Option[]
+	feeds: OptionsDatabase[]
+}
+const props = defineProps<Props>()
+
+const polls = ref([])
+const error = ref('')
+const isLoading = ref(true)
+
+const fetchPolls = async () => {
+  // これでPollのFeedをとってくる
+	// http://localhost:4321/api/devprotocol:clubs:plugin:posts/default-2/search/has:option/%23poll
+
+	const url = new URL(
+		`/api/devprotocol:clubs:plugin:posts/default-2/search/has:option/%23poll`,
+		window.location.origin,
+	)
+
+	fetch(url.toString())
+		.then(async (res) => {
+			console.log('res', res.status)
+			if (res.status === 200) {
+				const json = await res.json()
+				polls.value = decode(json.contents)
+			}
+		})
+		.catch((err) => {
+			console.error(err)
+			error.value =
+				'Sorry, but there was an error loading the timeline. Please try again later.'
+		})
+		.finally(() => {
+			isLoading.value = false
+		})
+}
+
+onMounted(async () => {
+	await fetchPolls()
+	console.log('mounted', polls.value)
+})
+
+</script>
+
+<template>
+	<h1>Votes2</h1>
+</template>

src/index.ts

@@ -1,11 +1,11 @@
 import type {
-	ClubsFunctionGetApiPaths,
+	ClubsFunctionGetApiPaths, ClubsFunctionGetPagePaths,
 	ClubsFunctionGetSlots,
 	ClubsFunctionPlugin,
 	ClubsPluginMeta,
 } from '@devprotocol/clubs-core'
 import { ClubsPluginCategory } from '@devprotocol/clubs-core'
-import { SlotName } from '@devprotocol/clubs-plugin-posts'
+import {type OptionsDatabase, SlotName} from '@devprotocol/clubs-plugin-posts'
 import { votingHandler } from './ApiHandler'
 import Icon from './assets/images/Voting.png'
 import Preview1 from './assets/images/voting-preview01.png'
@@ -14,6 +14,8 @@ import Preview3 from './assets/images/voting-preview03.png'
 import Readme from './readme.astro'
 import AfterContentForm from './components/edit-after-content-form.astro'
 import AfterPostContent from './components/feed-after-post-content.astro'
+import type {UndefinedOr} from '@devprotocol/util-ts';
+import Votes from './Pages/Votes.astro'
 
 export const getSlots = (async () => {
 	return [
@@ -50,8 +52,38 @@ export const getApiPaths = (async () => {
 	]
 }) satisfies ClubsFunctionGetApiPaths
 
+const getPagePaths = (async (
+	options,
+	{propertyAddress, adminRolePoints, rpcUrl},
+	{getPluginConfigById}
+) => {
+
+	const [postsPlugin] = getPluginConfigById('devprotocol:clubs:plugin:posts')
+
+	const feeds = postsPlugin?.options?.find(
+		({key}: Readonly<{ readonly key: string }>) => key === 'feeds',
+	)?.value as UndefinedOr<readonly OptionsDatabase[]>
+
+	const props = {
+		options,
+		propertyAddress,
+		adminRolePoints,
+		rpcUrl,
+		feeds,
+	}
+
+	return [{
+		paths: ["votes"],
+		component: Votes,
+		props: {
+			...props
+		},
+	}]
+}) satisfies ClubsFunctionGetPagePaths
+
 export default {
 	getSlots,
 	meta,
 	getApiPaths,
+	getPagePaths,
 } satisfies ClubsFunctionPlugin