mariosant/ghostwriter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use bun

Browse Source
This commit is contained in:
Marios Antonoudiou
2026-03-05 15:28:55 +02:00
parent aad888ff2c
commit 1df8a3f452
13 changed files with 3059 additions and 10822 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2830
bun.lock Normal file
View File

File diff suppressed because it is too large Load Diff

86
components/register.vue
View File

@@ -7,46 +7,48 @@ const { openInPopup } = useUserSession();
</script>
<template>
<UContainer
class="flex flex-col items-center gap-4 justify-center w-full p-16"
>
<UCard class="max-w-sm grid gap-6 justify-center items-center">
<div class="flex flex-col gap-10 items-center justify-center">
<div class="flex gap-2 items-center">
<div class="font-bold text-xl tracking-tight font-fira-code">
Ghostwriter
</div>
<NuxtImg src="/ghostwriter-logo.png" class="size-9" />
</div>
<div class="grid gap-2">
<div class="text-center text-2xl font-bold">
Sign in to your account.
</div>
<div class="text-center">
Connect with Strava to automatically add personalized titles and
descriptions to your activities.
</div>
</div>
<div
aria-role="button"
@click="openInPopup('/auth/strava')"
class="cursor-pointer w-full max-w-[200px]"
>
<NuxtImg
src="/images/connect-with-strava.svg"
class="w-full max-w-[200px]"
/>
</div>
<div class="text-sm text-gray-500">
By signing in, you agree to our
<NuxtLink
href="https://www.ghostwriter.rocks/privacy"
class="text-primary-500"
>Privacy Policy</NuxtLink
>.
</div>
</div>
</UCard>
</UContainer>
<AppFooter />
<UContainer
class="flex flex-col items-center gap-4 justify-center w-full p-16"
>
<UCard class="max-w-sm grid gap-6 justify-center items-center">
<div class="flex flex-col gap-10 items-center justify-center">
<div class="flex gap-2 items-center">
<div
class="font-bold text-xl tracking-tight font-fira-code"
>
Ghostwriter
</div>
<NuxtImg src="/ghostwriter-logo.png" class="size-9" />
</div>
<div class="grid gap-2">
<div class="text-center text-2xl font-bold">
Sign in to your account.
</div>
<div class="text-center">
Connect with Strava to automatically add personalized
titles and descriptions to your activities.
</div>
</div>
<div
aria-role="button"
@click="openInPopup('/auth/strava')"
class="cursor-pointer w-full max-w-[200px]"
>
<NuxtImg
src="/images/connect-with-strava.svg"
class="w-full max-w-[200px]"
/>
</div>
<div class="text-sm text-gray-500">
By signing in, you agree to our
<NuxtLink
href="https://www.ghostwriter.rocks/privacy"
class="text-primary-500"
>Privacy Policy</NuxtLink
>.
</div>
</div>
</UCard>
</UContainer>
<AppFooter />
</template>

20
layouts/default.vue
View File

@@ -1,12 +1,12 @@
<template>
<UApp :toaster="{ position: 'bottom-center' }">
<AuthState v-slot="{ loggedIn }">
<Register v-if="!loggedIn" />
<template v-if="loggedIn">
<AppBar />
<slot />
<AppFooter />
</template>
</AuthState>
</UApp>
<UApp :toaster="{ position: 'bottom-center' }">
<AuthState v-slot="{ loggedIn }">
<Register v-if="!loggedIn" />
<template v-if="loggedIn">
<AppBar />
<slot />
<AppFooter />
</template>
</AuthState>
</UApp>
</template>

5
nuxt.config.ts
View File

