pages seperate folder

main
Ethan Niser 2023-09-14 00:07:54 -05:00
parent 2ca1201a4d
commit d51aa27320
4 changed files with 26 additions and 17 deletions

@ -3,8 +3,8 @@
"module": "src/main.ts",
"type": "module",
"scripts": {
"dev": "concurrently \"bun run --hot src/main.tsx\" \"bun run uno:dev\"",
"start": "bun run uno && bun run src/main.tsx",
"dev": "concurrently \"bun run --hot src/main.ts\" \"bun run uno:dev\"",
"start": "bun run uno && bun run src/main.ts",
"db:push": "bunx drizzle-kit push:sqlite",
"db:studio": "bunx drizzle-kit studio",
"db:seed": "bun run src/model/store/seed.ts",

@ -2,8 +2,7 @@ import { Elysia } from "elysia";
import { swagger } from "@elysiajs/swagger";
import { staticPlugin } from "@elysiajs/static";
import { todosService } from "./services/todos";
import { BaseHtml } from "./components/base";
import Html from "@kitajs/html";
import { pages } from "./pages";
const app = new Elysia({
name: "@app/main",
@ -12,18 +11,7 @@ const app = new Elysia({
.use(swagger())
.use(staticPlugin())
.use(todosService)
.get("/", ({ html }) =>
html(
<BaseHtml>
<body
class="flex w-full h-screen justify-center items-center"
hx-get="/todos"
hx-swap="innerHTML"
hx-trigger="load"
/>
</BaseHtml>
)
)
.use(pages)
.listen(3000);
export type App = typeof app;

@ -0,0 +1,21 @@
import { Elysia } from "elysia";
import { ctx } from "../context";
import Html from "@kitajs/html";
import { BaseHtml } from "../components/base";
export const pages = new Elysia({
name: "@app/pages",
})
.use(ctx)
.get("/", ({ html }) =>
html(
<BaseHtml>
<body
class="flex w-full h-screen justify-center items-center"
hx-get="/todos"
hx-swap="innerHTML"
hx-trigger="load"
/>
</BaseHtml>
)
);

@ -1,4 +1,4 @@
import Elysia, { t } from "elysia";
import { Elysia, t } from "elysia";
import { ctx } from "../context";
import { insertTodoSchema, todos } from "../db/schemas/todos";
import { TodoItem, TodoForm, TodoList } from "../components/todos";