2026 prep (#162)

* new year badge, flair and fix dialog on deep sea

* oof

* more better more dynamic

* Fortune cookie expansion (#163)

* add 20+ fortunes

* Update shop.vue (#164)

* Update shop.vue

Added some fortune cookies!

* Apply suggestions from code review

---------

Co-authored-by: edenchazard <38665888+edenchazard@users.noreply.github.com>

* Apply suggestions from code review

* Update app/pages/shop.vue

* grumble

* flag_gb

* lil typo sadface from last year

* add 20 more

* trio finale

* add 8

---------

Co-authored-by: edenchazard <38665888+edenchazard@users.noreply.github.com>
Co-authored-by: Annezor <sofiesoer@hotmail.com>
Co-authored-by: Charley Reeson <neon.fortytwo@gmail.com>

---------

Co-authored-by: endulum <71853916+endulum@users.noreply.github.com>
Co-authored-by: Annezor <sofiesoer@hotmail.com>

Author: 3 people

Dockerfile.dev

@@ -2,5 +2,5 @@ FROM node:24.11-bookworm-slim
 ENV NODE_ENV=development
 WORKDIR /src
 COPY --link package.json package-lock.json ./
-RUN npm ci
+RUN npm i
 CMD [ "npm", "run", "dev" ]

app/components/DialogFortuneCookie.vue

@@ -1,7 +1,8 @@
 <template>
+  <!-- eslint-disable vue/no-v-html We're good. -->
   <dialog
     ref="fortuneDialog"
-    class="m-auto p-4 rounded-lg max-w-md bg-green-100 dark:bg-stone-200 shadow-xl open:animate-[fade-in_0.5s_ease-in-out] [&_a]:text-green-950"
+    class="backdrop:bg-black/50 m-auto p-4 rounded-lg max-w-md bg-green-100 dark:bg-stone-200 deep-sea:bg-slate-500 deep-sea:text-white shadow-xl open:animate-[fade-in_0.5s_ease-in-out] [&_a]:text-green-950"
     @close="unveiledCookie = false"
   >
     <header>
@@ -32,12 +33,12 @@
       <template v-else>
         <div class="overflow-hidden fortune relative">
           <div
-            class="w-full absolute right-0 h-full bg-green-100 dark:bg-stone-200 animate-[unveil_5s_ease-in-out_forwards_1s] motion-reduce:animate-none motion-reduce:w-0 motion-reduce:opacity-1"
+            class="w-full absolute right-0 h-full bg-green-100 dark:bg-stone-200 deep-sea:bg-slate-500 animate-[unveil_5s_ease-in-out_forwards_1s] motion-reduce:animate-none motion-reduce:w-0 motion-reduce:opacity-1"
           />
           <q
             class="block px-4 py-2 bg-orange-300 text-black italic text-center sm:px-8"
-            >{{ fortune }}</q
-          >
+            v-html="fortune"
+          />
         </div>
         <template v-if="reward">
           <p class="flex items-center gap-2">

app/pages/shop.vue

@@ -268,22 +268,78 @@ async function handleItem(item: Item) {
 
   if (item.name === 'Fortune Cookie') {
     const fortunes = [
+      ':3c',
+      'Not telling.',
+      'Do whatever you want forever.',
+      'You are about to invent the next viral meme. This may or may not be good news.',
+      "Need an idea for a New Year's resolution? Eat as many pasta shapes as you can this year.",
+      "Need an idea for a New Year's resolution? Listen to as many different music genres as you can this year.",
+      "Need an idea for a New Year's resolution? Pet as many cats (or dogs) as you can this year.",
+      "Need an idea for a New Year's resolution? Raise as many Mints as you can this year.",
+      'Run.',
+      "Dare to dream, but don't forget to live.",
+      'Carton of eggs, milk, shredded cheese, paper towels, loaf of bread, lettuce, ketchup...',
+      'An unfortunate autoabandon is upon you.',
+      'A successful Staterae breeding is upon you.',
+      "Don't be the bigger person. Be the bigger problem.",
+      'We live in a society.',
+      "I see several Gold eggs in your future... they're not yours, though.",
+      "You should start spriting that dragon you've been daydreaming about.",
+      '[TODO: clever fortune here]',
+      'Very soon, you are about to make a series of excellent choices.',
+      'Very soon, you are about to make a series of terrible choices.',
+      'Positive thoughts invite positive results.',
+      "Don't just step out of your comfort zone. Take a leap.",
+      "When life shuts a door, open it again. That's how doors work.",
+      'Bloom where you are planted.',
+      "You've got a secret admirer.",
+      "There's a very important email you're forgetting to answer.",
+      "I don't know. Ask a Mint.",
+      'Keep your friends close and your Mints closer.',
+      'A Mint a day keeps your bad luck away.',
+      'Those who walk in a circle only end up where they started.',
+      '99% of cave hunters quit right before catching their first metal.',
+      "Communication is key to a relationship. Perhaps there's something you should tell your loved one.",
+      '[object Object]',
+      'Keep your head up; success is just over the horizon.',
+      "IT'S SO OVER",
+      "You're more in control than you think.",
+      "WE'RE SO BACK",
+      'Fear is the mind-killer.',
+      'You will be hungry again in one to three hours.',
+      'A shell in the hand is better than a Shumoga hatchling in the AP.',
+      "We've been trying to reach you about your automobile's extended warranty...",
+      'Last year was practice. This year is yours.',
+      'Choices made in anger cannot be undone!',
+      'If it sucks, hit the bricks! Real winners quit!',
+      'Fortune favours the cookie eater.',
+      'Form is temporary, class is permanent.',
+      'TRAPPED IN FORTUNE COOKIE FACTORY PLEASE HELP',
+      'Disregard all previous cookies.',
+      "'Good enough' is enough.",
       'Terrible luck. You might as well take this year off.',
-      'Great fortune is upon you! You shall surely succeed…surely.',
+      'Great fortune is upon you! You shall surely succeed... surely.',
       'You will open at least one fortune cookie this year.',
       'Thank you for freeing me! But your fortune is in another cookie!',
       'Clicking on {{random_breed}}s will give you good luck today.',
+      'The {{random_breed}}s are up to no good today.',
       'The next time you block a mixup, block high (or low).',
       'This fortune is blank.',
+      'Be kind to yourself today.',
+      'Do better by doing good.',
+      'This is a coupon for one firm Matthias handshake (no monetary value).',
+      'You shall be blessed with a blep within a fortnight.',
+      'Matthias wishes you the very best... because you owe him money, and he wants it back.',
+      'You will soon regret some choices involving cheese.',
       'Today will be a good day! Or night.',
       'You are capable of doing tremendous good today.',
+      "You will qualify for this month's raffle, but winning is not guaranteed.",
       "Your luck is so-so, but although your luck may be unremarkable, you don't have to be.",
       'No Harkfrost scatters only a single snowflake.',
       'Someone is in need of your kind words today.',
       'You appear to be forgetting something.',
-      'https://youtu.be/p7YXXieghto',
-      'https://youtu.be/dQw4w9WgXcQ',
-      'https://youtu.be/9MYQVa2wA5Q',
+      '<a href="https://youtu.be/dQw4w9WgXcQ">https://youtu.be/dQw4w9WgXcQ</a>',
+      '<a href="https://youtu.be/9MYQVa2wA5Q">https://youtu.be/9MYQVa2wA5Q</a>',
       'You seem to be stuck in an infinite loop.',
       'Your luck is reasonable, but it may be unwise to try it.',
       'You are dearly missed by a certain friend.',
@@ -299,6 +355,7 @@ async function handleItem(item: Item) {
       'You are now {{price}} dragon dollars poorer.',
       'You are about to finish reading a fortune.',
       'You may see at least one Staterae in the cave this week.',
+      "There's always another dragon.",
     ];
 
     const randomCookie = fortunes[Math.floor(Math.random() * fortunes.length)];

drizzle/0040_item_seeds.sql

@@ -75,4 +75,6 @@ INSERT IGNORE INTO `items` (`id`, `name`, `url`, `category`, `available_from`, `
 	(73, "Topaz", 'topaz.webp', 'flair', '2025-11-01 00:00:00', '2025-11-30 00:00:00', 'November\'s entry for the rock garden.', 100, 'Luci', '2025-11-01 00:00:00', 29),
 	(74, "Turquoise", 'turquoise.webp', 'flair', '2025-12-01 00:00:00', '2025-12-31 00:00:00', 'December\'s entry for the rock garden.', 100, 'Luci', '2025-12-01 00:00:00', 30),
 	(75, "Winter cherry", 'winter-cherry.webp', 'flair', '2025-12-01 00:00:00', '2026-01-07 00:00:00', "It's winter. The fruits look like cherries. That's why it's called the winter cherry.", 100, '04uni', '2025-12-13 00:00:00', 37),
-	(76, "Bauble (white-gold)", 'bauble-white-gold.webp', 'flair', '2025-12-01 00:00:00', '2026-01-07 00:00:00', "This bauble doesn't know what colour it is.", 100, 'Inghelene', '2025-12-13 00:00:00', 37);
+	(76, "Bauble (white-gold)", 'bauble-white-gold.webp', 'flair', '2025-12-01 00:00:00', '2026-01-07 00:00:00', "This bauble doesn't know what colour it is.", 100, 'Inghelene', '2025-12-13 00:00:00', 37),
+	(77, "New Year 2026", 'badges/new-year-2026.webp', 'trophy', NULL, NULL, 'You had your 2026 fortune revealed by Matthias! Hopefully it was something good.', NULL, 'Hourai', '2026-01-01 00:00:00', NULL),
+	(78, "Coin", 'coin.webp', 'flair', '2026-01-01 00:00:00', '2026-01-14 00:00:00', 'Eastern dragons will sometimes hide these coins in dumplings to grant good luck for the new year. For dragons, it\'s innocuous enough, but for humans... take care they don\'t shatter your teeth.', 150, 'Hourai', '2026-01-01 00:00:00', 13);

public/items/coin.webp

@@ -82,12 +82,21 @@ export default defineEventHandler(async (event) => {
         .where(eq(usersSettingsTable.userId, token.userId));
     }
 
-    // New Year 2025 badge.
-    if (item.name === 'Fortune Cookie' && now.getFullYear() === 2025) {
+    // New Year badge.
+    if (item.name === 'Fortune Cookie') {
       const [badge] = await tx
         .select()
         .from(itemsTable)
-        .where(eq(itemsTable.id, 50));
+        .where(
+          and(
+            eq(itemsTable.name, `New Year ${now.getFullYear()}`),
+            eq(itemsTable.category, 'trophy')
+          )
+        );
+
+      if (!badge) {
+        return;
+      }
 
       // Check they don't already have the badge.
       const hasBadge = await tx