Introduce highlights option

pages/index.vue

@@ -14,6 +14,7 @@ interface FormData {
   language: string;
   units: string;
   tone: string[];
+  highlights: string[];
 }
 
 const preferences = useState<FormData>("preferences", () => ({
@@ -21,6 +22,7 @@ const preferences = useState<FormData>("preferences", () => ({
   language: "English",
   units: "Metric",
   tone: [],
+  highlights: [],
 }));
 
 const { data, status } = useFetch("/api/preferences", {
@@ -149,6 +151,22 @@ const saveOp = watchPausable(
             />
           </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>

server/api/preferences.put.ts

@@ -1,5 +1,6 @@
 import * as z from "zod";
 import {
+  availableHighlights,
   availableLanguages,
   availableTones,
   availableUnits,
@@ -10,6 +11,7 @@ const bodySchema = z.strictObject({
   language: z.enum(availableLanguages),
   units: z.enum(availableUnits),
   tone: z.array(z.enum(availableTones)),
+  highlights: z.array(z.enum(availableHighlights)),
 });
 
 export default defineEventHandler(async (event) => {
@@ -26,6 +28,7 @@ export default defineEventHandler(async (event) => {
         language: body.language,
         units: body.units,
         tone: body.tone,
+        highlights: body.highlights,
       },
     })
     .where(eq(tables.preferences.userId, session.user.id))

server/database/schema.ts

@@ -34,12 +34,14 @@ export const preferences = pgTable("preferences", {
       language: string;
       units: "Imperial" | "Metric";
       tone?: string[];
+      highlights?: string[];
     }>()
     .$defaultFn(() => ({
       enabled: true,
       language: "English",
       units: "Metric",
       tone: [],
+      highlights: [],
     })),
 });
 

server/utils/create-content.ts

@@ -1,7 +1,7 @@
 import { chain, draw, get, isEmpty, omit, pick, tryit } from "radash";
 import { safeDestr } from "destr";
 import { User } from "./drizzle";
-import { availableTones } from "~/shared/constants";
+import { availableHighlights, availableTones } from "~/shared/constants";
 
 const promo = "Written by https://ghostwriter.rocks 👻";
 
@@ -120,21 +120,19 @@ export const createActivityContent = async ({
     ? (draw(availableTones) as string)
     : draw(user.preferences.data!.tone!);
 
-  const length = draw([
+  const highlight = isEmpty(user.preferences.data?.highlights)
-    "short",
+    ? (draw(availableHighlights) as string)
-    "short",
+    : draw(user.preferences.data!.highlights!);
-    "short",
+
-    "medium",
+  const length = draw(["short", "medium", "a-little-more-than-medium"]);
-    "a-little-more-than-medium",
-  ]);
 
   const prompt = `
     Generate a short title and a ${length}-lengthed description for my strava activity. Use my preferred language and unit system.
     Try to not exaggerate as I am using Strava often and I want my activites to be unique and easy to read. Don't say things like nothing too fancy or wild.
-    Use a little bit of ${tone} tone to make things less boring. Highlight any PR only if available, do not mention them if no PRs.
+    Use a little bit of ${tone} tone to make things less boring. Highlight ${highlight} properties if available.
     Maybe comment if any interesting fact in comparison to previous activities.
 
-    Add #${tone} at the end of the description. Depending the length of the description, maybe add more hashtags.
+    Add #${tone} and #${highlight} at the end of the description. Depending the length of the description, maybe add more hashtags.
 
     Language: ${user?.preferences.data.language}
     Unit system: ${user?.preferences.data.units}

shared/constants.ts

@@ -22,3 +22,11 @@ export const availableLanguages = [
 ] as const;
 
 export const availableUnits = ["Imperial", "Metric"] as const;
+
+export const availableHighlights = [
+  "Athletic",
+  "Area Exploration",
+  "Social",
+  "Mood",
+  "Conditions",
+] as const;

utils/model.ts

@@ -2,6 +2,7 @@ import {
   availableLanguages,
   availableTones,
   availableUnits,
+  availableHighlights,
 } from "~/shared/constants";
 
 export const languages = ref(availableLanguages);
@@ -9,3 +10,5 @@ export const languages = ref(availableLanguages);
 export const tones = ref(availableTones);
 
 export const units = ref(availableUnits);
+
+export const highlights = ref(availableHighlights);