@@ -14,11 +14,6 @@ export default defineNuxtConfig({
hookdeckKey: "",
openaiApiKey: "",
databaseUrl: "",
public: {
posthogPublicKey: "",
posthogHost: "",
posthogDefaults: "2025-05-24",
},
},
future: { compatibilityVersion: 4 },
compatibilityDate: "2025-03-01",

2
package.json
View File

@@ -22,8 +22,6 @@
"nuxt": "^4.0.3",
"nuxt-auth-utils": "0.5.23",
"openai": "^5.12.2",
"posthog-js": "^1.259.0",
"posthog-node": "^5.6.0",
"radash": "^12.1.1",
"ts-pattern": "^5.8.0",
"url": "^0.11.4",

343
pages/index.vue
View File

@@ -4,206 +4,213 @@ useHead({ title: "Ghostwriter" });
const { user } = useUserSession();
const stravaLink = computed(() => {
return `https://www.strava.com/athletes/${toValue(user).id}`;
return `https://www.strava.com/athletes/${toValue(user).id}`;
});
interface FormData {
enabled: boolean;
language: string;
units: string;
tone: string[];
highlights: string[];
enabled: boolean;
language: string;
units: string;
tone: string[];
highlights: string[];
}
const preferences = useState<FormData>("preferences", () => ({
enabled: false,
language: "English",
units: "Metric",
tone: [],
highlights: [],
enabled: false,
language: "English",
units: "Metric",
tone: [],
highlights: [],
}));
const { data, status } = useFetch("/api/preferences", {
lazy: true,
lazy: true,
});
// @ts-expect-error typing issue - missing transform
syncRef(data, preferences, { direction: "ltr", deep: true });
onMounted(() => {
saveOp.resume();
saveOp.resume();
});
const saveOp = watchPausable(
preferences,
async (newData) => {
await $fetch("/api/preferences", {
method: "PUT",
body: toValue(preferences),
});
},
{
initialState: "paused",
deep: true,
},
preferences,
async (newData) => {
await $fetch("/api/preferences", {
method: "PUT",
body: toValue(preferences),
});
},
{
initialState: "paused",
deep: true,
},
);
</script>
<template>
<UContainer class="max-w-2xl py-8 flex flex-col gap-4">
<div class="font-bold text-lg">Welcome to Ghostwriter!</div>
<UContainer class="max-w-2xl py-8 flex flex-col gap-4">
<div class="font-bold text-lg">Welcome to Ghostwriter!</div>
<div>
Let's generate fun and engaging titles and descriptions for your Strava
activities automatically, right when they are created. Customize your
preferences below.
</div>
<div>
Let's generate fun and engaging titles and descriptions for your
Strava activities automatically, right when they are created.
Customize your preferences below.
</div>
<div>
Add a touch of creativity to your Strava workouts. Simply enable it and
choose your language, and we'll do the rest!
</div>
</UContainer>
<div>
Add a touch of creativity to your Strava workouts. Simply enable it
and choose your language, and we'll do the rest!
</div>
</UContainer>
<UContainer class="max-w-2xl py-8 flex flex-col gap-4">
<div class="font-bold text-lg">❤️ Support</div>
<UCard class="">
<div class="flex flex-col gap-8">
Ghostwriter 👻 is free to use, but it takes time and resources to keep
it running smoothly. If you enjoy it, consider supporting the app and
its creator - every bit helps!
</div>
<template #footer>
<ULink href="https://buymeacoffee.com/mariosant" target="_blank">
<NuxtImg
src="images/bmac-orange-button.png"
height="32px"
class="h-8"
/>
</ULink>
</template>
</UCard>
</UContainer>
<UContainer class="max-w-2xl py-8 flex flex-col gap-4">
<div class="font-bold text-lg">❤️ Support</div>
<UCard class="">
<div class="flex flex-col gap-8">
Ghostwriter 👻 is free to use, but it takes time and resources
to keep it running smoothly. If you enjoy it, consider
supporting the app and its creator - every bit helps!
</div>
<template #footer>
<ULink
href="https://buymeacoffee.com/mariosant"
target="_blank"
>
<NuxtImg
src="images/bmac-orange-button.png"
height="32px"
class="h-8"
/>
</ULink>
</template>
</UCard>
</UContainer>
<UContainer
class="max-w-2xl py-8 flex flex-col gap-4"
v-if="status === 'success'"
>
<div class="font-bold text-lg">🛠️ Preferences</div>
<UCard class="">
<div class="flex flex-col gap-8">
<CardField>
<template #title> Enabled </template>
<template #description>
Enable/disable automatic generation.
</template>
<template #value>
<USwitch size="lg" v-model="preferences.enabled" />
</template>
</CardField>
<UContainer
class="max-w-2xl py-8 flex flex-col gap-4"
v-if="status === 'success'"
>
<div class="font-bold text-lg">🛠️ Preferences</div>
<UCard class="">
<div class="flex flex-col gap-8">
<CardField>
<template #title> Enabled </template>
<template #description>
Enable/disable automatic generation.
</template>
<template #value>
<USwitch size="lg" v-model="preferences.enabled" />
</template>
</CardField>
<CardField>
<template #title> Model language </template>
<template #description>
Language for generated titles and descriptions.
</template>
<template #value>
<USelect
class="min-w-28"
:items="languages"
v-model="preferences.language"
/>
</template>
</CardField>
<CardField>
<template #title> Model language </template>
<template #description>
Language for generated titles and descriptions.
</template>
<template #value>
<USelect
class="min-w-28"
:items="languages"
v-model="preferences.language"
/>
</template>
</CardField>
<CardField>
<template #title> Unit system </template>
<template #description>
Unit system preference, used in descriptions.
</template>
<template #value>
<USelect
class="min-w-28"
v-model="preferences.units"
:items="units"
/>
</template>
</CardField>
<CardField>
<template #title> Unit system </template>
<template #description>
Unit system preference, used in descriptions.
</template>
<template #value>
<USelect
class="min-w-28"
v-model="preferences.units"
:items="units"
/>
</template>
</CardField>
<CardField>
<template #title> Tone </template>
<template #description>
Choose one or more writing styles you like.
</template>
<template #value>
<USelect
multiple
class="min-w-28 max-w-64"
v-model="preferences.tone"
:items="tones"
placeholder="None specified (Use all)"
/>
</template>
</CardField>
<CardField>
<template #title> Tone </template>
<template #description>
Choose one or more writing styles you like.
</template>
<template #value>
<USelect
multiple
class="min-w-28 max-w-64"
v-model="preferences.tone"
:items="tones"
placeholder="None specified (Use all)"
/>
</template>
</CardField>
<CardField>
<template #title> Highlight </template>
<template #description>
Choose what Ghostwriter should focus on.
</template>
<template #value>
<USelect
multiple
class="min-w-28 max-w-64"
:items="highlights"
v-model="preferences.highlights"
placeholder="None specified (Use all)"
/>
</template>
</CardField>
</div>
</UCard>
</UContainer>
<CardField>
<template #title> Highlight </template>
<template #description>
Choose what Ghostwriter should focus on.
</template>
<template #value>
<USelect
multiple
class="min-w-28 max-w-64"
:items="highlights"
v-model="preferences.highlights"
placeholder="None specified (Use all)"
/>
</template>
</CardField>
</div>
</UCard>
</UContainer>
<UContainer class="max-w-2xl py-8 flex flex-col gap-4">
<div class="font-bold text-lg">🪪 Your connected Strava account</div>
<UCard class="bg-neutral-50 dark:bg-slate-800">
<div class="flex flex-col gap-8">
<CardField>
<template #title> Full name </template>
<template #description>
Full name from your linked Strava account.
</template>
<template #value>
{{ user.name }}
</template>
</CardField>
<UContainer class="max-w-2xl py-8 flex flex-col gap-4">
<div class="font-bold text-lg">🪪 Your connected Strava account</div>
<UCard class="bg-neutral-50 dark:bg-slate-800">
<div class="flex flex-col gap-8">
<CardField>
<template #title> Full name </template>
<template #description>
Full name from your linked Strava account.
</template>
<template #value>
{{ user.name }}
</template>
</CardField>
<CardField>
<template #title> Country </template>
<template #description>
Country associated with your Strava account.
</template>
<template #value> {{ user.country }} </template>
</CardField>
<CardField>
<template #title> Country </template>
<template #description>
Country associated with your Strava account.
</template>
<template #value> {{ user.country }} </template>
</CardField>
<CardField>
<template #title> Athlete ID </template>
<template #description>
Your Athlete ID. Click it to view your profile on Strava.</template
>
<CardField>
<template #title> Athlete ID </template>
<template #description>
Your Athlete ID. Click it to view your profile on
Strava.</template
>
<template #value>
<ULink :href="stravaLink" class="underline flex items-center gap-2">
{{ user.id }}
<UIcon
name="heroicons:arrow-top-right-on-square"
class="size-4"
/>
</ULink>
</template>
</CardField>
</div>
</UCard>
</UContainer>
<template #value>
<ULink
:href="stravaLink"
class="underline flex items-center gap-2"
>
{{ user.id }}
<UIcon
name="heroicons:arrow-top-right-on-square"
class="size-4"
/>
</ULink>
</template>
</CardField>
</div>
</UCard>
</UContainer>
</template>

20
plugins/posthog.client.ts
View File

@@ -1,20 +0,0 @@
import posthog from "posthog-js";
export default defineNuxtPlugin(() => {
const runtimeConfig = useRuntimeConfig();
const posthogClient = posthog.init(runtimeConfig.public.posthogPublicKey, {
api_host: runtimeConfig.public.posthogHost,
//@ts-expect-error typing is more explicit than what it should
defaults: runtimeConfig.public.posthogDefaults,
loaded: (posthog) => {
if (import.meta.env.MODE === "development") posthog.debug();
},
});
return {
provide: {
posthog: () => posthogClient,
},
};
});

10491
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

7
pnpm-workspace.yaml
View File

@@ -1,7 +0,0 @@
onlyBuiltDependencies:
- '@parcel/watcher'
- '@tailwindcss/oxide'
- core-js
- esbuild
- sharp
- vue-demi

13
server/api/tasks/remove-athlete.post.ts
View File

@@ -20,22 +20,9 @@ export default defineEventHandler(async (event) => {
},
});
posthog.identifyImmediate({
distinctId: String(user!.id),
properties: {
name: user!.name,
country: user!.country,
},
});
await db
.delete(tables.users)
.where(eq(tables.users.id, get(body, "object_id")));
posthog.captureImmediate({
distinctId: get(body, "object_id"),
event: "user deleted",
});
sendNoContent(event);
});

29
server/plugins/posthog.ts
View File

@@ -1,29 +0,0 @@
import { PostHog } from "posthog-node";
import { waitUntil } from "@vercel/functions";
export default defineNitroPlugin((nitroApp) => {
const runtimeConfig = useRuntimeConfig();
const posthog = new PostHog(runtimeConfig.public.posthogPublicKey, {
host: runtimeConfig.public.posthogHost,
flushAt: 1,
flushInterval: 0,
});
nitroApp.hooks.hook("request", (event) => {
event.context.posthog = posthog;
});
nitroApp.hooks.hook("beforeResponse", () => {
waitUntil(posthog.shutdown());
});
nitroApp.hooks.hook("close", () => {
waitUntil(posthog.shutdown());
});
});
declare module "h3" {
interface H3EventContext {
posthog: PostHog;
}
}

15
server/routes/auth/strava.ts
View File

@@ -24,8 +24,6 @@ export default defineOAuthStravaEventHandler({
});
}
const posthog = event.context.posthog;
const userPayload = {
id: auth.user.id,
name: `${auth.user.firstname} ${auth.user.lastname}`,
@@ -82,19 +80,6 @@ export default defineOAuthStravaEventHandler({
user: userPayload,
});
posthog.identifyImmediate({
distinctId: String(user!.id),
properties: {
name: user!.name,
country: user!.country,
},
});
posthog.captureImmediate({
distinctId: String(user!.id),
event: "user logged in",
});
sendRedirect(event, "/");
},
});

20
server/utils/posthog-client.ts
View File

@@ -1,20 +0,0 @@
import { PostHog } from "posthog-node";
let client: PostHog;
export const usePosthog = () => {
const runtimeConfig = useRuntimeConfig();
client =
client ??
new PostHog(runtimeConfig.public.posthogPublicKey, {
host: runtimeConfig.public.posthogHost,
defaults: runtimeConfig.public.posthogDefaults,
});
if (process.dev) {
client.debug();
}
return client;
};