aethershelf
/
beth-stack-example
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

idek

main
Ethan Niser 2023-09-21 15:54:10 +00:00 committed by GitHub
parent fbc91a664c
commit f1c5467009
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 66 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bun.lockb
View File

Binary file not shown.

2
package.json
Unescape Escape View File

@ -41,7 +41,7 @@
"@lucia-auth/adapter-sqlite": "^2.0.0", "@lucia-auth/adapter-sqlite": "^2.0.0",
"@t3-oss/env-core": "^0.6.1", "@t3-oss/env-core": "^0.6.1",
"@tlscipher/holt": "1.1.0", "@tlscipher/holt": "1.1.0",
"beth-stack": "0.0.22", "beth-stack": "0.0.24",
"drizzle-orm": "^0.28.6", "drizzle-orm": "^0.28.6",
"drizzle-typebox": "^0.1.1", "drizzle-typebox": "^0.1.1",
"elysia": "0.7.4", "elysia": "0.7.4",

7
src/components/base.tsx
Unescape Escape View File

@ -2,8 +2,13 @@ import { liveReloadScript } from "beth-stack/dev";
import { type PropsWithChildren } from "beth-stack/jsx"; import { type PropsWithChildren } from "beth-stack/jsx";
import { config } from "../config"; import { config } from "../config";
const safeScript = const safeScript =
config.env.NODE_ENV === "development" ? liveReloadScript() : ""; config.env.NODE_ENV === "development"
? liveReloadScript({
url: "https://upgraded-orbit-qw9457vrwv39669-3001.app.github.dev/ws",
})
: "";
export const BaseHtml = ({ children }: PropsWithChildren) => ( export const BaseHtml = ({ children }: PropsWithChildren) => (
<html> <html>

38
src/components/tweets.tsx
Unescape Escape View File

@ -1,24 +1,44 @@
import { db } from "../db"; import { db } from "../db";
import { tweets, type Tweet } from "../db/schema/tweets"; import { tweets } from "../db/schema/tweets";
export function TweetCard({ authorId, createdAt, content }: Tweet) { export function TweetCard({
author: { handle },
createdAt,
content,
}: {
createdAt: Date;
content: string;
author: {
handle: string;
};
}) {
return ( return (
<div class="rounded-lg border p-4 shadow-md"> <div class="rounded-lg border p-4 shadow-md">
<h2 class="text-xl font-bold" safe> <h2 class="text-xl font-bold" safe>
{authorId} @{handle}
</h2> </h2>
<p class="text-gray-700" safe> <p class="text-gray-700" safe>
{content} {content}
</p> </p>
<span class="text-sm text-gray-500"> <span class="text-sm text-gray-500">
{new Date(createdAt).toLocaleString()} {createdAt.toLocaleString()}
</span> </span>
</div> </div>
); );
} }
export async function TweetList() { export async function TweetList() {
const tweetData = await db.select().from(tweets).limit(10); const tweetData = await db.query.tweets.findMany({
limit: 10,
orderBy: (tweets, { desc }) => [desc(tweets.createdAt)],
with: {
author: {
columns: {
handle: true,
},
},
},
});
return ( return (
<div class="space-y-4" id="tweetList"> <div class="space-y-4" id="tweetList">
@ -33,17 +53,15 @@ export function TweetCreationForm() {
return ( return (
<div class="rounded-lg border p-4 shadow-md"> <div class="rounded-lg border p-4 shadow-md">
<h2 class="mb-4 text-xl font-bold">Create a new Tweet</h2> <h2 class="mb-4 text-xl font-bold">Create a new Tweet</h2>
<form hx-post="/api/tweets" hx-swap="afterend" hx-target="#tweetList"> <form hx-post="/api/tweets" hx-swap="afterbegin" hx-target="#tweetList" _="on submit target.reset()">
<label class="mb-2 block text-sm font-bold" for="content"> <label class="mb-2 block text-sm font-bold" for="content">
Tweet: Tweet:
</label> </label>
<textarea <input
class="w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow" class="w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow"
name="content" name="content"
rows="3"
required="true" required="true"
_="on submit reset me" />
></textarea>
<button <button
class="rounded bg-blue-500 px-4 py-2 font-bold text-white hover:bg-blue-700" class="rounded bg-blue-500 px-4 py-2 font-bold text-white hover:bg-blue-700"
type="submit" type="submit"

7
src/controllers/auth.tsx
Unescape Escape View File

@ -56,7 +56,7 @@ export const authController = new Elysia({
body: t.Object({ body: t.Object({
handle: t.String({ handle: t.String({
minLength: 1, minLength: 1,
maxLength: 10, maxLength: 20,
}), }),
password: t.String({ password: t.String({
minLength: 4, minLength: 4,
@ -67,7 +67,10 @@ export const authController = new Elysia({
signin: "signin", signin: "signin",
}), // Enum to validate action type }), // Enum to validate action type
}), }),
error({ code, error, set }) { error({ code, error, set, log }) {
log.error(error);
let errorMessage = ""; let errorMessage = "";
if (code === "VALIDATION") { if (code === "VALIDATION") {

8
src/controllers/tweets.tsx
Unescape Escape View File

@ -35,7 +35,13 @@ export const tweetsController = new Elysia({
throw new Error("Failed to create tweet"); throw new Error("Failed to create tweet");
} }
return <TweetCard {...tweet} />; return (
<TweetCard
content={tweet.content}
createdAt={tweet.createdAt}
author={{ handle: session.user.handle }}
/>
);
}, },
{ {
body: t.Object({ body: t.Object({

18
src/db/schema/index.ts
Unescape Escape View File

@ -1,2 +1,18 @@
import { relations } from "drizzle-orm";
import { user } from "./auth";
import { tweets } from "./tweets";
export { tweets } from "./tweets"; export { tweets } from "./tweets";
export * from "./auth";
export { key, session, user } from "./auth";
export const userRelations = relations(user, ({ many }) => ({
tweets: many(tweets),
}));
export const tweetsRelations = relations(tweets, ({ one }) => ({
author: one(user, {
fields: [tweets.authorId],
references: [user.id],
}),
}));

1
src/db/schema/tweets.ts
Unescape Escape View File

@ -1,5 +1,6 @@
import { index, integer, sqliteTable, text } from "drizzle-orm/sqlite-core"; import { index, integer, sqliteTable, text } from "drizzle-orm/sqlite-core";
import { createInsertSchema, createSelectSchema } from "drizzle-typebox"; import { createInsertSchema, createSelectSchema } from "drizzle-typebox";
import { user } from ".";
export const tweets = sqliteTable( export const tweets = sqliteTable(
"tweet", "tweet",