feat: render list

yjl9903 · Apr 9, 2023 · 66649a0 · 66649a0
1 parent 7566a01
commit 66649a0
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 3 deletions.
diff --git a/packages/app/package.json b/packages/app/package.json
@@ -18,6 +18,7 @@
     "@onekuma/preset.css": "^0.1.9",
     "@onekuma/reset": "^0.1.9",
     "@unocss/reset": "^0.51.0",
+    "animegarden": "workspace:*",
     "unocss": "^0.51.0",
     "vite-plugin-info": "^0.4.0"
   }

diff --git a/packages/app/src/components/ResourceTable.astro b/packages/app/src/components/ResourceTable.astro
@@ -0,0 +1,27 @@
+---
+import type { Resource } from 'animegarden';
+
+export interface Props {
+  resources: Resource[];
+}
+
+const { resources } = Astro.props;
+---
+
+<table>
+  <thead>
+    <tr>
+      <th>标题</th>
+    </tr>
+  </thead>
+  <tbody
+    >{
+      resources.map((r) => (
+        <tr>
+          <td>{r.title}</td>
+        </tr>
+      ))
+    }</tbody
+  >
+  <tfoot></tfoot>
+</table>
diff --git a/packages/app/src/constant.ts b/packages/app/src/constant.ts
@@ -0,0 +1 @@
+export const WORKER_BASE = `animegarden.yjl9903.workers.dev`;
diff --git a/packages/app/src/layouts/Layout.astro b/packages/app/src/layouts/Layout.astro
@@ -18,7 +18,7 @@ const { title } = Astro.props;
     <title>{title}</title>
   </head>
   <body>
-    <main class="main pt-16vh lt-lg:pt-4vh pb-8vh">
+    <main class="main pb-8vh">
       <slot />
     </main>
     <footer class="main pb-8vh" select-none>

diff --git a/packages/app/src/pages/api/[...path].ts b/packages/app/src/pages/api/[...path].ts
@@ -1,9 +1,11 @@
 import type { APIRoute } from 'astro';
 
+import { WORKER_BASE } from '../../constant';
+
 export const all: APIRoute = async ({ request }) => {
   const url = new URL(request.url);
   url.protocol = 'https:';
-  url.host = 'animegarden.yjl9903.workers.dev';
+  url.host = WORKER_BASE;
   url.port = '';
   url.pathname = url.pathname.replace(/^\/api/, '');
 

diff --git a/packages/app/src/pages/index.astro b/packages/app/src/pages/index.astro
@@ -1,7 +1,21 @@
 ---
+import type { Resource } from 'animegarden';
+
 import Layout from '../layouts/Layout.astro';
+import ResourceTable from '../components/ResourceTable.astro';
+import { WORKER_BASE } from '../constant';
+
+const resources = await fetch(new URL('/resources', 'https://' + WORKER_BASE))
+  .then((r) => r.json())
+  .then((r: any) => r.resources as Resource[]);
 ---
 
 <Layout title="Anime Garden">
-  <div>Anime Garden</div>
+  <div class="mt-8vh">
+    <h1 class="text-4xl font-quicksand font-bold text-center select-none">🌸 Anime Garden</h1>
+  </div>
+
+  <div class="mt-8vh">
+    <ResourceTable resources={resources} />
+  </div>
 </Layout>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml