gregor/create-glstack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add expo, massively simplify svelte and solid examples

Browse Source
This commit is contained in:
Gregor Lohaus
2026-06-03 17:05:06 +02:00
parent d33b9c5467
commit d1c46cdee1
28 changed files with 232 additions and 465 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.ts
View File

@@ -46,6 +46,9 @@ const project = await p.group(
return undefined
},
}),
installDeps: async () => {
return await p.confirm({message: "Install dependencies?", })
}
},
{
onCancel: () => {
@@ -69,15 +72,10 @@ const destDir = path.join("./", project.name);
render(destDir, { project }, { reverseMap: true })
const s = p.spinner();
s.start("Installing dependencies");
await Bun.$`bun install`.cwd(path.join(destDir)).quiet();
await Bun.$`bun install`.cwd(path.join(destDir, 'packages', 'rpc')).quiet();
if (project.frontend !== "none") {
await Bun.$`bun install`.cwd(path.join(destDir, 'apps', 'web')).quiet();
if (project.installDeps) {
s.start("Installing dependencies");
await Bun.$`bun install`.cwd(path.join(destDir)).quiet();
s.stop("Dependencies installed.");
}
if (project.mobile !== "none") {
await Bun.$`bun install`.cwd(path.join(destDir, 'apps', 'mobile')).quiet();
}
s.stop("Dependencies installed.");
p.outro("You're all set!");

1
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/.ignore
View File

@@ -1 +0,0 @@
node_modules

9
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "example-basic",
"name": "example-bare",
"type": "module",
"scripts": {
"dev": "vite dev",
@@ -9,16 +9,9 @@
},
"dependencies": {
"@<@var(context.project.name)>/rpc": "workspace:*",
"@solidjs/meta": "^0.29.4",
"@solidjs/router": "^0.15.0",
"@solidjs/start": "2.0.0-alpha.2",
"@solidjs/vite-plugin-nitro-2": "^0.1.0",
"@tailwindcss/vite": "^4.2.2",
"@tanstack/query-db-collection": "^1.0.35",
"@tanstack/solid-db": "^0.2.18",
"@tanstack/solid-query": "^5.96.2",
"solid-js": "^1.9.5",
"tailwindcss": "^4.2.2",
"vite": "^7.0.0"
},
"engines": {

60
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/app.css
View File

@@ -1,5 +1,61 @@
@import "tailwindcss";
body {
font-family: Gordita, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
a {
margin-right: 1rem;
}
main {
text-align: center;
padding: 1em;
margin: 0 auto;
}
h1 {
color: #335d92;
text-transform: uppercase;
font-size: 4rem;
font-weight: 100;
line-height: 1.1;
margin: 4rem auto;
max-width: 14rem;
}
p {
max-width: 14rem;
margin: 2rem auto;
line-height: 1.35;
}
@media (min-width: 480px) {
h1 {
max-width: none;
}
p {
max-width: none;
}
}
.increment {
font-family: inherit;
font-size: inherit;
padding: 1em 2em;
color: #335d92;
background-color: rgba(68, 107, 158, 0.1);
border-radius: 2em;
border: 2px solid rgba(68, 107, 158, 0);
outline: none;
width: 200px;
font-variant-numeric: tabular-nums;
cursor: pointer;
}
.increment:focus {
border: 2px solid #335d92;
}
.increment:active {
background-color: rgba(68, 107, 158, 0.2);
}

102
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/app.tsx
View File

@@ -1,58 +1,58 @@
import { MetaProvider, Title } from "@solidjs/meta";
import { Router } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start/router";
import { Suspense } from "solid-js";
import { createCollection } from '@tanstack/solid-db'
import { queryCollectionOptions } from '@tanstack/query-db-collection'
import type { Todo, ExtractPayload } from '@<@var(context.project.name)>/rpc'
import { QueryClient, QueryClientProvider } from "@tanstack/solid-query"
import { getRouter } from "./lib/getRouter"
import { createSignal, For } from "solid-js";
import { createRouter, Todo } from "@<@var(context.project.name)>/rpc"
import { createEffect } from 'solid-js'
import "./app.css";
import { TodoCollectionProvider } from "./context/todocollection/provider";
const queryClient = new QueryClient({
})
const router = getRouter();
export default function App() {
const todosCollection = createCollection(
queryCollectionOptions({
queryKey: ["todos"],
queryFn: async () => {
const todos = await router.todos.listTodos({})
return todos.todos as ExtractPayload<Todo>[];
},
queryClient,
getKey: (item) => item.id ? item.id : crypto.randomUUID(),
onInsert: async ({ transaction }) => {
Promise.all(transaction.mutations.map((m) => {
router.todos.createTodo({ todo: m.modified })
}))
},
onDelete: async ({ transaction }) => {
Promise.all(transaction.mutations.map((m) => {
router.todos.deleteTodo({ todo: m.modified })
}))
},
onUpdate: async ({ transaction }) => {
Promise.all(transaction.mutations.map((m) => {
router.todos.updateTodo({ todo: m.modified })
}))
}
const router = createRouter("http://127.0.0.1:8080")
const [todos, setTodos] = createSignal<Todo[]>([]);
const [todoToCreateTask, setTodoToCreateTask] = createSignal<string>("");
const fetchTodos = () => {
router.todos.listTodos({}).then((r) => {
setTodos(r.todos)
})
)
}
createEffect(() => {
fetchTodos()
})
const setTodoDone = (id: string, task: string) => {
return async (event : Event & { currentTarget: HTMLInputElement }) => {
await router.todos.updateTodo({ todo: { id, task, done: event.currentTarget.checked } })
fetchTodos()
}
}
const deleteTodo = (id: string) => {
return async () => {
await router.todos.deleteTodo({ todo: { id } })
fetchTodos()
}
}
const createTodo = () => {
router.todos.createTodo({ todo: { id: crypto.randomUUID(), task: todoToCreateTask() } }).then((r) => {
console.log(r)
fetchTodos()
}).catch((e) => {
console.log(e)
})
}
return (
<Router
root={props => (
<MetaProvider>
<QueryClientProvider client={queryClient} >
<TodoCollectionProvider value={todosCollection}>
<Suspense>{props.children}</Suspense>
</TodoCollectionProvider>
</QueryClientProvider>
</MetaProvider>
)}
>
<FileRoutes/>
</Router>
<div>
<p>Create Todo</p>
<input value={todoToCreateTask()} onInput={(e) => setTodoToCreateTask(e.currentTarget.value)} type="text"/>
<button onclick={createTodo}> create </button>
<For each={todos()}>
{(item:Todo) =>
<div>
{item.task}
<input type='checkbox' checked={item.done} onChange={setTodoDone(item.id || "",item.task)}/>
<button onclick={deleteTodo(item.id || "")}>delete</button>
</div>
}
</For>
</div>
);
}

38
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/components/CreateTodo.tsx
View File

@@ -1,38 +0,0 @@
import { ExtractPayload, type Todo } from '@<@var(context.project.name)>/rpc'
import { createSignal } from 'solid-js';
import { useTodoCollection } from '~/context/todocollection/create';
export const CreateTodo = () => {
const [todoState, setTodoState] = createSignal<ExtractPayload<Todo>>({
id: crypto.randomUUID(),
task: "",
done: false,
})
let inputRef!: HTMLInputElement
const setTask = () => {
const todo = {...todoState()}
todo.task = inputRef.value;
setTodoState(todo)
}
const todoCollection = useTodoCollection()
const insertTodo = () => {
todoCollection.insert(todoState())
setTodoState({
id: crypto.randomUUID(),
task: "",
done: false
})
inputRef.value = "";
}
return (
<>
<input class="border rounded-md px-3 py-1" ref={inputRef} type='text' onInput={setTask} />
<button class="bg-teal-800 text-teal-100 p-1 rounded-md cursor-pointer" onClick={insertTodo}> create </button>
</>
)
}

29
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/components/ListTodos.tsx
View File

@@ -1,29 +0,0 @@
import { useLiveQuery } from "@tanstack/solid-db";
import { useTodoCollection } from "~/context/todocollection/create";
import { Todo } from './Todo'
import { For } from 'solid-js'
export const ListTodos = () => {
const todoCollection = useTodoCollection()
const data = useLiveQuery((q) =>
q.from({todos: todoCollection})
)
const todos = () => {
const items = Array.from(data.state.values());
return items.sort((a: any, b: any) => {
if (a.done != b.done) return a.done ? -1 : 1
if (!a.done && !b.done) {
const adate = a.createdAt ? new Date(a.createdAt) : new Date()
const bdate = b.createdAt ? new Date(b.createdAt) : new Date()
return bdate.getTime() - adate.getTime()
}
return 0
})
}
return (
<For each={todos()} fallback={<div>Loading...</div>}>
{(item) => <Todo todo={item} />}
</For>
)
}

44
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/components/Todo.tsx
View File

@@ -1,44 +0,0 @@
import { ExtractPayload, type Todo as RpcTodo } from '@<@var(context.project.name)>/rpc'
import { createSignal, type JSX } from 'solid-js';
import { useTodoCollection } from '~/context/todocollection/create';
export const Todo = ({ todo }: { todo: ExtractPayload<RpcTodo> }) => {
const [todoState, setTodoState] = createSignal(todo)
const todoCollection = useTodoCollection()
let commitUpdateTimeoutId: NodeJS.Timeout|null = null;
const updateTask: JSX.EventHandlerUnion<HTMLInputElement, Event> = (e) => {
if (commitUpdateTimeoutId != null) {
clearTimeout(commitUpdateTimeoutId)
}
const todo = { ...todoState() };
todo.task = e.currentTarget.value
setTodoState(todo)
commitUpdateTimeoutId = setTimeout(() => {
todoCollection.update(todoState().id, (draft) => {
draft.task = todoState().task
})
},3000)
}
const updateDone: JSX.EventHandlerUnion<HTMLInputElement, Event> = (e) => {
const todo = { ...todoState() }
todo.done = e.currentTarget.checked
setTodoState(todo)
todoCollection.update(todoState().id, (draft) => {
draft.done = todoState().done
})
}
const del = () => {
todoCollection.delete(todoState().id || "")
}
return (
<div class="flex flex-col items-center border rounded-md p-5 gap-2">
<input class="text-center border rounded-md px-3 py-1" oninput={updateTask} type="text" value={todoState().task} />
<span> {(new Date(todoState().createdAt || "")).toLocaleString()}</span>
<span> {(new Date(todoState().updatesAt || "")).toLocaleString()}</span>
<input type="checkbox" onchange={updateDone} checked={todoState().done} />
<button class="bg-amber-800 text-amber-100 p-1 rounded-md cursor-pointer" onclick={del} class=""> delete </button>
</div>
)
}

12
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/context/todocollection/create.ts
View File

@@ -1,12 +0,0 @@
import { createContext,useContext } from 'solid-js'
import { type CollectionImpl, type CollectionLike } from '@tanstack/solid-db'
import type { ExtractPayload, Todo } from '@<@var(context.project.name)>/rpc';
export type TodoCollection = CollectionImpl<ExtractPayload<Todo>>
export const TodoCollectionContext = createContext<TodoCollection>()
export const useTodoCollection = () => {
const col = useContext(TodoCollectionContext)
if (col === undefined) {
throw new Error("Todo collection has not been initialized")
}
return col;
}

8
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/context/todocollection/provider.tsx
View File

@@ -1,8 +0,0 @@
import { JSXElement } from 'solid-js';
import { TodoCollection, TodoCollectionContext } from './create'
export const TodoCollectionProvider = (props : {children:JSXElement, value: TodoCollection}) => {
return (
<TodoCollectionContext.Provider value={props.value}> {props.children} </TodoCollectionContext.Provider>
)
}

7
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/lib/getRouter.ts
View File

@@ -1,7 +0,0 @@
import { createRouter } from "@<@var(context.project.name)>/rpc"
const router = createRouter("http://127.0.0.1:8080")
export const getRouter = () => {
return router;
}

19
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/routes/[...404].tsx
View File

@@ -1,19 +0,0 @@
import { Title } from "@solidjs/meta";
import { HttpStatusCode } from "@solidjs/start";
export default function NotFound() {
return (
<main>
<Title>Not Found</Title>
<HttpStatusCode code={404} />
<h1>Page Not Found</h1>
<p>
Visit{" "}
<a href="https://start.solidjs.com" target="_blank">
start.solidjs.com
</a>{" "}
to learn how to build SolidStart apps.
</p>
</main>
);
}

13
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/src/routes/index.tsx
View File

@@ -1,13 +0,0 @@
import { Title } from "@solidjs/meta";
import { CreateTodo } from "~/components/CreateTodo";
import { ListTodos } from "~/components/ListTodos"
export default function Home() {
return (
<main class="flex flex-col items-center gap-2 py-5">
<Title>Todos</Title>
<h1 class="text-5xl"> Todos </h1>
<CreateTodo/>
<ListTodos/>
</main>
);
}

8
template/apps/<@if(eq(context.project.frontend,"solid-start"))>web/vite.config.ts
View File

@@ -1,12 +1,10 @@
import { defineConfig } from "vite";
import { nitroV2Plugin as nitro } from "@solidjs/vite-plugin-nitro-2";
import tailwindcss from '@tailwindcss/vite'
import { solidStart } from "@solidjs/start/config";
export default defineConfig({
plugins: [
solidStart(),
nitro(),
tailwindcss()
plugins: [solidStart(),
nitro()
]
});

10
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/package.json
View File

@@ -21,14 +21,6 @@
"vite": "^8.0.7"
},
"dependencies": {
"@bufbuild/protobuf": "^2.11.0",
"@connectrpc/connect": "^2.1.1",
"@connectrpc/connect-web": "^2.1.1",
"@<@var(context.project.name)>/rpc": "workspace:*",
"@tailwindcss/vite": "^4.3.0",
"@tanstack/query-db-collection": "^1.0.33",
"@tanstack/svelte-db": "^0.1.79",
"@tanstack/svelte-query": "^6.1.13",
"tailwindcss": "^4.3.0"
"@<@var(context.project.name)>/rpc": "workspace:*"
}
}

1
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/src/app.css
View File

@@ -1 +0,0 @@
import @tailwindcss;

25
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/src/lib/components/CreateTodo.svelte
View File

@@ -1,25 +0,0 @@
<script lang="ts">
import type { ExtractPayload, Todo } from '@<@var(context.project.name)>/rpc';
import { getTodoCollection } from '$lib/todocollectionscontext';
const todoCollection = getTodoCollection();
let todo = $state<ExtractPayload<Todo>>({
id: crypto.randomUUID(),
task: '',
done: false
});
const insertTodo = () => {
todoCollection.insert({ ...todo });
todo = {
id: crypto.randomUUID(),
task: '',
done: false
};
};
</script>
<input class="rounded-md border px-3 py-1" type="text" bind:value={todo.task} />
<button class="cursor-pointer rounded-md bg-teal-800 p-1 text-teal-100" onclick={insertTodo}>
create
</button>

29
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/src/lib/components/ListTodos.svelte
View File

@@ -1,29 +0,0 @@
<script lang="ts">
import { getTodoCollection } from '$lib/todocollectionscontext';
import { useLiveQuery } from '@tanstack/svelte-db';
import Todo from './Todo.svelte';
const todoCollection = getTodoCollection();
const data = useLiveQuery((q) => q.from({ todos: todoCollection }));
const todos = $derived.by(() => {
return data.data.toSorted((a, b) => {
if (a.done != b.done) {
return a.done ? -1 : 1;
}
if (!a.done && !b.done) {
const adate = a.createdAt ? new Date(a.createdAt) : new Date();
const bdate = b.createdAt ? new Date(b.createdAt) : new Date();
return bdate.getTime() - adate.getTime();
}
return 0;
});
});
</script>
{#if data.isLoading}
<div>Loading...</div>
{:else}
{#each todos as todo (todo.id)}
<Todo {todo} />
{/each}
{/if}

48
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/src/lib/components/Todo.svelte
View File

@@ -1,48 +0,0 @@
<script lang="ts">
import type { ExtractPayload, Todo as RpcTodo } from '@<@var(context.project.name)>/rpc';
import { getTodoCollection } from '$lib/todocollectionscontext';
let { todo }: { todo: ExtractPayload<RpcTodo> } = $props();
const getInitialTodo = () => todo;
let todoState = $state<ExtractPayload<RpcTodo>>({ ...getInitialTodo() });
let commitUpdateTimeoutId: ReturnType<typeof setTimeout> | null = null;
const todoCollection = getTodoCollection();
const updateTask = () => {
if (commitUpdateTimeoutId != null) {
clearTimeout(commitUpdateTimeoutId);
}
commitUpdateTimeoutId = setTimeout(() => {
todoCollection.update(todoState.id, (draft) => {
draft.task = todoState.task;
});
}, 3000);
};
const updateDone = () => {
todoCollection.update(todoState.id, (draft) => {
draft.done = todoState.done;
});
};
const del = () => {
todoCollection.delete(todoState.id || '');
};
</script>
<div class="flex flex-col items-center gap-2 rounded-md border p-5">
<input
class="rounded-md border px-3 py-1 text-center"
type="text"
bind:value={todoState.task}
oninput={updateTask}
/>
<span>{new Date(todoState.createdAt || '').toLocaleString()}</span>
<span>{new Date(todoState.updatesAt || '').toLocaleString()}</span>
<input type="checkbox" bind:checked={todoState.done} onchange={updateDone} />
<button class="cursor-pointer rounded-md bg-amber-800 p-1 text-amber-100" onclick={del}>
delete
</button>
</div>

8
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/src/lib/getconnectrouter.ts
View File

@@ -1,8 +0,0 @@
import {createRouter} from '@<@var(context.project.name)>/rpc'
const router = createRouter("http://127.0.0.1:8080")
export const getRouter = () => {
return router;
}

4
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/src/lib/todocollectionscontext.ts
View File

@@ -1,4 +0,0 @@
import { createContext } from "svelte";
import { type CollectionImpl } from '@tanstack/svelte-db'
import type { Todo, ExtractPayload } from "@<@var(context.project.name)>/rpc";
export const [getTodoCollection,setTodoCollection] = createContext<CollectionImpl<ExtractPayload<Todo>,string>>()

50
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/src/routes/+layout.svelte
View File

@@ -1,53 +1,11 @@
<script lang="ts">
import { createCollection } from '@tanstack/svelte-db';
import { queryCollectionOptions } from '@tanstack/query-db-collection';
import { getRouter } from "$lib/getconnectrouter"
import favicon from '$lib/assets/favicon.svg';
import "../app.css"
import { QueryClient, QueryClientProvider } from '@tanstack/svelte-query';
import type { ExtractPayload, Todo } from '@<@var(context.project.name)>/rpc';
import { browser } from '$app/environment';
import { setTodoCollection } from '$lib/todocollectionscontext';
let { children } = $props();
const router = getRouter()
const queryClient = new QueryClient({
defaultOptions: {
queries: {
enabled: browser
}
},
})
const todosCollection = createCollection(
queryCollectionOptions({
queryKey: ["todos"],
queryFn: async () => {
const todos = await router.todos.listTodos({})
return todos.todos as ExtractPayload<Todo>[];
},
queryClient,
getKey: (item) => item.id ? item.id : crypto.randomUUID(),
onInsert: async ({transaction}) => {
Promise.all(transaction.mutations.map((m) => {
router.todos.createTodo({ todo: m.modified })
}))
},
onDelete: async ({transaction}) => {
Promise.all(transaction.mutations.map((m) => {
router.todos.deleteTodo({todo: m.modified})
}))
},
onUpdate: async ({transaction}) => {
Promise.all(transaction.mutations.map((m) => {
router.todos.updateTodo({todo: m.modified})
}))
}
})
)
setTodoCollection(todosCollection)
</script>
<svelte:head>
<link rel="icon" href={favicon} />
</svelte:head>
<QueryClientProvider client={queryClient}>
{@render children()}
</QueryClientProvider>
{@render children()}

58
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/src/routes/+page.svelte
View File

@@ -1,11 +1,51 @@
<script>
import CreateTodo from "$lib/components/CreateTodo.svelte";
import ListTodos from "$lib/components/ListTodos.svelte";
<script lang="ts">
import { createRouter, type Todo } from "@glstack-test/rpc"
import type { ChangeEventHandler } from "svelte/elements";
const router = createRouter("http://127.0.0.1:8080");
let todos = $state<Todo[]>([])
let todoToCreateTask = $state<string>("")
const fetchTodos = () => {
router.todos.listTodos({}).then((r) => {
todos = r.todos;
})
}
$effect(() => {
fetchTodos()
})
const setTodoDone = (id: string, task: string) => {
return async (event : Event & { currentTarget: HTMLInputElement }) => {
await router.todos.updateTodo({ todo: { id, task, done: event.currentTarget.checked } })
fetchTodos()
}
}
const deleteTodo = (id: string) => {
return async () => {
await router.todos.deleteTodo({ todo: { id } })
fetchTodos()
}
}
const createTodo = () => {
router.todos.createTodo({ todo: { id: crypto.randomUUID(), task: todoToCreateTask } }).then((r) => {
console.log(r)
fetchTodos()
}).catch((e) => {
console.log(e)
})
}
</script>
<main class="flex flex-col items-center gap-2 py-5">
<title>Todos</title>
<h1 class="text-5xl"> Todos </h1>
<CreateTodo/>
<ListTodos/>
</main>
<div>
<h1>Create Todo</h1>
<input bind:value={todoToCreateTask} type="text"/>
<button onclick={createTodo}> create </button>
{#each todos as todo (todo.id)}
<div>
{todo.task}
<input type='checkbox' onchange={setTodoDone(todo.id || "",todo.task)}/>
<button onclick={deleteTodo(todo.id || "")}>delete</button>
</div>
{/each}
</div>

7
template/apps/<@if(eq(context.project.frontend,"svelte-kit"))>web/vite.config.ts
View File

@@ -1,9 +1,6 @@
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [
tailwindcss(),
sveltekit(),
]
plugins: [sveltekit()]
});

2
template/apps/<@if(eq(context.project.mobile,"expo"))>mobile/src/app/_layout.tsx
View File

@@ -1,5 +1,5 @@
import { Stack } from "expo-router";
export default function RootLayout() {
return <Stack />;
return <Stack screenOptions={{headerShown:false}} />;
}

2
template/apps/<@if(eq(context.project.mobile,"expo"))>mobile/src/app/index.tsx
View File

@@ -47,7 +47,7 @@ export default function Index() {
return (
<Host style={{ flex: 1 }}>
<Column alignment="center" modifiers={[fillMaxWidth()]}>
<Text> create todo </Text>
<Text textStyle={{fontSize:30}}> Create Todo </Text>
<TextInput value={todoToCreateTask} onChangeText={updateTodoToCreateTask} />
<Button modifiers={[controlSize('regular')]} label="create Todo" onPress={createTodo} />
<ScrollView modifiers={[fillMaxWidth()]}>

53
template/devenv.nix
View File

@@ -30,6 +30,15 @@
version = [ "27.1.12297006" ];
};
};
enterShell = ''
export LD_LIBRARY_PATH=$ANDROID_HOME/emulator/lib64:$LD_LIBRARY_PATH
'';
scripts.create-avd.exec = ''
if [ ! -f .avd-created ]; then
avdmanager create avd -n "Pixel_5_API34" -k "system-images;android-34;google_apis_playstore;x86_64" -d "pixel_5";
touch .avd-created;
fi
'';
<@endif>
languages.go.enable = true;
languages.typescript.enable = true;
@@ -44,22 +53,13 @@
}
];
};
scripts.create-avd.exec = ''
if [ ! -f .avd-created ]; then
avdmanager create avd
-n "Pixel_5_API34"
-k "system-images;android-34;google_apis_playstore;x86_64"
-d "pixel_5"
fi
'';
<@endif>
processes = {
<@if(neq(context.project.frontend,"none"))>
bundev = {
exec = "bun dev";
cwd = "./apps/web";
after= ["devenv:processes:air@started"];
};
bundev = {
exec = "bun dev";
cwd = "./apps/web";
after= ["devenv:processes:air@started"];
};
<@endif>
air = {
exec = "air";
@@ -70,36 +70,39 @@
exec = "buf generate";
cwd = "./packages/proto";
watch = {
paths = [ ./ ];
paths = [ ./packages/proto ];
extensions = [ "proto" ];
};
after= ["devenv:processes:air@started"];
};
protojswatcher = {
exec = "bun run ./scripts/gen-rpc-index.ts";
cwd = "./packages/rpc/src";
cwd = "./";
watch = {
paths = [ ./ ];
extensions = ["js","ts"];
paths = [ ./packages/rpc/src ];
extensions = ["js" "ts"];
};
after= ["devenv:processes:protowatcher@after"];
after= ["devenv:processes:protowatcher@completed"];
};
<@if(eq(context.project.mobile,"expo"))>
createavd = {
exec = "create-avd"
exec = "create-avd";
};
emulator = {
exec = "emulator -avd Pixel_5_API34"
after = ["devenv:processes:createavd@after"]
exec = "emulator -avd Pixel_5_API34";
after = ["devenv:processes:createavd@completed"];
};
bundev = {
expodev = {
exec = "bunx expo run:android";
cwd = "./apps/mobile";
after= ["devenv:processes:emulator@started"];
};
<@endif>
sqlwatcher = {
exec = "watchexec -w ./db/migrations -w ./db/query -r -e sql sqlc generate";
exec = "sqlc generate";
watch = {
paths = [ ./db/migrations ./db/query ];
extensions = ["sql" "sqlc"];
};
cwd = "./services/api";
after= ["devenv:processes:air@started"];
};

34
template/services/api/server/todo/todo.go
View File

@@ -1,16 +1,19 @@
package todo
import (
"cmp"
"context"
"net/http"
"slices"
"time"
"connectrpc.com/connect"
"connectrpc.com/validate"
"context"
"<@var(context.project.goprefix)>/<@var(context.project.name)>/db"
"github.com/<@var(context.project.name)>/<@var(context.project.name)>/db"
todov1 "<@var(context.project.goprefix)>/<@var(context.project.name)>/gen/todo/v1"
"<@var(context.project.goprefix)>/<@var(context.project.name)>/gen/todo/v1/todov1connect"
. "<@var(context.project.goprefix)>/<@var(context.project.name)>/utils"
. "<@var(context.project.goprefix)>/glstack-test/utils"
"github.com/jackc/pgx/v5/pgtype"
"net/http"
"time"
)
type TodoServer struct{}
@@ -46,9 +49,9 @@ func (srv *TodoServer) ListTodos(ctx context.Context, req *connect.Request[todov
if err != nil {
return nil, err
}
reponseTodos := []*todov1.Todo{}
responseTodos := []*todov1.Todo{}
for _, todo := range todos {
reponseTodos = append(reponseTodos, &todov1.Todo{
responseTodos = append(responseTodos, &todov1.Todo{
Id: StrPtr(todo.ID.String()),
Task: todo.Task,
CreatedAt: StrPtr(todo.CreatedAt.Time.Format(time.RFC3339)),
@@ -56,10 +59,25 @@ func (srv *TodoServer) ListTodos(ctx context.Context, req *connect.Request[todov
Done: BoolPtr(todo.Done.Bool),
})
}
slices.SortFunc(responseTodos, func(a, b *todov1.Todo) int {
dateCmp := cmp.Compare(a.GetCreatedAt(), b.GetCreatedAt())
return dateCmp
})
slices.SortFunc(responseTodos, func(a, b *todov1.Todo) int {
var boolToInt = func(b bool) int {
if b {
return 1
} else {
return 0
}
}
doneCmp := cmp.Compare(boolToInt(*a.Done), boolToInt(*b.Done))
return doneCmp
})
return &connect.Response[todov1.ListTodosResponse]{
Msg: &todov1.ListTodosResponse{
Todos: reponseTodos,
Todos: responseTodos,
},
}, nil
}